.grid-appearance-editor.grid-appearance-editor { margin: 0 0 16px; min-width: 0; border: 1px solid var(--erp-border,#cbd5dc); border-radius: 10px; padding: 0; overflow: hidden; font: 12px/1.4 var(--ui-font,Arial,sans-serif); color: var(--text,#1c355b); background: var(--erp-surface,#fff); }
.grid-appearance-editor .grid-appearance-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 14px; border-bottom:1px solid var(--erp-border,#dce3e7); }
.grid-appearance-editor .grid-appearance-toolbar strong { font-size:14px; }
.grid-appearance-editor .grid-appearance-size { display:flex; flex-direction:row; align-items:center; gap:8px; margin:0; width:auto; font-size:12px; }
.grid-appearance-editor > p { margin:0; padding:9px 14px; font-size:12px; line-height:1.5; color:var(--muted,#6b7780); }
.grid-appearance-editor .grid-appearance-field,.grid-appearance-editor .grid-appearance-headings { display:grid; grid-template-columns:minmax(140px,1fr) 52px 80px 140px 100px 110px; align-items:center; column-gap:12px; padding:7px 14px; margin:0; }
.grid-appearance-editor .grid-appearance-headings { background:var(--erp-surface-muted,#f3f6f7); color:var(--muted,#6b7780); font-size:11px; font-weight:600; border-block:1px solid var(--erp-border,#dce3e7); }
.grid-appearance-editor .grid-appearance-field { min-height:44px; border-bottom:1px solid var(--erp-border,#e5eaed); }
.grid-appearance-editor .grid-appearance-field:last-child { border-bottom:0; }
.grid-appearance-editor .grid-appearance-field > label { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:8px; width:auto; min-width:0; margin:0; font-size:12px; font-weight:500; line-height:1.4; }
.grid-appearance-editor input[type=checkbox] { appearance:auto; flex:0 0 16px; width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; max-width:16px; padding:0!important; margin:0; accent-color:#4c9899; }
.grid-appearance-editor input[type=color] { flex:0 0 34px; width:34px!important; min-width:34px!important; max-width:34px; height:28px!important; min-height:28px!important; padding:3px!important; border:1px solid var(--erp-border,#cbd5dc); border-radius:6px; background:var(--erp-surface,#fff); cursor:pointer; }
.grid-appearance-editor :is(select,input[type=text]) { box-sizing:border-box; width:100%; min-width:0!important; height:30px!important; min-height:30px!important; padding:4px 8px!important; margin:0; font:12px/1.3 var(--ui-font,Arial,sans-serif)!important; border:1px solid var(--erp-border,#cbd5dc); border-radius:6px; }
.grid-appearance-editor .grid-appearance-size select { width:110px; }
.grid-appearance-editor .grid-appearance-condition { grid-column:5; }
.grid-appearance-editor .grid-appearance-threshold { grid-column:6; }
.grid-appearance-editor [hidden] { display:none!important; }
.grid-appearance-editor :disabled { opacity:.5; cursor:default; }
@media(max-width:850px) {
 .grid-appearance-editor .grid-appearance-field,.grid-appearance-editor .grid-appearance-headings { grid-template-columns:minmax(105px,1fr) 36px 65px 118px 80px 85px; column-gap:6px; padding-inline:8px; }
}
@media(max-width:620px) {
 .grid-appearance-editor .grid-appearance-headings { display:none; }
 .grid-appearance-editor .grid-appearance-field { grid-template-columns:minmax(100px,1fr) 40px 75px; gap:8px; padding:10px; }
 .grid-appearance-editor .grid-appearance-condition { grid-column:2; grid-row:2; }
 .grid-appearance-editor .grid-appearance-threshold { grid-column:3; grid-row:2; }
}
/* A floating command surface owns its palette and typography, even inside a colored row. */
table.grid-appearance-large :is(th,td,input,select,button,span):not(.document-row-actions-menu *) { font-size: var(--grid-appearance-size) !important; line-height: 1.4 !important; }
table.grid-appearance-large :is(tr:not([aria-hidden=true]),td:not([colspan]),input,select) { height: auto !important; min-height: 1.5em; }
#productWorkspaceTable.grid-appearance-large tbody tr:not([aria-hidden=true]) { height:var(--appearance-product-row-height)!important; }
td.grid-appearance-colored { background: var(--grid-appearance-bg) !important; color: var(--grid-appearance-fg) !important; }
td.grid-appearance-colored :is(input,select,span):not(.document-row-actions-menu *) { background-color: transparent !important; color: var(--grid-appearance-fg) !important; }
@media (forced-colors: active) { td.grid-appearance-colored { outline: 2px solid Highlight; } }
.quick-stock-column-editor > .grid-appearance-editor, .stock-excel-view-editor > .grid-appearance-editor { grid-column: 1 / -1; }
.quick-stock-column-editor, .stock-excel-view-editor { grid-auto-rows:max-content; align-content:start; }
.grid-appearance-editor { flex-shrink:0; }
dialog.product-workspace-view-dialog, dialog.quick-stock-view-dialog, dialog.stock-excel-view-dialog { width:min(1080px,calc(100vw - 28px)); }

.grid-appearance-editor .grid-appearance-header-editor {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--erp-border,#dce3e7);}
.grid-appearance-header-editor > strong {font-size:14px;}
.grid-appearance-editor .grid-appearance-header-editor > label {display:flex;align-items:center;gap:6px;margin:0;width:auto;font-size:12px;}
.grid-appearance-header-palette {display:flex;gap:6px;}
.grid-appearance-editor .grid-appearance-header-palette button {width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border:1px solid var(--erp-border,#cbd5dc);border-radius:6px;cursor:pointer;}
.grid-appearance-header-palette button[aria-pressed=true] {outline:2px solid var(--erp-accent,#4c9899);outline-offset:2px;}
.grid-appearance-header-preview {margin-left:auto;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:600;}
@media(max-width:620px){.grid-appearance-header-preview{margin-left:0;}}
th.grid-appearance-header-colored {background:var(--grid-appearance-header-bg)!important;color:var(--grid-appearance-header-fg)!important;}
th.grid-appearance-header-colored :is(span,b,button) {color:var(--grid-appearance-header-fg)!important;}
@media(forced-colors:active){th.grid-appearance-header-colored{outline:2px solid Highlight;}}

/* One column-order contract for lists, cards, quick entry and voucher details. */
.grid-column-order-editor.grid-column-order-editor { display:flex;flex-direction:column;gap:0;align-items:stretch; }
.grid-column-order-editor .grid-column-order-row.grid-column-order-row { display:flex;align-items:center;gap:14px;min-height:62px;margin:0;padding:12px 14px;border:0;border-bottom:1px solid var(--erp-border,#dce3e7);border-radius:0;background:var(--erp-surface,#fff);color:var(--text,#1c355b);font-size:13px;flex-shrink:0; }
.grid-column-order-editor .grid-column-order-row:nth-child(even) { background:var(--erp-surface-muted,#f7fbfb); }
.grid-column-order-editor .grid-column-order-row > label { display:flex;flex-direction:row;align-items:center;gap:12px;flex:1;min-width:0;margin:0; }
.grid-column-order-editor .grid-column-order-row input[type=checkbox] { width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0;padding:0;accent-color:#4c9899;flex-shrink:0; }
.grid-column-order-editor .grid-column-order-row :is(b,strong) { color:inherit;font-size:13px; }
.grid-column-order-editor .grid-column-order-row small { color:var(--muted,#6b7780);font-size:11px; }
.grid-column-order-editor .grid-column-order-row .grid-column-order-handle { display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;min-width:32px;height:34px;min-height:34px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--erp-accent,#4c9899);font-size:18px;cursor:grab;touch-action:none; }
.grid-column-order-editor .grid-column-order-handle:focus-visible { outline:2px solid var(--erp-accent,#4c9899);outline-offset:2px; }
.grid-column-order-editor .grid-column-order-handle:disabled { opacity:.35;cursor:default; }
.grid-column-order-editor .grid-column-order-row.is-dragging { opacity:.55; }
.grid-column-order-editor .grid-column-order-row.drop-before { box-shadow:inset 0 3px var(--erp-accent,#4c9899); }
.grid-column-order-editor .grid-column-order-row.drop-after { box-shadow:inset 0 -3px var(--erp-accent,#4c9899); }
.grid-column-order-editor .grid-column-order-row.is-pinned-boundary { border-bottom:3px solid var(--erp-accent,#4c9899); }
.grid-column-order-editor .grid-column-order-row > .standard-document-view-option-copy { flex:1;min-width:0; }
.grid-column-order-editor .grid-column-order-row [hidden] { display:none!important; }
.grid-column-order-editor .grid-column-order-row :is(.dw-grid-view-move,.product-workspace-column-option > div):has(> button[hidden]):not(:has(> button:not([hidden]))) { display:none; }
@media(max-width:620px) { .grid-column-order-editor .grid-column-order-row.grid-column-order-row { padding:10px 8px;gap:8px; } }

/* Typed comparisons share one compact editor on every grid/form adapter. */
.grid-appearance-editor .grid-appearance-field,.grid-appearance-editor .grid-appearance-headings { grid-template-columns:minmax(130px,1fr) 44px 72px minmax(120px,140px) minmax(100px,140px) minmax(120px,180px);column-gap:10px; }
.grid-appearance-editor input[type=date] {box-sizing:border-box;width:100%;min-width:0;height:30px;min-height:30px;padding:4px 8px;border:1px solid var(--erp-border,#cbd5dc);border-radius:6px;font:12px/1.3 var(--ui-font,Arial,sans-serif);}
.grid-appearance-editor input[aria-invalid=true] {border-color:#a3342b;outline-color:#a3342b;}
.grid-appearance-colored :is(textarea,a):not(.document-row-actions-menu *) {color:var(--grid-appearance-fg)!important;}
@media(max-width:850px){.grid-appearance-editor .grid-appearance-field,.grid-appearance-editor .grid-appearance-headings {grid-template-columns:minmax(105px,1fr) 36px 65px 118px 100px 100px;column-gap:6px;}}
@media(max-width:620px){.grid-appearance-editor .grid-appearance-field {grid-template-columns:minmax(100px,1fr) 40px 75px;gap:8px;}}

@media(max-width:620px){
 .grid-appearance-editor .grid-appearance-field {grid-template-columns:minmax(120px,1fr) 40px 75px;}
 .grid-appearance-editor .grid-appearance-field > select:not(.grid-appearance-condition) {grid-column:1 / -1;grid-row:2;}
 .grid-appearance-editor .grid-appearance-condition {grid-column:1;grid-row:3;}
 .grid-appearance-editor .grid-appearance-threshold {grid-column:2 / -1;grid-row:3;}
}