.dialog.prices { width: min(1240px, 96vw); }
.price-tools { position: sticky; top: 0; z-index: 3; background: #fff; }
.price-row { grid-template-columns: minmax(330px, 1.5fr) repeat(4, minmax(105px, 120px)) 92px; gap: 10px; padding: 12px 4px; }
.price-description { min-width: 0; }
.price-description small { display: block; color: var(--blue); font-size: 10px; font-weight: 900; }
.price-description input { margin-top: 5px; font-size: 13px; font-weight: 800; }
.price-row [data-card] { background: #f2f5f8; }
@media (max-width: 900px) { .price-row { grid-template-columns: 1fr 1fr; } .price-description { grid-column: 1 / -1; } }

/* Inventory: compact rows, explicit cost visibility, unified quick editor. */
.catalog table { min-width:1000px; }
.catalog table th,.catalog table td { padding:9px 10px; }
.catalog .product-name { line-height:1.3; }
.catalog .muted { font-size:11px; line-height:1.3; margin-top:2px; }
.catalog td:first-child { width:30%; min-width:230px; }
.catalog td:nth-child(2) { min-width:95px; }
.catalog td:nth-child(3) { min-width:145px; }
.catalog .stock-cell { text-align:center; white-space:nowrap; }
.catalog .pill { min-width:28px; justify-content:center; padding:4px 7px; font-size:12px; }
.actions-heading { text-align:right; }
.catalog .actions { text-align:right; }
.actions button { padding:7px 5px; font-size:12px; min-height:32px; }
.actions .delete-icon { display:inline-flex; align-items:center; justify-content:center; width:32px; vertical-align:middle; border:1px solid #f1ced5; border-radius:7px; margin-left:3px; }
.delete-icon svg { width:17px; height:17px; }
.delete-icon:hover { background:#fff0f1; }
.cost-toggle { display:inline-flex; align-items:center; justify-content:flex-end; gap:7px; padding:5px 8px; min-height:32px; border:1px solid #cedbea; border-radius:7px; background:#eef4fa; color:var(--navy); font:700 15px/1.25 'Segoe UI',Arial,sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; cursor:pointer; }
.cost-toggle:hover { border-color:var(--blue); background:#e5eff9; }
.cost-toggle:focus-visible,.actions button:focus-visible { outline:3px solid #087fea60; outline-offset:2px; }
.cost-toggle svg { width:18px; height:18px; flex-shrink:0; }
.cost-toggle .cost-mask { letter-spacing:2px; color:var(--text-muted); }
.cost-toggle .cost-value { display:flex; flex-direction:column; align-items:flex-end; color:var(--navy); }
.cost-toggle [hidden] { display:none!important; }
.cost-toggle small { font-size:11px; font-weight:500; }
.cost-toggle[aria-expanded="true"] .eye-slash { display:none; }
.cost-multiple .cost-value b { font-size:12px; }
.summary .cost-toggle { font-size:20px; }
.summary .cost-toggle span { color:inherit; }
.price-row { grid-template-columns:minmax(280px,1fr) repeat(4,minmax(115px,130px)) 85px; }
.price-row input { font-size:14px; }
.price-row label { font-size:11px; }
.price-description input { font-size:14px; }
@media(max-width:1050px){.price-row{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.price-description{grid-column:1/-1}}
@media(max-width:600px){.price-row{grid-template-columns:1fr 1fr}.price-row .btn{grid-column:1/-1}.modal{padding:8px}.dialog>header{padding:14px}.dialog h2{font-size:19px}}
@media print{.actions-heading{display:none}.cost-toggle{border:0;background:none}.cost-toggle svg{display:none}}

/* Compact action controls and a subtle guide inside the same table. */
.catalog table{table-layout:fixed;min-width:1120px}
.catalog th:nth-child(1),.catalog td:nth-child(1){width:31%;min-width:0}
.catalog th:nth-child(2),.catalog td:nth-child(2){width:12%;min-width:0}
.catalog th:nth-child(3),.catalog td:nth-child(3){width:17%;min-width:0;overflow-wrap:anywhere}
.catalog th:nth-child(4),.catalog td:nth-child(4){width:7%}
.catalog th:nth-child(5),.catalog td:nth-child(5){width:12%}
.catalog th:nth-child(6),.catalog td:nth-child(6){width:7%}
.catalog th:nth-child(7),.catalog td:nth-child(7){width:7%}
.catalog th:nth-child(8),.catalog td:nth-child(8){width:124px}
.catalog td:nth-child(4){position:relative;background:linear-gradient(90deg,#eff5fa80,transparent 65%)}
.catalog td:nth-child(4)::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;background:linear-gradient(transparent,#a6bbd1,transparent)}
.catalog .num{font-variant-numeric:tabular-nums}
.catalog .cost-toggle{max-width:100%;font-size:14px}
.cost-multiple .cost-value{white-space:normal;text-align:right}
.cost-multiple small{white-space:normal}
.actions .action-icon,.actions .delete-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:34px;padding:6px;margin:0 0 0 3px;border:1px solid #cad9e8;border-radius:9px;background:linear-gradient(#fff,#edf3fa);box-shadow:0 2px 0 #d5e0ec;vertical-align:middle;color:#193d71}
.actions .edit-action{color:#9a6208;border-color:#efdcac;background:linear-gradient(#fffcf3,#fff0ca);box-shadow:0 2px 0 #e8d4a3}
.actions .delete-icon{color:#d82d50;border-color:#f1ced5;background:linear-gradient(#fff,#fff0f3);box-shadow:0 2px 0 #efd6dd}
.actions svg{width:18px;height:18px}.actions button:hover{filter:brightness(.96);transform:translateY(-1px)}
.page-head .head-actions{gap:10px;flex-wrap:wrap}
.page-head .tool-card{display:flex;align-items:center;gap:11px;text-align:left;padding:11px 15px;border:1px solid #d1ddea;border-bottom:3px solid #b5c9df;background:linear-gradient(120deg,#fff,#f1f6fc);box-shadow:0 5px 14px #17375b0c}
.tool-card b{display:block;font-size:12px}.tool-card small{display:block;margin-top:4px;color:#64748b;font-weight:500;font-size:11px}
.tool-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#193d71;color:white;box-shadow:inset 0 1px 0 #ffffff40}
.tool-icon svg{width:21px;height:21px}#exportCsv .tool-icon{background:#14775c}#printReport .tool-icon{background:#c53852}
.cost-input-group{display:flex;align-items:stretch;gap:5px;margin-top:5px}.cost-input-group input{min-width:0;margin-top:0}
.add-cost{flex:0 0 30px;border:1px solid #b7cbe0;border-radius:8px;background:linear-gradient(#f5faff,#dfeaf6);color:#193d71;font-size:20px;font-weight:700;cursor:pointer}.add-cost:hover{background:#d5e8fb}.add-cost[hidden]{display:none}
#additionalModal{z-index:80}.additional-dialog{width:min(650px,96vw)}
.additional-scope{margin:0;color:#52667d;font-size:13px}.additional-totals{display:flex;justify-content:space-between;align-items:center;border:1px solid #d7e4ee;border-radius:12px;background:#f0f6fc;padding:16px;gap:12px}.additional-totals small{display:block;color:#64748b;margin-bottom:6px}.additional-totals b{font-size:20px;color:#193d71}
#additionalHistory{list-style:none;margin:0;padding:0;max-height:160px;overflow:auto}#additionalHistory li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e2e8f0;font-size:13px}#additionalHistory small{display:block;color:#64748b;margin-top:3px}#additionalHistory strong{white-space:nowrap;color:#193d71}
#saveAdditional:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1100px){.page-head{align-items:flex-start;flex-direction:column}.page-head .head-actions{width:100%}.tool-card{flex:1}}
#additionalSerialField[hidden]{display:none}

.catalog table{min-width:1250px}
.catalog th:nth-child(1),.catalog td:nth-child(1){width:28%}
.catalog th:nth-child(2),.catalog td:nth-child(2){width:11%}
.catalog th:nth-child(3),.catalog td:nth-child(3){width:16%}
.catalog th:nth-child(6),.catalog td:nth-child(6),.catalog th:nth-child(7),.catalog td:nth-child(7){width:9%}