﻿/* Dense operational tables, scoped to the Custom Orders inventory workbench. */
.ci-workbench,.ci-workbench #ci-content{display:grid;gap:16px;min-width:0;max-width:100%}
.ci-workbench *{box-sizing:border-box}
.ci-workbench h2{font-size:1.08rem;line-height:1.4;margin:0 0 12px;color:#173c43}
.ci-workbench h3{font-size:.95rem;margin:15px 0 8px}
.ci-workbench p{margin:6px 0 12px;line-height:1.55}
.ci-customer{display:grid;gap:6px;max-width:420px;font-weight:750;font-size:.85rem}
.ci-customer select,.ci-form input:not([type=checkbox]),.ci-form select,.ci-form textarea,.ci-inline select,.ci-inline input,.ci-table input{min-width:0;width:100%;padding:9px 10px;min-height:40px;border:1px solid #bcccd0;border-radius:6px;background:#fff;color:#233940;font:inherit}
.ci-workbench :focus-visible{outline:3px solid #4399a4;outline-offset:2px}
.ci-section,.ci-operation{min-width:0;max-width:100%;border:1px solid #d6dee1;border-radius:8px;background:#fff;padding:16px}
.ci-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.ci-section-heading h2{margin:0 auto 0 0}
.ci-operation>summary{cursor:pointer;font-weight:800;color:#254a53;min-height:28px;line-height:1.7}
.ci-operation[open]>summary{margin-bottom:14px}
.ci-operation+ .ci-operation{margin-top:0}
.ci-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;max-width:980px}
.ci-form>label,.ci-inline>label{display:grid;gap:6px;font-size:.86rem;font-weight:700;min-width:0}
.ci-form textarea{resize:vertical;min-height:70px}
.ci-wide{grid-column:1/-1}
.ci-form .ci-check{display:flex;align-items:flex-start;gap:9px;font-weight:600;line-height:1.5}
.ci-check input{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.ci-inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:14px}
.ci-inline>label{flex:1 1 220px;max-width:700px}
.ci-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.ci-actions button,.ci-actions a,.ci-workbench button{min-height:40px;white-space:normal}
.ci-workbench button[disabled]{opacity:.5;cursor:not-allowed}
.ci-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #e0e7e9;border-radius:6px;overscroll-behavior-inline:contain}
.ci-table{border-collapse:collapse;width:100%;min-width:620px;background:white;font-size:.84rem;line-height:1.5}
.ci-table th{background:#eef4f4;color:#29474f;font-size:.76rem;font-weight:800;text-align:left;padding:11px 12px;white-space:nowrap}
.ci-table td{padding:11px 12px;border-top:1px solid #e2e9eb;vertical-align:top;max-width:350px;overflow-wrap:anywhere}
.ci-table td small{display:block;color:#6a7d82;font-size:.75rem;margin-top:3px}
.ci-table tbody tr:hover{background:#f7fafb}
.ci-table input[type=number]{width:95px}
.ci-table input[type=checkbox]{height:18px;width:18px;accent-color:#216a72}
.ci-table a{color:#176977;font-weight:750}
.ci-table .ci-empty{text-align:center;padding:25px}
.ci-empty{padding:25px 12px;color:#62767c;text-align:center;border:1px dashed #cddadd;border-radius:7px}
.ci-badge{display:inline-block;padding:3px 8px;border-radius:5px;border:1px solid #cfdddd;background:#f1f5f5;color:#536c72;font-size:.76rem;font-weight:750;line-height:1.5;overflow-wrap:normal}
.ci-state-confirmed,.ci-state-active,.ci-state-completed,.ci-state-qc_passed,.ci-state-shipped_to_customer,.ci-state-customer_received,.ci-state-forwarded_to_consumer{background:#e6f4ec;color:#216b45;border-color:#b9dccb}
.ci-state-issued,.ci-state-in_production,.ci-state-reserved{background:#eaf3fa;color:#285d83;border-color:#bed5e6}
.ci-state-preview,.ci-state-unconfirmed,.ci-state-in_progress{background:#fff6dd;color:#806219;border-color:#e7dcae}
.ci-state-rejected,.ci-state-cancelled,.ci-state-qc_failed{background:#faebea;color:#963f37;border-color:#e8c1bc}
.ci-notice{padding:12px 15px;border:1px solid #c7dce1;border-left:4px solid #398491;border-radius:6px;background:#f0f7f8;line-height:1.5;overflow-wrap:anywhere}
.ci-success{background:#edf7ef;border-color:#b7d9c0;border-left-color:#3d8752;color:#245536}
.ci-warning{background:#fff8e8;border-color:#e6d49a;border-left-color:#b28c23;color:#73561a}
.ci-error{background:#fff0ef;border-color:#e7bab6;border-left-color:#b9463b;color:#922f26}
.ci-notice ul{padding-left:19px;margin:7px 0 0}
.ci-form-status{margin:0!important;line-height:1.5;font-size:.86rem;overflow-wrap:anywhere}
.ci-form-status:empty{display:none}
.ci-form-status.ci-error{padding:10px;border:1px solid #e7bab6;border-radius:6px}
.ci-hidden{display:none!important}
.ci-muted{color:#657b82;font-size:.84rem;font-weight:400;overflow-wrap:anywhere}
.ci-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:10px 0 16px}
.ci-metrics>div{padding:10px 12px;border:1px solid #dce6e7;border-radius:6px;background:#f8fafb;min-width:0}
.ci-metrics span{display:block;font-size:.74rem;color:#657b82;line-height:1.4}
.ci-metrics strong{display:block;font-size:1.35rem;color:#164951;margin-top:4px;overflow-wrap:anywhere}
.ci-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:12px 0 16px}
.ci-kv>div{min-width:0;border-bottom:1px solid #edf1f2;padding-bottom:8px}
.ci-kv dt{font-size:.75rem;color:#657b82;font-weight:700;text-transform:capitalize}
.ci-kv dd{font-size:.85rem;line-height:1.55;margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.ci-recipe-line{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid #e4ebed}
.ci-recipe-line label{display:grid;gap:5px;font-size:.82rem;font-weight:700}
.ci-progress-summary{display:grid;gap:10px}
@media(max-width:640px){.ci-section,.ci-operation{padding:12px}.ci-form{grid-template-columns:minmax(0,1fr)}.ci-kv{grid-template-columns:minmax(0,1fr)}.ci-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-table{font-size:.82rem}.ci-table td,.ci-table th{padding:10px}.ci-recipe-line{grid-template-columns:minmax(0,1fr) minmax(90px,.6fr)}.ci-recipe-line label:first-child{grid-column:1/-1}.ci-customer{max-width:none}.ci-section-heading{align-items:flex-start}.ci-section-heading h2{width:100%}.ci-inline>label{max-width:none}.ci-workbench summary{overflow-wrap:anywhere}}
.ci-scroll-hint{display:none}
.ci-table td{min-width:90px}
@media(max-width:640px){.ci-scroll-hint{display:block;color:#687f85;font-size:.76rem;margin:0 0 8px!important}}
.ci-state-out_of_stock, .ci-state-demand_shortage { color: #8d1d23; background: #fff0f0; border-color: #e5a5a9; }
.ci-state-low_stock { color: #7b5000; background: #fff7e5; border-color: #e4c46d; }
.ci-state-sufficient { color: #175d48; background: #eef8f2; border-color: #b3d7c3; }

.ci-stock-bulk{padding:12px;border:1px solid #bbd6d8;border-radius:7px;background:#f0f8f8}
.ci-stock-pick{display:inline-flex;align-items:center;gap:9px;min-height:44px;min-width:44px;padding:5px 8px;cursor:pointer;font-weight:700;white-space:nowrap;border-radius:5px}
.ci-stock-pick input[type=checkbox]{width:20px;height:20px;min-height:20px;min-width:20px;margin:0;padding:0;accent-color:#216a72;cursor:pointer}
.ci-stock-bulk p:last-child{margin-bottom:0!important}
#ci-stock-selection-summary{font-weight:750;color:#174f57;margin-top:10px}
.ci-table tbody tr.ci-stock-selected{background:#eaf6f4}
.ci-table tbody tr.ci-stock-selected td:first-child{box-shadow:inset 3px 0 #277b7d}

/* Native import-deletion review; no new modal dependency. */
dialog.ci-delete-dialog { width:min(720px,calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto; margin:auto; padding:24px; border:1px solid #d9e1e3; border-radius:10px; background:#fff; color:#211e1a; }
dialog.ci-delete-dialog::backdrop { background:rgba(0,0,0,.35); }
dialog.ci-delete-dialog .ci-metrics { margin-block:16px; }
