/* PDD uses the established JD fonts, palette, grid and page spacing. */
#app[data-surface^="pdd_"] .pdd-section18{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--a-border)}
.pdd-summary18{padding:12px;background:#f6f9ff;margin:12px 0 18px;border:1px solid #d6e0ed}
.pdd-summary18 h3{margin:0 0 10px}
.pdd-summary18 table{width:100%;table-layout:auto}
.pdd-summary18 p{margin:8px 0 0}
#app .pdd-grid-wrap18{max-height:none;overflow-y:visible}
#app .pdd-grid18{width:100%;table-layout:fixed;border-collapse:collapse;min-width:850px}
#app .pdd-grid18 td,#app .pdd-grid18 th{border:1px solid #d6e0ed!important;padding:6px 8px;height:36px;vertical-align:middle;white-space:normal;overflow-wrap:anywhere}
#app .pdd-grid18 th{background:#eaf3ff}
#app .pdd-grid18 td[data-pdd-column="1"],#app .pdd-grid18 td[data-pdd-column="7"],#app .pdd-grid18 td[data-pdd-column="8"]{text-align:center}
#app .pdd-grid18 td[data-pdd-column="6"]{text-align:right}
#app .pdd-grid18 [contenteditable=true]:focus{outline:2px solid #0065e8;outline-offset:-2px;background:#f2f8ff}
#app .pdd-grid18 .kpi-manual-note8{min-height:36px}
.pdd-footer18{margin:12px 0}.pdd-footer18 div{white-space:pre-wrap;padding:6px 0}
.pdd-person-filter18{margin-bottom:12px}
.pdd-person-filter18 label{display:inline-flex;align-items:center;gap:6px}
.pdd-person-filter18 input{width:180px}
.pdd-person-form18{padding:10px 0;border-bottom:1px solid #d6e0ed}
#pddTotal18{width:100px;font-size:22px;font-weight:600}
.pdd-account-form18{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}
.pdd-account-form18 label{display:inline-flex;align-items:center;gap:6px}
.pdd-account-form18 select[name=shopId]{width:250px}
.pdd-account-form18 input[name=account]{width:200px}
.pdd-account-form18 input[name=name]{width:100px}
.pdd-account-form18 .pdd-check18{font-size:13px}
.pdd-check18 input[type=checkbox]{width:15px}
.pdd-metric-table18{min-width:900px;table-layout:fixed}
.pdd-account-table18{min-width:900px;table-layout:fixed}
.pdd-account-table18 th,.pdd-account-table18 td,.pdd-metric-table18 th,.pdd-metric-table18 td{white-space:normal;overflow-wrap:anywhere}
.pdd-account-table18 th:nth-child(1){width:22%}.pdd-account-table18 th:nth-child(2){width:20%}.pdd-account-table18 th:nth-child(3){width:8%}.pdd-account-table18 th:nth-child(4){width:10%}.pdd-account-table18 th:nth-child(n+5){width:8%}
.pdd-metric-table18 th:nth-child(1){width:22%}.pdd-metric-table18 th:nth-child(2){width:18%}.pdd-metric-table18 th:nth-child(3){width:7%}.pdd-metric-table18 th:nth-child(n+4){width:10.6%}
.pdd-connections18 td:last-child{white-space:nowrap}
.pdd-connections18 button{padding-inline:7px;font-size:13px}
#pddShopForm18 label{display:inline-flex;align-items:center;gap:6px}
#pddShopForm18 input[name=rawName]{width:230px}
#pddShopForm18 input[name=note]{width:170px}
#app[data-surface^="pdd_"] .cellbar{display:flex;gap:8px;align-items:center}
#pddCellEditor18{min-width:0;flex:1}

.template-platform21{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #d6e0ed}
.template-platform21 button{min-width:76px}