/* The ad-account Dashboard (2026-10-05). Light only, like the rest of PAS. */
.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.dash-head h1{font-size:26px;color:var(--navy-900);margin-bottom:4px}
.dash-head p{color:var(--muted);font-size:13.5px}
.dash-ranges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.dash-custom{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:10px}
.dash-custom label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:var(--muted);gap:4px}
.dash-warn{padding:12px 14px;border-radius:var(--r-chip);background:var(--pend-bg);color:var(--pend-t);margin:8px 0}
.dash-notice:empty{display:none}.dash-notice{margin:8px 0;color:var(--navy-700);font-weight:600}
.dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:14px 0 18px}
.dash-card{display:flex;flex-direction:column;gap:8px;text-align:left;background:#fff;border:1px solid var(--fog-100);border-radius:var(--r-card);box-shadow:var(--shadow);padding:18px 20px;cursor:pointer;font:inherit;color:var(--ink)}
.dash-card:hover{border-color:var(--fog-300)}
.dash-card.selected{border:2px solid var(--action);padding:17px 19px}
.dash-card-head{display:flex;flex-direction:column;gap:4px}
.dash-card-head strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.dash-card-head small{color:var(--muted);font-size:12.5px;line-height:1.4}
.dash-status{align-self:flex-start;font-size:11.5px;font-weight:700;text-transform:capitalize;color:var(--neu-t);padding:2px 9px;border-radius:999px;background:var(--fog-50)}
.dash-status.on{color:var(--ok-t);background:var(--ok-bg)}
.dash-status.on::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px}
.dash-result{font-size:14px;color:var(--muted)}
.dash-result strong{display:block;font-size:34px;line-height:1.1;color:var(--navy-900);font-weight:800}
.dash-cpr{font-size:15px;font-weight:700;color:var(--ink)}
.dash-spend{font-size:13px;color:var(--muted);margin-top:auto}
.dash-nogoal{font-size:13px;color:var(--muted);line-height:1.5}
.dash-nogoal .btn{display:flex;width:max-content;margin-top:8px}
.dash-detail h2{font-size:19px;margin-bottom:12px}
.dash-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-bottom:16px}
.dash-chart figcaption{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:4px}
.dash-readout{font-weight:600;color:var(--muted)}
.dash-chart svg{width:100%;height:auto;display:block}
.dash-combo figcaption{flex-wrap:wrap;align-items:center}
.dash-legend{display:flex;flex-wrap:wrap;gap:14px;font-weight:600;color:var(--muted)}
.dash-legend span{display:inline-flex;align-items:center;gap:6px}
.dash-key-bar{display:inline-block;width:10px;height:12px;border-radius:2px}
.dash-key-line{display:inline-block;width:16px;height:3px;border-radius:2px}
.dash-combo .dash-readout{display:block;min-height:1.5em;font-size:13px;margin-bottom:4px}
.dash-grid{stroke:var(--fog-100);stroke-width:1}
.dash-axis{font:11px Inter,sans-serif;fill:var(--muted)}
.dash-hit{fill:transparent}
.dash-col:hover .dash-hit,.dash-col:focus .dash-hit{fill:var(--fog-50)}
.dash-col:focus{outline:none}.dash-col:focus-visible .dash-hit{stroke:var(--action);stroke-width:2}
.dash-empty{color:var(--muted);font-size:13px}
.dash-table th,.dash-table td{white-space:nowrap;text-align:right;padding:7px 10px}
.dash-table th:first-child{text-align:left}
.dash-table caption{text-align:left;font-weight:700;padding:0 0 8px}
.dash-total{font-weight:800;background:var(--fog-50)}
.dash-approx{margin-left:2px;color:var(--muted);cursor:help}
.dash-note{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}
@media(max-width:700px){.dash-head{flex-direction:column}.dash-head .btn{width:100%;justify-content:center}.dash-cards{grid-template-columns:1fr}}

/* Who registered (names drill-down) */
.dash-names{margin:18px 0 6px}
.dash-names h3{margin:0 0 4px;font-size:15px}
.dash-check{display:inline-block;min-width:1.4em;font-weight:700;text-align:center}
.dash-check.ok{color:var(--good,#1a7a3a)}
.dash-check.bad{color:var(--bad,#b3261e)}
.dash-check.na{color:var(--muted,#6b7785);font-weight:500;font-size:12px}
.dash-names-table td,.dash-names-table th{text-align:left}
.dash-names-table td:nth-child(n+6),.dash-names-table th:nth-child(n+6){text-align:center}
.dash-names-table tr.dash-hasfix>*{border-bottom:0}
.dash-names-table tr.dash-fixrow td{text-align:left!important;white-space:normal;font-size:12.5px;line-height:1.45;padding-top:0;color:var(--text,#1F2A37)}
.dash-vip{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:#FFF1D6;color:#7A4A00}
.dash-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border,#e3e8ef);border:1px solid var(--border,#e3e8ef);border-radius:12px;overflow:hidden;margin:6px 0 12px}
.dash-steps>div,.dash-steps>button{background:var(--surface,#fff);padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.dash-steps span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dash-steps b{font-size:20px}
.dash-steps small{font-size:12px;color:var(--muted);line-height:1.35}
.dash-check.muted{color:var(--muted);font-weight:500}
@media (max-width:700px){.dash-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
button.dash-step{font:inherit;text-align:left;border:0;cursor:pointer;color:inherit}
button.dash-step:hover{background:var(--surface-2,#f4f7fa)}
button.dash-step[aria-pressed="true"]{box-shadow:inset 0 -3px 0 var(--accent,#0D9AA6)}
button.dash-step:focus-visible{outline:2px solid var(--accent,#0D9AA6);outline-offset:-2px}
.dash-step.off{cursor:default}
.dash-linkbtn{font:inherit;background:none;border:0;padding:0;color:var(--link,#1a5fb4);text-decoration:underline;cursor:pointer}
/* Stripe revenue, P/L and ROI (Tom, 2026-10-07) */
.dash-rev{font-size:13.5px;color:var(--ink);line-height:1.45}
.dash-rev b{font-size:15px}
.dash-rev-off{color:var(--pend-t);font-size:12.5px}
.dash-pos{color:var(--ok-t,#0a7d3f)}
.dash-neg{color:var(--err-t,#b23b3b)}
.dash-stripe{margin:18px 0 6px}
.dash-stripe h3{margin:0 0 6px;font-size:15px}
.dash-money{grid-template-columns:repeat(3,minmax(0,1fr))}
.dash-fix{font-size:13px;color:var(--ink);line-height:1.5;margin:6px 0}
.dash-fixsteps{margin:8px 0;font-size:13px;line-height:1.5}
.dash-fixsteps summary{cursor:pointer;font-weight:700;color:var(--navy-700)}
.dash-fixsteps ol{margin:6px 0 0 18px}
.dash-link{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:6px 0}
.dash-link label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.dash-link select{max-width:100%}
@media (max-width:640px){.dash-money{grid-template-columns:1fr}}

/* The Cost per Registration report (Phase 3, 2026-10-18). Shares the Dashboard's tables and charts. */
.cr-pick{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.cr-pick select{min-width:240px}
.cr-preview{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cr-preview small{color:var(--muted)}
.cr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}
.cr-tile{display:flex;flex-direction:column;gap:6px;text-align:left;background:#fff;border:1px solid var(--fog-100);border-radius:var(--r-card);box-shadow:var(--shadow);padding:16px 18px;font:inherit;color:var(--ink)}
button.cr-tile{cursor:pointer}button.cr-tile:hover{border-color:var(--fog-300)}
button.cr-tile[aria-expanded="true"]{border-color:var(--action);background:var(--fog-50)}
.cr-tile>span{font-size:13px;font-weight:700;color:var(--muted)}
.cr-tile>b{font-size:32px;line-height:1.1;color:var(--navy-900);font-weight:800}
.cr-tile>small{font-size:12.5px;color:var(--muted);line-height:1.4}
.cr-after{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.cr-after .cr-tile>b{font-size:26px}
.cr-cost.cr-good{border-color:var(--ok-t);background:var(--ok-bg)}
.cr-cost.cr-warn{border-color:var(--pend-t);background:var(--pend-bg)}
.cr-state{font-weight:700}.cr-state.cr-good{color:var(--ok-t)}.cr-state.cr-warn{color:var(--pend-t)}
.cr-meta{align-self:flex-start;background:none;border:0;padding:0;font:inherit;font-size:12.5px;color:var(--navy-700);text-decoration:underline;cursor:pointer}
.cr-target{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.cr-target label{display:flex;align-items:center;gap:4px;font-weight:600}
.cr-target input{width:90px}
.cr-note{margin:8px 0;padding:10px 14px;border-radius:var(--r-chip);background:var(--fog-50);color:var(--navy-700);border:1px solid var(--fog-100)}
.cr-note-warn{background:var(--pend-bg);color:var(--pend-t);border-color:var(--pend-bg)}
.cr-note small,.cr-connect small{display:block;margin-top:4px;color:var(--muted)}
.cr-connect{margin:8px 0;color:var(--navy-700)}
.cr-chartcard{margin-top:12px}
.cr-charts{display:grid;grid-template-columns:1fr;gap:16px;max-width:760px}
.cr-target-line{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}
.cr-history{margin:12px 0}.cr-history h3{font-size:16px;margin-bottom:8px}
.cr-bars{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.cr-bars li{display:grid;grid-template-columns:minmax(90px,140px) 1fr 80px;align-items:center;gap:10px;font-size:13.5px}
.cr-bars li small{grid-column:2/4;color:var(--muted);font-size:12px;margin-top:-6px}
.cr-bar-track{background:var(--fog-50);border-radius:4px;height:12px;overflow:hidden}
.cr-bar{display:block;height:100%;background:var(--navy-500);border-radius:4px}
.cr-current .cr-bar{background:var(--action)}
.cr-perad{margin-top:16px}.cr-perad h3{font-size:16px;margin-bottom:8px}.cr-perad h3 small{color:var(--muted);font-weight:600}
.cr-table th[scope="row"]{text-align:left}
.cr-camp th,.cr-camp td{font-weight:700;background:var(--fog-50)}
.cr-set th[scope="row"]{padding-left:22px}
.cr-ad th[scope="row"]{padding-left:40px;font-weight:500}
.cr-early td,.cr-early th{color:var(--muted)}
.cr-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--fog-50);border:1px solid var(--fog-100);color:var(--muted);font-size:11px;font-weight:600}
.cr-untied th,.cr-untied td{border-top:2px solid var(--fog-100)}
@media (max-width:640px){.cr-tile>b{font-size:26px}.cr-bars li{grid-template-columns:90px 1fr 64px}}
