/* Scheduling Hub only. Buffer-management and Workbench geometry are preserved. */
[data-schedule-view="control"] {
  --hub-line: var(--schedule-border);
  grid-template-rows: auto auto auto minmax(380px,1fr) !important;
  gap: 10px !important;
}
[data-schedule-view="control"] .scenario-strip { padding:12px 14px; gap:18px; grid-template-columns:190px minmax(0,1fr) auto; min-height:78px; box-shadow:none; }
[data-schedule-view="control"] .scenario-index { width:36px; height:36px; border-radius:8px; font-size:14px; }
[data-schedule-view="control"] .scenario-identity strong { font-size:14px; }
[data-schedule-view="control"] .scenario-facts { display:flex; flex-wrap:wrap; gap:8px 18px; }
[data-schedule-view="control"] .scenario-facts > div { padding:0; border:0; flex:0 1 auto; }
[data-schedule-view="control"] .scenario-facts dt { font-size:10px; margin-bottom:3px; }
[data-schedule-view="control"] .scenario-facts dd { font-size:11px; white-space:nowrap; }
[data-schedule-view="control"] .scenario-actions { flex-direction:column; gap:5px; }
[data-schedule-view="control"] .scenario-actions button { min-height:28px; }
[data-schedule-view="control"] > .run-history-panel { display:flex; align-items:center; padding:0; background:transparent; border:0; box-shadow:none; gap:16px; }
[data-schedule-view="control"] > .run-history-panel > header { background:transparent; border:0; padding:0 4px; min-width:94px; }
[data-schedule-view="control"] > .run-history-panel > header small { display:none; }
[data-schedule-view="control"] .run-list { display:flex; height:auto; min-height:56px; gap:8px; flex:1; overflow:auto; padding:0; }
[data-schedule-view="control"] .run-row { display:grid; grid-template-columns:28px minmax(130px,1fr) auto; align-items:center; flex:0 1 310px; margin:0; padding:8px 10px; min-height:54px; border:1px solid var(--schedule-border); border-radius:5px; background:var(--schedule-panel); }
[data-schedule-view="control"] .run-row.is-active { border-color:var(--schedule-accent); box-shadow:inset 0 -2px var(--schedule-accent); }
[data-schedule-view="control"] .run-row strong { font-size:12px; }
[data-schedule-view="control"] .run-row small { font-size:10px; }
[data-schedule-view="control"] .kpi-ribbon { display:grid; grid-template-columns:150px repeat(6,minmax(0,1fr)); min-height:76px; box-shadow:none; }
[data-schedule-view="control"] .kpi-ribbon > button,[data-schedule-view="control"] .kpi-overall { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; padding:10px 14px; }
[data-schedule-view="control"] .kpi-ribbon strong { font-size:20px; line-height:1.15; }
[data-schedule-view="control"] .kpi-ribbon > button > span { font-size:11px; }
[data-schedule-view="control"] .kpi-ribbon small { font-size:10px; min-height:12px; }
[data-schedule-view="control"] .kpi-overall strong { font-size:16px; }
[data-schedule-view="control"] .control-layout { position:relative; display:grid; grid-template-columns:220px minmax(0,1fr) 280px; grid-template-rows:minmax(0,1fr); gap:10px; min-height:380px; }
[data-schedule-view="control"] .control-left { display:block; min-height:0; }
[data-schedule-view="control"] .control-left { grid-column:1; grid-row:1; }
[data-schedule-view="control"] .gantt-panel { grid-column:2; grid-row:1; }
[data-schedule-view="control"] .order-explorer-panel { height:100%; grid-template-rows:44px 39px minmax(0,1fr); }
[data-schedule-view="control"] .order-search { padding:7px; }
[data-schedule-view="control"] .order-search input { height:27px; font-size:11px; }
[data-schedule-view="control"] .order-search i { top:12px; }
[data-schedule-view="control"] .order-row { min-height:72px; grid-template-columns:4px minmax(0,1fr); gap:5px 7px; padding:8px 6px; border-bottom:1px solid var(--schedule-border); }
[data-schedule-view="control"] .order-swatch { grid-row:1 / 3; }
[data-schedule-view="control"] .order-row-copy strong { font-size:11px; }
[data-schedule-view="control"] .order-row-copy span,[data-schedule-view="control"] .order-row-copy small { font-size:10px; }
[data-schedule-view="control"] .order-row-status { grid-column:2; display:flex; justify-content:space-between; font-size:10px; }
[data-schedule-view="control"] .gantt-panel { grid-template-rows:auto minmax(0,1fr) 35px; }
[data-schedule-view="control"] .gantt-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:12px; min-height:94px; overflow:visible; }
[data-schedule-view="control"] .gantt-heading { flex:1 1 160px; }
[data-schedule-view="control"] .gantt-heading strong { font-size:13px; }
[data-schedule-view="control"] .gantt-heading small { font-size:10px; margin-top:3px; }
[data-schedule-view="control"] .gantt-fit-tools,[data-schedule-view="control"] .gantt-tools { display:flex; flex-direction:row; flex-wrap:nowrap; flex-shrink:0; gap:3px; }
[data-schedule-view="control"] .gantt-tools button { height:27px; width:27px; border-color:var(--schedule-border); }
[data-schedule-view="control"] .gantt-legend { flex:1 0 100%; order:4; display:flex; gap:8px 12px; font-size:10px; }
[data-schedule-view="control"] .gantt-resource-row { height:48px; }
[data-schedule-view="control"] .gantt-timeline-row { background-image:none; overflow:visible; isolation:isolate; }
[data-schedule-view="control"] .gantt-resource-label { padding:7px 10px; }
[data-schedule-view="control"] .gantt-resource-label strong { font-size:11px; }
[data-schedule-view="control"] .gantt-resource-label span,[data-schedule-view="control"] .gantt-resource-label small { font-size:9px; }
[data-schedule-view="control"] .gantt-resource-row.is-constraint { height:70px; border-block:1px solid var(--schedule-accent-border); background:var(--schedule-accent-soft); }
[data-schedule-view="control"] .gantt-resource-row.is-constraint .gantt-resource-label { background:var(--schedule-accent-soft); }
[data-schedule-view="control"] .gantt-segment { top:30px; height:13px; padding:0; border-radius:2px; box-shadow:none; overflow:visible; opacity:.92; min-width:1px; }
[data-schedule-view="control"] .gantt-resource-row.is-constraint .gantt-segment { top:36px; height:23px; }
[data-schedule-view="control"] .gantt-segment > span { position:absolute; bottom:100%; left:0; margin-bottom:3px; min-width:22px; padding:1px 3px; border-radius:3px; color:var(--schedule-heading); background:var(--schedule-panel); border:1px solid var(--schedule-border); font-size:10px; line-height:14px; text-align:center; }
[data-schedule-view="control"] .gantt-segment > span:empty { display:none; }
[data-schedule-view="control"] .gantt-segment.is-muted { opacity:.25; }
[data-schedule-view="control"] .gantt-segment.is-muted > span { visibility:hidden; }
[data-schedule-view="control"] .gantt-segment.is-setup { border-style:dashed; background:var(--schedule-setup-soft); }
[data-schedule-view="control"] .gantt-segment.is-setup > span { display:none; }
[data-schedule-view="control"] .gantt-segment.is-carry-in { background:var(--schedule-carry-in); }
[data-schedule-view="control"] .gantt-segment:hover,[data-schedule-view="control"] .gantt-segment.is-selected { z-index:9; transform:none; opacity:1; outline:none; border-color:var(--order-color); box-shadow:none; }
[data-schedule-view="control"] .gantt-segment:hover > span { visibility:visible; }
[data-schedule-view="control"] .gantt-segment.is-selected { outline:1px solid var(--order-color); outline-offset:1px; box-shadow:none; }
[data-schedule-view="control"] .gantt-marker span { color:var(--schedule-heading); background:var(--schedule-panel); border:1px solid currentColor; top:55px; font-size:9px; }
[data-schedule-view="control"] .gantt-marker-layer { z-index:4; }
[data-schedule-view="control"] .gantt-marker span { display:none; }
[data-schedule-view="control"] .gantt-axis { height:98px; z-index:12; }
[data-schedule-view="control"] .gantt-date-band span { font-size:10px; }
[data-schedule-view="control"] .gantt-navigator { grid-template-columns:minmax(70px,1fr); }
[data-schedule-view="control"] .gantt-navigator small { display:none; }
[data-schedule-view="control"] .gantt-navigator-track { cursor:pointer; }
[data-schedule-view="control"] .evaluation-panel { position:static; width:auto; height:auto; grid-column:auto; grid-row:auto; display:grid; grid-template-rows:36px minmax(0,1fr) 42px; box-shadow:none; }
[data-schedule-view="control"] .evaluation-body { padding:12px; }
[data-schedule-view="control"] .evaluation-hero { padding:12px; border-left-width:3px; }
[data-schedule-view="control"] .evaluation-hero > b { font-size:22px; }
[data-schedule-view="control"] .evaluation-hero strong { font-size:14px; }
[data-schedule-view="control"] .evaluation-section { margin-top:12px; }
[data-schedule-view="control"] .evaluation-facts > div { min-height:36px; }
[data-schedule-view="control"] .evaluation-facts dt,[data-schedule-view="control"] .evaluation-facts dd { font-size:11px; }
[data-schedule-view="control"] .hub-note { color:var(--schedule-muted); font-size:11px; line-height:1.6; margin:12px 0; }
[data-schedule-view="control"] .capacity-mini-row { font-size:10px; grid-template-columns:48px minmax(0,1fr) 44px; min-height:22px; }
[data-schedule-view="control"] .trace-chain strong { white-space:normal; font-size:11px; }
[data-schedule-view="control"] .trace-chain small { font-size:10px; }
[data-schedule-view="control"] .is-negative { color:var(--schedule-danger) !important; }
[data-schedule-view="control"] button:focus-visible { outline:2px solid var(--schedule-accent); outline-offset:2px; }
@container scheduling-page (max-width: 1250px) {
  [data-schedule-view="control"] { grid-template-rows:minmax(130px,auto) minmax(56px,auto) minmax(160px,auto) minmax(720px,1fr) !important; }
  [data-schedule-view="control"] .control-layout { grid-template-columns:190px minmax(0,1fr); grid-template-rows:440px auto; }
  [data-schedule-view="control"] .evaluation-panel { grid-column:1 / -1; grid-row:2; min-height:270px; }
  [data-schedule-view="control"] .evaluation-body { display:grid; grid-template-columns:240px minmax(0,1fr); gap:12px; }
  [data-schedule-view="control"] .evaluation-section { margin-top:0; }
  [data-schedule-view="control"] .scenario-strip { grid-template-columns:160px minmax(0,1fr); }
  [data-schedule-view="control"] .scenario-actions { grid-column:1 / -1; flex-direction:row; justify-content:flex-end; }
  [data-schedule-view="control"] .kpi-ribbon { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@container scheduling-page (max-width: 850px) {
  [data-schedule-view="control"] { grid-template-rows:minmax(180px,auto) minmax(64px,auto) minmax(240px,auto) minmax(760px,1fr) !important; }
  [data-schedule-view="control"] .scenario-strip { grid-template-columns:minmax(0,1fr); }
  [data-schedule-view="control"] .scenario-facts { grid-column:1; }
  [data-schedule-view="control"] .control-layout { grid-template-columns:160px minmax(0,1fr); }
  [data-schedule-view="control"] .kpi-ribbon { grid-template-columns:repeat(3,minmax(0,1fr)); }
  [data-schedule-view="control"] .run-row { flex:0 0 230px; }
  [data-schedule-view="control"] .evaluation-body { grid-template-columns:minmax(0,1fr); }
}

[data-schedule-view="control"] .evaluation-panel { transform:none; }
[data-schedule-view="control"] .gantt-legend span { display:inline-flex; }
.omni-scheduling:has([data-schedule-view="control"]:not([hidden])) { overflow:auto; }

/* Wide schedule workspace: details appear only when requested. */
[data-schedule-view="control"] .kpi-ribbon > [data-kpi="setup"],
[data-schedule-view="control"] .kpi-ribbon > [data-kpi="buffer"] { display:none; }
[data-schedule-view="control"] { grid-template-rows:64px 48px 82px minmax(510px,1fr) !important; gap:8px !important; }
[data-schedule-view="control"] .scenario-strip { min-height:0; padding:8px 12px; grid-template-columns:180px minmax(0,1fr) auto; gap:12px; }
[data-schedule-view="control"] .scenario-actions { flex-direction:row; grid-column:auto; }
[data-schedule-view="control"] .scenario-facts { gap:4px 16px; grid-column:auto; }
[data-schedule-view="control"] .run-list { min-height:44px; }
[data-schedule-view="control"] .run-row { min-height:44px; padding:5px 10px; }
[data-schedule-view="control"] .kpi-ribbon { grid-template-columns:180px repeat(4,minmax(0,1fr)); }
[data-schedule-view="control"] .control-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(510px,1fr); min-height:510px; }
[data-schedule-view="control"] .control-left,
[data-schedule-view="control"] .evaluation-panel { display:none; }
[data-schedule-view="control"] .gantt-panel { grid-column:1; grid-row:1; }
[data-schedule-view="control"] .hub-orders-open { grid-template-columns:200px minmax(0,1fr); }
[data-schedule-view="control"] .hub-orders-open .control-left { display:block; }
[data-schedule-view="control"] .hub-orders-open .gantt-panel { grid-column:2; }
[data-schedule-view="control"] .hub-detail-open { grid-template-columns:minmax(0,1fr) 280px; }
[data-schedule-view="control"] .hub-orders-open.hub-detail-open { grid-template-columns:200px minmax(0,1fr) 280px; }
[data-schedule-view="control"] .hub-detail-open .evaluation-panel { display:grid; grid-column:-2; grid-row:1; min-height:0; }
[data-schedule-view="control"] .evaluation-body { display:block; }
[data-schedule-view="control"] .gantt-toolbar { min-height:76px; padding:9px 12px; gap:6px 10px; }
[data-schedule-view="control"] .gantt-toolbar > .schedule-button { min-height:28px; font-size:11px; }
[data-schedule-view="control"] .gantt-heading { flex-basis:120px; }
[data-schedule-view="control"] .gantt-resource-row { height:50px; }
[data-schedule-view="control"] .gantt-resource-row.is-constraint { height:66px; }
[data-schedule-view="control"] .gantt-segment { top:27px; height:10px; border-radius:2px; border:1px solid color-mix(in srgb,var(--order-color) 75%,#172c46); background:var(--order-color); box-shadow:inset 0 1px rgba(255,255,255,.25); opacity:1; }
[data-schedule-view="control"] .gantt-resource-row.is-constraint .gantt-segment { top:34px; height:12px; }
[data-schedule-view="control"] .gantt-segment > span { bottom:auto; top:-18px; left:0; transform:none; margin:0; width:40px; min-width:0; box-sizing:border-box; overflow:hidden; padding:0; font-size:10px; line-height:15px; border:0; background:transparent; text-align:left; }
[data-schedule-view="control"] .gantt-segment.is-muted { opacity:.5; }
[data-schedule-view="control"] .gantt-segment.is-setup { background:var(--schedule-setup-soft); border-style:dashed; box-shadow:none; }
[data-schedule-view="control"] .gantt-segment.is-carry-in { background:var(--schedule-carry-in); }
[data-schedule-view="control"] .gantt-time-tick { opacity:.75; background:color-mix(in srgb,var(--schedule-text) 22%,transparent); }
[data-schedule-view="control"] .hub-day-boundary { position:absolute; inset-block:0; width:1px; background:color-mix(in srgb,var(--schedule-text) 60%,transparent); z-index:2; pointer-events:none; }
[data-schedule-view="control"] .gantt-hour-band { height:54px; }
[data-schedule-view="control"] .gantt-date-band { height:44px; }
[data-schedule-view="control"] .gantt-hour-band { top:44px; }
[data-schedule-view="control"] .gantt-date-band > span { flex-direction:column; justify-content:center; }
[data-schedule-view="control"] .gantt-date-band small { font-size:9px; font-weight:400; }
[data-schedule-view="control"] .gantt-heading { min-width:230px; flex:1 1 230px; }
[data-schedule-view="control"] [data-gantt-context] { white-space:normal; overflow:visible; }
[data-schedule-view="control"] .gantt-marker { top:98px; }
[data-schedule-view="control"] .gantt-hour-band > span { writing-mode:vertical-rl; top:5px; height:44px; width:12px; padding:0; font-size:10px; transform:none; color:var(--schedule-text); }
[data-schedule-view="control"] .gantt-hour-band > .hub-axis-break { background:var(--schedule-panel); border-inline-start:1px solid var(--schedule-grid-line); text-align:center; font-size:9px; }
[data-schedule-view="control"] .gantt-date-band > span { border-left:1px solid var(--schedule-text); overflow:hidden; white-space:nowrap; }
[data-schedule-view="control"] .gantt-time-gap { background:repeating-linear-gradient(135deg,transparent,transparent 3px,var(--schedule-grid-line) 3px,var(--schedule-grid-line) 4px); opacity:.6; }
[data-schedule-view="control"] .gantt-marker { opacity:.45; }
[data-schedule-view="control"] .order-row { min-height:65px; }
@container scheduling-page (max-width:1250px) {
  [data-schedule-view="control"] { grid-template-rows:96px 48px 82px minmax(530px,1fr) !important; }
  [data-schedule-view="control"] .scenario-strip { grid-template-columns:180px minmax(0,1fr); }
  [data-schedule-view="control"] .scenario-actions { grid-column:1 / -1; }
  [data-schedule-view="control"] .kpi-ribbon { grid-template-columns:repeat(5,minmax(0,1fr)); }
  [data-schedule-view="control"] .hub-detail-open { grid-template-columns:minmax(0,1fr); grid-template-rows:530px 300px; }
  [data-schedule-view="control"] .hub-orders-open.hub-detail-open { grid-template-columns:190px minmax(0,1fr); }
  [data-schedule-view="control"] .hub-detail-open .evaluation-panel { grid-column:1 / -1; grid-row:2; }
  [data-schedule-view="control"] .evaluation-body { display:grid; grid-template-columns:240px minmax(0,1fr); gap:12px; }
}
@container scheduling-page (max-width:850px) {
  [data-schedule-view="control"] { grid-template-rows:156px 48px 152px minmax(530px,1fr) !important; }
  [data-schedule-view="control"] .scenario-strip { grid-template-columns:minmax(0,1fr); }
  [data-schedule-view="control"] .kpi-ribbon { grid-template-columns:repeat(3,minmax(0,1fr)); }
  [data-schedule-view="control"] .hub-orders-open,
  [data-schedule-view="control"] .hub-orders-open.hub-detail-open { grid-template-columns:160px minmax(0,1fr); }
}

/* Run decisions stay above order and Puck inspection. */
[data-schedule-view="control"] { grid-template-rows:96px 48px 82px 172px minmax(460px,1fr) !important; }
[data-schedule-view="control"] .scenario-strip { grid-template-columns:180px minmax(0,1fr); }
[data-schedule-view="control"] .scenario-actions { grid-column:1 / -1; justify-content:flex-end; }
[data-schedule-view="control"] .hub-candidate { background:#087f70; color:white; border-color:#087f70; font-weight:700; }
[data-schedule-view="control"] .hub-candidate.is-confirmed { background:#066356; }
[data-schedule-view="control"] .hub-candidate:disabled { opacity:.55; }
[data-schedule-view="control"] .hub-overtime { background:#fff0d4; border-color:#ce9330; color:#764a0a; }
[data-schedule-view="control"] .hub-insights { display:grid; grid-template-columns:260px minmax(0,1fr) minmax(0,1fr); gap:10px; min-width:0; }
[data-schedule-view="control"] .hub-chart,[data-schedule-view="control"] .hub-decision { background:var(--schedule-panel); border:1px solid var(--schedule-border); border-radius:5px; padding:12px; min-width:0; overflow:hidden; }
[data-schedule-view="control"] .hub-decision { border-top:3px solid #159582; background:color-mix(in srgb,#159582 7%,var(--schedule-panel)); }
[data-schedule-view="control"] .hub-decision.is-warning { border-top-color:#d59122; background:color-mix(in srgb,#d59122 10%,var(--schedule-panel)); }
[data-schedule-view="control"] .hub-decision > span { display:block; font-size:10px; color:var(--schedule-muted); }
[data-schedule-view="control"] .hub-decision > strong { display:block; margin-top:5px; font-size:17px; color:var(--schedule-heading); }
[data-schedule-view="control"] .hub-decision p { margin:6px 0 9px; font-size:11px; line-height:1.5; }
[data-schedule-view="control"] .hub-decision > div { display:flex; gap:7px; }
[data-schedule-view="control"] .hub-chart > header { display:flex; justify-content:space-between; font-size:12px; font-weight:700; margin-bottom:9px; }
[data-schedule-view="control"] .hub-chart > header small { color:var(--schedule-muted); font-size:9px; font-weight:400; }
[data-schedule-view="control"] .hub-load-chart { display:flex; gap:7px; height:113px; align-items:stretch; }
[data-schedule-view="control"] .hub-load-column { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; padding:0; border:0; background:transparent; color:var(--schedule-text); cursor:pointer; }
[data-schedule-view="control"] .hub-load-column b { font-size:9px; }
[data-schedule-view="control"] .hub-load-column > span { width:70%; flex:1; display:flex; align-items:flex-end; border-bottom:1px solid var(--schedule-border); }
[data-schedule-view="control"] .hub-load-column i { width:100%; background:#6974ce; border-radius:2px 2px 0 0; }
[data-schedule-view="control"] .hub-load-column small { white-space:nowrap; margin-top:5px; font-size:8px; }
[data-schedule-view="control"] .hub-buffer-row { display:grid; grid-template-columns:78px minmax(0,1fr) 38px; align-items:center; gap:6px; height:19px; width:100%; border:0; background:transparent; color:var(--schedule-text); padding:0; cursor:pointer; font-size:9px; text-align:left; }
[data-schedule-view="control"] .hub-buffer-track { position:relative; height:7px; background:var(--schedule-grid-line); }
[data-schedule-view="control"] .hub-buffer-track i { display:block; height:7px; background:#20998d; }
[data-schedule-view="control"] .hub-buffer-track em { position:absolute; top:-3px; height:13px; border-left:2px solid var(--schedule-heading); }
[data-schedule-view="control"] .hub-buffer-row.is-warning .hub-buffer-track i { background:#d59122; }
[data-schedule-view="control"] .hub-chart button:hover { background:var(--schedule-accent-soft); }
[data-schedule-view="control"] .kpi-overall.is-warning { border-bottom-color:#d59122; background:color-mix(in srgb,#d59122 10%,var(--schedule-panel)); }
[data-schedule-view="control"] .control-layout { min-height:460px; grid-template-rows:460px; }
[data-schedule-view="control"] .gantt-viewport { overflow:scroll; scrollbar-gutter:stable; min-height:0; }
[data-schedule-view="control"] .gantt-viewport::-webkit-scrollbar { width:11px; height:11px; }
[data-schedule-view="control"] .gantt-viewport::-webkit-scrollbar-thumb { background:#8b9aab; border:3px solid var(--schedule-panel); border-radius:8px; }
[data-schedule-view="control"] .evaluation-panel { grid-template-rows:auto minmax(0,1fr); }
[data-schedule-view="control"] .evaluation-tabs button:disabled { opacity:.4; cursor:default; }
[data-schedule-view="control"] .hub-order-summary { padding:10px 0; border-bottom:1px solid var(--schedule-border); }
[data-schedule-view="control"] .hub-order-summary > strong { color:var(--schedule-heading); font-size:12px; }
[data-schedule-view="control"] .hub-order-summary > small { display:block; color:var(--schedule-muted); font-size:10px; margin:4px 0; }
@container scheduling-page (max-width:1250px) {
  [data-schedule-view="control"] .hub-insights { grid-template-columns:220px minmax(0,1fr) minmax(0,1fr); }
  [data-schedule-view="control"] .hub-detail-open { grid-template-rows:460px 330px; }
}
@container scheduling-page (max-width:850px) {
  [data-schedule-view="control"] { grid-template-rows:156px 48px 152px 340px minmax(460px,1fr) !important; }
  [data-schedule-view="control"] .hub-insights { grid-template-columns:1fr 1fr; }
  [data-schedule-view="control"] .hub-decision { grid-column:1 / -1; }
}

/* Keep the complete resource flow in view; analysis opens over the workspace. */
[data-schedule-view="control"] { grid-template-rows:44px 40px 56px 30px minmax(640px,1fr) !important; gap:6px !important; }
[data-schedule-view="control"] .scenario-strip { grid-template-columns:minmax(180px,1fr) auto; padding:4px 10px; }
[data-schedule-view="control"] .scenario-actions { grid-column:2; flex-direction:row; }
[data-schedule-view="control"] .scenario-index { width:30px; height:30px; }
[data-schedule-view="control"] .scenario-identity strong { font-size:12px; }
[data-schedule-view="control"] .run-list,[data-schedule-view="control"] .run-row { min-height:36px; }
[data-schedule-view="control"] .run-row { padding:3px 8px; }
[data-schedule-view="control"] .kpi-ribbon { min-height:0; grid-template-columns:150px repeat(4,minmax(0,1fr)); }
[data-schedule-view="control"] .kpi-ribbon > button,[data-schedule-view="control"] .kpi-overall { padding:4px 12px; gap:1px; }
[data-schedule-view="control"] .kpi-ribbon strong { font-size:17px; }
[data-schedule-view="control"] .kpi-overall strong { font-size:14px; }
[data-schedule-view="control"] .hub-analysis { position:relative; z-index:20; min-width:0; }
[data-schedule-view="control"] .hub-analysis > summary { cursor:pointer; padding:6px 10px; color:var(--schedule-accent); font-size:11px; font-weight:650; border:1px solid var(--schedule-border); border-radius:4px; background:var(--schedule-panel); }
[data-schedule-view="control"] .hub-analysis[open] > summary { border-color:var(--schedule-accent); }
[data-schedule-view="control"] .hub-analysis-content { position:absolute; top:calc(100% + 4px); left:0; right:0; padding:12px; background:var(--schedule-panel); border:1px solid var(--schedule-accent-border); border-radius:5px; box-shadow:0 8px 24px var(--schedule-shadow); }
[data-schedule-view="control"] .hub-analysis-content .scenario-facts { margin:0 0 12px; }
[data-schedule-view="control"] .hub-insights { min-height:172px; }
[data-schedule-view="control"] .control-layout { min-height:640px; grid-template-rows:minmax(640px,1fr); }
@container scheduling-page (max-width:1250px) {
  [data-schedule-view="control"] .control-layout { min-height:700px; grid-template-rows:minmax(700px,1fr); }
  [data-schedule-view="control"] .hub-detail-open { grid-template-rows:700px 330px; }
}
@container scheduling-page (max-width:850px) {
  [data-schedule-view="control"] .scenario-actions { gap:3px; }
  [data-schedule-view="control"] .scenario-actions button { padding-inline:6px; font-size:10px; }
  [data-schedule-view="control"] .kpi-ribbon { grid-template-columns:110px repeat(4,minmax(0,1fr)); }
  [data-schedule-view="control"] .kpi-ribbon > button,[data-schedule-view="control"] .kpi-overall { padding-inline:5px; }
}

/* Explain run-level warnings without taking height from the Gantt. */
[data-schedule-view="control"] .kpi-ribbon { grid-template-columns:minmax(400px,2.4fr) repeat(4,minmax(0,1fr)); }
[data-schedule-view="control"] .kpi-overall { display:grid; grid-template-columns:auto 1fr; align-content:center; align-items:center; column-gap:8px; row-gap:2px; }
[data-schedule-view="control"] .kpi-overall > small { grid-column:1 / -1; white-space:normal; line-height:14px; font-size:11px; overflow:auto; max-height:28px; text-align:left; justify-self:stretch; color:var(--schedule-text); }
@container scheduling-page (max-width:850px) {
  [data-schedule-view="control"] { grid-template-rows:44px 40px 104px 30px minmax(640px,1fr) !important; }
  [data-schedule-view="control"] .kpi-ribbon { grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:50px 54px; }
  [data-schedule-view="control"] .kpi-overall { grid-column:1 / -1; }
}

[data-schedule-view="control"] .gantt-panel { position:relative; }
[data-schedule-view="control"].hub-running .gantt-segment { visibility:hidden; }
[data-schedule-view="control"] .hub-run-progress { position:absolute; z-index:25; top:120px; left:50%; transform:translateX(-50%); width:min(360px,80%); display:grid; gap:12px; padding:22px; border:1px solid var(--schedule-accent-border); border-radius:6px; background:var(--schedule-panel); box-shadow:0 6px 24px var(--schedule-shadow); color:var(--schedule-heading); }
[data-schedule-view="control"] .hub-run-progress span { font-size:12px; }
[data-schedule-view="control"] .hub-run-progress progress { width:100%; height:8px; accent-color:var(--schedule-accent); }
[data-schedule-view="control"] .hub-puck-reveal { animation:hub-puck-appear 180ms ease-out both; animation-delay:var(--hub-reveal-delay,0ms); }
@keyframes hub-puck-appear { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) {
  [data-schedule-view="control"] .hub-puck-reveal { animation:none; }
}

[data-schedule-view="control"] .run-row { grid-template-columns:48px minmax(100px,1fr) auto; }
[data-schedule-view="control"] .run-row-number { width:46px; border-radius:4px; font-size:11px; white-space:nowrap; }
[data-schedule-view="control"] .run-row.hub-recommended { background:var(--schedule-accent-soft); border-color:var(--schedule-accent); }
[data-schedule-view="control"] .hub-recommendation-badge { padding:1px 5px; border-radius:3px; color:#fff; background:#1269b0; font-weight:700; }

[data-schedule-view="control"] .hub-analysis > summary { display:flex; align-items:center; gap:8px; padding:5px 10px; border-color:var(--schedule-accent-border); background:var(--schedule-accent-soft); list-style:none; }
[data-schedule-view="control"] .hub-analysis > summary::-webkit-details-marker { display:none; }
[data-schedule-view="control"] .hub-analysis > summary strong { font-size:12px; }
[data-schedule-view="control"] .hub-analysis > summary > span { color:var(--schedule-muted); font-weight:400; }
[data-schedule-view="control"] .hub-analysis .hub-graphs-hide { display:none; }
[data-schedule-view="control"] .hub-analysis[open] .hub-graphs-hide { display:inline; }
[data-schedule-view="control"] .hub-analysis[open] .hub-graphs-show { display:none; }
[data-schedule-view="control"] [data-action="clear-order"] { width:auto; min-width:55px; padding:3px 5px; font-size:10px; white-space:nowrap; }
[data-schedule-view="control"] [data-action="clear-order"]:disabled { opacity:.45; cursor:default; }

[data-schedule-view="control"] [data-action="toggle-hub-orders"] { width:30px; height:28px; padding:4px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
[data-schedule-view="control"] [data-action="toggle-hub-orders"] svg { width:18px; height:18px; pointer-events:none; }

/* Selection and recommendation use distinct visual cues. */
[data-schedule-view="control"] .run-row { position:relative; background:var(--schedule-panel); }
[data-schedule-view="control"] .run-row.is-active { background:var(--schedule-panel-strong); border-color:var(--schedule-text); box-shadow:none; }
[data-schedule-view="control"] .run-row.hub-recommended { background:var(--schedule-panel); border-color:var(--schedule-border); box-shadow:inset 3px 0 #218577; }
[data-schedule-view="control"] .run-row.hub-recommended.is-active { background:var(--schedule-panel-strong); border-color:var(--schedule-text); }
[data-schedule-view="control"] .run-row.hub-recommended .run-row-copy strong { color:#218577; }
[data-schedule-view="control"] .run-row.is-active .run-row-number { color:var(--schedule-heading); border-color:var(--schedule-text); background:var(--schedule-panel); }

[data-schedule-view="workbench"] { grid-template-rows:124px 31px minmax(0,1fr) !important; }
.hub-naming-fields { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.hub-naming-fields .schedule-field { display:flex !important; min-width:0; }
[data-schedule-view="control"] .scenario-strip { grid-template-columns:minmax(150px,.8fr) minmax(150px,1fr) auto; }
[data-schedule-view="control"] .scenario-actions { grid-column:3; }
.hub-schedule-title { display:grid; min-width:0; gap:2px; }
.hub-schedule-title span { font-size:10px; color:var(--schedule-muted); }
.hub-schedule-title strong { font-size:12px; color:var(--schedule-heading); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.hub-naming-fields .schedule-field { flex-direction:column !important; align-items:stretch; gap:3px; }
.hub-naming-fields .schedule-field > span { width:auto !important; max-width:none; overflow:visible; white-space:nowrap; flex:none; }
.hub-naming-fields input { width:100%; min-width:0; }