* {box-sizing:border-box}
html {color-scheme:light}
body {margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea {font:inherit}
button {cursor:pointer}
a {color:inherit}
form {margin:0}
.at-shell {min-height:100vh}
.at-sidebar {flex-direction:column;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:30}
.at-main {min-width:0}
.at-topbar {position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:0 24px}
.at-content {margin:0 auto}
.at-brand {display:flex;align-items:center;gap:9px;font-size:23px;font-weight:750;letter-spacing:-.06em}
.at-mark {display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#6347f5;color:#fff;font-size:23px;line-height:1;letter-spacing:0}
.at-nav {display:flex;align-items:center;gap:10px;padding:9px 11px;min-height:38px;border-radius:8px}
.at-nav>span {display:grid;place-items:center}
.at-nav svg {width:17px;height:17px}
.skip-link {position:fixed;z-index:60;top:8px;left:8px;padding:9px 12px;background:white;border:2px solid #6243ed;border-radius:8px;transform:translateY(-150%)}
.skip-link:focus {transform:none}
.nexum-crm {
  --ink:#151b33; --muted:#485675; --bg:#f5f6ff; --paper:#fff;
  --line:#dce2f5; --at-sidebar:#171733; --at-violet:#5134d9;
  color:var(--ink); background:var(--bg); font-size:14px;
}
.nexum-crm a {text-decoration:none}
.nexum-crm .at-sidebar {display:flex; width:232px; gap:14px; padding:22px 16px}
.nexum-crm .at-main {margin-left:232px}
.nexum-crm .at-brand {padding:0 8px 12px;color:var(--ink)}
.nexum-crm .at-nav {font-size:13px;color:var(--muted);font-weight:550}
.nexum-crm .at-nav.active {color:var(--at-violet)}
.nexum-crm .at-topbar {justify-content:flex-start; min-height:60px; height:auto; border-bottom:1px solid var(--line); color:var(--muted)}
.nexum-crm .at-topbar b {color:var(--ink)}
.nexum-crm .at-content {max-width:1400px;padding:32px}
.workspace-id {display:flex;align-items:center;gap:11px;padding:12px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.workspace-id small,.crm-account small {display:block;color:var(--muted);margin-top:3px;font-size:11px;overflow-wrap:anywhere}
.workspace-id .at-mark {background:var(--workspace-accent);flex-shrink:0}
.workspace-logo {width:32px;height:32px;object-fit:contain;border-radius:8px}
.crm-account {margin-top:auto;padding:12px 8px}
.crm-account form {margin-top:10px}
.page-head {display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.page-head h1 {font-size:clamp(29px,4vw,42px);line-height:1.1;letter-spacing:-.045em;margin:5px 0 8px;overflow-wrap:anywhere}
.page-head p,.crm-panel header p {color:var(--muted);margin:0;line-height:1.5}
.kicker {font-weight:700;font-size:10px;letter-spacing:.13em;color:var(--at-violet)}
.crm-panel,.crm-stats>div,.auth-card {background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:0;box-shadow:0 3px 12px #21234006}
.crm-panel {margin:0 0 18px;overflow:hidden}
.crm-panel header {padding:17px 20px 12px}
.crm-panel h2 {font-size:17px;letter-spacing:-.02em;margin:0 0 4px}
.crm-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:13px;margin:0 0 20px}
.crm-stats>div {padding:16px 18px}
.crm-stats small,.crm-stats span {display:block;color:var(--muted)}
.crm-stats strong {display:block;font-size:30px;letter-spacing:-.045em;margin:4px 0;font-variant-numeric:tabular-nums}
.crm-split {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.crm-work-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.row-actions,.filters,.copy-link,.panel-links {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nexum-crm .btn {display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:7px 12px;color:#36354b;border:1px solid #dcdfea;background:white;border-radius:8px;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:650}
.nexum-crm .btn:hover {border-color:#a39ac9;background:#f8f6ff}
.nexum-crm .btn.primary {background:#544693;color:white;border-color:#544693}
.nexum-crm .btn.primary:hover {background:#433674}
.nexum-crm .btn.danger {color:#8c233c}
.nexum-crm :focus-visible {outline:2px solid #6456ad;outline-offset:3px}
.filters {padding:0 20px 14px;align-items:end}
.filters .field {margin:0}
.filters .field:first-child {flex:1;min-width:150px}
.nexum-crm .field {display:flex;flex-direction:column;gap:5px;min-width:0;color:var(--ink);margin:0 0 11px}
.nexum-crm .field span,.nexum-crm legend {color:var(--muted);font-size:12px;font-weight:650}
.nexum-crm input:not([type=checkbox]),.nexum-crm select,.nexum-crm textarea {color:var(--ink);background:#fff;min-width:0;width:100%;border:1px solid #dcdfea;border-radius:8px;padding:7px 9px;min-height:36px;font:inherit}
.nexum-crm input[type=color] {width:60px;padding:3px}
.nexum-crm textarea {resize:vertical}
.nexum-crm fieldset {border:0;margin:0 0 14px;padding:0}
.tag-options {display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.panel-form,.panel-links {padding:6px 20px 19px}
.panel-form > .pill {margin-bottom:12px}
.form-grid,.pair-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px}
.pair-grid {padding:0 20px 16px}
.pair {padding:9px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.pair small,.pair b {display:block}
.pair small,.hint,.subline {color:var(--muted);font-size:12px}
.subline {display:block;margin-top:3px;white-space:pre-wrap}
.copy-link {align-items:end;margin-bottom:10px}
.copy-link .field {flex:1;min-width:150px;margin:0}
.table-wrap,.calendar-scroll {overflow:auto}
.nexum-crm table {width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.nexum-crm th,.nexum-crm td {padding:11px 16px;border-top:1px solid var(--line);vertical-align:middle}
.nexum-crm th {background:#f8f8fc;color:var(--muted);font-size:11px;white-space:nowrap}
.nexum-crm tbody tr:hover {background:#faf9fd}
.record-link {font-weight:650;color:#51468a}
.pill {display:inline-flex;background:#eeebf8;color:#52467d;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:650;white-space:nowrap}
.pill.good {background:#e6f3eb;color:#246045}
.pill.bad {background:#f9e9ed;color:#8e2943}
.support-banner {display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f3edff;border:1px solid #d8c8f4;border-radius:10px;padding:9px 12px;margin-bottom:18px}
.empty {padding:16px 20px;color:var(--muted);margin:0}
.auth-stage {min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 25% 5%,#eeebf9,#f7f8fb 55%)}
.auth-card {width:min(100%,440px);padding:28px}
.auth-card .at-brand {padding:0 0 24px}
.auth-card .page-head {margin-bottom:17px}
.pipeline-summary {padding:0 20px 15px}
.pipeline-summary a {display:flex;justify-content:space-between;color:var(--ink);padding:9px 0;border-bottom:1px solid var(--line)}
.crm-pipeline {display:flex;overflow:auto;gap:12px;padding:0 20px 18px}
.crm-pipeline section {flex:1 0 170px;min-width:0;background:#f6f5fa;border-radius:10px;padding:9px}
.crm-pipeline h3 {font-size:13px;margin:4px 0 8px}
.crm-pipeline h3 small {color:var(--muted)}
.crm-pipeline a {display:block;background:white;border:1px solid var(--line);border-radius:8px;padding:9px;margin-bottom:7px;color:var(--ink)}
.crm-pipeline a span,.crm-pipeline a small {display:block;color:var(--muted);margin-top:4px}
.crm-timeline {padding:0 20px 16px 36px;margin:0}
.crm-timeline li {border-left:2px solid #e5dff6;padding:6px 12px 12px}
.crm-timeline p {margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.crm-timeline small {color:var(--muted)}
.inline-update {min-width:115px}
.inline-update .field {margin:0 0 4px}
.calendar-grid {display:grid;grid-template-columns:repeat(7,minmax(85px,1fr));min-width:620px}
.calendar-grid>b,.calendar-day {padding:9px;border:1px solid var(--line)}
.calendar-day {min-height:80px}
.calendar-day a {display:block;color:#51468a;background:#f1edf9;padding:4px;margin-top:4px;border-radius:4px;overflow-wrap:anywhere}
.calendar-day a span {display:block;font-size:10px}
@media(max-width:1100px){.crm-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .nexum-crm .at-sidebar{position:static;width:auto;display:grid;grid-template-columns:auto 1fr;gap:8px;padding:12px}
  .nexum-crm .at-main{margin-left:0}
  .nexum-crm .at-topbar{padding:9px 14px;min-height:42px}
  .nexum-crm .at-brand{padding:0}
  .nexum-crm .at-navgroup{display:flex;gap:4px;overflow:auto;margin:0;grid-column:1/-1}
  .nexum-crm .at-nav{width:auto;flex-shrink:0;white-space:nowrap}
  .workspace-id{padding:5px;border:0}
  .crm-account{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px;margin:0}
  .crm-account form{margin:0 0 0 auto}
  .nexum-crm .at-content{padding:18px 14px}
  .crm-split{grid-template-columns:1fr;gap:0}
}
@media(max-width:480px){
  .page-head{align-items:start;flex-direction:column}
  .form-grid,.crm-work-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.nexum-crm .at-content{animation:none}}
.owner-avatar {display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#e4e8ef;color:#34435a;font-size:12px;font-weight:750}

/* Business directory controls are sized for table rows, with room for both actions. */
.nexum-crm .business-directory .filters {align-items:flex-end;gap:8px;padding-bottom:12px}
.nexum-crm .business-directory .filters .field {margin:0}
.nexum-crm .business-directory .filters input,
.nexum-crm .business-directory .filters select,
.nexum-crm .business-directory .filters .btn {min-height:32px;height:32px}
.nexum-crm .business-directory th,
.nexum-crm .business-directory td {padding:9px 11px}
.nexum-crm .business-directory th:first-child,
.nexum-crm .business-directory td:first-child {padding-left:16px;min-width:155px}
.nexum-crm .business-directory td {font-size:12px;color:var(--ink)}
.nexum-crm .business-directory td:nth-child(n+3):nth-child(-n+7) {font-variant-numeric:tabular-nums;white-space:nowrap}
.business-name {font-size:13px;font-weight:650;line-height:1.3}
.nexum-crm .business-directory .subline {font-size:11px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
.directory-actions {display:flex;align-items:center;flex-wrap:nowrap;gap:6px;width:max-content}
.directory-actions form {margin:0}
.nexum-crm .directory-actions .btn {min-height:28px;padding:4px 8px;font-size:11px;line-height:1.3;box-shadow:none}
.nexum-crm .directory-actions .directory-manage {background:transparent;border-color:transparent;color:#51468a}
.nexum-crm .directory-actions .directory-manage:hover {background:#f1edf9;border-color:#e6dff2}
@media (pointer:coarse) {
  .nexum-crm .directory-actions .btn {min-height:36px}
}

/* Shared workspace density and hierarchy. */
.nexum-crm .at-topbar {min-height:52px}
.nexum-crm .at-content {padding:24px clamp(16px,3vw,32px)}
.nexum-crm .page-head {margin-bottom:18px}
.nexum-crm .page-head h1 {font-size:clamp(27px,3.3vw,36px);margin:5px 0 6px}
.nexum-crm .crm-panel,.nexum-crm .crm-stats>div {border-radius:12px}
.nexum-crm .crm-stats>div {padding:12px 15px}
.nexum-crm .crm-stats strong {font-size:26px}
.nexum-crm .crm-stats span {font-size:12px;line-height:1.4}
.nexum-crm .crm-panel header {padding:14px 16px 10px}
.nexum-crm .filters {padding:0 16px 12px}
.nexum-crm .filters .field,.nexum-crm .copy-link .field {margin:0}
.nexum-crm th,.nexum-crm td {padding:9px 12px}
.nexum-crm td {font-size:12px;color:var(--ink)}
.nexum-crm td form .btn {min-height:30px;padding:4px 8px;font-size:11px;box-shadow:none}
.nexum-crm .inline-update {display:flex;gap:6px;align-items:flex-end;min-width:168px}
.nexum-crm .inline-update .field {margin:0;flex:1}
.nexum-crm .inline-update select {min-height:30px;padding:3px 5px;font-size:11px}
.nexum-crm .support-banner {background:#f5f2ff;padding:7px 10px}
.nexum-crm .support-banner .btn {min-height:30px}
.view-picker {display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#f0f1f7}
.view-picker a {border-radius:5px;padding:6px 9px;font-size:12px;font-weight:600;color:var(--muted)}
.view-picker a[aria-current] {background:white;color:#51468a;box-shadow:0 1px 2px #21234017}
.record-layout {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);grid-template-areas:"overview actions" "history actions";align-items:start;gap:0 16px}
.record-overview {grid-area:overview}
.record-history {grid-area:history}
.record-actions {grid-area:actions}
.record-disclosure,.record-edit {border-top:1px solid var(--line)}
.record-disclosure summary,.record-edit summary {list-style-position:inside;cursor:pointer;color:#433674;font-size:13px;font-weight:650;padding:10px 16px}
.record-disclosure summary:hover,.record-edit summary:hover {background:#f8f7fc}
.record-disclosure[open] summary {background:#f5f3fb}
.record-edit {margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.record-edit .crm-panel {border:0;box-shadow:none;margin:0}
.crm-timeline {list-style:none;padding:3px 16px 12px 24px}
.crm-timeline li {position:relative;padding:5px 12px 13px}
.crm-timeline li::before {content:"";position:absolute;left:-5px;top:10px;width:8px;height:8px;border-radius:50%;background:#8b7ac7}
.crm-timeline li:last-child {padding-bottom:6px}
@media(max-width:800px){
  .record-layout {grid-template-columns:minmax(0,1fr);grid-template-areas:"overview" "actions" "history"}
  .nexum-crm .at-content {padding:16px 14px}
  .nexum-crm .support-banner {flex-wrap:wrap}
}
@media(pointer:coarse){
  .nexum-crm td form .btn {min-height:36px}
}


/* Nexum's standalone workspace palette and navigation. */
.nexum-crm .at-sidebar {background:var(--at-sidebar);color:#f7f6ff;gap:12px}
.nexum-crm .at-sidebar .at-brand {color:white;padding:0 8px 7px}
.nexum-crm .at-sidebar .at-mark {background:linear-gradient(140deg,#9176ff,#5935ed)}
.nexum-crm .workspace-id {border-color:#393758;border-radius:9px;padding:10px 8px}
.nexum-crm .workspace-id small,.nexum-crm .crm-account small {color:#c3c2dc}
.nexum-crm .owner-avatar {background:#392d79;color:#eee8ff}
.nexum-crm .workspace-avatar {background:color-mix(in srgb,var(--workspace-accent) 55%,#25244e);color:#fff}
.nexum-crm .at-nav {color:#deddf1}
.nexum-crm .at-nav:hover {background:#2a2850;color:white}
.nexum-crm .at-nav.active {background:#3c2c82;color:#fff;box-shadow:inset 3px 0 #ab96ff}
.nexum-crm .crm-account {border-top:1px solid #393758}
.nexum-crm .crm-account .btn {background:#28274b;border-color:#49476f;color:white;min-height:30px}
.nexum-crm .crm-account .btn:hover {background:#40386c}
.nexum-crm .at-topbar {background:#fff;border-color:#e3e6f7}
.nexum-crm .at-topbar span::before {content:"/";margin-right:12px;color:#7d86a8}
.nexum-crm .btn {border-color:#ced7f1;color:#292351}
.nexum-crm .btn.primary {background:#5838e9;border-color:#5838e9;color:#fff}
.nexum-crm .btn.primary:hover {background:#4526c7;border-color:#4526c7}
.nexum-crm .btn:hover {background:#f2efff;border-color:#9c8af1}
.nexum-crm .btn.danger {color:#941944}
.nexum-crm :focus-visible {outline-color:#6b45f5}
.nexum-crm .at-sidebar :focus-visible {outline-color:#c3b5ff}
.nexum-crm .crm-stats>div {border-top:3px solid #7c5af7;background:linear-gradient(155deg,#f1ecff,#fff 72%)}
.nexum-crm .crm-stats>div:nth-child(2) {border-top-color:#ec8a41;background:linear-gradient(155deg,#fff2e5,#fff 72%)}
.nexum-crm .crm-stats>div:nth-child(3) {border-top-color:#269eac;background:linear-gradient(155deg,#e6fbfd,#fff 72%)}
.nexum-crm .crm-stats>div:nth-child(4n) {border-top-color:#4b7dff;background:linear-gradient(155deg,#edf3ff,#fff 72%)}
.nexum-crm .crm-stats small {font-size:12px;font-weight:700;color:#33446d}
.nexum-crm .crm-panel {box-shadow:0 2px 6px #2c378c0a}
.nexum-crm th {background:#eff2ff;color:#34446f;letter-spacing:.035em}
.nexum-crm tbody tr:hover {background:#f5f2ff}
.nexum-crm input:not([type=checkbox]),.nexum-crm select,.nexum-crm textarea {border-color:#cad4f0}
.nexum-crm .record-link,.nexum-crm .directory-actions .directory-manage {color:#4b30c7}
.nexum-crm .record-link:hover {text-decoration:underline}
.nexum-crm .pill {padding:3px 8px;background:#edf0fa;color:#3a4869}
.nexum-crm .pill.good {background:#dff8ed;color:#116047}
.nexum-crm .pill.bad {background:#ffe7ef;color:#8f2147}
.nexum-crm .pill.amber {background:#fff0d6;color:#764307}
.nexum-crm .pill.blue {background:#e3efff;color:#194a9c}
.nexum-crm .pill.violet {background:#eee6ff;color:#50359c}
.nexum-crm .support-banner {background:#eee8ff;border-color:#d7c9ff;color:#352764}
.nexum-crm .auth-stage {background:radial-gradient(ellipse at 20% 0,#e6dcff,transparent 55%),radial-gradient(ellipse at 100% 90%,#dff5ff,#f7f8ff 65%)}
.nexum-crm .auth-card {box-shadow:0 18px 60px #30236c1a}
.nexum-crm .auth-card form>.btn {width:100%;margin-top:5px}
.nexum-crm .crm-pipeline section {background:#eef0fc}
.nexum-crm .crm-pipeline a:hover {border-color:#9c8af1;background:#fbf9ff}
.nexum-crm .crm-pipeline section {max-height:65vh;overflow:auto}
.nexum-crm .crm-pipeline h3 {position:sticky;top:0;background:#eef0fc;padding:5px 0}
.pagination {display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 15px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.pagination .btn {min-height:30px}
@media(max-width:800px){
  .nexum-crm .at-sidebar {gap:6px}
  .nexum-crm .at-sidebar .at-brand {padding:0 5px}
  .nexum-crm .at-sidebar .workspace-id {padding:4px 7px}
  .nexum-crm .at-navgroup {padding:3px 0}
  .nexum-crm .at-nav {min-height:36px;padding:6px 9px}
  .nexum-crm .crm-account {border-top:0}
  .nexum-crm .at-topbar {min-height:42px}
}

.business-meta {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;color:var(--muted);font-size:12px}
.business-meta code {overflow-wrap:anywhere}
.colour-presets {display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.colour-presets button {width:25px;height:25px;border-radius:50%;background:var(--swatch);border:1px solid #16162f26}
.form-error {padding:10px 12px;border-radius:8px;background:#ffe7ef;color:#8f2147}

.report {--report-ink:#172047;--report-border:#dfe6f6;color:var(--report-ink)}
.report-hero {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:16px;padding:clamp(20px,4vw,34px);border-radius:18px;background:radial-gradient(ellipse at 95% 5%,#4241aa,transparent 65%),linear-gradient(125deg,#171f48,#25205a);color:#fff}
.report-hero .kicker {color:#c8c6ff}
.report-hero h1 {font-size:clamp(32px,5vw,48px);line-height:1.02;letter-spacing:-.05em;margin:6px 0 8px}
.report-hero p {color:#e1e6ff;margin:0;font-size:14px}
.report-controls {display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.report-controls .field {margin:0;min-width:128px}
.report-controls .field span {color:#eef0ff}
.report-controls .btn,.report-controls select {min-height:38px}
.report-controls .btn {background:#dfe1ff;color:#282364;border-color:#dfe1ff}
.report-controls .btn:hover {background:white}
.report-kpis {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:12px;margin-bottom:16px}
.report-kpi {display:flex;flex-direction:column;gap:5px;padding:13px 14px;background:#fff;border:1px solid var(--report-border);border-radius:12px;min-width:0}
.report-kpi>strong {font-size:clamp(24px,3vw,34px);letter-spacing:-.045em;line-height:1.12}
.report-kpi>small,.report-insights small {font-size:12px;color:#455277;font-weight:700}
.report-kpi>span:last-child,.report-insights span {font-size:12px;color:#536282}
.report-icon {display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#5732c7;background:#eee9ff;margin-bottom:3px}
.report-icon svg {width:17px;height:17px}
.report-kpi:nth-child(3n+2) .report-icon {background:#e2f1ff;color:#115ab8}
.report-kpi:nth-child(3n) .report-icon {background:#dbf6ee;color:#087565}
.report-grid {display:grid;gap:14px}
.report-main {grid-template-columns:minmax(0,2fr) minmax(225px,1fr)}
.report-distributions {grid-template-columns:repeat(3,minmax(0,1fr))}
.report .crm-panel {border-color:var(--report-border)}
.report .crm-panel h2 {font-size:17px}
.report .crm-panel header p {font-size:12px}
.analytics-legend {display:flex;flex-wrap:wrap;gap:8px 13px;padding:4px 16px;font-size:11px;color:#455277}
.analytics-series {display:inline-flex;align-items:center;gap:6px}
.analytics-series::before {content:"";flex:none;width:8px;height:8px;border-radius:3px;background:var(--series)}
.analytics-chart {--chart-height:144px;display:flex;gap:8px;padding:10px 16px 12px;overflow:auto}
.report-axis {flex:none;height:var(--chart-height);display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#536282;font-size:10px}
.report-plot {display:flex;flex:1;gap:4px;background:repeating-linear-gradient(to bottom,#e8edf7 0 1px,transparent 1px calc(var(--chart-height) / 4));background-size:100% var(--chart-height);background-repeat:no-repeat}
.chart-group {flex:1 0 35px;text-align:center;color:#536282}
.chart-group small {font-size:10px;white-space:nowrap}
.chart-bars {height:var(--chart-height);display:flex;align-items:flex-end;justify-content:center;gap:2px;border-bottom:1px solid var(--report-border)}
.chart-bars i {flex:1;max-width:15px;height:var(--value);background:var(--series);border-radius:3px 3px 0 0}
.report-comparison,.report-breakdown ul {list-style:none;margin:0;padding:4px 16px 12px}
.report-comparison li,.report-breakdown li>div:first-child {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 0;font-size:12px}
.report-comparison li+li {border-top:1px solid var(--report-border)}
.report-comparison small,.report-breakdown small {min-width:44px;text-align:right;color:#455277;font-size:11px}
.report-comparison strong,.report-breakdown strong {font-variant-numeric:tabular-nums}
.report-breakdown li span {overflow-wrap:anywhere}
.report-breakdown li>div:first-child {padding:5px 0}
.report-meter {height:6px;border-radius:8px;background:#e9edf9;overflow:hidden;margin:0 0 6px}
.report-meter i {display:block;height:100%;width:var(--share);background:var(--tone);border-radius:inherit}
.report-donut {display:grid;place-items:center;width:96px;aspect-ratio:1;border-radius:50%;margin:8px auto 3px;background:conic-gradient(var(--segments))}
.report-donut>div {display:grid;place-content:center;text-align:center;width:72%;aspect-ratio:1;border-radius:50%;background:#fff}
.report-donut strong {font-size:20px}
.report-donut span {font-size:11px;color:#536282}
.with-donut li span::before {content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tone);margin-right:6px}
.report-insights {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:8px;padding:0 16px 14px}
.report-insights>div {display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:9px;background:#f0f3ff}
.report-insights strong {font-size:19px;overflow-wrap:anywhere}
.report-links {display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}
.stats-open {display:inline-flex;margin:2px 4px 2px 0}
@media(max-width:1050px){.report-distributions {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){
  .report-main,.report-distributions {grid-template-columns:1fr}
  .report-hero {align-items:stretch}
}