/* This composition is intentionally scoped to the two screens under review. */
body:has(.directed-dashboard,.directed-production) .qa-banner{position:static;inset:auto;max-width:none;border-radius:0;border-width:0 0 1px;box-shadow:none;padding:5px 24px;min-height:28px;text-align:center}
body:has(.directed-dashboard,.directed-production) main#content{padding:28px 28px 40px;max-width:1700px}
.directed-dashboard,.directed-production{font-size:14px;line-height:1.5}
.directed-dashboard h1,.directed-production h1{font-size:29px;line-height:1.2;letter-spacing:-.035em}
.directed-dashboard .heading,.directed-production .heading{margin-bottom:24px;gap:20px}
.directed-dashboard .heading p,.directed-production .heading p{font-size:13px;margin:7px 0 0}
.directed-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.period-select{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:600}
.period-select select{min-width:160px;color:var(--text);border-color:var(--line)}
.dash-filter-control{position:relative}
.dash-filter-control>summary,.priority-options>summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-size:13px;font-weight:650;background:#fff;min-height:40px}
.dash-filter-control>summary:after{content:'⌄';margin-left:12px}
.dash-filter-control form{position:absolute;right:0;top:calc(100% + 10px);z-index:10;width:560px;max-width:calc(100vw - 40px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 34px #241c3120}
.dash-filter-control label{display:grid;gap:6px;font-size:13px}
.dash-filter-control form>.btn{align-self:end}
.dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}
.dash-kpi{padding:20px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;display:flex;flex-direction:column;gap:12px;min-height:150px;color:var(--text);box-shadow:var(--shadow)}
.dash-kpi:hover{border-color:#9674c5;box-shadow:0 4px 14px #241c310a}
.dash-kpi>span{font-size:13px;font-weight:650;line-height:1.4}
.dash-kpi>strong{font-size:31px;line-height:1.15;letter-spacing:-.045em;font-weight:750;font-variant-numeric:tabular-nums;display:block;margin-top:auto}
.dash-kpi>strong.wide-value{font-size:27px}
.dash-kpi .amount-part{white-space:nowrap}
.dash-kpi small{color:var(--muted);font-size:12px;line-height:1.45;min-height:34px}
.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:24px;align-items:start;margin-bottom:24px}
.dash-panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:0}
.dash-panel>header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px}
.dash-panel h2,.dash-lower-grid .panel h2{font-size:18px;letter-spacing:-.02em;margin:0}
.dash-panel header p{font-size:12px;color:var(--muted);margin:5px 0 0}
.production-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px}
.production-totals button{background:transparent;border:0;padding:0;text-align:left;color:var(--text)}
.production-totals strong{display:block;font-size:27px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.production-totals span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.directed-chart{height:120px;display:flex;gap:12px;padding-top:6px;border-bottom:1px solid var(--line);overflow-x:auto}
.directed-day{flex:1;min-width:24px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}
.directed-bars{height:94px;display:flex;align-items:end;justify-content:center;gap:5px}
.directed-bars>div{width:18px;max-width:40%;border-radius:3px 3px 0 0;background:#7b59b4}
.directed-bars .ready-bar{background:#258f86}
.directed-day small{font-size:12px;color:var(--muted);padding-top:6px;white-space:nowrap}
.chart-legend{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted);margin:8px 0 6px}
.chart-legend>span{display:inline-flex;align-items:center;gap:6px}
.chart-legend i{width:8px;height:8px;border-radius:2px;background:#7b59b4}
.chart-legend i.teal{background:#258f86}
.chart-legend .btn{margin-left:auto}
.operation-position{display:flex;gap:14px;border-top:1px solid #eeeaf2;padding-top:14px;margin-top:12px;flex-wrap:wrap}
.operation-position button{padding:0;border:0;background:transparent;text-align:left;font-size:12px;color:var(--muted);flex:1;min-width:115px}
.operation-position strong{color:var(--text);font-size:16px;margin-right:4px}
.operation-position small{display:block;font-size:12px;margin-top:3px}
.dash-priorities>article{padding:16px 0;border-top:1px solid #eeeaf2}
.dash-priorities h3{font-size:15px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}
.priority-kind{color:var(--teal);font-weight:650;font-size:12px}
.dash-priorities article p{font-size:12px;color:var(--muted);margin:0 0 12px}
.dash-footnote{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.5}
.priority-options{position:relative}
.priority-options>summary{font-size:12px;font-weight:500;padding:8px;min-height:36px}
.priority-options[open]{display:flex;flex-direction:column;gap:6px}
.compact-empty{padding:18px 0;color:var(--muted);font-size:14px;margin:0;line-height:1.6}
.dash-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.dash-lower-grid .panel{padding:22px;margin:0;min-width:0}
.dash-lower-grid .panel h2{margin-bottom:18px}
.dash-lower-grid table{font-size:13px}
.context-help{color:var(--muted);font-size:12px;margin-top:16px}
.context-help summary{cursor:pointer}
.directed-dashboard>.disclosure{margin-bottom:12px}
.directed-dashboard .metric-breakdown>button{font-size:14px}
.dashboard-context{display:flex;align-items:start;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px;margin-top:24px}
.dashboard-context details{margin-right:auto;max-width:700px}
.dashboard-context summary{cursor:pointer}
.directed-production .command-layout{grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.command-queue-switch{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;min-width:0}
.command-queue-switch>summary{font-size:15px;font-weight:700;padding:18px 18px 0;list-style:none;cursor:pointer}
.command-queue-switch>summary span{color:var(--muted);font-weight:500;font-size:12px;float:right}
.queue-tools{padding:14px 16px 12px}
.queue-tools label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.queue-tools input{width:100%;border-color:var(--line);font-size:13px;min-height:40px}
.directed-production .command-queue{position:static;max-height:calc(100dvh - 335px);overflow-y:auto;padding:0 10px 8px;scrollbar-width:thin;overscroll-behavior:contain}
.directed-production .command-queue-item{gap:5px;padding:12px;margin-bottom:5px;border-color:transparent;border-radius:7px}
.directed-production .command-queue-item:hover{background:#faf8fd;border-color:#dfd5ec}
.directed-production .command-queue-item.selected{background:#f4effa;border-color:#bca4d9;box-shadow:inset 3px 0 var(--purple)}
.directed-production .command-queue-item[hidden],.directed-production .queue-empty[hidden]{display:none!important}
.directed-production .command-queue-item>strong{font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.queue-card-top,.queue-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;color:var(--muted)}
.directed-production .queue-card-top .code{font-size:12px}
.queue-card-top small{color:#8c4b16}
.directed-production .queue-card-bottom span,.directed-production .queue-attention{font-size:12px}
.queue-attention{color:#8d4d24}
.queue-link{padding:8px 16px;border-top:1px solid #eeeaf2}
.queue-link .btn{font-size:12px;padding:8px 0}
.directed-production .command-focus{padding:0;display:flex;flex-direction:column;height:calc(100dvh - 165px);min-height:440px;max-height:880px;overflow:hidden}
.production-work-header{padding:20px 22px 18px;display:flex;justify-content:space-between;align-items:start;gap:16px;border-bottom:1px solid #eeeaf2;flex-shrink:0}
.production-work-header>div{min-width:0}
.production-work-header .code{font-size:12px;color:var(--muted)}
.directed-production .production-work-header h2{font-size:21px;line-height:1.35;margin:4px 0 10px;overflow-wrap:anywhere;letter-spacing:-.025em}
.work-state-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.work-state-line progress{width:80px;height:5px;accent-color:var(--teal)}
.execution-scroll{flex:1;min-height:100px;overflow:auto;padding:18px 22px 22px;overscroll-behavior:contain;scrollbar-width:thin}
.directed-production .work-instructions{font-size:13px;margin-bottom:20px;color:var(--muted)}
.directed-production .work-instructions summary{cursor:pointer;line-height:1.55}
.directed-production .work-instructions summary span{display:block;color:var(--purple);font-size:12px;margin-top:4px;font-weight:600}
.directed-production .work-instructions p{color:var(--text)}
.production-warning{margin:0 0 16px;padding:10px 12px;border-left:3px solid #b98334;background:#fff9ec;font-size:13px}
#command-editor{padding:0;border:0;margin:0;min-width:0}
#command-editor legend{font-size:16px;font-weight:750;letter-spacing:-.015em;margin-bottom:8px;padding:0}
.execution-check{padding:12px 0;border-bottom:1px solid #eeeaf2}
.execution-check:last-child{border:0}
.directed-production .check-row{padding:0;border:0;align-items:start;gap:12px;flex-wrap:nowrap;font-size:14px;cursor:pointer;min-height:38px}
.execution-check input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:3px 0 0}
.execution-check .check-row strong{font-size:14px;line-height:1.5;font-weight:600}
.execution-check .check-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px;font-weight:400}
.evidence-label{display:block;font-size:12px;color:var(--muted);margin:12px 0 4px 30px}
.directed-production .execution-check textarea{width:calc(100% - 30px);margin:0 0 4px 30px;min-height:64px;font-size:14px;border-color:#b6aabb}
.next-action-detail,.execution-secondary{font-size:13px;border-top:1px solid #eeeaf2;margin-top:16px;padding-top:16px}
.next-action-detail summary,.execution-secondary summary{cursor:pointer;font-weight:650;line-height:1.6}
.next-action-detail summary span{display:block;color:var(--muted);font-weight:400;font-size:12px;margin:5px 0 0;overflow-wrap:anywhere}
.next-action-detail label{display:block;font-size:12px;margin-top:14px}
.execution-secondary p{font-size:13px}
.task-line{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px}
.execution-history{padding-left:18px;font-size:12px}
.execution-history li{padding:8px 0}
.execution-history span{display:block;color:var(--muted);margin-top:2px}
.production-footer{padding:12px 22px 18px;border-top:1px solid var(--line);background:#fff;flex-shrink:0}
.directed-production .save-state{font-size:12px;color:var(--muted);margin:0 0 10px;line-height:1.4}
.execution-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.execution-actions .secondary-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}
.command-feedback:empty{display:none}
.command-feedback{padding:12px 22px;background:#fff7e8;color:#74450f;font-size:13px;border-top:1px solid #edd7b7;flex-shrink:0}
.focus-empty,.production-start{padding:24px}
.production-start{background:#fff;border:1px solid var(--line);border-radius:10px;max-width:680px}
.production-start h2,.focus-empty h2{font-size:20px;margin:0 0 10px}
.production-start p,.focus-empty p{color:var(--muted)}
.directed-production>.disclosure{margin-top:22px}
@media(min-width:801px){body:has(.directed-dashboard,.directed-production) .top{display:none}body:has(.directed-dashboard,.directed-production) .qa-banner~#app .side{height:calc(100dvh - 28px);top:28px}}
@media(min-width:1600px){.dash-kpis{gap:24px}.dash-kpi{padding:24px;min-height:164px}.dash-kpi>strong{font-size:34px}.dash-kpi>strong.wide-value{font-size:32px}.dash-panel{padding:24px}.directed-chart{height:160px}.directed-bars{height:134px}.directed-production .command-focus{height:calc(100dvh - 180px)}}
@media(max-width:1100px) and (min-width:801px){.dash-kpis{gap:12px}.dash-kpi{padding:16px}.dash-kpi>strong,.dash-kpi>strong.wide-value{font-size:26px}.dash-main-grid{grid-template-columns:1.4fr 1fr;gap:16px}.dash-panel{padding:18px}.directed-production .command-layout{grid-template-columns:240px minmax(0,1fr);gap:16px}.directed-heading{align-items:start!important}.directed-header-actions{max-width:55%}.production-work-header{padding:18px}.execution-scroll{padding:16px 18px}.production-footer{padding:12px 18px 16px}}
@media(max-width:800px){body:has(.directed-dashboard,.directed-production) main#content{padding:20px 16px 100px}body:has(.directed-dashboard,.directed-production) .qa-banner{font-size:12px;padding:6px 16px;line-height:1.4}.directed-dashboard h1,.directed-production h1{font-size:28px}.directed-dashboard .heading,.directed-production .heading{gap:14px;margin-bottom:20px}.directed-header-actions{width:100%;justify-content:start;gap:8px}.period-select{width:100%;justify-content:space-between}.period-select select{flex:1;max-width:220px}.dash-filter-control{position:static}.dash-filter-control form{left:16px;right:16px;width:auto;top:auto;margin-top:10px}.dash-kpis{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.dash-kpi{padding:16px;min-height:170px;gap:12px}.dash-kpi>strong,.dash-kpi>strong.wide-value{font-size:28px;overflow-wrap:normal;line-height:1.25}.dash-kpi>strong.wide-value{font-size:22px;letter-spacing:-.04em}.dash-kpi>span{font-size:13px}.dash-kpi small{font-size:12px;min-height:0}.dash-main-grid,.dash-lower-grid{grid-template-columns:1fr;gap:20px;margin-bottom:20px}.dash-panel,.dash-lower-grid .panel{padding:18px}.dash-panel>header{gap:12px}.dash-panel h2{font-size:17px}.production-totals{gap:10px}.production-totals strong{font-size:26px}.chart-legend{gap:10px}.operation-position{gap:12px}.operation-position button{min-width:85px}.dashboard-context{gap:12px}.directed-production .heading .row-actions{gap:8px}.directed-production .command-layout{display:flex;flex-direction:column;gap:16px}.command-queue-switch{width:100%}.command-queue-switch>summary{padding:14px 16px;min-height:48px}.command-queue-switch>summary:before{content:'⌄';margin-right:8px}.directed-production .command-queue{max-height:330px}.queue-tools{padding-top:0}.directed-production .command-focus{width:100%;height:auto;max-height:none;min-height:0;overflow:visible}.production-work-header{padding:18px 16px;gap:12px}.production-work-header>.btn{font-size:12px;padding:8px}.directed-production .production-work-header h2{font-size:20px}.work-state-line{gap:8px}.work-state-line progress{width:60px}.execution-scroll{overflow:visible;padding:16px;min-height:0}.production-footer{padding:14px 16px 18px}.execution-actions>.primary{width:100%}.execution-actions .secondary-actions{margin-left:0;justify-content:space-between;width:100%}.directed-production .check-row{min-height:44px}.command-feedback{padding:12px 16px}.directed-production .production-start{padding:20px}}
@media(prefers-reduced-motion:reduce){.directed-dashboard *,.directed-production *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.dash-kpi strong .amount-part:first-child:not(:only-child){font-size:.65em;font-weight:600;letter-spacing:-.02em}
.daily-plot{height:94px;width:100%;overflow:visible;display:block}
.daily-plot .started-bar{fill:#7b59b4}.daily-plot .ready-bar{fill:#258f86}.daily-plot text{fill:var(--text);font-size:12px}
@media(min-width:1600px){.daily-plot{height:134px}}
@media(max-width:500px){.dash-kpi:has(.wide-value){grid-column:1/-1;min-height:136px}.dash-kpi>strong.wide-value{font-size:30px}.dash-kpi:has(.wide-value)+.dash-kpi{grid-column:1/-1;min-height:136px}}

.directed-production .command-focus:has(.focus-empty){height:auto;min-height:170px}

.dash-lower-grid .table{min-width:0;width:100%;table-layout:fixed}.dash-lower-grid th,.dash-lower-grid td{white-space:normal;overflow-wrap:anywhere;padding:11px 8px}.dash-lower-grid .table-scroll-hint{display:none}

/* Approved executive reference. These rules only affect the administrator overview. */
body:has(main .executive-dashboard){--purple:#7132b9;--purple-dark:#57208f;--rail:#21152e;--bg:#f6f4fb;--text:#26113d;--muted:#655576;--line:#e7e0f0;background:var(--bg)}
body:has(main .executive-dashboard) main#content{max-width:1700px;padding:24px 24px 32px}
body:has(main .executive-dashboard) .qa-banner{display:none}
body:has(main .executive-dashboard) .qa-banner~#app .side{top:0;height:100dvh}
body:has(main .executive-dashboard) .side{background:#21152e}
.executive-dashboard{font-size:14px;line-height:1.45}
.executive-dashboard h1,.executive-dashboard h2,.executive-dashboard h3{font-family:Manrope,'Segoe UI',sans-serif;color:var(--text)}
.executive-dashboard button{transition:background-color 180ms,border-color 180ms,box-shadow 180ms,transform 180ms}
.executive-dashboard button:focus-visible,.executive-dashboard summary:focus-visible,.executive-dashboard select:focus-visible{outline:3px solid #7132b9;outline-offset:3px}
.executive-dashboard button:active:not(:disabled){transform:translateY(1px)}
.executive-dashboard button:disabled{opacity:.65;cursor:wait}
.executive-dashboard .ui-icon{width:24px;height:24px;filter:invert(22%) sepia(77%) saturate(2036%) hue-rotate(254deg) brightness(85%) contrast(94%);opacity:1}
.executive-dashboard .btn .ui-icon{width:18px;height:18px}
.executive-dashboard .btn:not(.secondary):not(.link-button) .ui-icon{filter:invert(1)}
.executive-dashboard .btn.secondary{border-color:#d9cbea;color:#41205f;background:#fff}
.executive-dashboard .btn.secondary:hover{background:#f2eafa;border-color:#9b78c4}
.executive-dashboard .btn[aria-busy="true"] .ui-icon{animation:exe-spin 800ms linear infinite}
@keyframes exe-spin{to{transform:rotate(360deg)}}
.exe-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.exe-title-line{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.executive-dashboard .exe-heading h1{font-size:32px;line-height:1.15;letter-spacing:-.045em;font-weight:850;margin:0}
.exe-heading p{font-size:13px;color:var(--muted);margin:10px 0 0}
.exe-heading p>span{margin:0 6px}
.exe-demo{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:750;padding:7px 9px;border-radius:5px;background:#a6f1da;color:#154b3d}
.exe-demo .ui-icon{width:15px;height:15px;filter:none}
.exe-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:end}
.exe-header-actions .btn,.exe-period select,.executive-dashboard .dash-filter-control>summary{min-height:42px;font-size:13px;border-radius:7px}
.exe-period select{min-width:132px;border-color:#d9cbea;color:var(--text);font-weight:650}
.executive-dashboard .dash-filter-control>summary{display:flex;align-items:center;gap:8px;border-color:#d9cbea;color:#41205f}
.executive-dashboard .dash-filter-control>summary .ui-icon{width:18px;height:18px}
.executive-dashboard .dash-filter-control>summary:after{content:none}
.executive-dashboard .dash-filter-control form{box-shadow:0 10px 36px #2e154824;z-index:11}
.exe-filter-status{font-size:13px;color:#512b75;margin:0 0 16px;padding:10px 14px;background:#eee5f8;border-radius:7px}
.exe-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:13px;padding:22px 8px;background:linear-gradient(112deg,#f0e6ff 0%,#f2eaff 59%,#e6d5fb 100%);margin-bottom:20px;overflow:hidden}
.exe-hero{display:flex;flex-direction:column;align-items:start;min-width:0;text-align:left;background:transparent;border:0;padding:0 24px;color:var(--text);border-radius:0;gap:12px}
.exe-hero+.exe-hero{border-left:1px solid #d9c8ed}
.exe-hero:hover{background:#ffffff50}
.exe-hero-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;line-height:1.45;min-height:40px}
.exe-hero .exe-number{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.045em;display:block}
.exe-number{font-variant-numeric:tabular-nums;line-height:1.3}
.exe-number>span{white-space:nowrap;display:inline-block}
.exe-number>span:first-child:not(:only-child){font-size:.68em;font-weight:650;letter-spacing:-.02em}
.exe-hero.long-value .exe-number{font-size:27px}
.exe-scope{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;padding:0 8px;border:1px solid #d5bceb;border-radius:20px;background:#ffffff55;color:#522777;max-width:100%}
.exe-history{width:100%;margin-top:auto;display:flex;align-items:end;min-height:36px}
.exe-history-note{font-size:11px;color:#6f5a83;display:flex;align-items:center;gap:6px;line-height:1.35}
.exe-history-note .ui-icon{width:14px;height:14px;opacity:.65;flex-shrink:0}
.exe-sparkline{height:38px;width:100%;display:block}
.exe-sparkline line{stroke:#cdbbe0;stroke-width:.5}
.exe-sparkline rect{fill:#9651db}
.exe-sparkline.mint rect{fill:#40bb96}
.exe-panel{background:#ffffffd9;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 3px 10px #2a124006;min-width:0}
.exe-section-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:22px}
.exe-section-title{display:flex;align-items:start;gap:14px;min-width:0}
.exe-section-title>.ui-icon{width:27px;height:27px;margin-top:1px}
.executive-dashboard .exe-section-title h2{font-size:20px;font-weight:800;letter-spacing:-.035em;line-height:1.25;margin:0}
.exe-section-title p{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.5}
.exe-main-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);gap:18px;align-items:stretch;margin-bottom:18px}
.exe-production-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}
.exe-step{display:flex;align-items:start;text-align:left;gap:14px;padding:20px 16px;border:1px solid transparent;background:linear-gradient(120deg,#f5efff,#eadcfc);border-radius:10px;color:var(--text);min-width:0}
.exe-step:hover{border-color:#ba92de;box-shadow:0 3px 8px #3d19500a}
.exe-step.mint,.exe-stock-types article.mint,.exe-metric-cell.mint,.exe-highlight.mint{background:linear-gradient(125deg,#edfdf8,#d9fbec)}
.exe-step.mint .ui-icon,.exe-stock-types .mint .ui-icon{filter:invert(37%) sepia(61%) saturate(973%) hue-rotate(117deg) brightness(87%) contrast(99%)}
.exe-step>.ui-icon{width:26px;height:26px;margin-top:3px}
.exe-step strong{display:block;font-size:29px;font-weight:800;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.exe-step>span>span{display:block;font-size:14px;line-height:1.4;margin-top:5px}
.exe-operation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:14px;border-top:1px solid #eee6f4}
.exe-metric-cell{background:transparent;border:0;text-align:left;color:var(--text);display:flex;flex-direction:column;align-items:start;gap:4px;padding:12px 16px;min-width:0;border-radius:0;position:relative}
.exe-metric-cell:hover{background:#f5effb}
.exe-metric-cell .exe-metric-label{font-size:13px;line-height:1.4}
.exe-metric-cell strong{font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.3}
.exe-metric-cell small{font-size:11px;color:var(--muted);line-height:1.4}
.exe-metric-cell+.exe-metric-cell{border-left:1px solid #e6ddf0}
.exe-operation-stats .exe-metric-cell{padding:0 12px;gap:3px}
.exe-operation-stats .exe-metric-cell:first-child{padding-left:0}
.exe-operation-stats .exe-number{order:-1}
.exe-operation-stats .exe-metric-label{font-size:12px}
.exe-operation-stats .exe-metric-cell strong{font-size:20px}
.exe-production-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--muted);font-size:11px}
.executive-dashboard .link-button{color:var(--purple)}
.exe-priority-list{display:flex;flex-direction:column;gap:8px}
.exe-priority-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 10px;border:1px solid #eee7f5;border-radius:10px;background:#fdfbff}
.exe-state-icon{display:flex;justify-content:center;align-items:center;background:#f1e5ff;border-radius:8px;width:32px;height:38px}
.exe-state-icon .ui-icon{width:22px;height:22px}
.executive-dashboard .exe-priority-row h3{font-size:14px;font-weight:800;line-height:1.4;margin:0 0 3px;overflow-wrap:anywhere}
.exe-priority-row p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}
.exe-priority-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.exe-priority-row .btn{font-size:12px;white-space:nowrap;padding:7px 9px}
.exe-priority-row .btn .ui-icon{width:16px;height:16px}
.exe-footnote{color:var(--muted);font-size:11px;margin:14px 0 0}
.exe-empty{padding:18px 10px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;min-height:140px;gap:8px;color:var(--muted)}
.exe-empty>.ui-icon{width:28px;height:28px}
.exe-empty strong{font-size:14px;color:var(--text)}
.exe-empty p{font-size:13px;max-width:290px;margin:0;line-height:1.6}
.exe-lower-grid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1.15fr);gap:18px;margin-bottom:18px}
.exe-stock-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.exe-stock-types article{display:flex;align-items:center;gap:14px;padding:22px 18px;border-radius:10px;background:linear-gradient(125deg,#f5ecff,#ebdcfc);min-width:0}
.exe-stock-types article:only-child{grid-column:1/-1}
.exe-stock-types .ui-icon{width:34px;height:34px}
.executive-dashboard .exe-stock-types h3{font-size:18px;font-weight:800;margin:0 0 4px;overflow-wrap:anywhere}
.exe-stock-types strong{font-size:38px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.exe-stock-types p{color:var(--muted);font-size:11px;margin:8px 0 0}
.exe-team .table-wrap{border:0;border-radius:7px;background:transparent}
.exe-team .table{min-width:0;width:100%;table-layout:fixed}
.exe-team .table th,.exe-team .table td{padding:10px 12px;font-size:14px;border-bottom:1px solid #eee8f4;color:var(--text);overflow-wrap:normal;white-space:normal}
.exe-team .table thead th{background:#f2e9fc;font-size:12px}
.exe-team .table th:first-child{width:37%;text-align:left}
.exe-team .table th:not(:first-child),.exe-team .table td{text-align:center;font-variant-numeric:tabular-nums}
.exe-team .table tbody th{font-weight:650}
.exe-person{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}
.exe-person>.ui-icon{width:24px;height:24px;border-radius:50%;background:#e9e2f2;filter:none;opacity:.75}
.exe-context-help{font-size:12px;color:var(--muted);margin:12px 0 0}
.exe-context-help summary{cursor:pointer}
.exe-context-help p{margin-bottom:0;line-height:1.6}
.exe-finance,.exe-production-details{margin-bottom:18px}
.exe-finance-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:stretch}
.exe-finance-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.exe-highlight{border:0!important;border-radius:10px;padding:20px 16px;background:linear-gradient(135deg,#f6eeff,#ede1fd);gap:14px}
.exe-highlight .exe-hero-label{display:flex;flex-direction:column;align-items:start;gap:12px;font-weight:750}
.exe-highlight .exe-number{font-size:30px}
.exe-highlight.long-value .exe-number{font-size:23px}
.exe-highlight .exe-history{min-height:70px}
.exe-highlight .exe-sparkline{height:60px}
.exe-finance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px;align-content:stretch}
.exe-finance-grid .exe-metric-cell{padding:2px 10px 12px;border-bottom:1px solid #eee7f4}
.exe-finance-grid .exe-metric-cell:nth-child(4n+1){border-left:0}
.exe-finance-grid .exe-metric-cell:nth-last-child(-n+4){border-bottom:0;padding-bottom:2px}
.exe-finance-grid .exe-metric-label{font-size:12px}
.exe-finance-grid .exe-metric-cell strong{font-size:18px}
.exe-finance-grid .positive strong{color:#087045}
.exe-finance-grid .mint{border-radius:8px;border:0;padding:10px}
.exe-detail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:14px}
.exe-detail-grid .exe-metric-cell{padding:0 16px 14px;border-bottom:1px solid #eee7f4}
.exe-detail-grid .exe-metric-cell:nth-child(6n+1){border-left:0}
.exe-detail-grid .exe-metric-cell:nth-child(n+13){border-bottom:0;padding-bottom:0}
.exe-detail-grid .exe-metric-cell .exe-metric-label{min-height:36px}
.exe-detail-grid .exe-cohort-approval{grid-column:span 2;border-radius:9px;border:0;padding:14px 20px!important;background:linear-gradient(110deg,#f0e7fc,#e6d5fb)}
.exe-detail-grid .exe-cohort-approval .exe-metric-label{min-height:0}
.exe-detail-grid .exe-cohort-approval strong{font-size:24px}
.exe-bottom-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.exe-bottom-links button{display:flex;align-items:center;gap:16px;min-width:0;text-align:left;color:var(--text);padding:20px;border:1px solid #ded1ed;border-radius:10px;background:#ffffffb0;box-shadow:0 3px 10px #2a124005}
.exe-bottom-links button:hover{background:#f1e8fb;border-color:#b497d0}
.exe-bottom-links button>.ui-icon:first-child{width:28px;height:28px;align-self:start;margin-top:2px}
.exe-bottom-links button>.ui-icon:last-child{width:18px;height:18px;margin-left:auto}
.exe-bottom-links strong{font-size:15px;line-height:1.35;font-weight:800;display:block;letter-spacing:-.025em}
.exe-bottom-links small{color:var(--muted);font-size:12px;line-height:1.4;display:block;margin-top:6px}
.exe-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:26px;color:var(--muted);font-size:12px}
.exe-footer>details{margin-right:auto;max-width:570px}
.exe-footer summary{cursor:pointer}
.exe-footer>p{width:100%;margin:0;text-align:right;font-size:13px}
.exe-footer>p:empty{display:none}
.exe-feedback-error{color:#9c2640}
.exe-modal .exe-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.exe-modal .exe-metric-cell{border:1px solid var(--line)!important;border-radius:8px;padding:12px!important}
.exe-modal .exe-modal-period{color:var(--muted);font-size:13px}
@media(min-width:801px){
 body:has(main .executive-dashboard) .layout{grid-template-columns:200px minmax(0,1fr)}
 body:has(main .executive-dashboard) .brand-logo{width:46px;height:46px}
 body:has(main .executive-dashboard) .side{padding:22px 12px 16px}
 body:has(main .executive-dashboard) .brand{gap:2px;padding-bottom:20px}
 body:has(main .executive-dashboard) .wordmark{font-size:14px}
 body:has(main .executive-dashboard) .brand small{font-size:10px}
 body:has(main .executive-dashboard) .side-bottom{display:grid;grid-template-columns:28px minmax(0,1fr)32px;gap:6px;padding:12px 2px 0}
 body:has(main .executive-dashboard) .side-bottom .avatar{width:28px;height:28px}
 body:has(main .executive-dashboard) .side-bottom .profile-name{font-size:12px;overflow-wrap:anywhere}
 body:has(main .executive-dashboard) .side-bottom .profile-role{font-size:10px}
 body:has(main .executive-dashboard) .side-bottom .exit{min-width:32px;width:32px;padding:0}
}
@media(min-width:1600px){
 body:has(main .executive-dashboard) main#content{padding:28px 30px 38px}
 .exe-hero{padding:0 30px}.exe-hero .exe-number{font-size:38px}.exe-hero.long-value .exe-number{font-size:31px}
 .exe-panel{padding:24px}.exe-section-heading{margin-bottom:24px}.exe-step{padding:22px}.exe-step strong{font-size:32px}
 .exe-finance-grid .exe-metric-label,.exe-detail-grid .exe-metric-label{font-size:14px}
 .exe-finance-grid .exe-metric-cell strong{font-size:21px}.exe-metric-cell small{font-size:12px}
}
@media(max-width:1200px) and (min-width:801px){
 body:has(main .executive-dashboard) .layout{grid-template-columns:160px minmax(0,1fr)}
 body:has(main .executive-dashboard) main#content{padding:20px 18px 30px}
 body:has(main .executive-dashboard) .side{padding:20px 10px 14px}
 body:has(main .executive-dashboard) .nav button{padding:10px;gap:10px;font-size:13px}
 .exe-heading{gap:14px;flex-wrap:wrap}.exe-header-actions{margin-left:auto}
 .exe-hero{padding:0 16px}.exe-hero .exe-number{font-size:30px}.exe-hero.long-value .exe-number{font-size:24px}
 .exe-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:14px}
 .exe-panel{padding:16px}.exe-section-title{gap:10px}.executive-dashboard .exe-section-title h2{font-size:18px}
 .exe-production-steps{gap:10px}.exe-step{padding:16px 10px;gap:8px}.exe-step>.ui-icon{width:21px;height:21px}
 .exe-step strong{font-size:26px}.exe-step>span>span{font-size:13px}
 .exe-priority-row{grid-template-columns:28px minmax(0,1fr);padding:10px}.exe-priority-row>.btn{grid-column:2;justify-self:start}
 .exe-stock-types{gap:10px}.exe-stock-types article{padding:18px 12px;gap:10px}.exe-stock-types .ui-icon{width:28px;height:28px}
 .exe-team .table th,.exe-team .table td{padding:9px 6px;font-size:13px}.exe-team .table thead th{font-size:11px}
 .exe-finance-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px}
 .exe-finance-highlights{gap:10px}.exe-highlight{padding:18px 12px}.exe-highlight .exe-number{font-size:26px}.exe-highlight.long-value .exe-number{font-size:21px}
 .exe-finance-grid .exe-metric-cell{padding-left:8px;padding-right:8px}.exe-finance-grid .exe-metric-cell strong{font-size:16px}
 .exe-finance-grid .exe-metric-label{font-size:11px}.exe-finance-grid small{font-size:10px}
 .exe-detail-grid .exe-metric-cell{padding-left:10px;padding-right:10px}.exe-detail-grid .exe-metric-label{font-size:12px}
 .exe-bottom-links button{padding:16px;gap:12px}.exe-bottom-links strong{font-size:14px}
}
@media(max-width:800px){
 body:has(main .executive-dashboard) main#content{padding:20px 16px 40px}
 .exe-heading{display:block;margin-bottom:20px}.exe-heading p{font-size:12px}.exe-title-line{gap:12px}
 .executive-dashboard .exe-heading h1{font-size:30px}.exe-demo{font-size:10px;padding:6px 8px}
 .exe-header-actions{justify-content:start;gap:8px;margin-top:18px}.exe-period{flex:1}.exe-period select{width:100%;min-width:0}
 .exe-header-actions .btn{font-size:12px}.exe-header-actions .dash-filter-control{width:100%}
 .executive-dashboard .dash-filter-control>summary{justify-content:center;min-height:44px}
 .executive-dashboard .dash-filter-control form{grid-template-columns:1fr;width:auto;max-width:none}
 .exe-kpi-strip{grid-template-columns:1fr 1fr;padding:8px;margin-bottom:16px}
 .exe-hero{padding:16px 12px;gap:10px}.exe-hero-label{font-size:12px;gap:8px;min-height:40px}.exe-hero-label .ui-icon{width:20px;height:20px}
 .exe-hero .exe-number{font-size:27px}.exe-hero.long-value .exe-number{font-size:23px}.exe-hero:nth-child(odd){border-left:0}
 .exe-hero:nth-child(n+3){border-top:1px solid #ddcdee}.exe-scope{font-size:10px;padding:2px 6px}
 .exe-history-note{font-size:10px}.exe-history{min-height:40px}
 .exe-main-grid,.exe-lower-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}
 .exe-panel{padding:16px;border-radius:11px}.exe-section-heading{margin-bottom:18px}.exe-section-title{gap:10px}
 .executive-dashboard .exe-section-title h2{font-size:19px}.exe-section-title p{font-size:11px}
 .exe-section-title>.ui-icon{width:25px;height:25px}
 .exe-production-steps{gap:8px;margin-bottom:18px}.exe-step{padding:14px 10px;flex-direction:column;gap:10px}
 .exe-step strong{font-size:25px}.exe-step>span>span{font-size:12px}.exe-step>.ui-icon{width:22px;height:22px}
 .exe-operation-stats{grid-template-columns:1fr 1fr;gap:14px 0}.exe-operation-stats .exe-metric-cell:nth-child(3){border-left:0;padding-left:0}
 .exe-production-note{align-items:start}.exe-production-note>span{max-width:220px}
 .exe-priority-row{grid-template-columns:32px minmax(0,1fr);padding:12px}.exe-priority-row .btn{grid-column:2;justify-self:start;min-height:40px}
 .exe-stock-types article{padding:18px 12px;gap:10px}.exe-stock-types strong{font-size:34px}.exe-stock-types .ui-icon{width:26px;height:26px}
 .exe-stock-types h3{font-size:16px}.exe-stock-types p{font-size:10px}
 .exe-team .table th,.exe-team .table td{font-size:12px;padding:10px 4px}.exe-team .table thead th{font-size:10px}.exe-team .table th:first-child{width:34%}
 .exe-person{gap:5px}.exe-person .ui-icon{width:20px;height:20px}.exe-team .table-scroll-hint{display:none}
 .exe-finance-layout{grid-template-columns:1fr;gap:18px}.exe-finance-highlights{gap:12px}
 .exe-highlight{padding:18px 14px}.exe-highlight .exe-hero-label{font-size:14px}.exe-highlight .exe-number{font-size:27px}
 .exe-highlight .exe-history{min-height:55px}.exe-finance-grid{grid-template-columns:1fr 1fr;gap:12px 0}
 .exe-finance-grid .exe-metric-cell{padding:6px 12px 12px}.exe-finance-grid .exe-metric-cell:nth-child(2n+1){border-left:0}
 .exe-finance-grid .exe-metric-cell:nth-last-child(-n+4){border-bottom:1px solid #eee7f4}.exe-finance-grid .exe-metric-cell:nth-last-child(-n+2){border-bottom:0}
 .exe-finance-grid .exe-metric-cell strong{font-size:19px}.exe-finance-grid .exe-metric-label{font-size:12px}
 .exe-detail-grid{grid-template-columns:1fr 1fr;gap:16px 0}.exe-detail-grid .exe-metric-cell{padding:0 12px 14px;border-bottom:1px solid #eee7f4!important}
 .exe-detail-grid .exe-metric-cell:nth-child(2n+1){border-left:0}.exe-detail-grid .exe-metric-cell:nth-child(n+13){padding-bottom:14px}
 .exe-detail-grid .exe-cohort-approval{padding:16px!important}.exe-detail-grid .exe-metric-label{font-size:12px;min-height:34px}
 .exe-bottom-links{grid-template-columns:1fr;gap:12px}.exe-bottom-links button{padding:18px}.exe-bottom-links strong{font-size:15px}
 .exe-footer{gap:14px}.exe-footer>details{width:100%;max-width:none}.exe-footer>span{font-size:11px;margin-right:auto}
 .exe-modal .exe-detail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
 .exe-kpi-strip:has(.long-value){grid-template-columns:1fr}
 .exe-kpi-strip:has(.long-value) .exe-hero{border-left:0;border-bottom:1px solid #ddcdee}
 .exe-kpi-strip:has(.long-value) .exe-hero:last-child{border-bottom:0}
 .exe-kpi-strip:has(.long-value) .exe-hero-label{min-height:0}
 .exe-finance-highlights:has(.long-value){grid-template-columns:1fr}
 .exe-finance-grid .exe-metric-cell:has(.exe-number>span:nth-child(2)){overflow-wrap:normal}
}
@media(prefers-reduced-motion:reduce){.executive-dashboard *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Readable labels at actual desktop sizes; captions remain subordinate. */
@media(max-width:1200px) and (min-width:801px){.exe-finance-grid .long-number{grid-column:span 2}}
@media(max-width:1200px) and (min-width:801px){
 .exe-heading{flex-wrap:nowrap;gap:12px}.exe-heading p{font-size:11px}.exe-title-line{gap:12px}.executive-dashboard .exe-heading h1{font-size:29px}.exe-demo{font-size:10px;padding:6px 7px;gap:5px}
 .exe-header-actions{flex-wrap:nowrap;gap:7px}.exe-header-actions .btn,.exe-header-actions .dash-filter-control>summary{font-size:12px;padding:8px 10px}.exe-period select{min-width:110px;font-size:12px;padding:8px}
 .exe-team .table th,.exe-team .table td{padding-top:8px;padding-bottom:8px}
}
@media(min-width:801px){
 .exe-metric-cell .exe-metric-label,.exe-finance-grid .exe-metric-label,.exe-detail-grid .exe-metric-cell .exe-metric-label{font-size:14px}
 .exe-metric-cell small,.exe-finance-grid small,.exe-history-note,.exe-footnote,.exe-priority-row small,.exe-production-note{font-size:12px}
 .exe-operation-stats .exe-metric-label{font-size:12px}
 body:has(main .executive-dashboard) .nav-label{font-size:10px;white-space:nowrap}
}