body{margin:0;padding:16px;background:#f5f6f8}#pd-control{max-width:1200px;margin:auto}#pd-control [hidden]{display:none!important}
#pd-control .pd-account form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}#pd-control .pd-account label{display:grid;gap:4px}#pd-control .pd-account input{max-width:200px}#pd-control .pd-account{margin-bottom:18px}
#pd-control .pd-save-diagnostics{margin:0 0 16px}#pd-control pre{white-space:pre-wrap;overflow-wrap:anywhere}#pd-control .slice-cost-scroll,#pd-control .slice-flow-scroll{overflow:auto;max-width:100%}#pd-control .slice-flow-scroll{max-height:72vh}#pd-control .slice-flow-scroll svg{display:block}
#pd-control .slice-reference-row{display:flex;align-items:start;gap:6px}#pd-control .slice-reference-row label{flex:1}#pd-control .slice-reference-row textarea{width:100%}
#pd-control .slice-structured-row{display:grid;gap:5px;padding:8px 0;border-bottom:1px solid var(--pd-border)}#pd-control .slice-structured-row textarea{width:100%;min-height:42px}#pd-control .slice-structured-row input,#pd-control .slice-structured-row select{width:100%}
#pd-control .pd-ai-parameter-label{display:flex;gap:5px;align-items:center;flex-wrap:wrap}#pd-control .pd-ai-source{display:block;font-size:11px;font-weight:400;margin-top:6px}#pd-control .pd-ai-source textarea{min-height:30px;font-size:11px;padding:4px}
#pd-control .slice-files{display:flex;flex-wrap:wrap;gap:12px}#pd-control .slice-reference-tile{position:relative;max-width:190px;border:1px solid var(--pd-border);padding:10px}#pd-control .slice-files img{width:160px;height:120px;object-fit:contain}#pd-control .slice-preview-thumb{padding:0;border:0}#pd-control .slice-reference-unlink{position:absolute;right:4px;top:4px}#pd-control .slice-file-index{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--pd-border);padding:8px}
#pd-control dialog{max-width:min(850px,90vw);max-height:85vh;overflow:auto;border:1px solid var(--pd-border);border-radius:8px}#pd-control dialog form{display:grid;gap:10px}#pd-control .slice-image-modal img{max-width:85vw;max-height:75vh;object-fit:contain}#pd-control .slice-preview-actions{display:flex;justify-content:end;gap:10px}
#pd-control .slice-history-table{width:100%;border-collapse:collapse}#pd-control .slice-history-table td,#pd-control .slice-history-table th{border:1px solid var(--pd-border);padding:8px;white-space:pre-wrap}#pd-control .slice-history>li{padding:10px;border-bottom:1px solid var(--pd-border)}#pd-control .slice-approval textarea{max-width:650px}
#pd-control .pd-cost-table{width:100%;table-layout:fixed}#pd-control .pd-cost-table input,#pd-control .pd-cost-table textarea,#pd-control .pd-cost-table select{width:100%;min-width:0}#pd-control .pd-cost-table td,#pd-control .pd-cost-table th{padding:6px;border:1px solid var(--pd-border)}#pd-control .slice-quote-row{border-bottom:1px solid var(--pd-border)}#pd-control .pd-output-table{width:100%;table-layout:fixed}#pd-control .pd-output-table input{width:100%;min-width:0}

#login[hidden]{display:none}

/* White thumbnails: current renderer emits direct img children, including merged cells. */
#pd-control .pd-ai-parameter-brief .pd-ai-white-upload{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:0;max-width:100%;min-height:120px;white-space:normal}
#pd-control .pd-ai-parameter-brief .pd-ai-white-upload>img{display:block;flex:0 1 96px;width:96px;height:96px;min-width:0;min-height:0;max-width:100%;max-height:96px;object-fit:contain;background:#fff;border-radius:4px}
#pd-control .pd-ai-parameter-brief .pd-ai-white-upload>.pd-ai-white-upload-label{flex:0 0 100%;width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere}
#pd-control .pd-ai-parameter-brief [data-white-scope] td>[data-product-preview],#pd-control .pd-ai-parameter-brief [data-white-shared-row] td>[data-product-preview]{box-sizing:border-box;max-width:100%;white-space:normal;overflow-wrap:anywhere;margin:4px 4px 0 0}
#pd-control .slice-image-modal .slice-preview-actions{flex-wrap:wrap}
#pd-control .slice-image-modal .slice-preview-actions button{box-sizing:border-box;max-width:100%;white-space:normal;overflow-wrap:anywhere}

/* Layout repair: five stable score columns; narrow viewports scroll only this region. */
#pd-control .pd-rating-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;margin-top:14px}
#pd-control .pd-rating-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;min-width:760px;box-sizing:border-box;padding:2px}
#pd-control .pd-rating-column{box-sizing:border-box;min-width:0;padding:12px 10px;border:1px solid var(--pd-border);border-radius:8px;background:var(--pd-surface)}
#pd-control .pd-rating-column h4{margin:0;font-size:15px;line-height:1.5}
#pd-control .pd-rating-weight{margin:5px 0 12px;color:var(--pd-muted);font-size:12px}
#pd-control .pd-editor .pd-rating-column label{display:grid;gap:6px;margin:0 0 12px;min-width:0;font-size:12px}
#pd-control .pd-editor .pd-rating-column label:last-child{margin-bottom:0}
#pd-control .pd-editor .pd-rating-column :is(select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;font-size:13px}
#pd-control .pd-rating-column textarea{min-height:112px;line-height:1.6}
#pd-control .pd-rating-scroll:focus-visible{outline:2px solid var(--pd-accent);outline-offset:2px}
/* Original cost-row action placement; detail rows occupy space only while open. */
#pd-control .pd-cost-table{min-width:840px}
#pd-control .pd-cost-table th,#pd-control .pd-cost-table td{box-sizing:border-box}
#pd-control .pd-cost-table :is(input,textarea,select){box-sizing:border-box}
#pd-control .pd-cost-table>thead>tr>th:last-child,#pd-control .pd-cost-compare-cell{position:static;width:auto;background:var(--pd-surface);box-shadow:none}
#pd-control .pd-cost-table .pd-cost-compare-toggle{box-sizing:border-box;max-width:100%;font-size:11px;white-space:nowrap}
#pd-control .pd-cost-comparison-row:not(:has(details[open])){display:none}
#pd-control .pd-cost-comparison-row>td{padding:0}
#pd-control .pd-cost-comparison-body>h4{margin:0 0 10px;font-size:14px}
#pd-control .pd-cost-quote-scroll{width:100%;min-width:0;max-width:100%;overflow-x:auto;margin-top:12px;overscroll-behavior-x:contain}
#pd-control .pd-cost-quote-table{width:auto;table-layout:auto}
#pd-control .pd-cost-quote-table th,#pd-control .pd-cost-quote-table td{padding:7px 9px;vertical-align:middle}
#pd-control .pd-cost-quote-table tr>th:first-child{min-width:100px;width:100px;font-size:12px;white-space:nowrap}
#pd-control .pd-cost-quote-table td,#pd-control .pd-cost-quote-table thead th:not(:first-child){min-width:220px;width:220px}
#pd-control .pd-cost-quote-table thead button{display:block;margin-top:5px;font-size:11px}
#pd-control .pd-cost-quote-table label{margin:0;min-width:0}

/* Cost follow-up: every field has its own width; no overlaying fixed action column. */
#pd-control .pd-cost-main-scroll{container-type:inline-size}
#pd-control .pd-cost-table>thead>tr>th,#pd-control .pd-cost-table>tbody>tr[data-cost-row]>td{padding:6px 3px;font-size:11px;vertical-align:top}
#pd-control .pd-cost-table>thead>tr>th{white-space:normal;overflow-wrap:normal}
#pd-control .pd-editor .pd-cost-table>tbody>tr[data-cost-row] :is(input,textarea,select){font-size:11px;padding:6px 3px;line-height:1.5;max-width:100%;min-width:0}
#pd-control .pd-cost-table .pd-cost-compare-toggle{padding:6px 3px;font-size:11px}
#pd-control .pd-cost-comparison-body{position:sticky;left:0;box-sizing:border-box;width:100cqw;max-width:100%;padding:10px 12px}
#pd-control .pd-cost-main-scroll:focus-visible,#pd-control .pd-cost-quote-scroll:focus-visible{outline:2px solid var(--pd-accent);outline-offset:2px}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-1{width:8%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-2{width:12%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-3{width:9%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-4{width:6%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-5{width:8%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-6{width:6%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-7{width:7%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-8{width:8%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-9{width:6%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-10{width:6%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-11{width:14%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-12{width:10%}

/* Materials restoration: existing references, compact cells, no duplicated file pool. */
#pd-control .pd-cost-table>colgroup>.pd-cost-col-2{width:9%}
#pd-control .pd-cost-table>colgroup>.pd-cost-col-11{width:17%}
#pd-control .pd-cost-table [data-cost-spec-cell]>input[type=hidden]{display:none}
#pd-control .pd-cost-table [data-cost-spec-cell] label{margin:0}
#pd-control .pd-material-matrix-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--pd-border);border-radius:8px}
#pd-control .pd-material-matrix{width:100%;min-width:720px;table-layout:fixed;border-collapse:collapse;font-size:12px}
#pd-control .pd-material-matrix th,#pd-control .pd-material-matrix td{box-sizing:border-box;padding:8px;vertical-align:top;border-right:1px solid var(--pd-border);border-bottom:1px solid var(--pd-border);text-align:left}
#pd-control .pd-material-matrix thead th{background:var(--pd-active);font-size:13px;overflow-wrap:anywhere}
#pd-control .pd-material-matrix tr>th:first-child{width:190px;background:var(--pd-bg)}
#pd-control .pd-material-category{display:flex;align-items:center;justify-content:space-between;gap:8px}
#pd-control .pd-material-category button{font-size:11px;padding:4px 6px;white-space:nowrap}
#pd-control .pd-material-requirement{margin:7px 0 3px;font-weight:400;line-height:1.5;color:var(--pd-text)}
#pd-control .pd-material-angles{margin:0;font-size:11px;font-weight:400;line-height:1.5;color:var(--pd-muted)}
#pd-control .pd-material-cell{display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px;min-height:34px;min-width:0}
#pd-control .pd-material-hidden{display:none}
#pd-control .pd-material-add{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;align-self:flex-start;padding:0;border:1px dashed #9bb9aa;border-radius:5px;background:var(--pd-surface);color:var(--pd-accent);font-size:20px;cursor:pointer}
#pd-control .pd-material-thumb{position:relative;box-sizing:border-box;flex:0 0 66px;width:66px;max-width:100%;margin:0}
#pd-control .pd-material-thumb>button:first-child{display:block;box-sizing:border-box;width:66px;height:56px;max-width:100%;padding:2px;margin:0;border:1px solid var(--pd-border);border-radius:4px;background:#fff;cursor:zoom-in}
#pd-control .pd-material-thumb img{display:block;width:100%;height:100%;object-fit:contain}
#pd-control .pd-material-thumb figcaption{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;font-weight:400}
#pd-control .pd-material-thumb .pd-material-remove{position:absolute;right:-4px;top:-4px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid #b8c7c0;border-radius:50%;background:#fff;color:#954a40;cursor:pointer;font-size:15px;line-height:1}
#pd-control .pd-material-reuse{font-size:11px;margin-top:5px}
#pd-control .pd-material-reuse summary{cursor:pointer;color:var(--pd-accent)}
#pd-control .pd-material-reuse select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:4px 0;font-size:11px}
#pd-control .pd-material-reuse button{font-size:11px}
#pd-control .pd-archive-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#pd-control .pd-archive-heading h3{margin-right:auto}
#pd-control .pd-archive-layout{display:grid;grid-template-columns:168px minmax(0,1fr);border:1px solid var(--pd-border);border-radius:8px;overflow:hidden}
#pd-control .pd-archive-folders{background:var(--pd-bg);padding:8px;border-right:1px solid var(--pd-border)}
#pd-control .pd-archive-folder{display:block;width:100%;box-sizing:border-box;border:0;border-radius:5px;background:transparent;padding:7px 8px;text-align:left;font-size:12px;color:var(--pd-text);cursor:pointer}
#pd-control .pd-archive-folder[aria-pressed=true]{background:var(--pd-active);color:var(--pd-accent);font-weight:600}
#pd-control .pd-archive-child{padding-left:22px;font-size:11px}
#pd-control .pd-archive-list{min-width:0;padding:12px}
#pd-control .pd-archive-file{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--pd-border);overflow-wrap:anywhere;font-size:12px}
#pd-control .pd-archive-file>div:first-child{min-width:0;flex:1}
#pd-control .pd-archive-file-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:48%}
#pd-control .pd-archive-file-actions button,#pd-control .pd-archive-file-actions a{font-size:11px}
#pd-control .pd-material-tools{margin:16px 0}
#pd-control .pd-material-tools>summary{font-size:12px;cursor:pointer;color:var(--pd-accent)}
#pd-control .pd-material-tools #file-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px;border:1px solid var(--pd-border)}
#pd-control .pd-material-tools label{display:grid;gap:5px;min-width:0;font-size:12px;max-width:100%}
#pd-control .pd-material-tools select,#pd-control .pd-material-tools input{box-sizing:border-box;min-width:0;max-width:100%;font-size:12px}
@media(max-width:610px){#pd-control .pd-archive-layout{grid-template-columns:1fr}#pd-control .pd-archive-folders{display:flex;gap:4px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--pd-border)}#pd-control .pd-archive-folder{width:auto;flex:0 0 auto;white-space:nowrap}#pd-control .pd-archive-child{padding-left:8px}#pd-control .pd-archive-file{flex-direction:column}#pd-control .pd-archive-file-actions{max-width:100%;justify-content:flex-start}}
/* Additional SKUs retain usable columns inside the same local scroll region. */
#pd-control .pd-material-matrix{table-layout:auto}
#pd-control .pd-material-matrix thead th:not(:first-child),#pd-control .pd-material-matrix td{min-width:172px}

/* Conflict review stays readable without changing the existing project layouts. */
#pd-control .pd-conflict-read-status{padding:10px 12px;margin:10px 0;border:1px solid #d8e3de;border-radius:6px;background:#edf5f1;color:#294d3b;line-height:1.6}
#pd-control .pd-conflict-read-status[data-state=reading],#pd-control .pd-conflict-read-status[data-state=saving],#pd-control .pd-conflict-read-status[data-state=discarding]{background:#f0f5fa;border-color:#d3e0ed;color:#355b78}
#pd-control .pd-conflict-read-status[data-state=failed],#pd-control .pd-conflict-read-status[data-state=stale],#pd-control .pd-conflict-read-status[data-state=blocked]{background:#fff4df;border-color:#edd8aa;color:#79572b}
#pd-control #diff{max-width:100%;min-width:0}
#pd-control #diff[data-stale=true] table{opacity:.55}
#pd-control .pd-conflict-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;margin:10px 0}
#pd-control .pd-conflict-table-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:680px;font-size:12px;line-height:1.6}
#pd-control .pd-conflict-table-scroll th,#pd-control .pd-conflict-table-scroll td{box-sizing:border-box;border:1px solid #d7e1db;padding:9px 10px;vertical-align:top;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
#pd-control .pd-conflict-table-scroll thead th{background:#e5efe9}
#pd-control .pd-conflict-table-scroll th:first-child{width:34%}
#pd-control .pd-conflict-table-scroll td{background:#fff}
#pd-control .pd-conflict-table-scroll small{display:block;font-size:10px;line-height:1.5;color:var(--pd-muted)}
#pd-control .pd-conflict-derived{max-width:100%;min-width:0;overflow-x:auto;margin:12px 0;padding:10px 12px;border:1px solid #dce5df;border-radius:6px;background:#f8faf9}
#pd-control .pd-conflict-derived summary{cursor:pointer;color:#4d675a}

#pd-control .pd-conflict-derived>table{border-collapse:collapse;width:100%;min-width:680px;table-layout:fixed;font-size:12px}
#pd-control .pd-conflict-derived>table th,#pd-control .pd-conflict-derived>table td{box-sizing:border-box;border:1px solid #d7e1db;padding:8px;vertical-align:top;text-align:left;overflow-wrap:anywhere;white-space:pre-wrap}
#pd-control .pd-conflict-table-scroll tr[data-conflict=true] th{background:#fff2d9;color:#74501c}

/* Per-supplier adoption keeps the existing comparison scroll and cost column widths. */
#pd-control .pd-cost-selected-quote{display:flex;align-items:center;min-height:36px;box-sizing:border-box;padding:6px 8px;border:1px solid var(--pd-border);border-radius:6px;background:#f4f8f6;color:var(--pd-text);white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.4}
#pd-control .pd-cost-quote-table .pd-cost-quote-selected{background:#e7f3ec;box-shadow:inset 2px 0 #82ac96,inset -2px 0 #82ac96}
#pd-control .pd-cost-quote-table thead .pd-cost-quote-selected{border-top:3px solid #47715c}
#pd-control .pd-cost-quote-table thead .pd-quote-adopt{display:block;min-height:34px;width:100%;margin:7px 0;padding:6px 10px;border:1px solid #7b9c8a;border-radius:6px;background:#fff;color:#234d39;font-size:13px;font-weight:600;cursor:pointer}
#pd-control .pd-cost-quote-table thead .pd-quote-adopt[aria-pressed="true"]{background:#47715c;color:#fff;opacity:1;cursor:default}
#pd-control .pd-cost-quote-table thead .pd-quote-adopt:disabled:not([aria-pressed="true"]){opacity:.55;cursor:not-allowed}
#pd-control .pd-cost-quote-table thead .pd-quote-adopt:focus-visible{outline:2px solid var(--pd-accent);outline-offset:2px}

/* Workflow editor: separate save/completion controls and a local, reachable dialog. */
#pd-control [data-workflow-status]{margin:10px 0;padding:10px 12px;border:1px solid var(--pd-border);border-radius:6px;background:#f4f8f6;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
#pd-control .slice-flow-scroll{overscroll-behavior:contain}
#pd-control [data-node-open]{cursor:pointer;outline-offset:3px}
#pd-control [data-node-open]:focus-visible>rect{stroke:#1c6749;stroke-width:4px}
#pd-control .slice-node-editor,#pd-control .slice-workflow-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:85vh;max-height:85dvh;overflow:auto;padding:20px;background:var(--pd-surface,#fff);color:var(--pd-text,#20332b);line-height:1.6;overscroll-behavior:contain}
#pd-control .slice-node-editor::backdrop,#pd-control .slice-workflow-dialog::backdrop{background:rgb(21 37 29 / 30%)}
#pd-control .slice-node-editor h3,#pd-control .slice-workflow-dialog h3{margin:0 0 12px;font-size:18px;overflow-wrap:anywhere}
#pd-control .slice-node-editor label,#pd-control .slice-workflow-dialog label{display:grid;gap:6px;min-width:0;margin:10px 0;font-size:13px}
#pd-control .slice-node-editor :is(input,select,textarea),#pd-control .slice-workflow-dialog :is(input,select,textarea){box-sizing:border-box;min-width:0;width:100%;max-width:100%;min-height:36px;padding:7px 9px;border:1px solid var(--pd-border,#cfdcd4);border-radius:5px;font:inherit;line-height:1.5;background:#fff;color:inherit}
#pd-control .slice-node-editor :is(input,select,textarea):disabled,#pd-control .slice-workflow-dialog :is(input,select,textarea):disabled{background:#edf1ef;color:#617067;opacity:1}
#pd-control .slice-node-editor fieldset{min-width:0;max-width:100%;max-height:240px;overflow:auto;margin:14px 0;padding:8px 12px;border:1px solid var(--pd-border);border-radius:6px}
#pd-control .slice-node-editor fieldset label{display:flex;align-items:flex-start;gap:8px;overflow-wrap:anywhere}
#pd-control .slice-node-editor fieldset input[type=checkbox],#pd-control .slice-workflow-dialog input[type=checkbox]{flex:0 0 auto;width:16px;min-height:16px;margin-top:3px;padding:0}
#pd-control [data-node-editor-reason]{margin:12px 0;padding:10px 12px;border-left:3px solid #789b86;background:#f3f7f4;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
#pd-control .slice-node-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}
#pd-control .slice-node-editor button,#pd-control .slice-workflow-dialog button{box-sizing:border-box;min-height:36px;max-width:100%;margin:4px 6px 4px 0;padding:7px 12px;border:1px solid var(--pd-border);border-radius:5px;background:#fff;color:inherit;font:inherit;white-space:normal;overflow-wrap:anywhere}
#pd-control .slice-node-editor [data-node-save]{border-color:#426f54;background:#426f54;color:#fff}
#pd-control .slice-node-editor [data-node-complete]{border-color:#9bad9f;background:#f1f6f2;color:#234e34}
#pd-control .slice-node-editor button:disabled,#pd-control .slice-workflow-dialog button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:610px){#pd-control .slice-node-editor,#pd-control .slice-workflow-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:14px}#pd-control .slice-node-actions>button{flex:1 1 130px}}

/* MOQ feedback stays inside its own cell; raw text is never clamped. */
#pd-control .pd-moq-feedback{display:block;max-width:100%;min-width:0;margin-top:4px;font-size:11px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:#8a4b16}
#pd-control .pd-moq-feedback[hidden]{display:none!important}
#pd-control [data-moq-input][aria-invalid="true"]{border-color:#b8702c;outline-color:#b8702c}

/* Preserve the established fixed workflow card/column geometry inside its local scroll. */
#pd-control .slice-flow-scroll>svg{max-width:none}
/* Use the already-confirmed timeline toolbar selection style for the current renderer. */
#pd-control [data-flow-view][aria-pressed="true"],#pd-control [data-flow-scale][aria-pressed="true"]{background:#deebe2;border-color:#63846d;color:#234e34;font-weight:700}

/* Selected red frames 01/02/04/05/06/07/09 only (2026-10-19). */
/* Selected red frames 01, 02 and 04 only. Merge after the existing slice rules. */
#pd-control .pd-major-summary{min-width:0;gap:6px 20px}
#pd-control .pd-major-summary-item{font-size:12px;line-height:1.6}
#pd-control .pd-assessment-intro .pd-intro-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px 14px}
#pd-control .pd-assessment-intro .pd-intro-grid>label{min-width:0;max-width:100%}
#pd-control .pd-project-owner-field>select,#pd-control .pd-project-owner-field>input{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
#pd-control .pd-vehicle-picker{display:flex;align-items:stretch;gap:5px;min-width:0}
#pd-control .pd-vehicle-picker>select{flex:1;width:0;min-width:0;max-width:100%}
#pd-control .pd-vehicle-picker>button{flex:none;padding:5px 8px}
#pd-control .pd-vehicle-model-field{position:relative}
#pd-control .pd-vehicle-filter{display:grid;gap:8px;box-sizing:border-box;min-width:0;max-width:100%;padding:10px;background:#f3f7f4;border:1px solid var(--pd-border);border-radius:6px}
#pd-control .pd-vehicle-filter[hidden]{display:none}
#pd-control .pd-vehicle-filter-tools{display:flex;gap:5px;flex-wrap:wrap;min-width:0}
#pd-control .pd-vehicle-filter-tools>input{flex:1 1 110px;width:0;min-width:0}
#pd-control .pd-vehicle-results{display:flex;flex-wrap:wrap;gap:5px;max-height:190px;overflow:auto;overflow-wrap:anywhere}
#pd-control .pd-vehicle-custom-field{display:grid;gap:5px;min-width:0}
#pd-control .pd-rating-table{width:100%;min-width:840px;table-layout:fixed}
#pd-control .pd-rating-table .pd-field-col{width:104px}
#pd-control .pd-rating-table th,#pd-control .pd-rating-table td{box-sizing:border-box;padding:8px 9px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
#pd-control .pd-rating-table thead th{background:#e6efe9;font-size:13px}
#pd-control .pd-rating-table tbody th{font-size:12px;font-weight:500}
#pd-control .pd-rating-table :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;font-size:12px}
#pd-control .pd-rating-table textarea{min-height:108px;resize:vertical;line-height:1.6}
#pd-control .pd-rating-table .pd-column-guide{padding-left:16px;margin:0;font-size:12px;line-height:1.65}
#pd-control .pd-rating-table .pd-column-guide>li+li{margin-top:7px}
#pd-control .pd-rating-table label{margin:0;min-width:0}
#pd-control .pd-score-result{display:flex;align-items:center;gap:10px 20px;flex-wrap:wrap;background:#e6efe9;border-radius:6px;padding:12px 14px;margin-top:12px;font-size:12px}
#pd-control .pd-score-result strong{font-size:20px;font-weight:500}
@media(max-width:1000px){#pd-control .pd-assessment-intro .pd-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#pd-control .pd-assessment-intro .pd-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){#pd-control .pd-assessment-intro .pd-intro-grid{grid-template-columns:minmax(0,1fr)}}

/* 05/06 cost presentation restore; scoped to the restored cost section. */
#pd-control .pd-cost-restored{min-width:0;max-width:100%}
#pd-control .pd-cost-restored .pd-cost-totals{display:grid;grid-template-columns:1.05fr 1fr 1.15fr 1fr;gap:16px;padding:16px 18px;margin:14px 0 16px;background:#eaf3ee;border:1px solid #dce9e1;border-radius:5px;align-items:start}
#pd-control .pd-cost-totals>div{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:13px;color:#52675c}
#pd-control .pd-cost-totals strong{font-size:18px;line-height:1.35;color:#263e30;font-weight:700;overflow-wrap:anywhere}
#pd-control .pd-cost-totals small{font-size:11px;line-height:1.5;color:#6b7e71}
#pd-control .pd-cost-totals .pd-mold-count-box label{display:flex;flex-direction:column;gap:5px;margin:0;font-size:13px}
#pd-control .pd-cost-totals .pd-mold-count-box input{box-sizing:border-box;width:100%;max-width:180px;min-width:0;height:32px;padding:5px 8px;font-size:13px}
#pd-control .pd-cost-main-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px}
#pd-control .pd-cost-main-toolbar small,#pd-control .pd-cost-comparison-note{font-size:11px;line-height:1.5;color:#6b7e71}
#pd-control .pd-cost-restored .pd-cost-restored-main{min-width:863px;width:100%;table-layout:fixed}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-1{width:24px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-2{width:74px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-3{width:86px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-4{width:86px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-5{width:60px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-6{width:64px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-7{width:52px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-8{width:66px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-9{width:64px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-10{width:72px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-11{width:62px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-12{width:58px}
#pd-control .pd-cost-restored-main>colgroup>.pd-cost-restored-col-13{width:95px}
#pd-control .pd-cost-restored-main>thead>tr>th{background:#eaf3ee;color:#51675a;white-space:normal;font-size:12px;padding:9px 5px}
#pd-control .pd-cost-restored-main>tbody>tr[data-cost-row]>td{padding:8px 4px;vertical-align:top;background:#fff}
#pd-control .pd-cost-restored-main .pd-cost-row-tools{padding:9px 2px;text-align:center}
#pd-control .pd-cost-row-tools button{min-width:24px;height:28px;padding:0 4px;color:#8b685d;border:0;background:transparent;font-size:18px}
#pd-control .pd-cost-restored-main .pd-cost-line-total{padding-top:16px;font-size:12px;color:#425f4d;overflow-wrap:anywhere}
#pd-control .pd-cost-restored-main .pd-cost-selected-metadata[hidden]{display:none!important}
#pd-control .pd-cost-restored .pd-cost-comparison-body{position:sticky;left:0;box-sizing:border-box;width:100cqw;max-width:100%;padding:14px 12px 10px;background:#f8fbf9}
#pd-control .pd-cost-comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#pd-control .pd-cost-comparison-toolbar h4{margin:0;font-size:14px}
#pd-control .pd-cost-restored .pd-cost-quote-scroll{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto;margin-top:0;overscroll-behavior-x:contain}
#pd-control .pd-cost-restored .pd-cost-restored-quotes{width:100%;min-width:calc(120px + var(--pd-quote-columns)*180px);table-layout:fixed;border-collapse:collapse}
#pd-control .pd-cost-restored-quotes .pd-cost-quote-label-col{width:120px}
#pd-control .pd-cost-restored-quotes .pd-cost-supplier-col{width:180px;min-width:180px}
#pd-control .pd-cost-restored-quotes>thead>tr>th{background:#e2eee7;color:#344f3e;vertical-align:middle}
#pd-control .pd-cost-restored-quotes>thead button{display:inline-block;margin:0 0 0 8px;font-size:11px;padding:3px 7px}
#pd-control .pd-cost-restored-quotes :is(td,th){box-sizing:border-box;padding:9px 10px;vertical-align:middle}
#pd-control .pd-cost-restored-quotes tr>th:first-child{width:120px;min-width:120px;font-size:12px;background:#f2f6f3;white-space:normal}
#pd-control .pd-cost-restored-quotes td,#pd-control .pd-cost-restored-quotes thead th:not(:first-child){width:180px;min-width:180px}
#pd-control .pd-cost-restored-quotes :is(label,input,textarea){box-sizing:border-box;max-width:100%;min-width:0}
#pd-control .pd-cost-restored-quotes label{margin:0}
#pd-control .pd-cost-restored-quotes input:not([type=radio]),#pd-control .pd-cost-restored-quotes textarea{width:100%;font-size:13px;padding:7px 9px}
#pd-control .pd-cost-restored-quotes textarea{min-height:64px;resize:vertical}
#pd-control .pd-cost-restored-quotes .pd-cost-adoption{display:block;font-size:13px}#pd-control .pd-cost-restored-quotes .pd-cost-adoption>span{display:block}#pd-control .pd-cost-restored-quotes .pd-cost-adoption input[type=radio]{display:block;margin:0 auto 6px}#pd-control .pd-cost-restored-quotes .pd-cost-adopted-label{margin-left:6px}
#pd-control .pd-cost-adoption input[type=radio]{width:17px;min-width:17px;height:17px;margin:0;accent-color:#47715c}
#pd-control .pd-cost-adopted-label{font-size:11px;font-weight:600;color:#476c55}
#pd-control .pd-cost-restored-quotes .pd-lowest-cell{box-shadow:inset 0 0 0 1px #7eaa91;background:#e5f2e9}
#pd-control .pd-cost-restored-quotes .pd-lowest-label{display:block;min-height:16px;margin-top:3px;font-size:11px;line-height:1.4;color:#3e6c4b;font-weight:600}
#pd-control .pd-cost-restored-quotes tfoot th,#pd-control .pd-cost-restored-quotes tfoot td{border-top:2px solid #dfe9e2}
#pd-control .pd-cost-comparison-note{margin:8px 0 0}
@media(max-width:760px){#pd-control .pd-cost-restored .pd-cost-totals{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}#pd-control .pd-cost-totals strong{font-size:16px}#pd-control .pd-cost-restored .pd-cost-comparison-body{padding:12px 8px}#pd-control .pd-cost-comparison-toolbar{align-items:flex-start}#pd-control .pd-cost-restored-quotes td,#pd-control .pd-cost-restored-quotes thead th:not(:first-child){min-width:230px}}

#pd-control .pd-cost-restored-main>tbody>tr[data-cost-row] input{font-size:11px;padding:5px 4px;line-height:1.35;height:30px;min-width:0;box-sizing:border-box}#pd-control .pd-cost-restored-main>thead>tr>th{font-size:11px;padding:7px 3px}#pd-control .pd-cost-restored-main>tbody>tr[data-cost-row]>td{padding:6px 3px}#pd-control .pd-cost-restored-main [data-cost-compare]{font-size:11px;white-space:normal;padding:6px 5px}

/* Tree-only additions; leave the existing day/week date-axis styles intact. */
.slice-workflow-tree .slice-flow-current-summary{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:10px 14px;border-left:3px solid #518a64;border-radius:5px;background:#edf6ef;color:#315447;font-size:12px;overflow-wrap:anywhere}
.slice-workflow-tree .slice-tree-explanation{margin:8px 0;color:#64766c;font-size:12px}
.slice-workflow-tree .slice-tree-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid #dce6df;border-radius:8px;background:#fff}
.slice-workflow-tree svg{display:block;max-width:none;flex:none}
.slice-workflow-tree .slice-tree-create{cursor:pointer;outline:none}
.slice-workflow-tree .slice-tree-create rect{fill:#fff;stroke:#c1d3c7}
.slice-workflow-tree .slice-tree-create text{fill:#315e48;pointer-events:none}
.slice-workflow-tree .slice-tree-create:hover rect,.slice-workflow-tree .slice-tree-create:focus rect{stroke:#216a45;stroke-width:2;fill:#edf8ef}
.slice-workflow-tree .slice-tree-create[aria-disabled="true"]{cursor:not-allowed;opacity:.48}
.slice-workflow-tree .slice-tree-card{cursor:pointer;outline:none}
.slice-workflow-tree .slice-tree-card:focus rect{stroke:#216a45;stroke-width:3}
@media(max-width:700px){.slice-workflow-tree .slice-flow-current-summary{padding:9px 10px}.slice-workflow-tree .slice-tree-explanation{font-size:11px}}

.pd-output-template-confirm{position:fixed;inset:22% auto auto 50%;transform:translateX(-50%);max-width:min(580px,calc(100vw - 24px));box-sizing:border-box;padding:22px;border:1px solid #80a99b;border-radius:10px;box-shadow:0 16px 60px #1c403e4d;z-index:3000}.pd-output-template-confirm button{margin:8px 10px 0 0}.pd-output-template-confirm [role=status]{color:#8d432b}

/* Optional payment supplier: keep eleven editable columns inside local scrolling. */
#pd-control .pd-payment-direct-scroll{min-width:0;max-width:100%;overflow-x:auto}
#pd-control .pd-payment-table.pd-payment-with-supplier{min-width:1200px;table-layout:fixed}
#pd-control .pd-payment-with-supplier .pd-payment-col-1{width:12%}
#pd-control .pd-payment-with-supplier .pd-payment-col-2{width:12%}
#pd-control .pd-payment-with-supplier .pd-payment-col-3,#pd-control .pd-payment-with-supplier .pd-payment-col-4,#pd-control .pd-payment-with-supplier .pd-payment-col-5{width:7%}
#pd-control .pd-payment-with-supplier .pd-payment-col-6{width:7%}
#pd-control .pd-payment-with-supplier .pd-payment-col-7{width:11%}
#pd-control .pd-payment-with-supplier .pd-payment-col-8{width:10%}
#pd-control .pd-payment-with-supplier .pd-payment-col-9{width:5%}
#pd-control .pd-payment-with-supplier .pd-payment-col-10{width:10%}
#pd-control .pd-payment-with-supplier .pd-payment-col-11{width:12%}
#pd-control .pd-payment-with-supplier input:not([type=checkbox]),#pd-control .pd-payment-with-supplier select{box-sizing:border-box;width:100%;min-width:0}
/* Payment registration: historical two-column field order with current safeguards. */
.pd-payment-record-modal{box-sizing:border-box;width:min(760px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid #b7d1c3;border-radius:10px;padding:22px;color:#203c31;background:#fff}.pd-payment-record-modal::backdrop{background:#163b2c66}.pd-payment-record-modal h3{margin:0 0 8px}.pd-payment-record-modal header p{margin:5px 0}.pd-payment-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:18px}.pd-payment-record-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px}.pd-payment-record-grid :is(input:not([type=checkbox]),textarea){box-sizing:border-box;min-width:0;width:100%;font:inherit;line-height:1.6;padding:7px 9px;border:1px solid #c6d7ce;border-radius:5px}.pd-payment-record-wide{grid-column:1/-1}.pd-payment-record-excess{flex-direction:row!important;align-items:center}.pd-payment-record-upload{margin-top:16px;padding:12px;background:#f0f7f3;border:1px solid #d1e1d8;border-radius:6px}.pd-payment-record-upload input[type=file]{display:block;max-width:100%;margin-top:9px}.pd-payment-record-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid #d5e3da}.pd-payment-record-actions button{padding:7px 12px;border:1px solid #b9ccbf;border-radius:5px;background:#f3f8f5;color:#244e3b;cursor:pointer}.pd-payment-record-actions button:disabled{opacity:.5;cursor:default}.pd-payment-record-actions [data-payment-register]{background:#386a52;color:#fff}.pd-payment-voucher-progress{display:grid;gap:4px;margin:10px 0;padding:8px;border-bottom:1px solid #d4e1d8;font-size:12px;overflow-wrap:anywhere}.pd-payment-voucher-file{display:inline-flex;flex-direction:column;vertical-align:top;gap:4px;max-width:140px;margin:4px;font-size:11px;overflow-wrap:anywhere}.pd-payment-voucher-file button{display:flex;align-items:center;gap:5px}.pd-payment-voucher-file img{width:52px;height:48px;object-fit:contain}.pd-payment-recovery{padding:10px;background:#fff3d9;border:1px solid #e6c88f;border-radius:5px;font-size:12px}.pd-payment-record-modal [role=status]{padding:10px;background:#edf5ef;overflow-wrap:anywhere;font-size:13px}@media(max-width:610px){.pd-payment-record-modal{padding:14px}.pd-payment-record-grid{grid-template-columns:minmax(0,1fr)}.pd-payment-record-wide{grid-column:auto}}

/* Accepted secondary-page comparison 22–34: existing API/save/receipt contracts unchanged. */
#pd-control .pd-output-template-confirm{position:static;inset:auto;transform:none;display:block;max-width:100%;margin:8px 0;padding:10px 12px;border:1px solid #d9b870;background:#fff7e7;border-radius:5px;box-shadow:none;z-index:auto}
#pd-control .pd-output-template-confirm h3{margin:0 0 6px;font-size:13px}#pd-control .pd-output-template-confirm p{margin:5px 0;font-size:12px}
#pd-control .pd-ai-step-image{display:block!important}
#pd-control .pd-ai-parameter-brief .pd-ai-parameter-table td .pd-ai-output-editor textarea[data-output-notes]{box-sizing:border-box;height:62px;min-height:62px;resize:vertical}
#pd-control .pd-ai-reference-group-existing-picker{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#pd-control .pd-archive-filter-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}.pd-archive-filter-tools label{display:flex;gap:6px;align-items:center;font-size:12px}.pd-archive-count{font-size:11px;opacity:.8}
#pd-control .pd-archive-file{flex-wrap:wrap}#pd-control .pd-archive-inline-preview{flex:0 0 100%;max-width:100%;padding:8px 0}#pd-control .pd-archive-inline-preview[hidden]{display:none}#pd-control .pd-archive-inline-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain;margin-top:6px}
.pd-payment-voucher-progress{display:flex;flex-wrap:wrap;gap:4px 10px;margin:5px 0;padding:4px 0}.pd-payment-voucher-progress>b{font-weight:500;overflow-wrap:anywhere}.pd-payment-voucher-progress>span{font-size:11px;color:#4c6659}.pd-payment-voucher-progress .pd-payment-voucher-file{max-width:180px}

/* Selected secondary UI restoration: scoped controls, no permission or save changes. */
#pd-control .pd-vehicle-custom-field[hidden]{display:none!important}
#pd-control .pd-vehicle-custom-field:not([hidden]){display:grid;gap:6px;padding-top:8px;min-width:0}
#pd-control .pd-vehicle-custom-field>span{display:flex;gap:6px;flex-wrap:wrap}
#pd-control .pd-overview-stat[aria-pressed=true]{border-color:#3273cb;background:#eff6ff;box-shadow:inset 0 3px #3273cb}
#pd-control button.pd-overview-stat{font:inherit;color:inherit;text-align:left;cursor:pointer}
#pd-control button.pd-overview-stat:focus-visible{outline:3px solid #87b4ef;outline-offset:2px}
/* Selected secondary pages 11–19; leave the date-axis and saved command contracts intact. */
#pd-control .slice-node-detail{box-sizing:border-box;position:fixed;inset:12vh 3vw auto auto;margin:0;width:390px;max-width:calc(100vw - 28px);max-height:82vh;overflow:auto;padding:16px;background:#fff;color:#253b31;border:1px solid #aac9b7;border-radius:9px;line-height:1.6}
#pd-control .slice-node-detail::backdrop{background:transparent}
#pd-control .slice-node-detail>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pd-control .slice-node-detail h3{margin:0;font-size:16px}
#pd-control .slice-node-detail h4{margin:18px 0 10px;font-size:14px}
#pd-control .slice-node-detail p{margin:7px 0;font-size:12px;overflow-wrap:anywhere}
#pd-control .slice-node-detail-state{padding:3px 7px;border-radius:4px;background:#edf4ef;font-size:12px;font-weight:400}
#pd-control .slice-node-detail button{padding:6px 10px;margin:3px 5px 3px 0;border:1px solid #cbdacf;border-radius:5px;background:#f6faf7;color:#315d46;font:inherit;font-size:12px}
#pd-control .slice-node-detail button:disabled{opacity:.5;cursor:not-allowed}
#pd-control .slice-node-detail>details{padding:9px;margin-top:12px;border-radius:6px;background:#f3f6f5}
#pd-control .slice-node-inline-completion{padding:12px;margin:12px 0;border:1px solid #83a491;border-radius:7px;background:#edf5ef}
#pd-control .slice-node-inline-completion label{display:grid;gap:6px;font-size:12px}
#pd-control .slice-node-inline-completion input{box-sizing:border-box;width:100%;max-width:100%;padding:7px 9px;border:1px solid #c3d4c8;border-radius:5px;font:inherit;background:#fff}
#pd-control .slice-node-inline-completion ul{font-size:12px;padding-left:20px;overflow-wrap:anywhere}
#pd-control .slice-create-dependencies{max-height:240px;overflow:auto;margin:12px 0;padding:10px;border:1px solid #ccdcd2;border-radius:5px}
#pd-control .slice-create-dependencies label{display:flex;align-items:center;gap:7px}
#pd-control .slice-create-dependencies input[type=checkbox]{width:16px;min-height:16px;margin:0;flex:0 0 auto}
#pd-control .slice-approval-history-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;font-size:12px}
#pd-control .slice-approval-history-columns>section{min-width:0;border:1px solid #d5e2d9;border-radius:7px;background:#f8fbf9;overflow:hidden}
#pd-control .slice-approval-history-columns h4{display:flex;justify-content:space-between;margin:0;padding:8px 10px;background:#edf4ef;font-size:13px}
#pd-control .slice-approval-history-columns ol{list-style:none;margin:0;padding:0}
#pd-control .slice-approval-history-columns li{padding:10px;border-top:1px solid #e0e9e3;overflow-wrap:anywhere}
#pd-control .slice-approval-history-columns p{margin:3px 0}
#pd-control .slice-approval-history-columns small{font-size:11px;color:#5a6c61}
#pd-control .slice-submission-change-cards{list-style:none;margin:10px 0;padding:0;font-size:12px}
#pd-control .slice-submission-change-cards>li{padding:10px 12px;margin:8px 0;border:1px solid #d5e1d9;border-radius:7px;background:#f8fbf9}
#pd-control .slice-submission-change-cards header{display:flex;gap:5px;flex-wrap:wrap;color:#4d6657}
#pd-control .slice-submission-change-cards ul{list-style:none;margin:8px 0 0;padding:0}
#pd-control .slice-submission-change-cards ul>li{padding:9px 0;border-top:1px dashed #d2e1d7;overflow-wrap:anywhere}
#pd-control .slice-submission-change-cards ul>li>b{display:block;margin-bottom:5px}
#pd-control .slice-submission-change-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}
#pd-control .slice-submission-change-values>span{padding:7px;border-radius:4px;background:#f0f4f1;overflow-wrap:anywhere}
#pd-control .slice-submission-change-values>span:last-child{background:#e9f3ec}
#pd-control .slice-submission-change-values small{display:block;margin-bottom:4px;color:#607769}
@media(max-width:610px){#pd-control .slice-node-detail{inset:6vh 10px auto auto;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:88vh}#pd-control .slice-approval-history-columns,#pd-control .slice-submission-change-values{grid-template-columns:minmax(0,1fr)}}