:root {
  --navy:#0b2c59;
  --navy2:#123f78;
  --blue:#2d8cf0;
  --sky:#68c6f4;
  --mint:#20b77d;
  --green:#17a567;
  --orange:#ff850f;
  --red:#ec3f55;
  --violet:#7548db;
  --text:#17324e;
  --muted:#6f8499;
  --line:#dce8f2;
  --bg:#f4faff;
  --surface:#ffffff;
  --shadow:0 8px 30px rgba(28,73,112,.08);
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#f7fbff 0%,#f0f8fd 100%)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}

/* Dashboard */
.dashboard-header{background:#fff;border-bottom:1px solid #d9e8f3;box-shadow:0 4px 20px rgba(16,64,103,.05)}
.header-inner{width:min(1500px,calc(100% - 38px));margin:auto;min-height:142px;display:grid;grid-template-columns:1.22fr .72fr .38fr;align-items:stretch;gap:18px}
.brand-lockup{display:flex;align-items:center;gap:18px;min-width:0;padding:20px 0}
.brand-icon{width:88px;height:88px;color:#0c4381;display:grid;place-items:center;flex:0 0 auto}
.brand-icon svg{width:100%;height:100%}
.brand-kicker{display:block;font-size:19px;font-weight:800;color:var(--navy);line-height:1}
.brand-lockup h1{margin:3px 0 6px;font-size:clamp(22px,2.15vw,34px);line-height:1.03;color:#0b3266;letter-spacing:-.7px}
.brand-lockup p{margin:0;color:#5d7b98;font-size:14px}.brand-lockup p b{margin:0 8px;color:#99adbe}
.header-visual{position:relative;overflow:hidden;border-radius:0 0 26px 26px;background:radial-gradient(circle at 74% 24%,rgba(49,153,239,.24),transparent 27%),linear-gradient(120deg,#edf8ff 0%,#d9effc 46%,#f6fbff 100%)}
.home-card{height:100%;min-height:142px;position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:44px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.48)),repeating-linear-gradient(90deg,transparent 0 46px,rgba(20,84,130,.04) 47px 48px)}
.home-card:after{content:"";position:absolute;right:11%;bottom:0;width:44%;height:72%;border:2px solid rgba(12,67,129,.14);border-bottom:0;border-radius:70px 70px 0 0;background:rgba(255,255,255,.23)}
.home-title,.home-subtitle{position:relative;z-index:2;font-family:Georgia,serif;font-style:italic;color:#15508d}.home-title{font-size:29px}.home-subtitle{font-size:20px;margin-left:52px}
.smart-node{position:absolute;z-index:3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(21,111,205,.93);color:#fff;font-size:10px;font-weight:900;border:3px solid rgba(255,255,255,.78);box-shadow:0 0 0 5px rgba(45,140,240,.12),0 8px 18px rgba(19,86,150,.2)}
.smart-node.n1{right:42%;top:24px}.smart-node.n2{right:21%;top:61px}.smart-node.n3{right:48%;bottom:15px}
.header-side{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--navy);padding:12px 0}.header-side .people-icon{font-size:34px;line-height:1}.header-side strong{font-size:13px;margin-top:4px}.header-side span{font-size:12px;color:#6d8296;margin-bottom:10px}
.primary-action{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:linear-gradient(135deg,#176ddd,#2b94ef);color:#fff;font-weight:800;padding:11px 16px;box-shadow:0 7px 18px rgba(31,111,203,.2);transition:.2s transform,.2s box-shadow}.primary-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(31,111,203,.26)}.primary-action.small{padding:10px 15px;font-size:13px}
.dashboard-shell{width:min(1500px,calc(100% - 38px));margin:0 auto;padding:18px 0 34px}
.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.live-status{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;color:#4f708b}.status-dot{width:9px;height:9px;border-radius:50%;background:#f0a000;box-shadow:0 0 0 5px rgba(240,160,0,.12)}.live-status.online .status-dot{background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.12)}.live-status.offline .status-dot{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12)}
.toolbar-actions{display:flex;align-items:center;gap:9px}.last-updated{font-size:12px;color:#8093a5}.ghost-button{border:1px solid #cddfec;background:#fff;color:#355c7b;border-radius:10px;padding:8px 11px;font-weight:750;font-size:12px}.ghost-button:hover{background:#f5faff}
.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);min-height:112px;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.kpi-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;font-size:26px;background:#edf6ff}.kpi:nth-child(2) .kpi-icon{background:#e8f8f1}.kpi:nth-child(3) .kpi-icon{background:#f3edff}.kpi:nth-child(4) .kpi-icon{background:#fff2e6}.kpi:nth-child(5) .kpi-icon{background:#ffeef1}.kpi-label{font-size:13px;font-weight:800;color:#264a68;line-height:1.1}.kpi-value{display:block;font-size:31px;line-height:1;margin-top:7px;font-weight:900;letter-spacing:-1px}.kpi:nth-child(1) .kpi-value{color:#2085ea}.kpi:nth-child(2) .kpi-value{color:#12a06a}.kpi:nth-child(3) .kpi-value{color:#7c3feb}.kpi:nth-child(4) .kpi-value{color:#f07700}.kpi:nth-child(5) .kpi-value{color:#e72d48}.kpi small{display:block;margin-top:5px;color:#8093a5;font-size:11px}.goal-line{height:5px;background:#e8f1f7;border-radius:999px;overflow:hidden;margin-top:7px}.goal-line span{display:block;height:100%;background:linear-gradient(90deg,#2a8ff0,#1ab486);border-radius:inherit}
.dashboard-grid{display:grid;grid-template-columns:1.16fr .92fr .92fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;min-width:0}.panel-wide{grid-column:span 2}.panel-heading{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.panel-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#e9f4ff;color:#2383e5;font-weight:900;flex:0 0 auto}.panel h2{margin:1px 0 2px;font-size:17px;color:#153d68}.panel p{margin:0;font-size:12px;color:#7890a3}
.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:180px 1fr 48px;align-items:center;gap:10px;font-size:12px}.bar-label{color:#315471;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:13px;background:#edf3f8;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2790ee,#6bc7f3)}.bar-value{text-align:right;font-weight:900;color:#1b4b76}
.donut-wrap{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:17px;min-height:214px}.donut{width:170px;height:170px;border-radius:50%;position:relative;margin:auto}.donut:after{content:"";position:absolute;inset:34px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #edf2f6}.donut-center{position:absolute;inset:0;z-index:2;display:grid;place-items:center;text-align:center;pointer-events:none}.donut-center strong{font-size:26px;line-height:1;color:#173e68}.donut-center span{font-size:10px;color:#7890a3;margin-top:3px}.legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:11px;color:#44637e}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-item strong{color:#224b70}
.takeaways{display:flex;flex-direction:column;gap:9px}.takeaway{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:flex-start}.takeaway .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ddecff;color:#1668c2;font-weight:900;font-size:12px}.takeaway:nth-child(2) .num{background:#e4f8e9;color:#13854b}.takeaway:nth-child(3) .num{background:#fff3d6;color:#ad7300}.takeaway:nth-child(4) .num{background:#ffe7ea;color:#bf3144}.takeaway:nth-child(5) .num{background:#ece7ff;color:#6548c5}.takeaway p{margin:1px 0 0!important;color:#375976!important;line-height:1.35!important;font-size:12px!important}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-mini{border:1px solid #e1ebf3;background:#f8fbfe;border-radius:13px;padding:13px}.metric-mini strong{font-size:23px;color:#16497a}.metric-mini span{display:block;color:#7d91a2;font-size:11px;margin-top:2px}.gap-bars{margin-top:14px;display:flex;flex-direction:column;gap:10px}.gap-row{display:grid;grid-template-columns:120px 1fr 42px;gap:9px;align-items:center;font-size:12px}.gap-row b{font-size:11px;color:#4b6981}.gap-track{height:15px;background:#edf3f7;border-radius:999px;overflow:hidden}.gap-fill{height:100%;border-radius:999px}.gap-fill.aware{background:linear-gradient(90deg,#2c8ff0,#61c0f3)}.gap-fill.practice{background:linear-gradient(90deg,#15b57b,#62d3a8)}
.risk-meter{display:flex;height:18px;border-radius:999px;overflow:hidden;background:#edf2f7;margin:10px 0 14px}.risk-seg{height:100%}.risk-list{display:flex;flex-direction:column;gap:8px}.risk-item{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:11px;color:#48677f}.risk-dot{width:9px;height:9px;border-radius:50%}.risk-item strong{color:#224a6c}
.empty-chart{min-height:190px;border:1px dashed #cbdde9;border-radius:14px;background:#fbfdff;display:grid;place-items:center;text-align:center;color:#8498a8;font-size:12px;padding:20px}.study-note{display:flex;align-items:center;gap:10px;margin-top:15px;color:#71899d;font-size:11px;padding:0 4px}.study-note b{color:#bac8d3}.study-note em{margin-left:auto;font-family:Georgia,serif;color:#6d81a1}

/* Form */
.form-topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.form-nav{width:min(1180px,calc(100% - 32px));height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-brand{display:flex;align-items:center;gap:11px;color:var(--navy)}.compact-logo{width:42px;height:42px;border-radius:12px;background:#eaf4ff;display:grid;place-items:center;font-size:23px}.compact-brand strong{display:block;font-size:14px}.compact-brand small{display:block;color:#7a90a4;font-size:11px;margin-top:2px}.form-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:34px 0 56px}.form-hero{background:linear-gradient(135deg,#0d3970,#166fc1);color:#fff;padding:30px;border-radius:22px;box-shadow:0 12px 30px rgba(21,72,118,.14);margin-bottom:20px}.eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;font-weight:850;letter-spacing:.08em}.form-hero h1{margin:10px 0 7px;font-size:clamp(26px,4vw,42px);letter-spacing:-1px}.form-hero p{margin:0;max-width:760px;color:#d8ebfb;line-height:1.55}.privacy-note{display:inline-block;margin-top:14px;padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.11);font-size:11px;color:#eaf5ff}.form-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}.form-progress-card{position:sticky;top:94px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:var(--shadow)}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#4e6a82}.progress-label b{color:#1f7ed6}.progress-track{height:8px;background:#eaf1f6;border-radius:999px;overflow:hidden;margin:11px 0}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,#2b90ee,#16b67a);border-radius:999px;transition:width .25s}.survey-goal{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#8699a9;padding-bottom:13px;border-bottom:1px solid #edf2f6}.survey-goal strong{color:#365a78}.section-links{display:flex;flex-direction:column;gap:6px;margin-top:12px}.section-links a{padding:8px;border-radius:8px;font-size:11px;color:#58758d}.section-links a:hover{background:#f1f7fc;color:#1f6fb8}.form-column{min-width:0}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin-bottom:15px;scroll-margin-top:96px}.form-card h2{margin:0;color:#154c7c;font-size:17px}.form-card .desc{margin:5px 0 18px;color:#8295a6;font-size:12px}.question{padding:17px 0;border-top:1px solid #edf2f6}.question:first-of-type{border-top:0}.question-title{font-weight:800;color:#1e405e;line-height:1.4;font-size:13px}.qnum{color:#2d8cf0;margin-right:6px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.option{position:relative}.option input{position:absolute;opacity:0;pointer-events:none}.option label{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid #d9e5ee;border-radius:10px;background:#fbfdff;color:#4a687f;font-size:12px;cursor:pointer;transition:.16s}.option label:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #b7c9d7;margin-right:9px;flex:0 0 auto}.option.checkbox label:before{border-radius:4px}.option input:checked+label{border-color:#58a9ef;background:#eef7ff;color:#155d9e;box-shadow:0 0 0 2px rgba(45,140,240,.07)}.option input:checked+label:before{border-color:#2d8cf0;box-shadow:inset 0 0 0 3px #fff;background:#2d8cf0}.option.checkbox input:checked+label:before{box-shadow:inset 0 0 0 2px #fff}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:11px}.scale .option label{justify-content:center;padding:9px;min-height:40px}.scale .option label:before{display:none}.scale-note{display:flex;justify-content:space-between;margin-top:6px;color:#8da0af;font-size:10px}.submit-card{display:flex;align-items:center;justify-content:space-between;gap:13px}.submit-note{font-size:11px;color:#7f94a5}.secondary-button{border:1px solid #cddde8;background:#fff;color:#4b6b83;border-radius:11px;padding:11px 14px;font-weight:800;font-size:12px}.submit-button{border:0;border-radius:11px;background:linear-gradient(135deg,#176ddd,#2c95f0);color:#fff;padding:12px 18px;font-weight:850;font-size:12px;box-shadow:0 8px 18px rgba(31,111,203,.2)}.submit-button:disabled{opacity:.55;cursor:not-allowed}.form-message{display:none;border-radius:13px;padding:13px 15px;margin-bottom:14px;font-size:12px;font-weight:700;line-height:1.45}.form-message.success{background:#e9f9f1;border:1px solid #bdebd5;color:#0f744e}.form-message.error{background:#fff0f1;border:1px solid #ffcfd4;color:#b73242}

@media(max-width:1120px){.header-inner{grid-template-columns:1fr .55fr}.header-side{display:none}.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.panel-wide{grid-column:span 2}.header-visual{border-radius:0}.donut-wrap{grid-template-columns:145px 1fr}.donut{width:145px;height:145px}.donut:after{inset:29px}}
@media(max-width:780px){.header-inner{grid-template-columns:1fr}.header-visual{display:none}.brand-lockup{padding:16px 0}.brand-icon{width:64px;height:64px}.brand-lockup h1{font-size:24px}.dashboard-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;flex-wrap:wrap}.last-updated{margin-right:auto}.kpi-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.panel-wide{grid-column:auto}.form-layout{grid-template-columns:1fr}.form-progress-card{position:static}.section-links{display:none}.option-grid{grid-template-columns:1fr}.study-note{flex-wrap:wrap}.study-note em{width:100%;margin-left:0}.compact-brand small{display:none}}
@media(max-width:520px){.header-inner,.dashboard-shell,.form-nav,.form-shell{width:min(100% - 20px,1180px)}.brand-lockup{gap:10px}.brand-icon{width:50px;height:50px}.brand-kicker{font-size:13px}.brand-lockup h1{font-size:19px}.brand-lockup p{font-size:10px}.kpi-grid{grid-template-columns:1fr}.kpi{min-height:94px}.bar-row{grid-template-columns:105px 1fr 40px;gap:7px}.donut-wrap{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr}.gap-row{grid-template-columns:95px 1fr 38px}.form-hero{padding:22px}.form-card{padding:17px}.submit-card{align-items:stretch;flex-direction:column}.submit-card .button-row{display:grid;grid-template-columns:1fr;gap:8px}.primary-action.small{font-size:11px;padding:9px 10px}}

/* Final balanced dashboard layout: no unused grid cells; keep the survey form untouched. */
.dashboard-page .kpi-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.dashboard-page .dashboard-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
}
.dashboard-page .dashboard-grid .panel{
  height:100%;
}
.dashboard-page .dashboard-grid .panel-wide{
  grid-column:span 2;
}

/* Keep the Survey Form action visible when the decorative header area collapses. */
@media(max-width:1120px){
  .dashboard-page .header-inner{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }
  .dashboard-page .header-visual{display:none}
  .dashboard-page .header-side{
    display:flex;
    padding:10px 0;
    min-width:max-content;
  }
  .dashboard-page .header-side .people-icon,
  .dashboard-page .header-side strong,
  .dashboard-page .header-side > span{display:none}
  .dashboard-page .header-side .primary-action{
    white-space:nowrap;
  }
  .dashboard-page .kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .dashboard-page .dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dashboard-page .dashboard-grid .panel-wide{
    grid-column:span 2;
  }
}

/* Compact two-card mobile dashboard, matching the existing visual language. */
@media(max-width:780px){
  .dashboard-page .header-inner{
    grid-template-columns:minmax(0,1fr) auto;
    min-height:auto;
    align-items:center;
    gap:8px;
  }
  .dashboard-page .brand-lockup{
    padding:12px 0;
    gap:8px;
  }
  .dashboard-page .brand-icon{
    width:44px;
    height:44px;
  }
  .dashboard-page .brand-kicker{font-size:11px}
  .dashboard-page .brand-lockup h1{
    font-size:clamp(15px,3.8vw,20px);
    line-height:1.05;
    letter-spacing:-.35px;
    margin:2px 0 4px;
  }
  .dashboard-page .brand-lockup p{
    font-size:9px;
    white-space:nowrap;
  }
  .dashboard-page .brand-lockup p b{margin:0 4px}
  .dashboard-page .header-side{
    display:flex;
    padding:8px 0;
  }
  .dashboard-page .header-side .primary-action{
    border-radius:9px;
    padding:8px 10px;
    font-size:10px;
    box-shadow:0 5px 12px rgba(31,111,203,.18);
  }
  .dashboard-page .dashboard-shell{
    padding-top:10px;
  }
  .dashboard-page .dashboard-toolbar{
    margin-bottom:10px;
  }
  .dashboard-page .toolbar-actions{
    width:100%;
    gap:6px;
  }
  .dashboard-page .last-updated{font-size:9px}
  .dashboard-page .ghost-button{
    padding:6px 8px;
    border-radius:8px;
    font-size:9px;
  }
  .dashboard-page .kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-bottom:9px;
  }
  .dashboard-page .kpi{
    min-height:82px;
    padding:9px;
    border-radius:13px;
    grid-template-columns:1fr;
    gap:3px;
    align-content:start;
  }
  .dashboard-page .kpi-icon{display:none}
  .dashboard-page .kpi-label{
    font-size:9px;
    line-height:1.15;
  }
  .dashboard-page .kpi-value{
    font-size:23px;
    margin-top:4px;
  }
  .dashboard-page .kpi small{
    font-size:8px;
    line-height:1.15;
    margin-top:3px;
  }
  .dashboard-page .goal-line{height:4px;margin-top:5px}
  .dashboard-page .dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .dashboard-page .dashboard-grid .panel-wide{
    grid-column:span 2;
  }
  .dashboard-page .panel{
    padding:10px;
    border-radius:13px;
    min-width:0;
  }
  .dashboard-page .panel-heading{
    gap:6px;
    margin-bottom:8px;
  }
  .dashboard-page .panel-icon{
    width:20px;
    height:20px;
    border-radius:6px;
    font-size:10px;
  }
  .dashboard-page .panel h2{
    font-size:11px;
    line-height:1.15;
  }
  .dashboard-page .panel p{
    font-size:8px;
    line-height:1.2;
  }
  .dashboard-page .bar-chart{gap:6px}
  .dashboard-page .bar-row{
    grid-template-columns:minmax(58px,40%) 1fr 30px;
    gap:5px;
    font-size:8px;
  }
  .dashboard-page .bar-label{
    font-size:8px;
    line-height:1.1;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .dashboard-page .bar-track{height:8px}
  .dashboard-page .bar-value{font-size:8px}
  .dashboard-page .donut-wrap{
    grid-template-columns:minmax(74px,.8fr) minmax(0,1.2fr);
    gap:7px;
    min-height:125px;
  }
  .dashboard-page .donut{
    width:82px;
    height:82px;
  }
  .dashboard-page .donut:after{inset:18px}
  .dashboard-page .donut-center strong{font-size:14px}
  .dashboard-page .donut-center span{font-size:6px}
  .dashboard-page .legend{gap:4px}
  .dashboard-page .legend-item{
    grid-template-columns:7px minmax(0,1fr) auto;
    gap:4px;
    font-size:7px;
    line-height:1.1;
  }
  .dashboard-page .legend-dot{width:6px;height:6px}
  .dashboard-page .takeaways{gap:5px}
  .dashboard-page .takeaway{
    grid-template-columns:18px 1fr;
    gap:5px;
  }
  .dashboard-page .takeaway .num{
    width:18px;height:18px;font-size:8px;
  }
  .dashboard-page .takeaway p{
    font-size:8px!important;
    line-height:1.25!important;
  }
  .dashboard-page .metric-strip{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
  }
  .dashboard-page .metric-mini{
    padding:7px;
    border-radius:9px;
  }
  .dashboard-page .metric-mini strong{font-size:14px}
  .dashboard-page .metric-mini span{font-size:7px}
  .dashboard-page .gap-bars{margin-top:8px;gap:6px}
  .dashboard-page .gap-row{
    grid-template-columns:55px 1fr 25px;
    gap:5px;
    font-size:8px;
  }
  .dashboard-page .gap-row b{font-size:7px}
  .dashboard-page .gap-track{height:8px}
  .dashboard-page .risk-meter{height:10px;margin:6px 0 8px}
  .dashboard-page .risk-list{gap:4px}
  .dashboard-page .risk-item{
    grid-template-columns:7px 1fr auto;
    gap:4px;
    font-size:7px;
  }
  .dashboard-page .risk-dot{width:6px;height:6px}
  .dashboard-page .empty-chart{
    min-height:120px;
    padding:10px;
    font-size:8px;
  }
  .dashboard-page .study-note{
    font-size:8px;
    margin-top:10px;
  }
}

@media(max-width:520px){
  .dashboard-page .header-inner,
  .dashboard-page .dashboard-shell{
    width:min(100% - 12px,1500px);
  }
  .dashboard-page .brand-icon{width:38px;height:38px}
  .dashboard-page .brand-kicker{display:none}
  .dashboard-page .brand-lockup h1{font-size:13px}
  .dashboard-page .brand-lockup p{font-size:7px}
  .dashboard-page .header-side .primary-action{
    font-size:8px;
    padding:7px 8px;
  }
  .dashboard-page .dashboard-grid{gap:6px}
  .dashboard-page .panel{padding:8px}
  .dashboard-page .panel h2{font-size:10px}
  .dashboard-page .panel p{font-size:7px}
  .dashboard-page .donut-wrap{
    grid-template-columns:1fr;
    min-height:150px;
  }
  .dashboard-page .donut{width:76px;height:76px}
  .dashboard-page .donut:after{inset:17px}
  .dashboard-page .legend-item{font-size:6.5px}
  .dashboard-page .bar-row{
    grid-template-columns:minmax(50px,42%) 1fr 25px;
  }
}

@media(max-width:340px){
  .dashboard-page .kpi-grid{grid-template-columns:1fr}
  .dashboard-page .dashboard-grid{grid-template-columns:1fr}
  .dashboard-page .dashboard-grid .panel-wide{grid-column:auto}
}