/* Forecast workspace: purchasing decisions first, with separate scenario and carton workflows. */
.fc-workspace { --fw-cyan-soft:#effaff; --fw-ink:#123047; gap:20px; }
.fc-workspace #fc-draft-note:empty { display:none; }
.fc-workspace [hidden], .fw-order-editor [hidden] { display:none !important; }
.fw-heading h1 { margin:5px 0 8px; font-size:clamp(25px,2.7vw,36px); letter-spacing:-.035em; line-height:1.15; color:var(--text); }
.fw-heading p, .fw-section-head p { margin:5px 0 0; color:var(--muted); font-size:13px; line-height:1.6; max-width:760px; }
.fw-eyebrow { display:block; color:#437184; font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.fw-statebar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; padding:14px 18px; border:1px solid var(--border); border-radius:14px; background:var(--card,#fff); }
.fw-state-copy { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; }
.fw-state-copy p { margin:0; font-size:12px; color:var(--muted); }
.fw-state { border-radius:20px; padding:6px 10px; font-size:11px; font-weight:750; white-space:nowrap; background:#eef3f6; color:#435a6c; }
.fw-state-draft { color:#7b510f; background:#fff4d9; }
.fw-state-busy { color:#006a93; background:var(--fw-cyan-soft); }
.fw-actions { display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
.fw-text-button { background:none; border:0; padding:7px 2px; color:#007ba8; font-size:12px; font-weight:650; cursor:pointer; text-align:left; }
.fw-text-button:hover { text-decoration:underline; }
.fw-nav { display:flex; gap:4px; align-self:flex-start; padding:5px; border:1px solid var(--border); background:#edf3f6; border-radius:12px; max-width:100%; overflow-x:auto; }
.fw-nav button { border:0; border-radius:8px; color:var(--muted); font-weight:650; background:none; padding:11px 17px; font-size:12px; cursor:pointer; white-space:nowrap; }
.fw-nav button[aria-pressed="true"] { background:#fff; color:#006c98; box-shadow:0 1px 4px #173b4712; }
.fw-panel { display:flex; flex-direction:column; min-width:0; gap:18px; scroll-margin-top:20px; }
.fw-panel:focus { outline:none; }
.fw-decision.card { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr); padding:0; overflow:hidden; border-color:#bfe6f4; background:linear-gradient(120deg,#fff 25%,#f2fbfe); box-shadow:0 6px 24px #006b8a07; }
.fw-decision-main { padding:26px; }
.fw-decision h2 { margin:10px 0; font-size:34px; line-height:1.1; letter-spacing:-.03em; color:var(--fw-ink); }
.fw-decision-description { font-size:14px; color:var(--muted); margin:0; }
.fw-decision-description strong { color:var(--text); }
.fw-order-dates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:25px 0; padding:18px 0; border-block:1px solid #dbeaf0; }
.fw-order-dates span, .fw-order-review summary small { display:block; font-size:10px; color:var(--muted); font-weight:500; margin-bottom:6px; }
.fw-order-dates strong { display:block; font-size:18px; font-variant-numeric:tabular-nums; color:var(--fw-ink); }
.fw-decision-why { padding:27px; border-left:1px solid #dbeaf0; background:#ebf8fc80; font-size:12px; line-height:1.65; color:#466071; }
.fw-decision-why > p { margin:10px 0; }
.fw-top-lines { list-style:none; padding:0; margin:16px 0; border-top:1px solid #d4e8ef; }
.fw-top-lines li { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid #d4e8ef; }
.fw-top-lines b { font-size:11px; white-space:nowrap; }
.fw-small { font-size:11px; line-height:1.6; color:var(--muted); }
.fw-data-notes { border:1px solid var(--border); border-radius:12px; background:#fff; }
.fw-data-notes > summary { display:flex; justify-content:space-between; gap:12px; cursor:pointer; padding:14px 18px; color:var(--text); font-size:12px; font-weight:650; list-style:none; }
.fw-data-notes > summary span:last-child { color:var(--muted); font-weight:400; }
.fw-data-notes[open] > summary { border-bottom:1px solid var(--border); }
.fw-data-notes .fc-notes { border:0; box-shadow:none; }
.fw-scope { margin:0; padding:0 18px 16px; font-size:12px; line-height:1.6; color:var(--muted); }
.fw-section-head { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:14px; }
.fw-section-head h2, .fw-section-head h3 { font-size:20px; letter-spacing:-.02em; margin:4px 0; color:var(--text); }
.fw-orders { display:flex; flex-direction:column; gap:12px; min-width:0; }
.fw-order-review { border:1px solid var(--border); background:#fff; border-radius:14px; min-width:0; overflow:hidden; scroll-margin-top:20px; }
.fw-order-review > summary { display:grid; grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(85px,1fr)) minmax(100px,1fr); align-items:center; gap:16px; padding:20px; list-style:none; cursor:pointer; }
.fw-order-review > summary::-webkit-details-marker { display:none; }
.fw-order-review > summary:hover { background:#f6fbfd; }
.fw-order-review summary b { font-size:14px; color:var(--text); display:block; }
.fw-order-review .fw-order-name b { font-size:20px; margin-top:5px; letter-spacing:-.02em; }
.fw-order-flag { justify-self:end; display:flex; align-items:center; gap:10px; color:#006e98; font-size:11px; }
.fw-order-flag.late { color:#92551b; }
.fw-order-review[open] .fw-order-flag span { transform:rotate(180deg); }
.fw-order-body { border-top:1px solid var(--border); padding:20px; }
.fw-order-intro { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:18px; border-bottom:1px solid var(--border); margin-bottom:18px; }
.fw-order-intro p { margin:0; font-size:12px; line-height:1.6; color:var(--muted); max-width:620px; }
.fw-order-intro .btn { flex-shrink:0; }
.fw-order-body .fc-ctr.card { padding:0; border:0; box-shadow:none; background:transparent; }
.fc-workspace .fc-inbound-wrap > .fc-ctrs-head { display:none; }
.fc-workspace .fc-inbounds { grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); }
.fc-workspace .fc-kpis { gap:10px; }
.fc-workspace .fc-tabs { margin:0; }
.fc-workspace .fc-controls { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; max-height:none; overflow:visible; gap:18px; border:0; padding:0; background:none; box-shadow:none; }
.fc-workspace .fc-controls > .brief-label { display:none; }
.fc-workspace .fc-group { border:1px solid var(--border); background:#fff; border-radius:14px; padding:22px; gap:12px; min-width:0; scroll-margin-top:20px; }
.fc-workspace .fc-group h4 { font-size:17px; letter-spacing:-.02em; margin-bottom:8px; }
.fc-workspace .fc-group h4 small { font-size:12px; line-height:1.6; margin-top:5px; }
.fc-workspace .fc-help { line-height:1.6; }
.fc-workspace .fc-save { grid-column:1/-1; border:0; padding:15px; justify-content:flex-end; }
.fw-section-links { display:flex; gap:8px; flex-wrap:wrap; }
.fw-section-links button { border:1px solid #cce6f0; border-radius:20px; background:#fff; color:#00749d; padding:8px 12px; font-size:11px; cursor:pointer; }
.fw-table { overflow-x:auto; }
.fw-comparison { border-color:#bce5f4; }
.fw-comparison .fw-section-head { margin:0; }
.fw-comparison p { color:var(--muted); font-size:12px; line-height:1.6; }
.fw-comparison table { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }
.fw-comparison th, .fw-comparison td { padding:14px 12px; border-bottom:1px solid var(--border); }
.fw-comparison thead th { font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); background:#f7fafc; }
.fw-comparison tbody th { font-weight:550; }
.fw-comparison .fw-changed { background:var(--fw-cyan-soft); color:#006b94; font-weight:700; }
.fw-order-editor { margin:auto; width:min(720px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:24px; border:1px solid var(--border); border-radius:18px; color:var(--text); background:#fff; box-shadow:0 24px 100px #12304740; }
.fw-order-editor::backdrop { background:#10233370; backdrop-filter:blur(3px); }
.fw-order-editor[open] { display:flex; flex-direction:column; }
.fw-editor-head { display:flex; justify-content:space-between; gap:15px; align-items:center; }
.fw-editor-head h2 { font-size:22px; letter-spacing:-.025em; margin:6px 0; }
.fw-editor-search { display:flex; flex-direction:column; font-size:11px; gap:5px; color:var(--muted); margin:4px 0 15px; }
.fw-editor-search input { width:100%; min-height:44px; font-size:14px; border:1px solid var(--border); border-radius:9px; padding:10px 12px; color:var(--text); background:#f7fafc; }
.fw-editor-content { overflow-y:auto; overscroll-behavior:contain; min-height:0; padding-right:4px; }
.fw-editor-lines { border-top:1px solid var(--border); }
.fw-editor-line { display:flex; gap:18px; align-items:center; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--border); }
.fw-editor-line strong { display:block; font-size:13px; }
.fw-editor-line small { display:block; color:var(--muted); font-size:10px; margin-top:4px; }
.fw-editor-quantity { flex:0 0 90px; }
.fw-editor-quantity > span { display:block; font-size:10px; color:var(--muted); margin-bottom:5px; }
.fw-order-editor .fw-editor-quantity input { width:90px; min-height:44px; font-size:16px; text-align:right; }
.fw-editor-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:15px; flex-shrink:0; }
.fc-workspace :is(button,input,select,summary):focus-visible, .fw-order-editor :is(button,input,summary):focus-visible { outline:3px solid #00afee65; outline-offset:3px; }
.fw-order-status { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:8px 0; }
.fw-mix-state { display:inline-flex; padding:5px 9px; border-radius:20px; color:var(--muted); background:#eef3f6; font-size:11px; font-weight:650; }
.fw-mix-state.is-manual { color:var(--accent-text); background:#e8f8ff; }
.fw-order-save-state { font-size:11px; color:var(--muted); }
.fw-order-save-state.is-error, .fw-capacity-warning { color:var(--warn); }
.fw-capacity-warning { margin:7px 0 12px; font-size:12px; line-height:1.5; }
.fw-editor-product { flex:1; min-width:0; overflow-wrap:anywhere; }
.fw-line-remove { min-height:44px; }
.fw-line-remove:disabled { color:var(--muted); opacity:.6; cursor:default; text-decoration:none; }
.fw-product-picker, .fw-custom-product { margin-top:16px; padding:14px; border:1px solid var(--border); border-radius:10px; background:#f8fbfd; }
.fw-product-picker > summary, .fw-custom-product > summary { cursor:pointer; font-size:13px; font-weight:650; color:var(--accent-text); padding:4px 0; }
.fw-product-picker[open] > summary, .fw-custom-product[open] > summary { margin-bottom:14px; }
.fw-product-option { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--border); padding:10px 0; }
.fw-product-option > span { min-width:0; overflow-wrap:anywhere; }
.fw-product-option strong { display:block; font-size:12px; }
.fw-product-option small { display:block; margin-top:5px; font-size:10px; color:var(--muted); }
.fw-product-option .btn { flex-shrink:0; min-height:44px; }
.fw-custom-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0; }
.fw-custom-fields label { display:flex; flex-direction:column; gap:5px; font-size:11px; color:var(--text); }
.fw-custom-fields label span { color:var(--muted); }
.fw-custom-fields input { width:100%; min-height:44px; padding:10px; border:1px solid var(--border); border-radius:8px; color:var(--text); background:#fff; font-size:16px; }
.fw-order-editor > :not(.fw-editor-content) { flex-shrink:0; }
.fw-order-editor #fw-editor-capacity .fc-load { margin:4px 0 10px; }
@media (max-width:1000px) {
 .fw-order-review > summary { grid-template-columns:minmax(120px,1.3fr) repeat(3,minmax(70px,1fr)); gap:10px; }
 .fw-order-flag { grid-column:1/-1; justify-self:start; }
}
@media (max-width:760px) {
 .fc-workspace { gap:14px; }
 .fw-statebar { padding:14px; }
 .fw-state-copy { align-items:flex-start; flex-direction:column; gap:7px; }
 .fw-statebar > .fw-actions { width:100%; }
 .fw-statebar .btn { flex:1; }
 .fw-nav { width:100%; align-self:stretch; }
 .fw-nav button { flex:1; padding:12px 10px; font-size:11px; }
 .fw-decision.card { grid-template-columns:minmax(0,1fr); }
 .fw-decision-main, .fw-decision-why { padding:20px; }
 .fw-decision-why { border-left:0; border-top:1px solid #dbeaf0; }
 .fw-decision h2 { font-size:30px; }
 .fw-order-dates { gap:7px; margin:20px 0; }
 .fw-order-dates strong { font-size:15px; }
 .fw-section-head { align-items:flex-start; flex-direction:column; gap:8px; }
 .fw-order-review > summary { grid-template-columns:repeat(2,minmax(0,1fr)); padding:17px; gap:14px; }
 .fw-order-name { grid-column:1/-1; }
 .fw-order-review .fw-order-flag { grid-column:auto; align-self:end; }
 .fw-order-intro { align-items:stretch; flex-direction:column; }
 .fw-order-intro .btn { min-height:44px; }
 .fw-order-body { padding:15px; }
 .fw-data-notes > summary { flex-direction:column; gap:5px; }
 .fc-workspace .fc-controls { grid-template-columns:minmax(0,1fr); }
 .fc-workspace .fc-group { padding:18px; }
 .fc-workspace .fc-new-set { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .fc-workspace .fc-new-set > label:first-child { grid-column:1/-1; }
 .fc-workspace input[type="number"], .fc-workspace input[type="date"], .fc-workspace select { min-height:40px; font-size:16px; }
 .fc-workspace .fw-actions .btn, .fc-workspace .fc-ctr-actions .btn { min-height:44px; }
 .fc-workspace .fc-ctr-set { width:100%; }
 .fc-workspace .fc-ctr-set label { flex:1; min-width:130px; }
 .fc-workspace .fc-ctr-set input { max-width:100%; }
 .fw-comparison.card { padding:15px; }
 .fw-comparison th, .fw-comparison td { padding:11px 8px; min-width:100px; font-size:11px; }
 .fw-order-editor { padding:18px; max-height:calc(100dvh - 24px); width:calc(100vw - 24px); }
 .fw-editor-search input { font-size:16px; }
 .fw-editor-line { display:grid; grid-template-columns:minmax(0,1fr) 90px; gap:8px 12px; }
 .fw-line-remove { grid-column:1; justify-self:start; padding:4px 0; min-height:32px; }
 .fw-editor-quantity { grid-column:2; grid-row:1/3; }
 .fw-product-option { align-items:flex-start; }
 .fw-product-picker, .fw-custom-product { padding:11px; }
 .fw-editor-footer { flex-direction:column; align-items:stretch; }
 .fw-editor-footer .btn { min-height:44px; }
}
