.page-content:has(> .delivery-workbench) { position:relative; isolation:isolate; overflow:clip; }
.page-content:has(> .delivery-workbench)::before { content:""; position:fixed; inset:0; z-index:-1; opacity:.16; pointer-events:none; background:url('/static/assets/fleet-airdock.webp') center center / cover no-repeat; }
.delivery-workbench > .wb-heading { padding:14px 16px; background:rgba(255,255,255,.92); border:1px solid var(--line); border-radius:15px; }
.wb-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 14px; }
.wb-heading h2 { font-size:20px; margin:0; }
.wb-counts,.wb-charts,#wbStages { display:grid; gap:12px; }
.wb-counts { grid-template-columns:repeat(4,minmax(0,1fr)); }
.wb-counts .panel,.delivery-workbench .wb-panel { margin:0; padding:14px; background:rgba(255,255,255,.93); border-radius:15px; }
.wb-counts .panel { display:grid; gap:4px; }
.wb-counts strong { font-size:24px; }
.wb-counts .blue { color:#245ff4; }
.wb-counts .red { color:#c52843; }
.wb-counts .green { color:#087957; }
.wb-charts { grid-template-columns:1fr 1.15fr .7fr; margin:12px 0; }
.wb-panel h3 { margin:0 0 9px; }
.wb-heading h3 { margin:0; }
#wbBars { display:flex; justify-content:safe center; gap:12px; margin:4px 0 7px; overflow:auto; }
.delivery-workbench .panel .wb-column,.delivery-workbench .panel .wb-timeline-row { background:transparent; border:0; padding:2px; cursor:pointer; }
.wb-column { display:grid; gap:4px; width:clamp(38px,17%,90px); flex-shrink:0; }
.wb-column > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.wb-column-track { height:112px; display:grid; place-items:center; position:relative; border-bottom:1px solid #dae3ef; }
.wb-column-track i { position:absolute; inset:auto 0 0; height:max(2px,var(--wb-height)); border-radius:6px 6px 0 0; background:#8aaaf9; }
.wb-column-track b { z-index:1; background:#ffffffed; color:#19449c; border-radius:5px; padding:1px 4px; font-size:11px; }
.wb-column[aria-current] i,.wb-column:hover i { background:#245ff4; }
#wbDates { display:flex; justify-content:space-between; font-size:11px; color:#59677b; margin:4px 2px; }
.wb-timeline-row { display:block; width:100%; }
.wb-track { display:block; position:relative; height:22px; background:#eef2f9; border-radius:6px; overflow:hidden; }
.wb-track i { position:absolute; left:var(--wb-left,0); width:var(--wb-width); height:100%; padding-inline:3px; border-radius:inherit; background:#dce7ff; color:#143369; font-size:11px; font-style:normal; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transform-origin:left; animation:wb-enter .35s ease-out; }
.wb-timeline-row[aria-current] i,.wb-timeline-row:hover i { background:#245ff4; color:white; }
.wb-overview { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:12px; margin-bottom:12px; }
.delivery-workbench #wbVersions table { min-width:0; }
.delivery-workbench #wbVersions td,.delivery-workbench #wbVersions th { padding:8px; }
.delivery-workbench .panel .wb-link,.delivery-workbench .panel .wb-followup { background:transparent; border:0; padding:0; color:#1c52be; text-align:left; cursor:pointer; }
.delivery-workbench .panel .wb-followup { display:grid; width:100%; gap:3px; padding:7px 0; border-bottom:1px solid #e8edf4; border-radius:0; color:#18243b; }
.wb-followup small { color:#59677b; }
.wb-followup.is-blocked b { color:#b4233a; }
.wb-phase { background:#edf3ff; color:#19449c; border-radius:6px; padding:3px 6px; font-size:12px; }
@keyframes wb-enter { from {transform:scaleX(0)} }
.wb-donut { margin:12px auto; width:114px; aspect-ratio:1; border-radius:50%; background:var(--wb-ring); display:grid; place-items:center; }
.wb-donut b { width:77px; aspect-ratio:1; border-radius:50%; background:#fff; display:grid; place-items:center; font-size:25px; }
.wb-legend { list-style:none; display:flex; flex-wrap:wrap; gap:6px 10px; margin:0; padding:0; }
.wb-legend i { display:inline-block; width:9px; height:9px; border-radius:50%; margin-inline-end:4px; }
#wbStages { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
#wbStages div { padding:8px; background:#f5f7fb; border-radius:10px; }
#wbStages span { float:right; }
#wbStages progress { display:block; width:100%; accent-color:#2463eb; }
.wb-issue-section { margin-top:22px; }
.delivery-workbench [hidden] { display:none; }
@media(max-width:1060px) { .wb-charts { grid-template-columns:1fr 1fr; } .wb-charts .wb-panel:last-child { grid-column:1/-1; } }
@media(max-width:660px) { .wb-charts,.wb-overview { grid-template-columns:1fr; } .wb-counts { grid-template-columns:1fr 1fr; } }
@media(prefers-reduced-motion:reduce) { .wb-track i { animation:none; } }