:root{font-family:Arial,Helvetica,sans-serif;color:#253448;background:#f5f7fb;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}.topbar{background:#fff;border-bottom:1px solid #dae2ed}.topbar-inner{max-width:1280px;margin:auto;padding:12px 22px;display:flex;align-items:center;gap:18px}.home-link{font-weight:700;color:#315584;text-decoration:none}.home-link:hover{text-decoration:underline}.topbar-label{color:#66778c;font-size:14px}.page{max-width:1280px;margin:auto;padding:22px 22px 48px}.hero{background:linear-gradient(115deg,#315584,#5576a7);color:#fff;border-radius:14px;padding:30px 34px;border-top:4px solid #77b84b}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;margin:0 0 8px;color:#b9d59f}.hero h1{font-size:30px;line-height:1.2;margin:0 0 9px}.hero p{margin:0;max-width:760px;color:#eef4ff}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;color:#dce8f8}.notice{margin:18px 0;padding:14px 16px;border-radius:8px}.error{background:#fff0f0;color:#8c2424;border:1px solid #e8b2b2}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.kpi{background:#fff;border:1px solid #e0e7f0;border-radius:10px;padding:14px 16px;box-shadow:0 2px 10px #2440610a}.kpi span{display:block;color:#63738a;font-size:13px}.kpi strong{font-size:27px;color:#315584}.tabs{display:flex;gap:8px;border-bottom:1px solid #d4deea;margin-top:20px}.tab{border:0;background:transparent;color:#58708d;padding:11px 16px;font:700 15px Arial;cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:#274e7e;border-bottom-color:#77b84b}.tab:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e5a535;outline-offset:2px}.panel{background:#fff;border:1px solid #e0e7f0;border-radius:0 0 12px 12px;padding:22px;box-shadow:0 3px 14px #2440610a}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.section-heading h2{font-size:22px;color:#315584;margin:0}.section-heading p{color:#66778c;margin:4px 0 0}.source-chip{display:inline-block;border-radius:999px;background:#f0f5e9;color:#436d2d;padding:5px 10px;font-size:12px;font-weight:700;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%!important}table td{vertical-align:top}table th{white-space:nowrap}td .mono{font-family:Consolas,monospace;font-size:13px}td .small{display:block;font-size:12px;color:#66778c}.badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;white-space:nowrap}.badge.warn{background:#fff2d7;color:#7c5000}.badge.good{background:#e9f5e6;color:#34692d}.badge.info{background:#e7f0fa;color:#335f8c}.badge.neutral{background:#edf0f4;color:#526176}button{font:inherit}button.primary,button:not(.tab):not(:where(.filter-shell *, .filter-dropdown-floating *)):not(.quiet-button){background:#315584;color:#fff;border:0;border-radius:7px;padding:8px 12px;cursor:pointer}button:not(.tab):not(:where(.filter-shell *, .filter-dropdown-floating *)):not(.quiet-button):hover{background:#25466f}button:disabled{opacity:.45;cursor:not-allowed!important}.quiet-button{background:#fff;border:1px solid #bfcddd;color:#315584;border-radius:7px;padding:8px 12px;cursor:pointer}.quiet-button:hover{background:#f0f4f8}.review-actions{margin-top:20px;padding:16px;border-radius:9px;background:#f3f6fa;display:flex;justify-content:space-between;gap:18px;align-items:center}.review-actions p{font-size:13px;color:#65758b;margin:4px 0 0}.review-actions-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.review-actions-right label{font-size:13px;font-weight:700}.review-actions-right input{padding:9px 10px;border:1px solid #b9c8db;border-radius:6px;min-width:210px}.method-note{font-size:13px;color:#65758b;margin:22px 4px}.order-detail{margin-top:25px;border-top:1px solid #dce4ee;padding-top:21px}.detail-header,.timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-header h3{margin:0;color:#315584;font-size:23px}.detail-header .eyebrow{color:#669043}.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;margin-top:17px}.detail-card{border:1px solid #dce4ee;border-radius:10px;padding:16px 18px;background:#fbfcfe}.detail-card h4,.questions h4,.timeline-heading h4{margin:0 0 8px;color:#315584}.detail-card p{margin:0 0 8px}.summary-card{background:#f4f8ef;border-color:#d7e6c8}.muted{color:#63738a}.fine-print{font-size:12px;color:#6c7c91}.questions{margin-top:15px;padding:13px 17px;background:#fff8e9;border-radius:9px}.questions ul{margin:0;padding-left:21px}.timeline-heading{margin-top:22px}.timeline-heading span{font-size:13px;color:#65758b}.timeline{list-style:none;counter-reset:item;padding:0;margin:10px 0}.timeline li{position:relative;border-left:3px solid #cbd9e9;padding:0 0 21px 18px;margin-left:7px}.timeline li:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#6d98bf;left:-7px;top:5px}.timeline li:last-child{border-left-color:transparent}.timeline time{color:#61758e;font-size:13px}.timeline strong{display:block;color:#2c4562}.timeline p{margin:4px 0 0}.timeline .meta{font-size:12px;color:#718196}dialog{border:0;border-radius:13px;padding:0;max-width:720px;width:calc(100% - 30px);max-height:90vh;overflow-y:auto;box-shadow:0 18px 55px #172f4b55}dialog::backdrop{background:#132943aa}dialog form{padding:24px}dialog h2{margin:0 0 5px;color:#315584}dialog label{display:block;margin:14px 0 5px;font-weight:700}dialog select,dialog textarea{width:100%;border:1px solid #b9c8db;border-radius:7px;padding:9px 10px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.digest{display:block;min-width:220px;max-width:370px}.sample-label{color:#8b5400!important;font-weight:700}.sample-warning{background:#fff2d7;color:#6f4900;padding:8px 10px;border-radius:7px}.review-evidence{border:1px solid #dce4ee;background:#f8fafd;border-radius:8px;padding:12px 14px;margin:14px 0}.review-evidence h3{margin:0 0 7px;color:#315584;font-size:16px}.review-evidence p{margin:6px 0}.review-evidence ul,.timeline-attachments{margin:7px 0;padding-left:20px}.timeline-attachments li{border:0;padding:0;margin:3px 0}.timeline-attachments li:before{display:none}@media(max-width:900px){.kpis{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}.review-actions{display:block}.review-actions-right{margin-top:13px}}@media(max-width:600px){.page{padding:12px 12px 35px}.topbar-inner{padding:10px 12px}.topbar-label{display:none}.hero{padding:22px 20px}.hero h1{font-size:24px}.kpis{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{padding:11px 13px}.panel{padding:14px}.section-heading{display:block}.source-chip{margin-top:10px}.review-actions-right input{min-width:0;width:100%}.review-actions-right button{width:100%}}

#order-dialog{max-width:1100px;width:calc(100% - 32px);overscroll-behavior:contain}#order-dialog .order-detail{margin:0;border:0;padding:24px}@media(max-width:600px){#order-dialog .order-detail{padding:16px}}

/* Modal shell: keep the title and actions visible while long evidence scrolls. */
#review-dialog,#order-dialog{width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 24px 70px #172f4b66}
#review-dialog{max-width:1120px;height:min(780px,calc(100dvh - 40px))}
#review-form{display:flex;flex-direction:column;height:100%;min-height:0;padding:0}
.dialog-header,.detail-header{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px;background:#fff;border-bottom:1px solid #dce4ee}
.dialog-header h2{font-size:24px;line-height:1.25;margin:0}
.dialog-kicker{margin:0 0 3px;color:#61758e;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#dialog-message{margin:5px 0 0;font-size:14px}
.dialog-header .quiet-button,.detail-header .quiet-button{flex:none}
.dialog-close-icon{display:none}
.review-dialog-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);flex:1;min-height:0;overflow:hidden}
#review-evidence{min-height:0;margin:0;padding:20px 24px 28px;border:0;border-right:1px solid #dce4ee;border-radius:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#review-evidence h3{font-size:18px;line-height:1.3;margin:0 0 14px}
#review-evidence p{margin:0 0 12px}
#review-evidence .fine-print,.review-decision-fields .fine-print{font-size:13px;line-height:1.45}
#review-evidence .sample-warning{padding:11px 13px}
.review-decision-fields{min-height:0;padding:22px 24px;overflow-y:auto;background:#fff}
.review-decision-fields h3{margin:0 0 12px;color:#315584;font-size:18px}
.review-decision-fields label{margin-top:16px}
.review-decision-fields textarea{min-height:130px;resize:vertical}
.dialog-actions{flex:none;margin:0;padding:14px 24px;background:#fff;border-top:1px solid #dce4ee}
.dialog-actions button{min-height:42px}
#order-dialog{max-width:1120px;height:min(860px,calc(100dvh - 40px))}
#order-dialog .order-detail{display:flex;flex-direction:column;height:100%;min-height:0;margin:0;border:0;padding:0}
#order-dialog .detail-header h3{line-height:1.25}
#order-dialog .detail-header .eyebrow{margin-bottom:3px}
.order-dialog-body{flex:1;min-height:0;padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.order-dialog-body .detail-grid{margin-top:0}
.order-characteristics,.order-discrepancies{margin-top:22px}
.order-characteristics>.timeline-heading,.order-discrepancies>.timeline-heading{margin-top:0}
.order-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.order-position{min-width:0;border:1px solid #d7e1ed;border-radius:10px;background:#fff;padding:15px 16px}
.order-position h5,.order-shared-wrap h5,.discrepancy-card h5{margin:0;color:#315584;font-size:16px}
.attribute-list{margin:10px 0 0}
.attribute-list>div{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);gap:12px;padding:7px 0;border-top:1px solid #e6ebf2}
.attribute-list dt{color:#66778c;font-size:13px}
.attribute-list dd{margin:0;color:#253448;font-weight:700;overflow-wrap:anywhere}
.order-shared-wrap{margin-top:12px;padding:14px 16px;border:1px solid #dce4ee;border-radius:10px;background:#f8fafd}
.shared-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.structured-empty{margin:10px 0 0;color:#66778c}
.discrepancy-list{display:grid;gap:9px;margin-top:10px}
.discrepancy-card{padding:13px 15px;border:1px solid #e6c978;border-left-width:4px;border-radius:9px;background:#fffaf0}
.discrepancy-card.uncertainty{border-color:#b9d0e7;background:#f5f9fd}
.discrepancy-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.discrepancy-card p{margin:7px 0 0}
.no-discrepancies{margin:0;padding:11px 14px;border:1px solid #cfe2c5;border-radius:8px;background:#f2f8ee;color:#3f672f}
.timeline-event-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.timeline-event-heading strong{display:inline}
.timeline-summary{max-width:900px}
.change-list{margin:10px 0;border:1px solid #dbe4ee;border-radius:8px;overflow:hidden;background:#fff}
.change-list>div{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(0,1.45fr);gap:12px;padding:9px 11px;border-top:1px solid #e4eaf1}
.change-list>div:first-child{border-top:0}
.change-list dt{font-size:13px;color:#5f7085;font-weight:700}
.change-list dd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.change-before{text-decoration:line-through;color:#7d5960}
.change-arrow{color:#71954c;font-weight:700}
.change-after{color:#315584;font-weight:700}
.timeline-evidence{margin-top:9px;border:1px solid #dce4ee;border-radius:8px;background:#f8fafd}
.timeline-evidence summary{padding:8px 11px;color:#315584;font-size:13px;font-weight:700;cursor:pointer}
.timeline-evidence>p,.timeline-evidence>ul{margin:0;padding:0 12px 10px}
.timeline-evidence>ul{padding-left:30px}

@media(max-width:760px){
  #review-dialog,#order-dialog{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:10px}
  .dialog-header,.detail-header{padding:14px 16px;gap:12px}
  .dialog-header h2{font-size:21px}
  #order-dialog .detail-header h3{font-size:21px}
  .review-dialog-grid{display:block;overflow-y:auto;overscroll-behavior:contain}
  #review-evidence{min-height:auto;padding:16px;border-right:0;border-bottom:1px solid #dce4ee;overflow:visible;scrollbar-gutter:auto}
  .review-decision-fields{padding:16px;overflow:visible}
  .dialog-actions{padding:12px 16px}
  .order-dialog-body{padding:16px;scrollbar-gutter:auto}
  .order-positions,.shared-attributes{grid-template-columns:1fr}
}
@media(max-width:420px){
  .dialog-header .quiet-button,.detail-header .quiet-button{display:grid;place-items:center;width:40px;height:40px;padding:0}
  .dialog-close-label{display:none}
  .dialog-close-icon{display:block;font-size:24px;line-height:1}
  .dialog-actions button{flex:1}
  .attribute-list>div,.change-list>div{grid-template-columns:1fr;gap:3px}
}

.order-filter{min-width:0;margin:0 0 14px;padding:12px 14px;border:1px solid #dce4ee;border-radius:9px;background:#f8fafd}
.order-filter legend{padding:0 5px;color:#315584;font-weight:700}
.filter-presets,.date-range{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.order-filter button.filter-preset{padding:6px 12px;border:1px solid #b9c8db;border-radius:999px;background:#fff;color:#315584;font-weight:700}
.order-filter button.filter-preset:hover{background:#eaf1f9;color:#23476f}
.order-filter button.filter-preset[aria-pressed="true"]{border-color:#315584;background:#315584;color:#fff}
.order-state-filter{margin-bottom:18px;background:#fbfcfe}
.date-range{margin-top:12px}
.date-range[hidden]{display:none}
.date-range label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}
.date-range input{min-width:150px;padding:7px 9px;border:1px solid #b9c8db;border-radius:6px;font:inherit}
.filter-hint{margin:9px 0 0;color:#66778c;font-size:13px}
.filter-error{margin:7px 0 0;color:#9b2d2d;font-size:13px;font-weight:700}
.order-xml-summary{margin:0 0 16px;padding:12px 14px;border:1px solid #dce4ee;border-left:4px solid #d99b28;border-radius:8px;background:#fffaf0;color:#4b5970;font-size:14px}

.reconciliation-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.reconciliation-kpi{min-width:0;padding:12px 14px;border:1px solid #dce4ee;border-radius:9px;background:#f8fafd}
.reconciliation-kpi span,.reconciliation-kpi small{display:block;color:#66778c;font-size:12px}
.reconciliation-kpi strong{display:block;margin:2px 0;color:#315584;font-size:22px;line-height:1.2}
.quantity-stack span,.timing-stack span{display:block;white-space:nowrap}
.quantity-stack span+span,.timing-stack span+span{margin-top:2px;color:#66778c;font-size:12px}
.customer-order-nos span{display:block;white-space:nowrap}.customer-order-nos span+span{margin-top:3px}
.row-detail-button{display:block;margin-top:8px;padding:5px 10px!important;font-size:13px!important}
.order-reconciliation{margin:0 0 20px;padding:19px;border:1px solid #cddbea;border-radius:12px;background:linear-gradient(145deg,#f8fbff,#f4f8ef)}
.reconciliation-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}
.reconciliation-heading h4{margin:0;color:#315584;font-size:21px}
.reconciliation-heading>div:last-child{text-align:right}
.reconciliation-heading .fine-print{margin:5px 0 0}
.quantity-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.quantity-flow>div{min-width:0;padding:14px;text-align:center;border:1px solid #d6e1ed;border-radius:9px;background:#fff}
.quantity-flow span,.quantity-flow small{display:block;color:#66778c;font-size:12px}
.quantity-flow strong{display:block;margin:3px 0;color:#294f7d;font-size:28px;line-height:1.1}
.flow-arrow{color:#71954c!important;font-size:23px!important;font-weight:700}
.reconciliation-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.reconciliation-facts>div{padding:12px 13px;border:1px solid #dce4ee;border-radius:8px;background:#fff}
.reconciliation-facts span,.reconciliation-facts small{display:block;color:#66778c;font-size:12px}
.reconciliation-facts strong{display:block;margin:3px 0;color:#315584;font-size:17px}
.customer-orders-wrap{margin-top:16px}
.customer-orders-wrap h5{margin:0 0 8px;color:#315584;font-size:15px}
.customer-orders-table{border-collapse:collapse;background:#fff;font-size:13px}
.customer-orders-table th,.customer-orders-table td{padding:8px 10px;border-bottom:1px solid #e0e7f0;text-align:left;white-space:nowrap}
.customer-orders-table th{color:#52667f;background:#f1f5f9}
.application-details-wrap{margin-top:16px;padding-top:15px;border-top:1px solid #d6e1ed}
.application-details-wrap h5{margin:0;color:#315584;font-size:17px}
.application-details-wrap>p{margin:3px 0 10px}
.application-details-grid{display:grid;gap:11px}
.application-detail{min-width:0;padding:14px;border:1px solid #cfddeb;border-left:4px solid #d99b28;border-radius:10px;background:#fff}
.application-detail.with-posted-orders{border-left-color:#77a85d}
.application-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.application-detail-heading h6{margin:0;color:#294f7d;font-size:16px}
.application-detail-heading p{margin:2px 0 0}
.application-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:11px 0}
.application-detail-facts>div{min-width:0;padding:8px 10px;border-radius:7px;background:#f5f8fc}
.application-detail-facts dt{color:#66778c;font-size:12px}
.application-detail-facts dd{margin:2px 0 0;color:#2f4f75;font-weight:700;overflow-wrap:anywhere}
.application-orders-table{margin-top:3px}
.application-empty{margin:9px 0 0;padding:9px 11px;border-radius:7px;background:#fff7e8;color:#76510c;font-size:13px}
@media(max-width:1050px){.reconciliation-kpis{grid-template-columns:repeat(3,1fr)}.reconciliation-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.reconciliation-kpis{grid-template-columns:repeat(2,1fr)}.quantity-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);text-align:center}.reconciliation-facts,.application-detail-facts{grid-template-columns:1fr}.reconciliation-heading{display:block}.reconciliation-heading>div:last-child{text-align:left;margin-top:9px}.application-detail-heading{display:block}.application-detail-heading>.badge{margin-top:7px}}
@media(max-width:420px){.reconciliation-kpis{grid-template-columns:1fr}.order-reconciliation{padding:13px}}

/* Shared visual language with chief-portal: light glass, native type and soft surfaces. */
:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #202b40; background: #edf1f8; font-synthesis: none;
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
  --ink: #202b40; --muted: #5c6980; --surface: #fff; --line: #d9e1ed;
  --accent: #547fc3; --accent-strong: #375f9e; --accent-soft: #e9f0fc;
  --ready: #276644; --ready-bg: #e7f5ed; --warning: #805900; --warning-bg: #fff3d5;
  --danger: #9c354b; --danger-bg: #fceaf0;
  --radius-card: 24px; --radius-control: 14px;
  --shadow: 0 12px 32px -18px rgba(37,54,91,.24), 0 2px 5px rgba(37,54,91,.025);
}
body { min-height:100vh; background:radial-gradient(ellipse at 0% 30%,#8bb4e721,transparent 58%),radial-gradient(ellipse at 94% 0%,#dbe58224,transparent 48%),#edf1f8 }
button,input,select,textarea { font-family:inherit }
a,button,summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation }
summary:focus-visible { outline:3px solid var(--accent-strong); outline-offset:4px }
summary { cursor:pointer }
.topbar { width:calc(100% - 48px); max-width:1432px; margin:auto; border:1px solid #ffffff55; border-top:0; border-radius:0 0 20px 20px; background:linear-gradient(110deg,#3b5374f2,#2a3e5cf0); box-shadow:0 10px 26px -19px #1d32568c }
.topbar-inner { max-width:1432px; min-height:60px; justify-content:space-between }
.home-link { color:#fff; font-weight:650 }.topbar-label { color:#e2eaf6 }
.page { max-width:1480px; padding:28px 24px 40px }
.hero { padding:0 4px 4px; background:none; border:0; color:var(--ink); border-radius:0 }
.hero .eyebrow { color:var(--accent-strong) }.hero h1 { font-size:clamp(28px,3vw,40px); font-weight:700; letter-spacing:-.04em; margin:6px 0 10px }
.hero p { color:var(--muted) }.hero-meta { margin-top:12px; color:var(--muted) }
.kpis { gap:12px; margin:20px 0 24px }.kpi { border:1px solid #ffffffeb; border-radius:20px; box-shadow:var(--shadow); background:#ffffffd9; padding:15px 18px }.kpi strong { color:var(--ink); font-size:28px; font-weight:650 }
.tabs { width:fit-content; max-width:100%; border:1px solid #dae2ed; border-radius:14px; background:#e1e7f0; padding:4px; gap:3px; margin:0 0 16px }
.tab { font-family:inherit; border:0; border-radius:11px; min-height:44px; color:var(--muted); padding:9px 18px; font-size:14px }.tab.active { background:white; color:var(--ink); border:0; box-shadow:0 2px 7px #25365b15 }
.panel { border-radius:24px; border-color:#ffffffef; padding:24px; box-shadow:var(--shadow); background:#ffffffd9 }
.section-heading h2 { color:var(--ink); font-size:24px; letter-spacing:-.025em }.section-heading p { font-size:14px }.source-chip { color:var(--accent-strong); background:var(--accent-soft) }
button:not(.tab):not(:where(.filter-shell *, .filter-dropdown-floating *)):not(.quiet-button) { background:var(--accent-strong); border-radius:12px; min-height:38px }.quiet-button { border:1px solid var(--line); border-radius:12px; min-height:40px }
.badge { padding:4px 9px; font-size:12px; white-space:normal; line-height:1.35 }
.badge.good { background:var(--ready-bg); color:var(--ready) }.badge.warn { background:var(--warning-bg); color:var(--warning) }.badge.danger { background:var(--danger-bg); color:var(--danger) }.badge.info { background:var(--accent-soft); color:var(--accent-strong) }
#orders-table { font-size:14px; min-width:1160px }table.dataTable th { font-weight:600; color:var(--muted) }table.dataTable tbody td { padding:14px 12px!important; border-bottom:1px solid #e5eaf2!important }
:is(#orders-table, #review-table) .row-detail-button { margin-top:8px; background:var(--accent-soft); color:var(--accent-strong); border:1px solid #d6e2f5; min-height:32px; font-weight:600 }
:is(#orders-table, #review-table) .row-detail-button:hover { background:#dce8fa }.dt-container .dt-input { border:1px solid var(--line)!important; border-radius:10px!important; background:#fff!important; padding:8px 10px!important; color:var(--ink) }
.reconciliation-kpi { border:1px solid #e1e7f0; border-radius:16px; background:#f5f7fb; padding:13px 15px }.reconciliation-kpi strong { color:var(--ink); font-weight:650 }.reconciliation-kpi span { color:var(--muted) }
.xml-status-details { margin:0 0 16px; font-size:13px; color:var(--muted) }.xml-status-details summary { padding:4px 0 }.xml-status-details .order-xml-summary { margin:8px 0 0 }
.order-filter { border:0; border-radius:16px; background:#f3f6fb; padding:12px 14px; margin-bottom:14px }.order-filter legend { padding:0; float:left; margin:5px 20px 8px 0; font-size:13px; color:var(--muted) }.order-filter .filter-hint { clear:both; font-size:12px; margin-top:8px }
.order-filter button.filter-preset,.quick-state-filters button.filter-preset { background:#fff; color:var(--accent-strong); border:1px solid #dce4f0; border-radius:10px; padding:6px 11px; font-size:13px; font-weight:600; min-height:36px }
.order-filter button.filter-preset[aria-pressed="true"],.quick-state-filters button.filter-preset[aria-pressed="true"] { background:var(--accent-strong); color:white; border-color:var(--accent-strong) }
.state-filter-row { display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end }.state-filter-row label { display:block; margin:0; color:var(--muted); font-size:12px; font-weight:600 }.state-filter-row select { display:block; width:100%; min-height:44px; margin-top:5px; padding:8px 36px 8px 12px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); font:inherit; font-size:14px }.state-filter-row button { min-height:44px; font-size:13px }
.quick-state-filters { display:flex; gap:7px; flex-wrap:wrap; align-items:center; margin:13px 0 }.quick-state-filters>span { color:var(--muted); font-size:12px; margin-right:2px }.filter-summary { font-size:13px; color:var(--muted); margin:0 0 16px }
#order-dialog { width:calc(100% - 48px); max-width:1280px; height:min(960px,calc(100dvh - 48px)); max-height:calc(100dvh - 48px); border-radius:26px; background:#f3f6fb; box-shadow:0 28px 100px #14243f50 }
#review-dialog { border-radius:26px }.detail-header,.dialog-header { padding:20px 24px; background:#fffffff2; border-bottom:1px solid #dce3ee }.detail-header h3 { color:var(--ink); font-size:26px; letter-spacing:-.03em }.detail-header .eyebrow { color:var(--accent-strong); font-size:11px }.dialog-kicker { font-size:11px; font-weight:600; letter-spacing:.07em; color:var(--muted); margin:0 0 6px; text-transform:uppercase }
#order-dialog::backdrop,#review-dialog::backdrop { background:#20304d66; backdrop-filter:blur(6px) }.order-dialog-body { padding:22px 24px; scrollbar-gutter:auto }
.order-status-overview { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 20px }.order-status-overview .fine-print { margin:7px 0 0 }.order-status-overview .badge { font-size:14px; padding:6px 12px }.detail-nav { display:flex; gap:6px; flex-wrap:wrap }.detail-nav button { font-size:12px; min-height:36px; padding:7px 10px; background:#ffffffb3 }
.order-reconciliation { margin:0 0 22px; padding:0; border:0; background:none; border-radius:0 }.reconciliation-heading { margin:0 0 12px }.reconciliation-heading h4 { color:var(--ink); font-size:19px; letter-spacing:-.02em }.reconciliation-heading .dialog-kicker { font-size:10px; margin-bottom:3px }
.customer-orders-wrap { margin:12px 0 }.customer-orders-wrap h5 { display:none }.customer-order-list { display:grid; gap:14px }.customer-order-card { min-width:0; padding:20px; border:1px solid #e0e7f0; border-radius:20px; background:#fff; box-shadow:0 4px 18px -15px #223d6955 }.customer-order-card.inactive { background:#f8f9fc }
.customer-order-heading { display:flex; justify-content:space-between; gap:16px; align-items:start }.customer-order-heading h6 { margin:2px 0 4px; color:var(--ink); font-size:22px; letter-spacing:-.02em; font-weight:650 }.customer-order-heading .dialog-kicker { display:block }.customer-order-state { text-align:right; display:flex; flex-direction:column; gap:7px; align-items:end }.customer-order-amount { color:var(--ink); font-size:17px; font-weight:600; font-variant-numeric:tabular-nums }
.customer-order-meta { display:flex; flex-wrap:wrap; gap:7px 18px; margin:12px 0 0; color:var(--muted); font-size:12px }.customer-order-meta span+span { border-left:1px solid #dce3ec; padding-left:16px }.customer-order-source-state { font-size:12px; margin:9px 0 0; color:var(--muted) }
.customer-lifecycle { list-style:none; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); margin:24px -5px 18px; padding:0 }.lifecycle-stage { position:relative; min-width:0; padding:0 7px; text-align:center }.lifecycle-stage:not(:first-child)::before { content:""; position:absolute; top:21px; left:-50%; width:100%; height:2px; background:#e1e6ef; z-index:0 }.lifecycle-icon { position:relative; display:grid; place-items:center; width:44px; height:44px; margin:0 auto 10px; border:1px solid #dce3ec; border-radius:15px; background:#f0f3f8; color:#6b778b; box-shadow:0 0 0 7px #fff }.lifecycle-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linejoin:round; stroke-linecap:round }
.lifecycle-label { display:block; font-size:13px; font-weight:600; color:var(--ink); margin:0 0 5px }.lifecycle-status { display:inline-block; padding:2px 7px; border-radius:6px; font-size:10px; font-weight:600; color:#59667b; background:#edf1f7 }.lifecycle-value { display:block; margin-top:6px; font-size:12px; line-height:1.4; color:var(--ink); overflow-wrap:anywhere; min-height:34px }.lifecycle-date { display:block; color:var(--muted); font-size:11px; margin-top:4px }
.lifecycle-stage.complete .lifecycle-icon,.lifecycle-stage.complete .lifecycle-status { color:var(--ready); background:var(--ready-bg); border-color:#d3e9dc }.lifecycle-stage.partial .lifecycle-icon,.lifecycle-stage.partial .lifecycle-status { color:var(--accent-strong); background:var(--accent-soft); border-color:#d3e0f4 }.lifecycle-stage.waiting .lifecycle-icon,.lifecycle-stage.waiting .lifecycle-status { color:var(--warning); background:#fff7e5; border-color:#f0e0ba }.lifecycle-stage.blocked .lifecycle-icon,.lifecycle-stage.blocked .lifecycle-status { color:var(--danger); background:var(--danger-bg); border-color:#ecd2db }.lifecycle-stage.unknown .lifecycle-icon { border-style:dashed }.lifecycle-stage.inactive { opacity:.8 }
.customer-order-evidence { border-top:1px solid #e7ecf3; font-size:13px }.customer-order-evidence>summary { padding:12px 0 0; color:var(--accent-strong); font-weight:600 }.lifecycle-sources { margin:14px 0 }.lifecycle-sources>div { display:grid; grid-template-columns:120px 1fr; gap:12px; padding:8px 0; border-bottom:1px solid #edf0f5 }.lifecycle-sources dt { color:var(--ink); font-weight:600 }.lifecycle-sources dd { margin:0; color:var(--muted) }.lifecycle-sources .small { display:block; margin-top:3px; font-size:12px }.construction-evidence td { white-space:normal; min-width:90px }.construction-evidence th:first-child { min-width:170px }
.reconciliation-evidence { border:1px solid var(--line); border-radius:16px; background:#ffffffc2; margin-top:14px }.reconciliation-evidence>summary { padding:13px 16px; color:var(--accent-strong); font-size:13px; font-weight:600 }.reconciliation-evidence .quantity-flow { margin:0 16px; gap:7px }.quantity-flow>div { border:0; border-radius:12px; background:#f2f5fa; padding:12px 8px }.quantity-flow strong { font-size:23px; color:var(--ink) }.quantity-flow span,.quantity-flow small { font-size:11px }.reconciliation-evidence .reconciliation-facts { margin:12px 16px 16px; gap:8px }.reconciliation-facts>div { border:0; background:#f6f8fc; border-radius:12px; padding:10px }.reconciliation-facts strong { color:var(--ink); font-size:16px }
.application-details-wrap { padding:0; border:0; margin-top:12px }.application-detail { border-radius:20px; background:#f0f4fb; padding:16px; border-left-width:3px }.application-detail-facts { grid-template-columns:repeat(4,minmax(0,1fr)) }.application-detail-facts>div { background:#ffffff9e; border-radius:10px }.application-detail .customer-order-card { box-shadow:none }
.detail-grid { display:flex; flex-direction:column; gap:12px }.summary-card { order:-1; background:#fff; border-color:#e0e7f0; border-radius:20px }.detail-card h4 { color:var(--ink); font-size:17px }.technical-card { padding:0 18px; border-radius:16px; background:#ffffffa8 }.technical-card summary { color:var(--accent-strong); font-size:13px; font-weight:600; padding:13px 0 }.technical-card p { font-size:14px }.order-position,.order-shared-wrap { border-radius:18px; border-color:#e0e7f0 }.order-position h5,.order-shared-wrap h5,.timeline-heading h4 { color:var(--ink) }.questions { border:1px solid #ede3c9; border-radius:16px }.questions h4 { color:var(--ink) }.timeline-evidence { border-radius:12px }
@media(max-width:1000px) {
  .customer-lifecycle { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px 0 }
  .lifecycle-stage:nth-child(5)::before { display:none }
}
@media(max-width:760px) {
  .topbar { width:calc(100% - 24px) }.topbar-inner { padding:9px 14px; min-height:52px }.topbar-label { font-size:11px }.home-link { font-size:13px }.page { padding:20px 12px 28px }.hero { padding:0 4px }.hero p { font-size:14px }.hero-meta { gap:8px; font-size:12px }.kpis { gap:8px; margin:16px 0 }.kpi { padding:12px; border-radius:16px }.kpi strong { font-size:24px }.tabs { width:100% }.tab { flex:1; padding:9px; font-size:13px }.panel { padding:16px; border-radius:20px }.section-heading { display:block }.section-heading h2 { font-size:21px }.section-heading .source-chip { margin-top:10px; white-space:normal }.reconciliation-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) }.reconciliation-kpi { padding:10px 12px }.reconciliation-kpi:last-child { grid-column:1/-1 }
  .state-filter-row { grid-template-columns:1fr 1fr }.state-filter-row button { grid-column:1/-1; justify-self:start }.state-filter-row label { min-width:0 }.state-filter-row select { font-size:13px }.order-filter legend { float:none; margin:0 0 8px }.quick-state-filters { gap:6px }.quick-state-filters button.filter-preset { font-size:12px; min-height:36px }
  #order-dialog,#review-dialog { width:calc(100% - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); border-radius:24px }.detail-header,.dialog-header { padding:16px; gap:10px }.detail-header h3 { font-size:22px }.order-dialog-body { padding:16px 12px; padding-bottom:calc(20px + env(safe-area-inset-bottom)) }.order-status-overview { flex-direction:column; align-items:start; gap:12px; margin-bottom:20px }.detail-nav { width:100% }.detail-nav button { flex:1 }.reconciliation-heading { display:block }.reconciliation-heading>div:last-child { text-align:left; margin-top:8px }.customer-order-card { padding:16px 13px; border-radius:18px }.customer-order-heading { gap:10px }.customer-order-heading h6 { font-size:20px }.customer-order-state { max-width:48% }.customer-order-amount { font-size:15px }.customer-order-meta { gap:5px 10px }.customer-order-meta span+span { padding-left:10px }
  .customer-lifecycle { display:block; margin:20px 0 10px }.lifecycle-stage { display:grid; grid-template-columns:42px 1fr auto; grid-template-rows:auto auto; align-items:start; text-align:left; padding:0 0 18px; column-gap:12px }.lifecycle-stage:not(:first-child)::before { display:block; top:-20px; bottom:0; left:20px; width:2px; height:auto }.lifecycle-icon { grid-column:1; grid-row:1/4; width:40px; height:40px; margin:0; border-radius:13px; box-shadow:0 0 0 4px #fff }.lifecycle-label { grid-column:2; grid-row:1; margin:0; font-size:13px }.lifecycle-status { grid-column:3; grid-row:1; font-size:10px; white-space:nowrap }.lifecycle-value { grid-column:2/4; grid-row:2; font-size:13px; min-height:0; margin:3px 0 0 }.lifecycle-date { grid-column:2/4; grid-row:3; margin-top:2px }.lifecycle-sources>div { grid-template-columns:1fr; gap:3px }
  .reconciliation-evidence .quantity-flow { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); margin:0 10px; gap:3px }.quantity-flow .flow-arrow { transform:none; font-size:17px!important }.quantity-flow>div { padding:9px 4px }.quantity-flow strong { font-size:20px }.quantity-flow small { overflow-wrap:anywhere }.reconciliation-evidence .reconciliation-facts { grid-template-columns:repeat(2,minmax(0,1fr)); margin:10px }.reconciliation-facts>div { min-width:0 }.reconciliation-facts strong { font-size:15px }.application-detail { padding:12px }.application-detail-facts { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .dt-container .dt-search input { width:100%; margin:7px 0 0!important }.dt-container .dt-search { text-align:left!important }.dt-container .dt-layout-row { gap:10px }
}
@media(max-width:420px) { .kpis { grid-template-columns:repeat(2,minmax(0,1fr)) }.kpi:last-child { grid-column:1/-1 }.reconciliation-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) }.state-filter-row { grid-template-columns:1fr }.customer-order-heading .fine-print { font-size:11px }.detail-nav button { padding:6px 8px }.source-chip { white-space:normal } }
@media(prefers-reduced-transparency:reduce) { #order-dialog::backdrop,#review-dialog::backdrop { backdrop-filter:none }.panel,.kpi { background:#fff } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important } }.lifecycle-label{font-size:14px}.lifecycle-value{font-size:13px}.lifecycle-date{font-size:12px}.lifecycle-status{font-size:11px}
@media(max-width:760px){.lifecycle-label{font-size:13px}.lifecycle-status{font-size:10px}.lifecycle-date{font-size:11px}}.fine-print,.meta,.timeline .meta,.timeline time{color:var(--muted)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px}
.topbar a:focus-visible{outline-color:#fff}
#panel-review>.kpis{margin-top:0}

/* Compact workspace: title and reconciliation totals leave room for the order rows. */
.page { padding-top:16px; }
.hero { display:flex; align-items:center; justify-content:space-between; gap:12px 24px; padding:0 4px; }
.hero h1 { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; margin:0; font-size:26px; line-height:1.3; }
.hero h1 span { color:var(--muted); font-size:15px; font-weight:400; letter-spacing:normal; }
.hero-meta { flex:none; margin:0; font-size:12px; }
.tabs { margin-top:12px; margin-bottom:12px; }
.tab { min-height:38px; padding:7px 14px; font-size:13px; }
#panel-orders { padding:16px 20px; }
.orders-heading { align-items:center; margin-bottom:10px; }
.orders-heading h2 { margin:0; font-size:18px; }
.orders-source { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px 14px; }
.metrics-period { font-size:12px; color:var(--muted); }
.orders-source .source-chip { margin:0; font-size:11px; padding:4px 9px; }
#panel-orders .reconciliation-kpis { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0 0 8px; padding:4px 0; border:1px solid #e1e7f0; border-radius:12px; background:#f5f7fb; }
#panel-orders .reconciliation-kpi { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:4px 14px; border:0; border-radius:0; background:none; }
#panel-orders .reconciliation-kpi + .reconciliation-kpi { border-left:1px solid var(--line); }
#panel-orders .reconciliation-kpi span { display:block; font-size:12px; line-height:1.35; }
#panel-orders .reconciliation-kpi small { font-size:11px; }
#panel-orders .reconciliation-kpi strong { flex:none; margin:0; font-size:20px; white-space:nowrap; }
#panel-orders .reconciliation-kpi:last-child { grid-column:auto; }
#panel-orders .report-notes { margin:0; }
.report-notes summary { width:fit-content; padding:2px 0; font-size:12px; }
.report-notes-content { margin:8px 0 12px; padding:10px 14px; border:1px solid var(--line); border-radius:10px; background:#f8fafd; font-size:13px; }
.report-notes-content p { margin:0 0 8px; }
.metric-notes { display:flex; flex-wrap:wrap; gap:6px 24px; }
.metric-notes small { font-size:inherit; }
@media(max-width:1100px) {
  #panel-orders .reconciliation-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #panel-orders .reconciliation-kpi:nth-child(4) { border-left:0; }
  #panel-orders .reconciliation-kpi:nth-child(n+4) { border-top:1px solid var(--line); }
}
@media(max-width:760px) {
  .page { padding-top:12px; }
  .hero { display:block; }
  .hero h1 { font-size:24px; gap:3px 10px; }
  .hero h1 span { font-size:14px; }
  .hero-meta { margin-top:5px; font-size:11px; }
  .tabs { margin-top:10px; margin-bottom:10px; }
  .tab { min-height:38px; padding:7px 9px; }
  #panel-orders { padding:14px 12px; }
  .orders-heading { display:flex; align-items:flex-start; gap:8px; }
  .orders-heading h2 { font-size:17px; }
  .orders-source { gap:4px; }
  .metrics-period { font-size:11px; }
  .orders-heading .source-chip { margin:0; font-size:10px; }
  #panel-orders .reconciliation-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #panel-orders .reconciliation-kpi { min-height:40px; padding:5px 9px; gap:6px; }
  #panel-orders .reconciliation-kpi span { font-size:11px; }
  #panel-orders .reconciliation-kpi strong { font-size:18px; }
  #panel-orders .reconciliation-kpi:nth-child(odd) { border-left:0; }
  #panel-orders .reconciliation-kpi:nth-child(even) { border-left:1px solid var(--line); }
  #panel-orders .reconciliation-kpi:nth-child(n+3) { border-top:1px solid var(--line); }
  #panel-orders .reconciliation-kpi:last-child { grid-column:1/-1; }
}

/* Workspace navigation and the shared filter occupy the existing top bar. */
html { scroll-padding-top:80px; }
.topbar { position:sticky; top:0; z-index:80; }
.topbar-inner { display:grid; grid-template-columns:auto auto minmax(260px,1fr); align-items:center; gap:10px 18px; padding:10px 20px; min-height:64px; }
.topbar .home-link { white-space:nowrap; font-size:14px; }
.topbar .tabs { width:fit-content; margin:0; padding:3px; border-color:#ffffff30; background:#ffffff17; border-radius:12px; }
.topbar .tab { min-height:34px; padding:6px 12px; white-space:nowrap; color:#e2eaf6; font-size:13px; }
.topbar .tab.active { background:#fff; color:var(--ink); }
.topbar .tab:focus-visible { outline-color:#fff; }
.header-order-filter { min-width:0; }
.header-order-filter[hidden] { display:none; }
.topbar .neuffer-filter-shell .filter-compact { height:40px; border-radius:10px; }
.topbar .neuffer-filter-shell .filter-open-button { min-height:30px; font-size:13px; }
.hero { margin-bottom:12px; }
.orders-heading-title { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; min-width:0; }
.orders-heading-title .filter-summary { margin:0; font-size:12px; }
.report-notes + .table-wrap { margin-top:8px; }
@media(max-width:900px) {
  html { scroll-padding-top:128px; }
  .topbar-inner { grid-template-columns:auto minmax(0,1fr); gap:8px 14px; }
  .topbar .tabs { justify-self:end; }
  .header-order-filter { grid-column:1/-1; }
}
@media(max-width:600px) {
  html { scroll-padding-top:152px; }
  .topbar-inner { grid-template-columns:minmax(0,1fr); padding:8px 12px; gap:7px; min-height:0; }
  .topbar .home-link { font-size:13px; }
  .topbar .tabs { justify-self:stretch; width:100%; }
  .topbar .tab { flex:1; padding:5px 7px; min-height:32px; font-size:12px; }
  .hero { margin-bottom:10px; }
  .orders-heading-title .filter-summary { font-size:11px; }
}

/* Order table: separate status, key figures and actions with a clear reading hierarchy. */
.badge, .source-chip, .lifecycle-status { border-radius:4px; }
#orders-table { table-layout:fixed; width:100%!important; min-width:1380px; color:#202c40; font-variant-numeric:tabular-nums; }
#orders-table col:nth-child(2) { width:7%!important; }
#orders-table col:nth-child(3) { width:7%!important; }
#orders-table col:nth-child(4) { width:11%!important; }
#orders-table col:nth-child(5) { width:8%!important; }
#orders-table col:nth-child(6) { width:11%!important; }
#orders-table col:nth-child(7) { width:10%!important; }
#orders-table col:nth-child(8) { width:7%!important; }
#orders-table col:nth-child(9) { width:8%!important; }
#orders-table col:nth-child(10) { width:8%!important; }
#orders-table col:nth-child(11) { width:7%!important; }
:is(#orders-table, #review-table) thead th { padding:12px 12px; background:#e8eef7; color:#263b59; font-size:12px; font-weight:700; line-height:1.4; border-top:1px solid #d3deed; border-bottom:2px solid #bfcee2; }
#orders-table thead th:nth-child(9) { text-align:right; }
#orders-table thead th { white-space:normal!important; padding-right:26px; }
:is(#orders-table, #review-table) tbody tr { background:#fff; }
:is(#orders-table, #review-table) tbody tr:nth-child(even) { background:#f6f8fc; }
:is(#orders-table, #review-table) tbody tr:hover { background:#eaf1fb; }
:is(#orders-table, #review-table) tbody td { padding:10px 12px!important; vertical-align:top; border-bottom:1px solid #dbe3ef!important; background:transparent!important; box-shadow:none!important; color:#263449; font-size:13px; line-height:1.5; }
#orders-table tbody td:first-child { border-left:3px solid transparent; }
#orders-table tbody td:nth-child(2) { font-size:16px; font-weight:650; color:#172b48; }
#orders-table tbody tr[data-reconciliation-tone="warn"] td:first-child { border-left-color:#c08a29; }
#orders-table tbody tr[data-customer-tone="danger"] td:first-child { border-left-color:#b5364b; }
#orders-table tbody td:nth-child(3) { color:#50627b; }
:is(#orders-table, #review-table) .badge { display:inline-block; max-width:100%; padding:4px 7px; border:0; border-left:3px solid currentColor; border-radius:4px; font-size:12px; font-weight:600; line-height:1.4; color:#53627a; background:#edf1f6; }
:is(#orders-table, #review-table) .badge.good { color:#205e3d; background:#e7f3ec; }
:is(#orders-table, #review-table) .badge.info { color:#285589; background:#e8f0fb; }
:is(#orders-table, #review-table) .badge.warn { color:#805000; background:#fff1d8; }
:is(#orders-table, #review-table) .badge.danger { color:#9e2941; background:#fdebf0; }
:is(#orders-table, #review-table) .small { display:block; margin-top:5px; color:#576a85; font-size:11px; font-weight:400; line-height:1.4; }
:is(#orders-table, #review-table) .row-detail-button { display:inline-flex; align-items:center; gap:10px; min-height:30px; margin-top:7px; padding:4px 10px!important; border:1px solid #91a5c1; border-radius:5px; background:#fff; color:#274364; font-size:12px!important; font-weight:600; line-height:1.4; box-shadow:0 1px 2px #22395608; }
:is(#orders-table, #review-table) .row-detail-button:hover { background:#274d78; border-color:#274d78; color:#fff; }
:is(#orders-table, #review-table) .row-detail-button .detail-arrow { font-size:16px; line-height:1; }
:is(#orders-table, #review-table) .row-detail-button:focus-visible { outline:3px solid var(--accent-strong); outline-offset:3px; }
#orders-table .customer-order-nos { font-size:13px; font-weight:600; color:#283c59; }
#orders-table .quantity-stack .order-metric, #orders-table .timing-stack .order-metric { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin-bottom:3px; }
#orders-table .order-metric .order-metric-label { display:inline; color:#596b85; font-size:11px; font-weight:400; white-space:normal; }
#orders-table .order-metric strong { color:#263449; font-size:13px; font-weight:600; white-space:nowrap; }
#orders-table .quantity-stack .order-metric:first-child strong { font-size:15px; color:#172b48; }
#orders-table .order-amount-cell { text-align:right; color:#172b48; font-size:14px; font-weight:650; }
#orders-table .last-message-cell span { display:block; font-size:12px; color:#4f617a; }
#orders-table .last-message-cell small { display:block; margin-top:3px; font-size:11px; color:#67758a; }
:is(#orders-table, #review-table) tbody td[colspan] { font-size:14px; font-weight:400; border-left:0; text-align:center; }

/* Order card: a visible decision summary, then separate reading paths for history and specification. */
#order-dialog { max-width:1160px; width:calc(100% - 64px); height:min(900px,calc(100dvh - 64px)); max-height:calc(100dvh - 64px); border-radius:20px; background:#fff; color:#243247; }
#order-dialog [hidden] { display:none!important; }
#order-dialog .detail-header { padding:20px 28px 16px; align-items:center; background:#fff; border-bottom:0; }
#order-dialog .detail-header h3 { font-size:27px; font-weight:650; letter-spacing:-.025em; color:#192b45; }
#order-dialog .detail-header .eyebrow { color:#63728b; font-size:10px; letter-spacing:.09em; }
#detail-order-meta { margin:6px 0 0; font-size:12px; color:#64738a; }
#order-dialog .detail-header .quiet-button, #review-dialog .dialog-header .quiet-button { display:grid; place-items:center; flex:none; width:40px; height:40px; min-height:40px; padding:0; border:0; border-radius:8px; background:#f0f3f8; color:#52627a; }
#order-dialog .detail-header .quiet-button:hover, #review-dialog .dialog-header .quiet-button:hover { background:#e3eaf4; color:#1c3657; }
#order-dialog .dialog-close-icon, #review-dialog .dialog-close-icon { display:block; font-size:26px; line-height:1; }
#review-dialog .dialog-close-label { display:none; }
.detail-tabs { flex:none; display:flex; gap:24px; padding:0 28px; border-bottom:1px solid #dce4ee; background:#fff; }
.detail-tabs .quiet-button { position:relative; min-height:45px; padding:10px 2px; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:#67758b; font-size:14px; font-weight:500; white-space:nowrap; }
.detail-tabs .quiet-button:hover { background:transparent; color:#244f83; }
.detail-tabs .quiet-button[aria-selected="true"] { border-bottom-color:#295f9f; color:#1c477d; font-weight:650; }
.detail-tab-count { margin-left:5px; font-size:11px; color:#748198; font-variant-numeric:tabular-nums; }
#order-dialog .order-dialog-body { padding:22px 28px 28px; background:#fff; }
.detail-tab-panel { outline-offset:-3px; }
#order-dialog .order-status-overview { align-items:center; margin:0 0 18px; padding-left:14px; border-left:4px solid #a9b6c8; gap:24px; }
#order-dialog .order-status-overview[data-tone="good"] { border-left-color:#2c8057; }
#order-dialog .order-status-overview[data-tone="info"] { border-left-color:#34679d; }
#order-dialog .order-status-overview[data-tone="warn"] { border-left-color:#bd8322; }
#order-dialog .order-status-overview[data-tone="danger"] { border-left-color:#b43750; }
#order-dialog .dialog-kicker { margin:0 0 5px; font-size:10px; color:#68768c; letter-spacing:.06em; }
.business-state-title { margin:0; color:#1c304d; font-size:25px; line-height:1.25; font-weight:650; letter-spacing:-.025em; }
#detail-business-note { margin:7px 0 0; font-size:12px; line-height:1.45; color:#63738b; }
.detail-linked-orders { flex:0 1 38%; text-align:right; }
.detail-linked-orders span { display:block; margin-bottom:4px; font-size:11px; color:#63738b; }
.detail-linked-orders strong { display:block; font-size:15px; font-weight:600; color:#273f60; overflow-wrap:anywhere; }
.detail-metrics-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:8px; }
#order-dialog .badge { max-width:100%; padding:4px 7px; border-radius:4px; font-size:11px; font-weight:600; line-height:1.4; white-space:normal; }
#order-dialog .badge.danger { color:#9e2941; background:#fdebf0; }
.detail-metrics-heading .badge { padding:0!important; background:transparent!important; }
#reconciliation-checked { margin:0; font-size:11px; color:#69788d; }
.detail-key-facts { display:grid; grid-template-columns:1fr 1fr 1.2fr 1.5fr 1fr; gap:0; margin:0 0 18px; padding:12px 0; border-top:1px solid #dce4ee; border-bottom:1px solid #dce4ee; font-variant-numeric:tabular-nums; }
.detail-key-facts>div { min-width:0; padding:0 16px; border-left:1px solid #e3e9f2; }
.detail-key-facts>div:first-child { border-left:0; padding-left:0; }
.detail-key-facts>div:last-child { padding-right:0; }
.detail-key-facts dt { font-size:11px; color:#62728a; }
.detail-key-facts dd { margin:4px 0; font-size:22px; line-height:1.25; font-weight:650; color:#203550; overflow-wrap:anywhere; }
.detail-key-facts small { display:block; font-size:10px; line-height:1.4; color:#6b788d; }
.detail-key-facts .warn dd { color:#9b590b; }
.detail-attention { margin-bottom:16px; padding:12px 16px; border-left:3px solid #bc8424; border-radius:0 8px 8px 0; background:#fff8e9; }
.detail-attention>strong { color:#81520c; font-size:13px; }
.detail-attention p { margin:5px 0 0; color:#6c521f; font-size:13px; line-height:1.6; }
#order-dialog .text-action { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:4px 0; border:0; border-radius:0; background:transparent; color:#2b5c95; font-size:12px; font-weight:600; }
#order-dialog .text-action:hover { color:#173d6d; text-decoration:underline; }
#order-dialog .summary-card { padding:14px 16px; margin:0 0 20px; border:0; border-radius:10px; background:#f5f8fc; box-shadow:none; }
.summary-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#order-dialog .summary-heading h4 { margin:0; font-size:13px; font-weight:650; color:#344b6a; }
#order-dialog .summary-card>p { margin:7px 0 0; font-size:14px; line-height:1.65; color:#33445e; }
#order-dialog .summary-card>#summary-updated { font-size:11px; color:#6b788d; }
#order-dialog .summary-card.summary-pending>p { color:#65748a; font-size:13px; }
#order-dialog .summary-card.summary-pending { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; }
#order-dialog .summary-pending .summary-heading { order:1; }
#order-dialog .summary-pending .summary-heading h4 { display:none; }
#order-dialog .summary-card.summary-pending>p { margin:0; }
#summary-updated:empty { display:none; }
#order-dialog .order-reconciliation { margin:0 0 12px; }
#order-dialog .reconciliation-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0 0 10px; }
#order-dialog .reconciliation-heading h4 { margin:0; font-size:16px; color:#263b59; }
#order-dialog .reconciliation-heading .fine-print { font-size:11px; margin:0; }
#order-dialog .customer-order-list { gap:12px; }
#order-dialog .customer-orders-wrap { margin:0; }
#order-dialog .customer-order-card { padding:16px 18px; border:1px solid #dce4ee; border-radius:12px; box-shadow:none; }
#order-dialog .customer-order-card[data-tone="danger"] { border-left:3px solid #b43750; }
#order-dialog .customer-order-card[data-tone="warn"] { border-left:3px solid #bd8322; }
#order-dialog .customer-order-heading h6 { font-size:20px; margin:0 0 3px; }
#order-dialog .customer-order-heading .fine-print { font-size:11px; }
#order-dialog .customer-order-amount { font-size:18px; }
#order-dialog .customer-order-state { gap:5px; }
#order-dialog .customer-order-meta { margin-top:10px; font-size:11px; }
#order-dialog .customer-order-meta span:first-child { color:#334966; font-weight:600; }
#order-dialog .customer-lifecycle { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:0; margin:20px -5px 14px; }
#order-dialog .lifecycle-stage { padding:0 5px; }
#order-dialog .lifecycle-stage:not(:first-child)::before { display:block; top:16px; height:1px; }
#order-dialog .lifecycle-icon { width:32px; height:32px; margin-bottom:9px; border-radius:9px; box-shadow:0 0 0 5px #fff; }
#order-dialog .lifecycle-icon svg { width:17px; height:17px; }
#order-dialog .lifecycle-label { font-size:12px; margin:0; }
#order-dialog .lifecycle-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#order-dialog .lifecycle-value { margin-top:5px; min-height:33px; font-size:12px; line-height:1.45; }
#order-dialog .lifecycle-date { margin-top:3px; font-size:10px; }
#order-dialog .customer-order-evidence>summary { padding-top:10px; font-size:12px; }
#order-dialog .customer-order-source-state { font-size:12px; line-height:1.6; }
#order-dialog .reconciliation-evidence { margin-top:12px; border-radius:8px; background:#fff; }
#order-dialog .reconciliation-evidence>summary { padding:11px 14px; font-size:12px; }
#order-dialog .technical-card { margin-top:12px; padding:0; border:0; border-top:1px solid #dce4ee; border-radius:0; background:#fff; }
#order-dialog .technical-card>summary { padding:12px 0; font-size:12px; }
#order-dialog .technical-card p { font-size:13px; line-height:1.6; }
.detail-empty { padding:16px; margin:0; border:1px dashed #d5dfec; border-radius:8px; color:#65748a; font-size:13px; }
.correspondence-context { padding:0 0 18px; border-bottom:1px solid #e0e7f0; }
.correspondence-context>p:last-child { margin:6px 0 0; font-size:14px; line-height:1.65; color:#354964; }
#order-dialog .order-discrepancies { margin-top:20px; }
#order-dialog .timeline-heading h4 { margin:0; color:#263b59; font-size:16px; }
#order-dialog .timeline-heading>span { font-size:11px; }
#order-dialog .discrepancy-card { border-radius:8px; font-size:14px; line-height:1.6; }
#order-dialog .discrepancy-card h5 { color:#3b4e68; font-size:14px; }
#order-dialog .discrepancy-card .meta { font-size:11px; }
#order-dialog .questions { margin-top:18px; padding:14px 16px; border-radius:8px; background:#fffaf0; font-size:14px; }
#order-dialog .questions h4 { font-size:14px; color:#5d4926; }
#order-dialog .questions>summary { color:#6c5126; font-size:13px; font-weight:600; cursor:pointer; }
#open-question-count { margin-left:6px; color:#92713c; font-size:11px; }
#order-dialog .questions[open]>ul { margin-top:12px; }
#order-dialog .questions li { margin-top:6px; line-height:1.55; }
#order-dialog .timeline { margin-top:18px; }
#order-dialog .timeline>li { border-left-width:1px; padding-left:20px; padding-bottom:24px; }
#order-dialog .timeline>li::before { width:8px; height:8px; left:-4.5px; top:6px; background:#52779d; box-shadow:0 0 0 4px #fff; }
#order-dialog .timeline time { font-size:11px; color:#6b7b92; }
#order-dialog .timeline-event-heading { margin:5px 0 7px; }
#order-dialog .timeline-event-heading strong { font-size:15px; color:#2a405e; }
#order-dialog .timeline-summary { font-size:14px; line-height:1.65; color:#364963; max-width:none; }
#order-dialog .timeline .meta { margin-top:8px; font-size:11px; }
#order-dialog .timeline-evidence { border-radius:8px; font-size:13px; line-height:1.6; }
#order-dialog .timeline-evidence>summary { font-size:12px; }
#order-dialog .order-characteristics { margin-top:0; }
#order-dialog .order-positions { gap:14px; margin-top:18px; }
#order-dialog .order-position { padding:16px 18px; border-radius:10px; border-color:#dce4ee; }
.position-heading { display:flex; align-items:baseline; gap:12px; }
.position-number { color:#7990ae; font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; }
#order-dialog .order-position h5 { color:#263b59; font-size:16px; line-height:1.5; }
#order-dialog .attribute-list dt { color:#64738a; font-size:12px; }
#order-dialog .attribute-list dd { color:#2b3d56; font-size:14px; font-weight:500; }
#order-dialog .order-shared-wrap { margin-top:16px; border-radius:10px; background:#f7f9fc; }
#review-dialog { border-radius:20px; }
#review-dialog .dialog-header { padding:20px 24px; align-items:center; }
#review-dialog .dialog-header h2 { font-size:24px; color:#223650; }
#review-evidence { background:#fff; }
#review-evidence>p { font-size:14px; line-height:1.65; color:#394c67; }
#review-evidence .sample-warning { border-left:3px solid #bc8424; border-radius:0 8px 8px 0; color:#77531c; background:#fff7e6; }
#review-evidence details { padding:10px 0; border-top:1px solid #e0e7f0; font-size:13px; line-height:1.6; }
#review-evidence summary { color:#2b5c95; font-weight:600; cursor:pointer; }
.review-check-note { margin:16px 0; padding:12px 14px; border-left:3px solid #7392ba; background:#f3f7fc; border-radius:0 8px 8px 0; }
.review-check-note h4 { margin:0 0 6px; color:#334e73; font-size:13px; }
#review-evidence .review-check-note p { margin:0; color:#455b78; }
#review-body-details p { margin:10px 0 0; font-size:13px; line-height:1.65; }
.review-decision-fields { background:#f7f9fc; }
.review-decision-fields h3 { color:#2d4362; }
#review-dialog label { color:#40516b; font-size:13px; font-weight:600; }
#review-dialog select, #review-dialog textarea { border-radius:8px; border-color:#bdcadb; background:#fff; font-size:14px; }
@media(max-width:760px) {
  #order-dialog { width:calc(100% - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); border-radius:16px; }
  #order-dialog .detail-header { padding:16px 16px 12px; gap:10px; }
  #order-dialog .detail-header h3 { font-size:21px; }
  #detail-order-meta { font-size:11px; }
  .detail-tabs { gap:16px; padding:0 16px; }
  .detail-tabs .quiet-button { min-height:44px; font-size:12px; }
  .detail-tab-count { margin-left:2px; font-size:10px; }
  #order-dialog .order-dialog-body { padding:18px 16px 24px; }
  #order-dialog .order-status-overview { flex-direction:column; align-items:start; gap:12px; padding-left:10px; }
  .business-state-title { font-size:23px; }
  .detail-linked-orders { flex:auto; text-align:left; }
  .detail-linked-orders span, .detail-linked-orders strong { display:inline; }
  .detail-linked-orders span { margin-right:6px; }
  .detail-linked-orders strong { font-size:13px; }
  .detail-metrics-heading { align-items:start; gap:6px; }
  #reconciliation-checked { text-align:right; font-size:10px; }
  .detail-key-facts { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:14px; padding:12px 0; }
  .detail-key-facts>div { padding:0 9px; }
  .detail-key-facts>div:nth-child(4) { grid-column:1/3; border-left:0; padding-left:0; }
  .detail-key-facts dt { font-size:10px; }
  .detail-key-facts dd { font-size:20px; }
  .detail-key-facts small { font-size:9px; }
  #order-dialog .summary-card { padding:12px; }
  #order-dialog .reconciliation-heading { align-items:start; }
  #order-dialog .reconciliation-heading h4 { font-size:15px; }
  #order-dialog .reconciliation-heading .fine-print { max-width:100px; text-align:right; font-size:10px; }
  #order-dialog .customer-order-card { padding:14px 12px; border-radius:10px; }
  #order-dialog .customer-order-heading h6 { font-size:18px; }
  #order-dialog .customer-order-amount { font-size:16px; }
  #order-dialog .customer-lifecycle { display:block; margin:18px 0 4px; }
  #order-dialog .lifecycle-stage { display:grid; grid-template-columns:30px 1fr auto; grid-template-rows:auto auto; column-gap:10px; text-align:left; padding:0 0 14px; }
  #order-dialog .lifecycle-stage:not(:first-child)::before { top:-15px; bottom:0; left:15px; width:1px; height:auto; }
  #order-dialog .lifecycle-icon { width:30px; height:30px; grid-column:1; grid-row:1/3; margin:0; border-radius:8px; box-shadow:0 0 0 3px #fff; }
  #order-dialog .lifecycle-label { grid-column:2; grid-row:1; font-size:12px; }
  #order-dialog .lifecycle-value { grid-column:2; grid-row:2; min-height:0; margin-top:2px; font-size:12px; }
  #order-dialog .lifecycle-date { grid-column:3; grid-row:1/3; align-self:center; font-size:10px; }
  #order-dialog .application-detail-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #order-dialog .order-position { padding:14px; }
  #review-dialog { border-radius:16px; }
  #review-dialog .dialog-header h2 { font-size:21px; }
}

/* Review queue uses the same hierarchy, table treatment and shared filter as orders. */
#panel-review .kpis { grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0 0 8px; padding:4px 0; border:1px solid #e1e7f0; border-radius:12px; background:#f5f7fb; }
#panel-review .kpi { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:42px; padding:4px 14px; border:0; border-radius:0; background:none; box-shadow:none; }
#panel-review .kpi + .kpi { border-left:1px solid var(--line); }
#panel-review .kpi span { font-size:12px; line-height:1.35; }
#panel-review .kpi strong { flex:none; margin:0; color:#223650; font-size:20px; font-variant-numeric:tabular-nums; }
#panel-review .report-notes { margin:0; }
#review-table { table-layout:fixed; min-width:1240px; color:#202c40; font-variant-numeric:tabular-nums; }
#review-table col:nth-child(1) { width:10%!important; }
#review-table col:nth-child(2) { width:8%!important; }
#review-table col:nth-child(3) { width:16%!important; }
#review-table col:nth-child(4) { width:9%!important; }
#review-table col:nth-child(5) { width:28%!important; }
#review-table col:nth-child(6) { width:11%!important; }
#review-table col:nth-child(7) { width:10%!important; }
#review-table col:nth-child(8) { width:8%!important; }
#review-table tbody td:first-child { border-left:3px solid transparent; }
#review-table tbody tr[data-attention="unread"] td:first-child, #review-table tbody tr[data-attention="test"] td:first-child { border-left-color:#bc8324; }
#review-table .review-date-cell span { display:block; color:#314765; font-size:12px; white-space:nowrap; }
#review-table .review-date-cell small { display:block; margin-top:3px; color:#63738b; font-size:11px; }
#review-table .mono { color:#192e4c; font-size:13px; font-weight:650; }
#review-table .review-reason-label { color:#344c6e; font-size:12px; font-weight:600; }
#review-table .review-file-counts .order-metric { display:flex; align-items:baseline; justify-content:space-between; gap:6px; margin-bottom:3px; }
#review-table .order-metric-label { color:#596b85; font-size:11px; }
#review-table .order-metric strong { color:#1b304c; font-size:14px; font-weight:600; }
#review-table .digest { min-width:0; max-width:none; color:#334762; font-size:13px; line-height:1.55; }
#review-table .badge { white-space:normal; }
#review-table .row-detail-button { margin:0; white-space:nowrap; }
#review-table tbody td:nth-child(6) { color:#273f60; font-weight:600; }
#panel-review .review-actions { margin-top:16px; padding:14px 16px; border:1px solid #e0e7f0; border-radius:10px; background:#f7f9fc; }
#panel-review .review-actions strong { font-size:14px; color:#2b405d; }
#panel-review .review-actions p { font-size:12px; }
.neuffer-filter-shell #review-search { min-height:42px; border:1px solid var(--line); border-radius:9px; padding:8px 10px; font-size:14px; }

/* A single scrolling area keeps the review title, tabs and next action in view. */
#review-dialog { max-width:1160px; width:calc(100% - 64px); height:min(900px,calc(100dvh - 64px)); max-height:calc(100dvh - 64px); background:#fff; color:#243247; }
#review-dialog [hidden] { display:none!important; }
#review-dialog .dialog-header { padding:20px 28px 16px; border-bottom:0; }
#review-dialog .dialog-header h2 { font-size:27px; font-weight:650; letter-spacing:-.025em; color:#192b45; }
#review-dialog .dialog-kicker { margin:0 0 5px; font-size:10px; color:#68768c; letter-spacing:.06em; }
#review-dialog #dialog-message { margin:6px 0 0; font-size:12px; color:#64738a; }
#review-dialog .review-dialog-grid { display:block; padding:22px 28px 28px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable; }
.review-tab-panel { outline-offset:-3px; }
.review-status-overview { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 18px; padding-left:14px; border-left:4px solid #bd8322; }
#review-reason { margin:0; color:#1c304d; font-size:24px; line-height:1.3; font-weight:650; letter-spacing:-.025em; }
.review-current-decision { flex:none; max-width:28%; text-align:right; }
.review-current-decision>span { display:block; margin-bottom:5px; color:#63738b; font-size:11px; }
#review-dialog .badge { padding:4px 7px; border-radius:4px; border-left:3px solid currentColor; font-size:12px; font-weight:600; line-height:1.4; white-space:normal; }
#review-key-facts { grid-template-columns:.7fr .7fr 1.4fr 1.2fr; }
#review-key-facts dd { font-size:24px; }
#review-alerts .sample-warning { margin:0 0 12px; padding:11px 14px; border-left:3px solid #bc8424; border-radius:0 8px 8px 0; color:#77531c; background:#fff7e6; font-size:13px; line-height:1.6; }
#review-dialog .review-check-note { margin:0 0 16px; }
#review-dialog .review-check-note p { margin:0; color:#455b78; font-size:14px; line-height:1.65; }
#review-evidence { margin:0 0 12px; padding:14px 16px; border:0; border-radius:10px; background:#f5f8fc; overflow:visible; scrollbar-gutter:auto; }
#review-evidence h3 { margin:0 0 7px; font-size:13px; color:#344b6a; }
#review-evidence p { margin:7px 0 0; color:#33445e; font-size:14px; line-height:1.65; }
#review-dialog #review-coverage { margin:0 0 14px; font-size:11px; color:#62728a; }
#review-body-details, .review-source-details { padding:11px 0; border-top:1px solid #e0e7f0; font-size:13px; }
#review-body-details summary, .review-source-details summary { width:fit-content; color:#2b5c95; font-weight:600; cursor:pointer; }
#review-source-meta { overflow-wrap:anywhere; }
.review-files-note, .review-decision-context { margin:0 0 18px; color:#63738b; font-size:13px; line-height:1.55; }
#review-panel-attachments h3 { margin:0 0 12px; color:#263b59; font-size:16px; }
#review-unread-details { margin-bottom:24px; }
.review-unread-table { border-collapse:collapse; background:#fff; font-size:13px; }
.review-unread-table th, .review-unread-table td { padding:9px 12px; border-bottom:1px solid #e0e7f0; text-align:left; }
.review-unread-table th { background:#eef3fa; color:#425979; font-size:12px; }
.review-unread-table td:nth-child(-n+2) { white-space:nowrap; }
.review-file-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.review-file-card { min-width:0; padding:16px 18px; border:1px solid #dce4ee; border-radius:10px; }
.review-file-card h4 { margin:0 0 8px; color:#263b59; font-size:15px; }
.review-file-card p { margin:0; color:#364963; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
#review-dialog .review-decision-fields { max-width:800px; padding:20px; border:1px solid #e0e7f0; border-radius:10px; background:#f7f9fc; overflow:visible; }
#review-dialog .review-decision-fields h3 { font-size:17px; color:#263b59; }
#review-dialog textarea { min-height:150px; }
#review-dialog .dialog-actions { align-items:center; justify-content:space-between; padding:14px 28px; gap:16px; }
#review-dialog .dialog-actions>div { display:flex; gap:9px; }
#review-dialog .dialog-actions>.fine-print { color:#66768e; font-size:11px; }
#review-dialog .dialog-actions button { min-height:44px; padding:9px 14px; border-radius:7px; font-size:13px; font-weight:600; white-space:nowrap; flex:none; }
@media(max-width:1100px) {
  #panel-review .kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #panel-review .kpi:nth-child(4) { border-left:0; }
  #panel-review .kpi:nth-child(n+4) { border-top:1px solid var(--line); }
}
@media(max-width:760px) {
  #panel-review { padding:14px 12px; }
  #panel-review .kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #panel-review .kpi { min-height:40px; padding:5px 9px; gap:6px; }
  #panel-review .kpi span { font-size:11px; }
  #panel-review .kpi strong { font-size:18px; }
  #panel-review .kpi:nth-child(odd) { border-left:0; }
  #panel-review .kpi:nth-child(even) { border-left:1px solid var(--line); }
  #panel-review .kpi:nth-child(n+3) { border-top:1px solid var(--line); }
  #panel-review .kpi:last-child { grid-column:1/-1; }
  #review-dialog { width:calc(100% - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); border-radius:16px; }
  #review-dialog .dialog-header { padding:16px 16px 12px; gap:10px; }
  #review-dialog .dialog-header h2 { font-size:21px; }
  #review-dialog .review-dialog-grid { padding:18px 16px 24px; scrollbar-gutter:auto; }
  .review-status-overview { flex-direction:column; align-items:start; gap:12px; padding-left:10px; }
  #review-reason { font-size:21px; }
  .review-current-decision { max-width:100%; text-align:left; }
  .review-current-decision>span { display:inline; margin-right:6px; }
  #review-decision-status { display:inline; }
  #review-key-facts { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:14px; }
  #review-key-facts>div:nth-child(3) { border-left:0; padding-left:0; }
  #review-key-facts>div:nth-child(4) { grid-column:auto; border-left:1px solid #e3e9f2; padding-left:9px; }
  #review-key-facts dd { font-size:21px; }
  .review-file-cards { grid-template-columns:minmax(0,1fr); }
  .review-file-card { padding:14px; }
  .review-unread-table th, .review-unread-table td { padding:8px 9px; }
  #review-dialog .review-decision-fields { padding:14px; }
  #review-dialog .dialog-actions { padding:12px 16px; justify-content:flex-end; }
  #review-dialog .dialog-actions>.fine-print { display:none; }
}

/* The board shares the table population and keeps each customer state explicit. */
.orders-view-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:8px 0 12px; }
.orders-view-switch { display:flex; flex:none; gap:2px; padding:3px; border:1px solid #d9e1ed; border-radius:9px; background:#edf1f7; }
.orders-view-switch .quiet-button { min-height:30px; padding:5px 12px; border:0; border-radius:6px; color:#576982; background:transparent; font-size:12px; font-weight:600; line-height:1.4; }
.orders-view-switch .quiet-button[aria-pressed="true"] { color:#213b5e; background:#fff; box-shadow:0 1px 4px #253b5d1a; }
.orders-view-switch .quiet-button:hover { color:#244a7d; background:#ffffffa1; }
#orders-table-view[hidden], #orders-kanban-view[hidden] { display:none!important; }
.kanban-context { flex:1 1 280px; min-width:0; margin:0; color:#596c86; font-size:12px; }
.kanban-scroll-shell { position:relative; }
.kanban-scroll-button.quiet-button { position:absolute; z-index:2; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:40px; min-height:52px; padding:0; border:1px solid #a8bcd0; border-radius:8px; background:#fffffff5; color:#285d83; box-shadow:0 3px 14px #29405b26; font-size:32px; line-height:1; }
.kanban-scroll-button.quiet-button:hover { border-color:#6e9abb; background:#fff; color:#145d89; }
.kanban-scroll-button[hidden] { display:none!important; }
.kanban-scroll-button:disabled { opacity:.35; box-shadow:none; }
#kanban-scroll-left { left:-12px; }
#kanban-scroll-right { right:-12px; }
.orders-kanban { display:flex; gap:10px; min-width:0; align-items:stretch; overflow-x:auto; padding:12px 12px 14px; border:1px solid #e2e8ed; border-radius:6px; background:#edf2f5; scrollbar-color:#aebdd0 #edf1f7; }
.orders-kanban:focus-visible, .kanban-column-list:focus-visible { outline:2px solid var(--accent-strong); outline-offset:-2px; }
.kanban-column { --stage-bg:#d9e3ec; --stage-ink:#304452; flex:0 0 280px; min-width:0; background:transparent; }
.kanban-column[data-tone="danger"] { --stage-bg:#f9a6b5; --stage-ink:#641c31; }
.kanban-column[data-tone="warn"] { --stage-bg:#ffe393; --stage-ink:#634610; }
.kanban-column[data-tone="info"] { --stage-bg:#abe3f4; --stage-ink:#194d64; }
.kanban-column[data-tone="good"] { --stage-bg:#8ddbd0; --stage-ink:#174e49; }
.kanban-column[data-state="000000021"] { --stage-bg:#ffe3a3; --stage-ink:#62460e; }
.kanban-column[data-state="000000002"] { --stage-bg:#91c9f0; --stage-ink:#194363; }
.kanban-column[data-state="production"] { --stage-bg:#c7c2f7; --stage-ink:#433c7b; }
.kanban-column[data-state="ready"] { --stage-bg:#b6e99d; --stage-ink:#30552a; }
.kanban-column[data-state="realized"] { --stage-bg:#74d4a1; --stage-ink:#1b4d37; }
.kanban-column-heading { display:flex; align-items:center; gap:6px; min-height:48px; padding:8px 22px; background:var(--stage-bg); color:var(--stage-ink); clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%); }
.kanban-column:first-child .kanban-column-heading { padding-left:12px; clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%); }
.kanban-column-heading h3 { margin:0; color:inherit; font-size:13px; line-height:1.35; font-weight:650; overflow-wrap:anywhere; }
.kanban-column-count { flex:none; color:inherit; font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; }
.kanban-column-count::before { content:"("; }
.kanban-column-count::after { content:")"; }
.kanban-column-summary { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:2px; min-height:51px; padding:7px 12px 0; font-variant-numeric:tabular-nums; }
.kanban-column-amount { max-width:100%; padding:2px 8px; border-radius:4px; background:#ffffffb3; color:#304a66; font-size:16px; font-weight:650; line-height:1.4; overflow-wrap:anywhere; text-align:center; }
.kanban-column-missing { color:#617188; font-size:11px; line-height:1.4; }
.kanban-column-list { list-style:none; margin:0; padding:12px 3px 3px; min-height:220px; max-height:min(64dvh,640px); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; }
.kanban-card { margin:0 0 10px; padding:11px 12px; border:1px solid #e0e7ed; border-radius:4px; background:#fff; box-shadow:0 2px 5px #263d5210; font-variant-numeric:tabular-nums; }
.kanban-card:hover { border-color:#aacbdd; box-shadow:0 2px 6px #263d5220; }
.kanban-card:last-child { margin-bottom:0; }
.kanban-card .kanban-card-open { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:26px; padding:0; border:0; border-radius:2px; background:transparent; color:#146b94; text-align:left; }
.kanban-card-open strong { font-size:18px; font-weight:600; letter-spacing:-.015em; }
.kanban-card-open .kanban-card-arrow { color:#6d89ab; font-size:19px; line-height:1; }
.kanban-card .kanban-card-open:hover { color:#145dac; background:#f2f6fc; }
.kanban-card-date { margin:0 0 9px; color:#65758d; font-size:11px; }
.kanban-customer-refs>span { display:block; margin:0 0 4px; color:#64748b; font-size:11px; }
.kanban-customer-refs>div { display:flex; flex-wrap:wrap; gap:2px 10px; }
.kanban-customer-refs strong { color:#263e5c; font:600 13px/1.5 Consolas,monospace; overflow-wrap:anywhere; }
.kanban-quantities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:10px 0; padding:8px 0; border-top:1px solid #e7ecf3; border-bottom:1px solid #e7ecf3; }
.kanban-quantities>div { min-width:0; padding:0 7px; border-left:1px solid #e4eaf2; }
.kanban-quantities>div:first-child { padding-left:0; border-left:0; }
.kanban-quantities dt { color:#63758f; font-size:10px; white-space:nowrap; }
.kanban-quantities dd { margin:2px 0 0; color:#263d5b; font-size:16px; font-weight:650; line-height:1.25; }
.kanban-card-amount { display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin:0 0 10px; }
.kanban-card-amount>span { color:#63758f; font-size:11px; flex:none; }
.kanban-card-amount>strong { color:#263d5b; font-size:17px; font-weight:650; text-align:right; overflow-wrap:anywhere; }
.kanban-card .badge { display:block; width:fit-content; max-width:100%; padding:4px 7px; border-left:3px solid currentColor; border-radius:4px; white-space:normal; line-height:1.4; font-size:11px; font-weight:600; }
.kanban-state-note { margin:6px 0 0; color:#7a5c2c; font-size:11px; }
.kanban-card-latest { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:2px 7px; margin:9px 0 0; padding-top:8px; border-top:1px solid #edf0f5; font-size:11px; line-height:1.4; }
.kanban-card-latest>span { color:#6a7a91; }
.kanban-card-latest time { color:#415a7a; }
.kanban-empty { width:100%; margin:0; padding:32px 16px; border:1px dashed #cfdae9; border-radius:10px; background:#f6f8fc; color:#536987; font-size:14px; text-align:center; }
.order-routes { display:grid; gap:7px; }
.route-entry { padding:7px 9px; border-left:2px solid #7c96b7; border-radius:3px; background:#edf2f8; }
.route-entry-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 8px; }
.route-entry-heading>strong { color:#243f61; font-size:12px; font-weight:650; }
.route-state { color:#526580; font-size:11px; line-height:1.4; }
.route-entry[data-state-code="000000003"] { border-left-color:#3976b5; background:#eaf2fc; }
.route-entry[data-state-code="000000003"] .route-state { color:#215d98; font-weight:600; }
.route-entry[data-state-code="000000004"] { border-left-color:#438362; background:#edf5ef; }
.route-entry[data-state-code="000000004"] .route-state { color:#326c4d; }
.route-departure { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; margin-top:3px; }
.route-departure>span,.route-empty { color:#63738b; font-size:11px; font-weight:400; }
.route-departure time { color:#253d5b; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; }
.route-order-nos { display:block; margin-top:3px; color:#5c6d84; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
.route-section-label { display:block; margin-bottom:5px; color:#62748c; font-size:11px; font-weight:500; }
.kanban-route-section { margin-top:10px; }
.kanban-route-section .route-entry { padding:6px 8px; }
.customer-order-routes { margin:10px 0 14px; }
.customer-order-routes .order-routes { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.kanban-column[data-state="route:000000007"], .kanban-column[data-state="route:000000005"] { --stage-bg:#e1e6ed; --stage-ink:#34465d; }
.kanban-column[data-state="route:000000006"] { --stage-bg:#b9d3f4; --stage-ink:#234568; }
.kanban-column[data-state="route:000000001"] { --stage-bg:#ffe2a3; --stage-ink:#674810; }
.kanban-column[data-state="route:000000002"] { --stage-bg:#c6c1f3; --stage-ink:#413b76; }
.kanban-column[data-state="route:000000003"] { --stage-bg:#9adbe6; --stage-ink:#1c4f5c; }
.kanban-column[data-state="route:000000004"] { --stage-bg:#a7ddbd; --stage-ink:#245a3c; }
.route-kanban-card { padding:12px; border-radius:10px; }
.route-card-icon { display:block; width:18px; height:18px; flex:none; }
.route-card-identity { display:flex; align-items:center; gap:9px; min-width:0; }
.route-card-header { display:flex; align-items:center; gap:8px; padding-bottom:9px; border-bottom:1px solid var(--line); }
.route-card-header .route-card-open { flex:1; min-width:0; border-radius:4px; }
.route-card-open strong { font-size:18px; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.route-card-open>.route-card-icon { width:16px; height:16px; }
.route-card-departure { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:10px 0 10px; }
.route-card-departure>span { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:11px; }
.route-card-departure .route-card-icon { width:14px; height:14px; }
.route-card-departure>strong { color:var(--ink); font-size:14px; font-weight:650; white-space:nowrap; font-variant-numeric:tabular-nums; }
.route-card-section-label { margin:0 0 6px; color:var(--muted); font-size:10px; }
.route-card-metrics { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 11px; }
.route-card-metrics>div { padding:9px 10px; background:#f0f4fa; border-radius:7px; }
.route-card-metrics dt { color:#536780; font-size:10px; line-height:1.4; }
.route-card-metrics dd { margin:3px 0 0; color:var(--ink); font-size:23px; font-weight:650; line-height:1.2; font-variant-numeric:tabular-nums; }
.route-card-amount { margin:0; padding-top:12px; border-top:1px solid var(--line); gap:10px; }
.route-card-amount>strong { font-size:16px; line-height:1.3; text-align:right; font-variant-numeric:tabular-nums; }
.route-card-scope { margin:3px 0 12px; color:var(--muted); font-size:10px; line-height:1.4; }
.route-card-meter { margin:0 0 10px; --meter-fill:#4179b5; }
.route-card-meter[data-kind="readiness"] { --meter-fill:#398061; }
.route-card-meter[data-overloaded="true"] { --meter-fill:#a16817; }
.route-meter-heading { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:6px; line-height:1.3; }
.route-meter-heading>span { color:var(--ink); font-size:12px; font-weight:500; }
.route-meter-heading>strong { color:var(--ink); font-size:14px; font-weight:650; font-variant-numeric:tabular-nums; }
.route-card-meter[data-overloaded="true"] .route-meter-heading>strong { color:#8e5c10; }
.route-meter-track { display:block; appearance:none; width:100%; height:7px; border:0; border-radius:4px; overflow:hidden; background:#e0e7f0; }
.route-meter-track::-webkit-progress-bar { background:#e0e7f0; border-radius:4px; }
.route-meter-track::-webkit-progress-value { background:var(--meter-fill); border-radius:4px; }
.route-meter-track::-moz-progress-bar { background:var(--meter-fill); border-radius:4px; }
.route-card-meter[data-known="false"] .route-meter-track { background:repeating-linear-gradient(135deg,#e6ebf2 0 5px,#f4f6fa 5px 10px); }
.route-card-meter>small { display:block; margin-top:5px; color:var(--muted); font-size:10px; line-height:1.45; }
.route-card-meter:last-child { margin-bottom:0; }
.route-card-menu { position:relative; flex:none; }
.route-card-menu>summary { display:grid; place-items:center; width:32px; height:32px; border-radius:6px; color:var(--muted); font-size:24px; line-height:1; list-style:none; cursor:pointer; }
.route-card-menu>summary::-webkit-details-marker { display:none; }
.route-card-menu>summary:hover,.route-card-menu[open]>summary { color:var(--ink); background:#edf3fc; }
.route-card-menu-content { position:absolute; z-index:2; right:0; top:calc(100% + 5px); width:190px; padding:4px; border:1px solid var(--line); border-radius:8px; background:var(--surface); box-shadow:0 6px 20px #263d5226; }
.route-card-menu-content .route-card-filter { display:flex; align-items:center; gap:8px; width:100%; min-height:36px; padding:8px 9px; border:0; border-radius:5px; background:transparent; color:var(--ink); text-align:left; font-size:12px; }
.route-card-menu-content .route-card-filter:hover { background:#edf3fc; }
.route-card-menu>summary:focus-visible,.route-card-filter:focus-visible,.route-card-open:focus-visible { outline:2px solid #4779b8; outline-offset:3px; }
@media (max-width:760px) { .route-card-menu>summary { width:44px; height:44px; } .route-card-menu-content .route-card-filter { min-height:44px; } }
#route-dialog { padding:0; width:calc(100% - 64px); max-width:1040px; height:min(850px,calc(100dvh - 64px)); max-height:calc(100dvh - 64px); overflow:hidden; border:0; border-radius:20px; background:#fff; color:#243247; box-shadow:0 24px 70px #172f4b66; }
#route-dialog [hidden] { display:none!important; }
#route-dialog::backdrop { background:#20304d66; backdrop-filter:blur(6px); }
@media(prefers-reduced-transparency:reduce) { #route-dialog::backdrop { backdrop-filter:none; } }
#route-facts { grid-template-columns:1fr 1fr 1.6fr; margin-top:18px; }
.route-detail { display:flex; flex-direction:column; height:100%; min-height:0; }
#route-dialog .dialog-header { align-items:center; padding:22px 28px 18px; border-bottom:1px solid #e4eaf3; }
#route-dialog .dialog-header h2 { color:#192b45; font-size:25px; font-weight:650; letter-spacing:-.025em; }
#route-dialog .dialog-header .dialog-kicker { font-size:10px; }
#route-dialog .dialog-header .fine-print { margin:5px 0 0; }
#close-route.quiet-button { width:40px; height:40px; padding:0; border:0; border-radius:8px; background:#f0f3f8; color:#52627a; font-size:26px; line-height:1; }
.route-dialog-body { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:22px 28px 28px; }
.route-overview { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 18px; border-left:3px solid #587faf; border-radius:0 10px 10px 0; background:#f2f6fc; }
.route-overview span { display:block; color:#64758b; font-size:11px; }
.route-overview h3 { margin:3px 0 0; color:#244369; font-size:21px; font-weight:650; }
.route-overview strong { display:block; margin-top:3px; color:#213650; font-size:21px; font-weight:650; }
#route-dialog[data-state="000000004"] .route-overview { border-left-color:#398661; background:#edf7f1; }
.route-buyers-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:22px 0 12px; }
.route-buyers-heading h3 { margin:0; color:#273f60; font-size:16px; font-weight:650; }
.route-buyers-heading p { margin:0; color:#63738a; font-size:11px; }
.route-buyer-filter { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.route-buyer-filter label { display:grid; gap:5px; font-size:11px; font-weight:500; color:#62748b; }
.route-buyer-filter input,.route-buyer-filter select { width:100%; min-width:0; height:36px; padding:7px 10px; border:1px solid #cfdaea; border-radius:6px; font:inherit; font-size:13px; color:#2b4263; background:#f7f9fc; }
.route-buyer-count { margin:10px 0; font-size:11px; color:#65768d; }
.route-buyers-table-wrap { overflow-x:auto; overscroll-behavior-x:contain; border:1px solid #dce5f1; border-radius:8px; }
.route-buyers-table { width:100%; min-width:820px; border-collapse:collapse; text-align:left; font-size:13px; font-variant-numeric:tabular-nums; }
.route-buyers-table th,.route-buyers-table td { padding:12px 14px; border-bottom:1px solid #e4eaf3; vertical-align:middle; }
.route-buyers-table thead th { background:#f0f4fa; color:#52647c; font-size:11px; font-weight:600; white-space:nowrap; }
.route-buyers-table tbody th { color:#203b5e; font-size:14px; font-weight:650; white-space:nowrap; }
.route-buyers-table tbody td { color:#30445f; }
.route-buyers-table tbody tr:nth-child(even) { background:#f8fafd; }
.route-buyers-table tbody tr:hover { background:#edf4fc; }
.route-buyers-table tbody tr:last-child>* { border-bottom:0; }
.route-buyers-table .badge { white-space:normal; }
.route-buyers-table .route-buyer-date { white-space:nowrap; color:#62748b; font-size:12px; }
.route-buyers-table .route-buyer-quantity,.route-buyers-table .route-buyer-amount { text-align:right; white-space:nowrap; }
.route-buyers-table td.route-buyer-amount { font-weight:600; color:#203b5e; }
.route-neuffer-links { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; }
.route-neuffer-links .quiet-button { padding:3px 0; min-height:30px; border:0; border-radius:0; background:transparent; color:#285d93; font-size:12px; font-weight:600; }
.route-neuffer-links .quiet-button:hover { text-decoration:underline; }
.route-scope-note { margin:18px 0 0; color:#63738a; font-size:11px; line-height:1.6; }
.topbar-inner { grid-template-columns:auto auto minmax(180px,1fr) auto; }
.report-language { display:flex; align-items:center; justify-self:end; gap:5px; margin:0; }
.report-language select { width:62px; min-height:34px; padding:5px 6px; border:1px solid #8295b3; border-radius:6px; background:#425b7b; color:#fff; font:inherit; font-size:12px; cursor:pointer; }
.report-language option { color:#243247; background:#fff; }
.dialog-language { width:64px; min-height:34px; margin-left:auto; padding:5px 7px; border:1px solid #d5deec; border-radius:6px; background:#f5f7fb; color:#375277; font:inherit; font-size:12px; cursor:pointer; }
.translation-notice { padding:10px 14px; margin:8px 0 14px; border-left:3px solid #d39c3d; background:#fff6e4; color:#745015; font-size:13px; }
html[lang="de"] .topbar-inner { gap:12px; }
html[lang="de"] .tabs .tab { padding-left:12px; padding-right:12px; }
html[lang="de"] .kanban-column { flex-basis:300px; }
@media(max-width:1000px) {
  .topbar-inner { grid-template-columns:minmax(0,1fr) auto auto; }
  .topbar .home-link { grid-column:1; grid-row:1; }
  .topbar .tabs { grid-column:2; grid-row:1; }
  .report-language { grid-column:3; grid-row:1; }
  .header-order-filter { grid-column:1/-1; grid-row:2; }
}
@media(max-width:600px) {
  .topbar-inner { grid-template-columns:minmax(0,1fr) auto; }
  .report-language { grid-column:2; grid-row:1; }
  .topbar .tabs { grid-column:1/-1; grid-row:2; }
  .topbar .tab { min-width:0; white-space:normal; line-height:1.3; }
  .header-order-filter { grid-row:3; }
}
@media(max-width:760px) {
  #route-dialog { width:calc(100% - 20px); height:calc(100dvh - 28px); max-height:calc(100dvh - 28px); border-radius:14px; }
  #route-dialog .dialog-header { padding:16px; gap:12px; }
  #route-dialog .dialog-header h2 { font-size:21px; }
  .route-dialog-body { padding:16px; }
  .route-overview { gap:14px; padding:12px; }
  .route-overview h3,.route-overview strong { font-size:17px; }
  .route-buyers-heading { align-items:flex-start; flex-direction:column; gap:4px; }
  .route-buyer-filter { grid-template-columns:1fr; }
  #route-facts { grid-template-columns:1fr 1fr; gap:12px; }
  #route-facts>div:last-child { grid-column:1/-1; border-left:0; padding-left:0; }
}
@media(max-width:760px) {
  #panel-orders .orders-heading { flex-wrap:wrap; }
  .orders-view-switch .quiet-button { min-height:38px; padding:7px 13px; font-size:13px; }
  .kanban-context { font-size:11px; line-height:1.5; }
  .orders-kanban { gap:10px; scroll-snap-type:x proximity; }
  .kanban-column { flex-basis:min(290px,calc(100vw - 68px)); scroll-snap-align:start; }
  .kanban-column-list { max-height:62dvh; padding:10px 3px 3px; }
  .kanban-card .kanban-card-open { min-height:38px; }
  .kanban-scroll-button.quiet-button { display:none; }
}

/* Funnel filters and confirmed production progress. */
#orders-table col:nth-child(1) { width:16%!important; }
#orders-table { min-width:1500px; }
#orders-table .order-country { font-size:12px; font-weight:500; }
#orders-header-filter>[hidden] { display:none!important; }
.readiness-progress { margin:12px 0; padding:12px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.readiness-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:12px; color:var(--muted); }
.readiness-heading strong { color:var(--ink); font-size:17px; }
.readiness-progress progress { display:block; appearance:none; width:100%; height:6px; margin:9px 0; border:0; border-radius:3px; overflow:hidden; background:#e1e8f1; color:#33836c; }
.readiness-progress progress::-webkit-progress-bar { background:#e1e8f1; }
.readiness-progress progress::-webkit-progress-value { background:#33836c; }
.readiness-progress progress::-moz-progress-bar { background:#33836c; }
.readiness-progress p { margin:5px 0 0; font-size:12px; }
.readiness-progress small,.kanban-country { color:var(--muted); font-size:11px; }
.route-transfer { padding:8px 10px; border-left:3px solid #be862d; background:#fff5df; color:#775321; font-size:12px; line-height:1.5; }
.route-transfer p { margin:0; }
.route-load { border-top:1px solid var(--line); padding-top:9px; margin-top:10px; }
.route-load strong { display:block; font-size:16px; }
.route-load span,.route-load small { display:block; color:var(--muted); font-size:11px; }
#route-facts { grid-template-columns:1fr 1fr 1.4fr 1.6fr; }
#route-facts .route-load { border-top:0; padding:0; margin:0; }
#route-facts .route-load strong { font-size:20px; }
#route-facts .route-load small { font-weight:400; line-height:1.5; }
.route-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--line); border-radius:8px; margin:0 0 12px; }
.route-kpis>div { padding:10px 14px; border-left:1px solid var(--line); }
.route-kpis>div:first-child { border-left:0; }
.route-kpis dt { font-size:11px; color:var(--muted); }
.route-kpis dd { margin:3px 0 0; font-size:19px; font-weight:650; color:var(--ink); }
.route-kpis small { display:block; font-size:11px; color:var(--muted); }
@media(max-width:760px) { .route-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .route-kpis>div:nth-child(3) { border-left:0; } }
@media(max-width:760px) {
  #route-facts { grid-template-columns:1fr 1fr; }
  .orders-view-switch { display:grid; grid-template-columns:1fr 1fr; flex:1 1 100%; min-width:0; }
  .orders-view-switch .quiet-button { min-height:44px; }
}

#route-kpis[hidden] { display:none!important; }

/* Delivery country stays visible as text; the flag is an additional visual cue. */
.order-countries { display:inline-flex; flex-wrap:wrap; align-items:center; gap:5px 10px; vertical-align:middle; }
.country-marker { display:inline-flex; align-items:center; gap:6px; color:var(--ink); font-size:12px; font-weight:500; line-height:1.45; }
.country-flag { display:block; flex:none; width:20px; height:14px; overflow:hidden; border-radius:2px; box-shadow:0 0 0 1px #7b8ca044; }
.country-marker[data-country="unknown"] { color:var(--muted); font-weight:400; }
.country-marker[data-country="unknown"] .country-flag { box-shadow:none; }
.kanban-country { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin:9px 0 12px; }
.kanban-country .country-caption { flex:none; color:var(--muted); font-size:10px; line-height:1.45; }
.kanban-country .order-countries { justify-content:flex-end; text-align:right; }
#orders-table .order-country .order-countries { display:flex; flex-direction:column; align-items:flex-start; }
.delivery-address-list { display:grid; gap:8px; margin-top:7px; min-width:0; }
.delivery-address-text { display:block; color:var(--ink); font-size:12px; line-height:1.5; font-weight:400; overflow-wrap:anywhere; }
.delivery-address-source,.delivery-address-empty { display:block; color:var(--muted); font-size:10px; line-height:1.5; font-weight:400; }
.delivery-address-source { margin-top:3px; }
#orders-table .order-country { min-width:195px; max-width:260px; }
.kanban-country { flex-wrap:wrap; }
.kanban-country .delivery-address-list { flex-basis:100%; margin-top:0; }
.detail-delivery { margin:0 0 18px; padding:14px 16px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
.detail-delivery h4 { margin:0; color:var(--ink); font-size:13px; }
.detail-delivery .delivery-address-list { grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px 24px; }
.detail-delivery .delivery-address-text,.customer-order-delivery .delivery-address-text { font-size:14px; }
.customer-order-delivery { margin:12px 0; }
.buyer-counterparty { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; margin-top:10px; font-size:11px; color:var(--muted); }
.buyer-counterparty strong { color:var(--ink); font-size:12px; font-weight:500; }
.buyer-counterparty[data-check="mismatch"] strong { color:var(--warning,#9b590b); }
.route-buyers-table .route-buyer-delivery { min-width:245px; max-width:300px; vertical-align:top; }
.route-buyers-table .route-buyer-delivery .delivery-address-list { margin-top:0; }
.route-buyer-delivery .buyer-counterparty { gap:3px 6px; }
.route-buyer-delivery .buyer-counterparty .country-caption { display:none; }