:root{
  --bg:#f5f8fc;--card:#fff;--line:#dce5ef;--text:#18324b;--muted:#667b90;--blue:#0d6efd;
  --delivery:#9a4f0b;--slc:#bfe8b9;--weekend:#e8edf2;--slcEnd:#aab6c3;--ops:#ffd64d;--overdue:#ff6b72;
  --green:#30a46c;--amber:#f0a12b;--red:#e5484d;--shadow:0 2px 12px rgba(30,55,80,.08);
  --day-width:92px;--row-height:54px;--week-header-height:36px;--day-header-height:66px;--header-height:102px;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}
button,input,select,textarea{font:inherit}.app-shell{padding:14px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.topbar h1{font-size:27px;margin:0 0 4px}.topbar p{margin:0;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:12px}.last-updated{font-size:13px;color:var(--muted)}
.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:700;color:var(--text)}.btn:hover{filter:brightness(.98)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-muted{background:#eef3f7}.btn-outline{background:#fff}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:12px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 14px;box-shadow:var(--shadow)}.summary-card span{display:block;color:var(--muted);font-size:12px;font-weight:700}.summary-card strong{font-size:24px;display:block;margin-top:3px}
.filters-panel,.legend-panel,.board-card{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.filters-panel{padding:14px;display:grid;grid-template-columns:260px 220px 300px minmax(260px,1fr) auto;gap:14px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:800}.filter-group input,.filter-group select{height:40px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:#fff;color:var(--text)}.date-pair{display:flex;align-items:center;gap:6px}.date-pair input{width:116px}.date-pair span{font-size:12px;color:var(--muted)}.filter-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;cursor:pointer}.toggle input{display:none}.toggle span{width:38px;height:21px;background:#a9b6c3;border-radius:999px;position:relative}.toggle span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.15s}.toggle input:checked+span{background:var(--blue)}.toggle input:checked+span:after{left:19px}
.legend-panel{margin:10px 0;padding:10px 14px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#354d64}.legend-panel span{display:flex;align-items:center;gap:7px}.legend{width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.05);display:inline-block}.legend.delivery{background:var(--delivery)}.legend.slc{background:var(--slc)}.legend.weekend{background:var(--weekend)}.legend.slc-end{background:var(--slcEnd)}.legend.ops{background:var(--ops)}.legend.pending{background:#fff;border-color:#98a9ba}.legend.overdue{background:var(--overdue)}
.board-card{overflow:hidden}.board-scroll{overflow:auto;max-width:100%;height:min(67vh,720px);position:relative}.board{display:grid;grid-template-columns:max-content max-content;min-width:100%;width:max-content;position:relative;align-items:start}.left-pane{position:sticky;left:0;z-index:30;width:max-content;background:#fff;border-right:2px solid var(--line);box-shadow:8px 0 14px rgba(30,55,80,.06);overflow:hidden}.timeline-pane{position:relative;background:#fff;z-index:1}.grid-header,.grid-row{display:grid;align-items:stretch}.left-header{grid-template-columns:118px 78px 170px 100px 58px 90px 105px 105px 125px 105px}.left-row{grid-template-columns:118px 78px 170px 100px 58px 90px 105px 105px 125px 105px}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;display:flex;align-items:center;padding:7px 8px;font-size:12px}.left-header{position:sticky;top:0;z-index:35;padding-top:var(--week-header-height);background:#f7fafc}.header-cell{height:var(--day-header-height);background:#f7fafc;font-weight:800;justify-content:center;text-align:center}.left-row .cell{height:var(--row-height)}.brand-cell{font-weight:700}.number-cell,.center{justify-content:center}.ops-input{width:100%;border:1px solid #bac8d6;border-radius:6px;padding:7px 5px;background:white;font-size:12px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:8px;font-weight:800;min-width:72px}.pill.early{background:#dcf5df;color:#1f7a40}.pill.ontime{background:#dcebff;color:#0b57b7}.pill.late{background:#ffe0df;color:#b83237}.pill.ahead{background:#dcf5df;color:#1f7a40}.pill.target{background:#dcebff;color:#0b57b7}.pill.risk{background:#ffedd1;color:#a96308}.pill.overdue{background:#ffd7d9;color:#c8262c}.pill.complete{background:#e4f3e8;color:#24743f}.pill.unknown{background:#eef2f6;color:#68798a}
.timeline-weekbar{height:var(--week-header-height);display:flex;position:sticky;top:0;z-index:21;background:#f7fafc;border-bottom:1px solid var(--line)}.week-block{display:flex;flex:0 0 auto;align-items:center;justify-content:center;font-size:12px;font-weight:800;border-right:1px solid var(--line)}.timeline-days{display:flex;position:sticky;top:var(--week-header-height);z-index:20;background:#f7fafc}.day-head{width:var(--day-width);flex:0 0 var(--day-width);height:var(--day-header-height);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:800;gap:2px}.day-head.weekend{background:var(--weekend)}.timeline-row{height:var(--row-height);display:flex;position:relative}.day-cell{width:var(--day-width);flex:0 0 var(--day-width);height:var(--row-height);border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.day-cell.weekend{background:var(--weekend)}.bar{position:absolute;height:28px;top:13px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;white-space:nowrap;z-index:4}.bar.slc{background:var(--slc);height:20px;top:17px;border-radius:2px;z-index:2}.bar.delivery{background:var(--delivery);color:#fff}.bar.slc-end{background:var(--slcEnd);color:#20364d}.bar.ops{background:var(--ops);color:#4d3a00}.bar.ops-extended{background:var(--ops);color:#4d3a00}.bar.overdue{background:var(--overdue);color:#7a0d16}.today-line{position:absolute;top:0;bottom:0;width:2px;background:#ff3b47;z-index:9;pointer-events:none}.today-line:before{content:"";position:absolute;top:calc(var(--header-height) - 5px);left:-4px;width:10px;height:10px;border-radius:50%;background:#ff3b47}.today-label{position:absolute;z-index:25;background:#ff3b47;color:#fff;padding:6px 8px;border-radius:6px;font-size:10px;font-weight:800;transform:translateX(-50%);top:calc(var(--week-header-height) + 8px);white-space:nowrap;pointer-events:none}.board-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:var(--muted);font-size:12px}.hint{font-style:italic}
dialog{border:none;border-radius:12px;padding:0;max-width:640px;width:calc(100% - 28px);box-shadow:0 18px 70px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(20,30,40,.45)}.settings-card{padding:18px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.icon-btn{border:0;background:transparent;font-size:30px;cursor:pointer;color:#667}.settings-note{color:var(--muted);font-size:13px}.settings-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;margin:12px 0}.settings-card input,.settings-card textarea{border:1px solid var(--line);border-radius:7px;padding:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin:16px 0}.settings-card small{display:block;color:var(--muted);line-height:1.45}
@media(max-width:1250px){.filters-panel{grid-template-columns:1fr 1fr 1fr}.search-group{grid-column:1/3}.filter-actions{grid-column:3;justify-content:flex-start}.summary-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app-shell{padding:8px}.topbar{flex-direction:column}.topbar h1{font-size:21px}.summary-grid{grid-template-columns:1fr 1fr}.filters-panel{display:flex;flex-direction:column;align-items:stretch}.filter-actions{justify-content:flex-start}.legend-panel{gap:10px}.hint{display:none}}

/* V2 alignment hardening */
.left-pane::after{content:"";position:absolute;top:0;right:-2px;bottom:0;width:2px;background:var(--line);pointer-events:none}.left-pane .cell{background-clip:padding-box}.timeline-pane,.timeline-weekbar,.timeline-days,.timeline-row{min-width:0}.board-scroll{isolation:isolate}.left-header .header-cell{position:relative;z-index:1}

/* V6 live-data state */
.source-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.source-status.loading{background:#eef3f8;color:#536579}.source-status.live{background:#dcf5e4;color:#147a39}.source-status.error{background:#ffe1e3;color:#b4232c}
.data-error{margin:0 14px 10px;padding:12px 14px;border:1px solid #f0a7ad;background:#fff1f2;color:#9e1c26;border-radius:10px;font-weight:650}

/* V12 responsive table controls + sticky headers */
.board-scroll{height:calc(100vh - 330px);min-height:360px;scrollbar-gutter:stable both-edges}
.left-header{position:sticky;top:0;z-index:60;box-shadow:0 2px 6px rgba(30,55,80,.08)}
.timeline-weekbar{position:sticky;top:0;z-index:55;box-shadow:0 1px 3px rgba(30,55,80,.05)}
.timeline-days{position:sticky;top:var(--week-header-height);z-index:54;box-shadow:0 2px 6px rgba(30,55,80,.08)}
.left-pane{z-index:70}
.legend.expected{background:#eef1ff;border:2px dashed #6d7ee8}
.bar.expected{background:#eef1ff;color:#4052b5;border:2px dashed #6d7ee8;height:28px;top:13px}
.pill.awaiting{background:#eef1ff;color:#4052b5}.pill.notstarted{background:#eef2f6;color:#596b7d}
.columns-card{max-height:min(82vh,720px);overflow:auto}.column-presets{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.columns-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.column-option{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:9px!important;margin:0!important;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;font-weight:650!important}.column-option input{width:18px;height:18px;margin:0}.column-option small{font-size:10px;color:var(--muted)}.column-option.required{opacity:.78}
@media(max-width:1100px){.board-scroll{height:calc(100vh - 300px)}.columns-list{grid-template-columns:1fr}.filters-panel{grid-template-columns:1fr 1fr}.search-group{grid-column:auto}.filter-actions{grid-column:1/-1}}
@media(max-width:760px){.board-scroll{height:calc(100vh - 250px);min-height:320px}.left-pane{box-shadow:5px 0 10px rgba(30,55,80,.10)}}

/* V13 sticky brand visibility, working sticky left headers, and today-first calendar focus */
.filter-select-btn{height:40px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:#fff;color:var(--text);text-align:left;display:flex;align-items:center;justify-content:space-between;font-weight:400;cursor:pointer}.filter-select-btn:after{content:"▾";font-size:12px;color:var(--muted)}
.brands-card{max-height:min(82vh,720px);overflow:auto}.brand-presets{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.brands-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.brand-option{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;margin:0!important;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;font-weight:650!important}.brand-option input{width:18px;height:18px;margin:0}
/* overflow:hidden on .left-pane prevented position:sticky from working for its child header. */
.left-pane{overflow:visible}
.left-header{position:sticky;top:0;z-index:90;background:#f7fafc}
.left-header .header-cell{background:#f7fafc}
.timeline-weekbar{z-index:80}.timeline-days{z-index:79}
@media(max-width:1100px){.brands-list{grid-template-columns:1fr}}


/* V18 accordion-style column reveal/hide divider */
.left-pane{position:sticky;}
.accordion-grip{
  position:absolute;
  top:calc(var(--header-height) / 2 - 28px);
  right:-9px;
  width:18px;
  height:56px;
  z-index:120;
  border:1px solid #91a4b7;
  border-radius:9px;
  background:#fff;
  color:#52697f;
  box-shadow:0 2px 8px rgba(30,55,80,.18);
  cursor:ew-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  touch-action:none;
  user-select:none;
}
.accordion-grip:hover{background:#f2f7fc;border-color:#5d7892;color:#17324d}
.accordion-grip span{font-size:20px;line-height:1;transform:translateY(-1px)}
body.accordion-dragging,body.accordion-dragging *{cursor:ew-resize!important;user-select:none!important}
.left-pane::after{right:-2px}
@media(max-width:760px){.accordion-grip{height:48px;top:calc(var(--header-height) / 2 - 24px)}}

.ops-input:disabled{background:#f4f6f8;color:#8794a1;cursor:not-allowed}