.summary-dashboard { --dash-ink:#183630; --dash-muted:#71827c; --dash-line:#e4ebe7; --dash-bg:#f5f7f5; --dash-accent:var(--theme-accent,#0f8a63); margin:0; background:var(--dash-bg); color:var(--dash-ink); font-family:"Kanit",sans-serif; font-size:14px; font-weight:400; line-height:1.6; }
.summary-dashboard * { box-sizing:border-box; }
.summary-dashboard [hidden] { display:none!important; }
.summary-dashboard a { color:inherit; text-decoration:none; }
.summary-dashboard button,.summary-dashboard select { font:inherit; cursor:pointer; }
.summary-dashboard button:disabled { cursor:wait; opacity:.55; }
.summary-dashboard :is(a,button,select,summary):focus-visible { outline:3px solid var(--dash-accent); outline-offset:4px; }
.summary-dashboard svg { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.summary-dashboard h1,.summary-dashboard h2,.summary-dashboard h3,.summary-dashboard p { margin:0; }
.summary-dashboard h2 { font-size:20px; font-weight:500; line-height:1.4; }
.summary-dashboard h3 { font-size:17px; font-weight:500; line-height:1.5; }
.summary-dashboard .icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.summary-skip { position:fixed; top:-80px; left:20px; z-index:100; padding:12px; background:white; }.summary-skip:focus { top:10px; }
.summary-dashboard .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.summary-sidebar { position:fixed; inset:0 auto 0 0; width:232px; padding:33px 20px 22px; background:#fff; border-right:1px solid var(--dash-line); display:flex; flex-direction:column; z-index:20; }
.summary-brand { display:flex; gap:10px; align-items:center; padding:0 9px 33px; font-family:"Inter",sans-serif; font-size:16px; font-weight:750; line-height:1.4; letter-spacing:-.5px; }.summary-brand img { width:40px; height:44px; }.summary-brand>span>span { display:block; color:var(--dash-accent); }
.nav-eyebrow { padding:0 12px 12px; color:#9aa8a1; font:600 9px/1.5 "Inter",sans-serif; letter-spacing:1.4px; }
.summary-dashboard .summary-nav { min-height:48px; margin:4px 0; padding:11px 12px; border-radius:10px; display:flex; gap:11px; align-items:center; font-size:13px; color:#778780; transition:background .18s,color .18s; }.summary-nav:hover { background:#f5f8f6; color:var(--dash-accent); }.summary-dashboard .summary-nav.selected { color:var(--theme-accent-strong); background:var(--theme-accent-soft); font-weight:500; }.nav-dot { width:6px; height:6px; border-radius:50%; background:var(--dash-accent); margin-left:auto; }.summary-nav .small-icon { width:15px; margin-left:auto; }.sidebar-divider { height:1px; background:var(--dash-line); margin:20px 12px; }
.sidebar-note { margin-top:auto; padding:18px 15px; border-radius:14px; background:#f6f9f6; }.mini-mark { display:grid; place-items:center; width:32px; height:32px; margin-bottom:12px; background:var(--theme-accent-soft); color:var(--theme-accent-strong); border-radius:10px; font:700 11px "Inter",sans-serif; }.sidebar-note strong { font-size:13px; font-weight:500; }.sidebar-note p { font-size:11px; line-height:1.9; color:var(--dash-muted); margin-top:5px; }.sidebar-caption { display:block; border-top:1px solid var(--dash-line); padding-top:12px; margin-top:16px; font-size:10px; color:var(--dash-muted); }
.summary-content { margin-left:232px; }.summary-topbar { min-height:72px; padding:18px 36px; border-bottom:1px solid var(--dash-line); background:rgba(255,255,255,.85); display:flex; align-items:center; justify-content:space-between; gap:20px; }.breadcrumb { font-size:12px; color:var(--dash-muted); }.breadcrumb span { color:#c2cec6; padding:0 12px; }.breadcrumb strong { font-weight:400; color:var(--dash-ink); }.summary-top-actions { display:flex; gap:26px; align-items:center; }.access-badge { font-size:10px; color:var(--dash-muted); display:flex; gap:6px; align-items:center; }.access-badge svg { width:14px; height:14px; }.back-admin { display:flex; gap:8px; align-items:center; font-size:12px; }.back-admin svg { width:15px; }
.summary-main { max-width:1500px; margin:auto; padding:35px 36px 18px; }.summary-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; scroll-margin-top:25px; }.eyebrow { font:600 9px/1.8 "Inter",sans-serif; letter-spacing:1.6px; color:var(--dash-muted); }.summary-heading h1 { font-size:36px; font-weight:500; letter-spacing:-1.1px; line-height:1.6; }.heading-dot { color:var(--dash-accent); padding-left:3px; }.summary-heading>div>p:last-child { font-size:13px; color:var(--dash-muted); }.heading-actions { display:flex; gap:9px; }.summary-dashboard .summary-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 15px; min-height:42px; border:1px solid #dbe5df; background:white; color:var(--dash-ink); border-radius:9px; box-shadow:0 2px 2px #193c2603; font-size:12px; white-space:nowrap; }.summary-button svg { width:16px; height:16px; }.summary-dashboard .summary-button.primary { color:white; background:var(--theme-accent-strong); border-color:var(--theme-accent-strong); }.summary-button:hover { filter:brightness(.96); }
.summary-hero { position:relative; overflow:hidden; padding:30px 38px; border-radius:19px; background:linear-gradient(110deg,var(--theme-header),var(--theme-header-soft)); color:white; display:grid; grid-template-columns:1.08fr 1fr; gap:36px; align-items:center; min-height:259px; }.hero-copy,.hero-metric { position:relative; z-index:1; }.hero-tag { display:inline-flex; align-items:center; gap:7px; padding:4px 10px; background:#ffffff0c; border:1px solid #ffffff24; border-radius:5px; font-size:10px; color:#e3eee8; }.hero-tag>span { width:5px; height:5px; background:var(--theme-action); border-radius:50%; }.summary-hero h2 { font-size:32px; line-height:1.4; margin:14px 0 10px; font-weight:500; letter-spacing:-.5px; }.hero-copy p { color:#ffffffad; font-size:12px; line-height:1.8; }.hero-copy a { display:inline-flex; align-items:center; gap:10px; margin-top:17px; font-size:11px; color:var(--theme-action); }.hero-copy a svg { width:17px; }.hero-metric { border-left:1px solid #ffffff1f; padding-left:38px; }.hero-metric-label { font-size:12px; color:#e0eee6; }.hero-number { font:600 clamp(60px,6.5vw,92px)/1.15 "Inter",sans-serif; letter-spacing:-5px; color:var(--theme-action); padding:8px 0 13px; display:flex; align-items:baseline; }.hero-number>span { font-size:.43em; letter-spacing:-1px; margin-left:5px; }.hero-number>svg { width:45px; height:45px; margin-left:auto; opacity:.38; }.hero-comparison { display:flex; gap:20px; align-items:center; font:500 21px/1.5 "Inter",sans-serif; }.hero-comparison small { font:400 10px "Kanit",sans-serif; color:#ffffff8c; display:block; margin-bottom:3px; }.hero-comparison em { font:300 11px "Kanit",sans-serif; color:#ffffffb3; }.hero-comparison>svg { width:20px; color:#ffffff55; }.hero-metric>p { margin-top:14px; font-size:9px; color:#ffffff82; }.hero-art { position:absolute; right:-8%; top:-50px; width:350px; height:350px; transform:rotate(-28deg); opacity:.12; }.hero-art i { position:absolute; inset:0; border:1px solid white; border-radius:38px; }.hero-art i:nth-child(2) { inset:35px; }.hero-art i:nth-child(3) { inset:70px; }.hero-art i:nth-child(4) { inset:105px; }
.section-label { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:30px 0 17px; }.section-label h2 { font-size:19px; }.live-label h2 { font-size:16px; }.freshness { display:flex; align-items:center; gap:6px; color:var(--dash-muted); font-size:10px; }.freshness::before { content:""; width:6px; height:6px; border-radius:50%; background:#b4c2ba; }.freshness.ready::before { background:var(--dash-accent); }.freshness.error::before { background:#d1953f; }.summary-error { border:1px solid #ead6b1; background:#fff8ed; padding:12px 16px; margin-bottom:15px; border-radius:10px; font-size:13px; color:#835d22; }.summary-error a { text-decoration:underline; font-weight:500; }
.summary-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.summary-kpi { background:white; border:1px solid var(--dash-line); border-radius:13px; padding:19px 20px 16px; }.kpi-top { display:flex; align-items:center; justify-content:space-between; gap:7px; font-size:12px; color:#61766c; }.metric-icon { width:35px; height:35px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; }.metric-icon svg { width:18px; height:18px; }.mint { color:var(--theme-accent-strong); background:var(--theme-accent-soft); }.blue { color:#4682af; background:#edf5fb; }.violet { color:#8a73b4; background:#f3f0f8; }.amber { color:#bf8a43; background:#fbf4e9; }.summary-dashboard .kpi-number { margin:11px 0 10px; display:flex; align-items:baseline; gap:9px; font:600 33px/1.2 "Inter",sans-serif; letter-spacing:-1.4px; font-variant-numeric:tabular-nums; }.kpi-number small { font:400 11px "Kanit",sans-serif; color:#819087; letter-spacing:0; }.kpi-note { font-size:10px; color:var(--dash-muted); }.kpi-note b { font-weight:500; color:var(--dash-accent); }
.live-charts { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); gap:20px; margin-top:22px; scroll-margin-top:20px; }.summary-card { min-width:0; border-radius:14px; padding:24px; border:1px solid var(--dash-line); background:white; }.card-heading { display:flex; gap:12px; align-items:center; justify-content:space-between; }.card-heading .eyebrow { font-size:8px; letter-spacing:1.5px; margin-bottom:3px; }.card-heading h2 { font-size:18px; }.card-heading p:not(.eyebrow) { color:var(--dash-muted); font-size:11px; margin-top:3px; }.summary-dashboard .period-field select { padding:7px 28px 7px 11px; border:1px solid var(--dash-line); border-radius:7px; background-color:white; font-size:11px; color:#50665c; width:auto; min-height:35px; }.activity-totals { display:flex; align-items:center; gap:12px; margin-top:22px; }.activity-totals>strong { font:600 31px "Inter",sans-serif; letter-spacing:-1px; }.activity-totals>span { font-size:10px; color:var(--dash-muted); line-height:1.5; }.activity-totals small { display:block; font-size:9px; }.activity-totals .chart-key { margin-left:auto; display:flex; align-items:center; gap:5px; font-size:9px; }.chart-key i { width:6px; height:6px; background:var(--dash-accent); border-radius:2px; }.activity-chart { position:relative; height:170px; margin-top:18px; }.chart-placeholder { height:100%; display:grid; place-items:center; color:var(--dash-muted); font-size:12px; }.summary-dashboard .activity-svg { width:100%; height:100%; stroke:none; overflow:visible; }.activity-svg text { fill:#95a39c; font:10px "Inter",sans-serif; }.activity-svg .chart-line { stroke:var(--dash-accent); stroke-width:2.5; fill:none; stroke-linejoin:round; }.activity-svg .chart-area { fill:var(--theme-accent-soft); }.activity-svg .chart-grid { stroke:#edf1ee; stroke-width:1; stroke-dasharray:3 4; }.chart-points { position:absolute; inset:7px 8px 24px 34px; display:flex; }.summary-dashboard .chart-point { flex:1; min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }.chart-point:hover,.chart-point:focus-visible { background:color-mix(in srgb,var(--dash-accent) 9%,transparent); }.chart-readout { min-height:26px; font-size:10px; text-align:center; color:var(--dash-muted); }.activity-footer { border-top:1px solid var(--dash-line); padding-top:14px; display:flex; justify-content:space-between; gap:12px; font-size:11px; color:var(--dash-muted); }.activity-footer b { color:var(--dash-ink); font-weight:500; margin-left:4px; }.data-note { margin-top:11px!important; color:var(--dash-muted); font-size:9px; line-height:1.65; }.muted-icon { color:#9eb0a5; }
.approval-visual { display:flex; justify-content:center; padding:24px 0 18px; }.approval-ring { width:154px; height:154px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(var(--dash-accent) var(--approved-angle,0deg),#edf2ed 0); transform:rotate(-90deg); }.approval-ring>div { width:125px; height:125px; background:white; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; transform:rotate(90deg); }.approval-ring strong { font:600 32px "Inter",sans-serif; letter-spacing:-1px; }.approval-ring span { font-size:10px; margin-top:3px; color:var(--dash-muted); }.approval-legend { display:grid; gap:8px; padding:0 3px; }.approval-legend>span { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--dash-muted); }.approval-legend b { font:600 13px "Inter",sans-serif; color:var(--dash-ink); margin-left:auto; }.approval-legend i { width:7px; height:7px; border-radius:50%; }.approved-dot { background:var(--dash-accent); }.pending-dot { background:#e4ebe5; }.completion-note { margin-top:17px; border-radius:8px; background:#f7f9f7; padding:10px; display:flex; gap:8px; color:#668071; font-size:10px; }.completion-note svg { width:15px; height:15px; }.completion-note b { font-weight:500; }.completion-note small { display:block; font-size:9px; color:var(--dash-muted); }
.queue-strip { background:white; border:1px solid var(--dash-line); border-radius:11px; padding:14px 18px; margin:18px 0 32px; display:flex; gap:20px; align-items:center; font-size:11px; }.queue-strip>span { display:flex; align-items:center; gap:10px; }.queue-strip strong { font-weight:500; }.queue-icon { width:28px; height:28px; display:grid; place-items:center; border-radius:7px; background:#f2f6f3; color:#729380; }.queue-icon svg { width:15px; height:15px; }.queue-strip>div { display:flex; gap:24px; color:var(--dash-muted); }.queue-strip b { margin-left:6px; color:var(--dash-ink); font-family:"Inter",sans-serif; }.queue-strip>a { display:flex; align-items:center; gap:5px; color:var(--dash-accent); margin-left:auto; white-space:nowrap; }.queue-strip>a svg { width:14px; }
.snapshot-badge { color:#839088; display:flex; align-items:center; gap:6px; font-size:10px; }.snapshot-badge svg { width:13px; height:13px; }.improvement-section { scroll-margin-top:20px; }.impact-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:20px; }.positive-pill { font-size:10px; background:var(--theme-accent-soft); color:var(--theme-accent-strong); padding:4px 9px; border-radius:5px; white-space:nowrap; }.performance-tabs { display:flex; gap:3px; background:#f4f7f4; padding:3px; margin:18px 0 21px; width:fit-content; border-radius:7px; }.summary-dashboard .performance-tabs button { border:0; padding:5px 13px; background:transparent; color:var(--dash-muted); font-size:10px; border-radius:5px; box-shadow:none; }.summary-dashboard .performance-tabs button[aria-pressed=true] { background:white; color:var(--theme-accent-strong); box-shadow:0 2px 5px #1638270a; }.benchmark-row { display:grid; grid-template-columns:84px minmax(0,1fr) 82px; align-items:center; gap:10px; margin:17px 0; font-size:11px; color:var(--dash-muted); }.benchmark-track { height:19px; background:#f8faf8; border-radius:3px; }.benchmark-bar { height:100%; border-radius:3px; transition:width .3s; }.benchmark-bar.before { background:#cbd8d0; width:96.93%; }.benchmark-bar.after { background:var(--dash-accent); width:3.17%; min-width:3px; }.benchmark-row b { font:600 13px "Inter",sans-serif; color:var(--dash-ink); }.benchmark-row small { font:400 9px "Kanit",sans-serif; color:var(--dash-muted); }.benchmark-axis { display:flex; justify-content:space-between; padding:0 92px 0 94px; font:9px "Inter",sans-serif; color:#99a79e; }.performance-card>.data-note { padding-top:12px; border-top:1px solid var(--dash-line); margin-top:20px!important; }
.quality-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:28px 0; text-align:center; }.quality-metrics>div+div { border-left:1px solid var(--dash-line); }.quality-metrics strong { display:block; font:600 34px/1.3 "Inter",sans-serif; letter-spacing:-1.5px; }.quality-metrics span { color:var(--dash-muted); font-size:10px; }.quality-result { display:flex; gap:10px; align-items:flex-start; background:var(--theme-accent-soft); color:var(--theme-accent-strong); border-radius:8px; padding:13px; font-size:12px; }.quality-result svg { width:17px; height:17px; margin-top:2px; }.quality-result small { display:block; font-size:9px; font-weight:300; margin-top:2px; }.delivery-heading { display:flex; justify-content:space-between; align-items:center; margin:25px 0 13px; }.delivery-heading h3 { font-size:15px; }.delivery-heading>span { font-size:10px; color:var(--dash-muted); }.delivery-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }.delivery-grid article { padding:18px 16px; background:white; border:1px solid var(--dash-line); border-radius:12px; display:flex; flex-direction:column; }.delivery-number { font:500 12px "Inter",sans-serif; color:#9eada3; margin-bottom:14px; }.delivery-grid h3 { font-size:13px; }.delivery-grid p { font-size:11px; color:var(--dash-muted); line-height:1.8; margin:5px 0 17px; }.delivered { display:flex; align-items:center; gap:4px; font-size:10px; color:var(--dash-accent); margin-top:auto; }.delivered svg { width:13px; height:13px; }
.follow-up { margin-top:28px; padding:24px; background:#fffdf8; border:1px solid #eae3d0; border-radius:14px; scroll-margin-top:20px; }.follow-up-heading { display:flex; align-items:center; gap:12px; }.follow-up-icon { display:grid; place-items:center; width:39px; height:39px; border-radius:10px; background:#f6eedb; color:#a77e35; }.follow-up .eyebrow { color:#af915b; font-size:8px; }.follow-up h2 { font-size:18px; }.follow-up-badge { margin-left:auto; border:1px solid #e7dcbf; background:#fbf4e5; color:#9a7738; padding:4px 10px; font-size:10px; border-radius:5px; white-space:nowrap; }.follow-up-body { display:grid; grid-template-columns:1.4fr 1fr; gap:35px; margin:18px 0; align-items:center; }.follow-up-body>p { color:#827a68; font-size:12px; line-height:1.9; max-width:620px; }.audit-snapshot { border-left:1px solid #e8e1d1; padding-left:25px; }.audit-snapshot strong { display:block; font:600 25px "Inter",sans-serif; color:#8e753c; letter-spacing:-.6px; }.audit-snapshot strong small { font:400 12px "Kanit",sans-serif; letter-spacing:0; color:#998b6c; }.audit-snapshot>span { display:block; color:#7d765e; font-size:11px; margin:4px 0; }.audit-snapshot>small { display:block; color:#9b937e; font-size:9px; line-height:1.7; }.follow-up-steps { padding-top:16px; border-top:1px solid #eee8d9; display:flex; gap:20px; align-items:center; }.follow-up-steps>span { display:flex; align-items:center; gap:7px; font-size:10px; color:#8b7e65; }.follow-up-steps b { width:20px; height:20px; display:grid; place-items:center; background:#f5eedf; font:500 9px "Inter",sans-serif; border-radius:50%; }.follow-up-steps>svg { width:13px; color:#c1b497; }
.summary-method { margin-top:22px; padding:14px 0; border-top:1px solid var(--dash-line); font-size:11px; color:var(--dash-muted); }.summary-method summary { cursor:pointer; width:fit-content; }.summary-method p { margin-top:10px; max-width:1000px; line-height:1.9; }.summary-footer { padding:18px 0 8px; display:flex; gap:12px; justify-content:space-between; border-top:1px solid var(--dash-line); color:#a0aba4; font-size:9px; }.summary-footer b { font:500 10px "Inter",sans-serif; color:#7d9184; }
[aria-busy=true] .kpi-number>span { opacity:.5; }[aria-busy=true] .activity-chart { opacity:.5; }
@media(min-width:1600px) { .summary-main { padding-top:42px; }.summary-hero { min-height:280px; }.summary-kpi { padding:24px; }.kpi-number { font-size:38px!important; } }
@media(max-width:1200px) { .summary-sidebar { width:200px; padding-inline:13px; }.summary-brand { font-size:14px; }.summary-content { margin-left:200px; }.summary-main { padding:27px 24px 16px; }.summary-topbar { padding-inline:24px; }.summary-heading h1 { font-size:31px; }.summary-hero { padding:26px; gap:25px; }.hero-metric { padding-left:25px; }.hero-comparison { gap:12px; font-size:18px; }.hero-number { font-size:70px; }.hero-number>svg { display:none; }.summary-kpis { gap:12px; }.summary-kpi { padding:16px; }.kpi-top { font-size:11px; }.summary-dashboard .kpi-number { font-size:28px; }.metric-icon { width:29px; height:29px; }.live-charts { grid-template-columns:1.5fr 1fr; gap:15px; }.summary-card { padding:20px; }.impact-grid { gap:15px; }.delivery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.queue-strip>div { gap:14px; }.summary-top-actions .access-badge { display:none; } }
@media(max-width:1000px) { .summary-sidebar { width:76px; padding:23px 12px; }.summary-brand { padding:0 4px 28px; }.summary-brand>span,.nav-eyebrow,.summary-nav>span,.sidebar-note,.summary-nav .small-icon { display:none; }.summary-brand img { width:40px; }.summary-dashboard .summary-nav { justify-content:center; padding:12px 0; }.sidebar-divider { margin:18px 6px; }.summary-content { margin-left:76px; }.summary-heading h1 { font-size:30px; }.summary-heading>div>p:last-child { font-size:11px; }.heading-actions { gap:6px; }.summary-dashboard .summary-button { padding:9px 11px; font-size:11px; }.quality-metrics strong { font-size:29px; }.quality-metrics span { font-size:9px; } }
@media(max-width:760px) { .summary-sidebar { position:static; width:100%; padding:14px 20px; display:block; border-right:0; border-bottom:1px solid var(--dash-line); }.summary-brand { padding:0; font-size:13px; gap:8px; width:fit-content; }.summary-brand>span { display:block; }.summary-brand img { width:30px; height:32px; }.summary-brand>span>span { display:inline; margin-left:5px; }.summary-sidebar nav { display:flex; gap:5px; margin-top:14px; }.summary-dashboard .summary-nav { flex:1; min-height:37px; margin:0; gap:5px; padding:7px 5px; font-size:10px; border-radius:6px; }.summary-sidebar nav .summary-nav>span { display:block; }.summary-sidebar nav .nav-dot { display:none; }.summary-sidebar>.summary-nav,.sidebar-divider { display:none; }.summary-nav svg { width:15px; height:15px; }.summary-content { margin-left:0; }.summary-topbar { padding:12px 20px; min-height:46px; }.breadcrumb { font-size:10px; }.back-admin { font-size:10px; }.summary-main { padding:24px 20px 15px; }.summary-heading { align-items:flex-start; flex-direction:column; gap:15px; margin-bottom:20px; }.summary-heading h1 { font-size:30px; }.summary-heading .eyebrow { font-size:8px; }.heading-actions { width:100%; }.summary-dashboard .summary-button { min-height:40px; padding:9px 13px; }.summary-hero { padding:25px; grid-template-columns:1fr 1fr; gap:20px; min-height:240px; }.summary-hero h2 { font-size:25px; }.hero-copy p { font-size:10px; }.hero-tag { font-size:8px; padding:4px 6px; }.hero-metric { padding-left:20px; }.hero-number { font-size:57px; letter-spacing:-3px; }.hero-metric-label { font-size:10px; }.hero-comparison { font-size:15px; gap:10px; flex-wrap:wrap; }.hero-comparison em { font-size:9px; }.hero-comparison small { font-size:8px; }.hero-metric>p { font-size:8px; }.summary-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.live-charts,.impact-grid { grid-template-columns:1fr; gap:15px; }.approval-card { display:grid; grid-template-columns:160px minmax(0,1fr); column-gap:22px; align-items:center; }.approval-card>.card-heading { grid-column:1/-1; }.approval-visual { grid-column:1; grid-row:2/4; padding-bottom:0; }.approval-legend { padding-top:18px; }.completion-note { margin-top:10px; }.queue-strip { flex-wrap:wrap; gap:12px; }.queue-strip>div { order:3; width:100%; justify-content:space-between; flex-wrap:wrap; font-size:10px; gap:10px; }.delivery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.delivery-grid article:last-child { grid-column:1/-1; }.follow-up-body { gap:20px; }.follow-up h2 { font-size:16px; }.follow-up-steps { gap:10px; }.follow-up-steps>span { font-size:9px; }.summary-footer { flex-direction:column; gap:5px; }.section-label { align-items:flex-start; }.freshness { font-size:9px; max-width:50%; text-align:right; line-height:1.6; }.freshness::before { flex-shrink:0; margin-top:3px; }.snapshot-badge { font-size:9px; }.quality-metrics strong { font-size:35px; } }
@media(max-width:460px) { .summary-sidebar { padding:13px 16px; }.summary-sidebar nav { gap:3px; }.summary-dashboard .summary-nav { font-size:9px; gap:4px; }.summary-nav svg { width:13px; height:13px; }.summary-main { padding:22px 16px 12px; }.summary-topbar { padding-inline:16px; }.summary-hero { grid-template-columns:1fr; gap:22px; padding:25px; }.hero-copy h2 br { display:none; }.summary-hero h2 { font-size:25px; max-width:260px; }.hero-copy p br { display:none; }.hero-copy p { font-size:11px; }.hero-tag { font-size:9px; }.hero-metric { border-left:0; border-top:1px solid #ffffff24; padding:18px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }.hero-metric-label { grid-column:1/-1; font-size:11px; }.hero-number { font-size:60px; padding:8px 0; }.hero-comparison { flex-direction:column; gap:5px; align-items:flex-start; padding-top:8px; font-size:17px; }.hero-comparison>svg { display:none; }.hero-metric>p { grid-column:1/-1; margin-top:5px; }.hero-copy a { margin-top:12px; }.summary-kpi { padding:15px; }.kpi-top { font-size:10px; }.summary-dashboard .kpi-number { font-size:30px; }.kpi-note { font-size:9px; }.metric-icon { width:26px; height:26px; border-radius:7px; }.metric-icon svg { width:15px; height:15px; }.summary-card { padding:19px; }.card-heading h2 { font-size:16px; }.activity-totals .chart-key { display:none; }.approval-card { grid-template-columns:130px minmax(0,1fr); column-gap:15px; }.approval-ring { width:125px; height:125px; }.approval-ring>div { width:102px; height:102px; }.approval-ring strong { font-size:27px; }.approval-legend>span { font-size:10px; gap:5px; }.completion-note { padding:8px; font-size:9px; gap:5px; }.completion-note small { font-size:8px; }.completion-note svg { display:none; }.benchmark-row { grid-template-columns:72px minmax(0,1fr) 68px; gap:7px; font-size:10px; }.benchmark-row b { font-size:11px; }.benchmark-row small { font-size:8px; }.benchmark-axis { padding:0 75px 0 79px; }.performance-card .card-heading { align-items:flex-start; }.card-heading h3 { font-size:15px; }.positive-pill { font-size:9px; padding:4px 6px; }.card-heading p:not(.eyebrow) { font-size:10px; }.section-label h2 { font-size:17px; }.snapshot-badge { max-width:105px; line-height:1.5; }.delivery-grid { gap:10px; }.delivery-grid article { padding:16px; }.delivery-grid h3 { font-size:12px; }.delivery-grid p { font-size:10px; }.follow-up { padding:19px; }.follow-up-heading { gap:9px; flex-wrap:wrap; }.follow-up-badge { margin-left:48px; }.follow-up-icon { width:36px; height:36px; }.follow-up-body { grid-template-columns:1fr; gap:17px; }.audit-snapshot { border-left:0; padding-left:0; }.follow-up-steps { flex-wrap:wrap; gap:8px; }.follow-up-steps>svg { width:10px; }.follow-up-steps>span { font-size:9px; }.follow-up-steps b { width:17px; height:17px; } }
@media(prefers-reduced-motion:reduce) { .summary-dashboard * { transition:none!important; scroll-behavior:auto!important; } }
.summary-dashboard .performance-tabs { max-width:100%; }
.summary-dashboard .performance-tabs button { white-space:nowrap; width:auto; min-width:0; flex:1 1 auto; }
@media(max-width:460px) { .hero-copy h2 br { display:block; }.summary-hero h2 { font-size:24px; } }
@media print { @page { size:A4 portrait; margin:12mm; }.summary-dashboard { background:white; font-size:10px; -webkit-print-color-adjust:exact; print-color-adjust:exact; }.summary-sidebar,.summary-topbar,.heading-actions,.performance-tabs,.summary-method,.summary-skip { display:none!important; }.summary-content { margin:0; }.summary-main { max-width:none; padding:0; }.summary-heading { margin-bottom:15px; }.summary-heading h1 { font-size:26px; }.summary-hero { min-height:0; padding:20px; grid-template-columns:1fr 1fr; }.hero-copy h2 { font-size:25px; }.hero-number { font-size:58px; }.summary-kpis { gap:8px; grid-template-columns:repeat(4,1fr); }.summary-kpi { padding:12px; }.summary-dashboard .kpi-number { font-size:23px; }.live-charts { grid-template-columns:1.6fr 1fr; gap:12px; }.summary-card { padding:16px; }.section-label { margin-top:20px; }.approval-card { display:block; }.approval-ring { width:120px; height:120px; }.approval-ring>div { width:98px; height:98px; }.activity-chart { height:150px; }.queue-strip { margin-bottom:15px; }.improvement-section { break-before:page; }.impact-grid { grid-template-columns:1.2fr 1fr; gap:12px; }.delivery-grid { grid-template-columns:repeat(5,1fr); gap:8px; }.delivery-grid article { padding:12px; }.delivery-grid article:last-child { grid-column:auto; }.follow-up-body { grid-template-columns:1.3fr 1fr; }.summary-hero,.summary-kpis,.summary-card,.queue-strip,.delivery-grid,.follow-up { break-inside:avoid; }.summary-footer { margin-top:20px; }.chart-points { display:none; } }