/* Auth-Onboard admin portal. Look and feel: Andy Kemp Tools (light theme). See docs/BRAND.md. */
:root{
  --colour-bg:#ffffff;--colour-bg-soft:#f7f3ef;--colour-panel:#ffffff;--colour-panel-raised:#f4ede6;
  --colour-text:#302923;--colour-heading:#201a16;--colour-muted:#625850;
  --colour-border:#75401f38;--colour-border-strong:#75401f6b;
  --colour-copper:#8a4e2e;--colour-copper-dark:#60351f;--colour-copper-light:#75401f;--colour-focus:#75401f;
  --btn-gradient:linear-gradient(135deg,#8a4e2e 0%,#60351f 100%);--btn-shadow:0 4px 12px rgba(189,116,72,.25);
  --shadow-card:0 1px 2px rgba(117,64,31,.06);--shadow-card-hover:0 10px 28px rgba(117,64,31,.12);
  --font-sans:Inter,Aptos,"Segoe UI",system-ui,-apple-system,sans-serif;
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;
  /* Method strength, one diverging scale (blue protected, grey one computer only, red at risk). Labels always go with it. */
  --pr:#104281;--pl:#2a78d6;--mfa:#86b6ef;--whfb:#77746c;--totp:#ec9a8e;--weak:#d03b3b;--none:#8a1c1c;
  /* Batch progress */
  --done:#104281;--doing:#5598e7;--notsent:#b9b6ad;--problem:#d03b3b;--exception:#77746c;
  --good:#1f7a3d;--warn:#9a6200;--bad:#a3322a;
  color-scheme:light;
}
*{box-sizing:border-box}
html{background:var(--colour-bg)}
body{margin:0;background:var(--colour-bg-soft);color:var(--colour-text);font:14px/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
h1,h2,h3{color:var(--colour-heading);letter-spacing:-.01em}
h1{font-size:26px;margin:2px 0 0}
h2{font-size:17px;margin:0 0 8px}
h3{font-size:15px;margin:0}
a{color:var(--colour-copper)}
a:hover{color:var(--colour-copper-dark)}
::selection{background:color-mix(in srgb,var(--colour-copper) 30%,transparent)}
:focus-visible{outline:2px solid var(--colour-focus);outline-offset:2px}
code{background:var(--colour-panel-raised);padding:0 4px;border-radius:var(--radius-sm);font-size:.92em}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--colour-copper);margin:0}
.muted{color:var(--colour-muted)}
.small{font-size:12.5px}
.lead{color:var(--colour-muted);margin:0 0 14px;max-width:72ch}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:6px 10px;z-index:30}
.skip:focus{left:8px}

/* Header, footer */
.bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;background:#fffffff5;border-bottom:1px solid var(--colour-border);flex-wrap:wrap;backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:34px;width:auto;display:block}
.brand-text{display:flex;flex-direction:column;line-height:1.2;border-left:1px solid var(--colour-border);padding-left:14px}
.brand-name{font-weight:700;font-size:16px;color:var(--colour-heading)}
.bar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pill{border:1px solid var(--colour-border-strong);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--colour-copper-light);background:var(--colour-panel);white-space:nowrap}
.link{color:var(--colour-copper-light);text-decoration:none}
.site-footer{margin-top:auto;border-top:1px solid var(--colour-border);background:var(--colour-bg-soft);color:var(--colour-muted);font-size:13px}
.site-footer .inner{max-width:1360px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.site-footer a{color:var(--colour-muted);text-decoration:none}

/* Shell: side navigation and content */
.shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1360px;width:100%;margin:0 auto;flex:1}
.side{position:sticky;top:58px;align-self:start;display:flex;flex-direction:column;gap:2px;padding:22px 12px 22px 20px;height:calc(100vh - 58px)}
.side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--colour-text);text-decoration:none;font-weight:500}
.side a .ico{width:18px;text-align:center;color:var(--colour-copper);font-size:15px}
.side a:hover{background:var(--colour-panel)}
.side a[aria-current="page"]{background:var(--colour-panel);color:var(--colour-heading);font-weight:600;box-shadow:inset 3px 0 0 var(--colour-copper),var(--shadow-card)}
.side .count{margin-left:auto;font-size:11.5px;color:var(--colour-muted);font-variant-numeric:tabular-nums}
.side-foot{margin-top:auto;padding:12px}
.side-foot a{padding:0;display:inline}
.content{padding:22px 20px 40px;display:grid;gap:18px;align-content:start;min-width:0;outline:none}
.view{display:grid;gap:18px;align-content:start;min-width:0}
.view-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:sticky;top:0;z-index:15;flex-direction:row;overflow-x:auto;height:auto;padding:8px 12px;background:var(--colour-bg-soft);border-bottom:1px solid var(--colour-border)}
  .side a{white-space:nowrap;padding:7px 10px}
  .side-foot{display:none}
  .brand-text{display:none}
}

/* Cards and layout helpers */
.card{background:var(--colour-panel);border:1px solid var(--colour-border);border-radius:var(--radius-lg);padding:20px;min-width:0;box-shadow:var(--shadow-card)}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.card-head h2,.card-head h3{margin:0}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.grid-report{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
.stack{display:grid;gap:18px}
@media (max-width:1100px){.grid-2,.grid-report{grid-template-columns:1fr}}
.row-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row-actions.end{justify-content:flex-end}

/* Buttons and inputs */
input,select,button,textarea{font:inherit;color:inherit}
input:not([type]),input[type=text],input[type=number],input[type=search],input[type=email],input[type=url],input[type=date],select,textarea{background:var(--colour-panel);color:var(--colour-text);border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);padding:7px 10px;min-width:0}
input[type=radio],input[type=checkbox]{accent-color:var(--colour-copper)}
.btn{display:inline-flex;align-items:center;gap:6px;background-image:var(--btn-gradient);color:#fff;border:0;border-radius:var(--radius-md);padding:8px 16px;cursor:pointer;font-weight:600;box-shadow:var(--btn-shadow);transition:filter .2s ease;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.08);color:#fff}
.btn.ghost{background:var(--colour-panel);background-image:none;color:var(--colour-copper);border:1px solid var(--colour-border-strong);box-shadow:none}
.btn.ghost:hover{border-color:var(--colour-copper);color:var(--colour-copper-dark);filter:none}
.btn.small{padding:5px 11px;font-size:12.5px}
.btn.danger{color:#9b2c1f;border-color:#d9a79f}
.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}
.btn-link{background:none;border:0;padding:0;color:var(--colour-copper);text-decoration:underline;cursor:pointer;font:inherit}

/* Next step */
.next{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--colour-panel);border:1px solid var(--colour-border);border-left:5px solid var(--colour-copper);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-card-hover)}
.next .badge-next{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--colour-panel-raised);color:var(--colour-copper);font-size:20px;font-weight:700}
.next h2{margin:0 0 4px;font-size:18px}
.next p{margin:0;color:var(--colour-muted)}
.next.ok{border-left-color:var(--good)}
.next.ok .badge-next{color:var(--good)}
@media (max-width:700px){.next{grid-template-columns:1fr}.next .badge-next{display:none}}

/* Journey */
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;counter-reset:step}
.journey li{position:relative;padding:12px 12px 12px 44px;border-radius:var(--radius-md);background:var(--colour-panel);border:1px solid var(--colour-border);min-width:0}
.journey li::before{counter-increment:step;content:counter(step);position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--colour-panel-raised);color:var(--colour-muted)}
.journey li.done::before{content:'✓';background:var(--good);color:#fff}
.journey li.now{border-color:var(--colour-copper);box-shadow:0 0 0 1px var(--colour-copper)}
.journey li.now::before{background:var(--colour-copper);color:#fff}
.journey .t{font-weight:600;color:var(--colour-heading);font-size:13.5px;display:block}
.journey .d{font-size:12px;color:var(--colour-muted);display:block}
@media (max-width:1100px){.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* KPI tiles */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{background:var(--colour-panel);border:1px solid var(--colour-border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card);text-decoration:none;color:inherit;display:block}
a.kpi:hover{box-shadow:var(--shadow-card-hover)}
.kpi .v{font-size:28px;font-weight:700;color:var(--colour-heading);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}
.kpi .l{font-size:13px;color:var(--colour-text);margin-top:4px}
.kpi .n{font-size:12px;color:var(--colour-muted);margin-top:2px}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Progress funnel */
.funnel{display:grid;gap:8px}
.funnel .row{display:grid;grid-template-columns:150px minmax(0,1fr) 92px;align-items:center;gap:10px;font-size:13px}
.funnel .track{height:14px;border-radius:4px;background:var(--colour-panel-raised);overflow:hidden}
.funnel .fill{height:100%;background:#2a78d6;border-radius:4px}
.funnel .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--colour-heading)}

/* Needs attention */
.attention{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.attention li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);background:var(--colour-bg-soft)}
.attention .dot{width:8px;height:8px;border-radius:50%;flex:none}
.attention .dot.bad{background:var(--bad)}.attention .dot.warn{background:var(--warn)}.attention .dot.info{background:var(--colour-copper)}
.attention a{margin-left:auto;white-space:nowrap;font-size:12.5px}
.attention .clear{color:var(--good);background:none;padding:6px 0}

/* Stacked bars (tenant mix, batches) */
.stack-bar{display:flex;height:28px;border-radius:6px;overflow:hidden;gap:2px;background:var(--colour-panel)}
.stack-bar span{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;min-width:0;overflow:hidden;white-space:nowrap}
.stack-bar.thin{height:12px;border-radius:4px}
.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--colour-text);margin:10px 0 0;padding:0;list-style:none}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}

/* People */
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters input[type=search]{flex:1 1 260px;max-width:420px}
.selbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-panel-raised);font-size:13px;position:sticky;top:64px;z-index:5}
.table-wrap{overflow-x:auto;background:var(--colour-panel);border:1px solid var(--colour-border);border-radius:var(--radius-lg)}
table{border-collapse:collapse;width:100%;font-size:13px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--colour-border);vertical-align:middle;white-space:nowrap}
th{color:var(--colour-muted);font-weight:600;background:var(--colour-bg-soft);position:sticky;top:0}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#faf6f2}
table.people tbody tr{cursor:pointer}
th.pick,td.pick{width:34px;padding-right:0}
.who{font-weight:600;color:var(--colour-heading)}
.upn{color:var(--colour-muted);font-size:12px}
.table-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:2px 9px;font-size:12px;border:1px solid var(--colour-border-strong);background:var(--colour-panel);color:var(--colour-text)}
.badge i{width:8px;height:8px;border-radius:50%;display:inline-block}
.badge.st-Active{border-color:#1f7a3d66;color:var(--good)}
.badge.st-Error,.badge.st-Blocked{border-color:#a3322a66;color:var(--bad)}
.badge.st-Staged{border-style:dashed;color:var(--colour-muted)}
.badge.st-Exception{color:var(--warn);border-color:#9a620066}
.empty-row td{text-align:center;color:var(--colour-muted);padding:28px}

/* Batches */
.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.batch-card{display:grid;gap:10px}
.batch-card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.batch-card h3{font-size:16px;word-break:break-word}
.batch-card .meta{font-size:12.5px;color:var(--colour-muted)}
.batch-card .when{font-size:12.5px}
.batch-card .when.due{color:var(--warn);font-weight:600}
.batch-card .nums{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px}
.batch-card .nums b{color:var(--colour-heading);font-variant-numeric:tabular-nums}
.tag{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--pr);background:#e8f0fb;border-radius:4px;padding:2px 6px;white-space:nowrap}

/* Empty states */
.empty{text-align:center;padding:40px 24px;background:var(--colour-panel);border:1px dashed var(--colour-border-strong);border-radius:var(--radius-lg)}
.empty h2{font-size:20px}
.empty p{max-width:60ch;margin:0 auto 16px;color:var(--colour-muted)}

/* Find people */
.tabs{display:inline-flex;border:1px solid var(--colour-border-strong);border-radius:999px;overflow:hidden;background:var(--colour-panel);justify-self:start}
.tabs button{background:none;border:0;padding:7px 16px;cursor:pointer;color:var(--colour-muted);font-weight:500}
.tabs button[aria-selected="true"]{background:var(--colour-copper);color:#fff}
.cohorts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cohort{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 16px;border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-panel);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.cohort:hover{box-shadow:var(--shadow-card-hover)}
.cohort.on{border-color:var(--colour-copper);box-shadow:0 0 0 1px var(--colour-copper)}
.cohort.off{cursor:default;opacity:.75}
.cohort input{margin-top:4px}
.cohort .n{font-size:22px;font-weight:700;color:var(--colour-heading);font-variant-numeric:tabular-nums;line-height:1.1}
.cohort .t{font-weight:600;color:var(--colour-heading)}
.cohort .h{grid-column:2;font-size:12.5px;color:var(--colour-muted)}
.cohort .a{grid-column:2;display:flex;gap:6px;margin-top:6px}
.cohort .sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:0}
.viewer input[type=search]{width:100%;max-width:420px;margin:0 0 10px}
.viewer-table{max-height:420px;overflow:auto}
.viewer-table td{white-space:normal;word-break:break-word}
.import h2{margin-bottom:12px}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.steps3{grid-template-columns:1fr}}
.steps3 fieldset{border:1px solid var(--colour-border);border-radius:var(--radius-md);padding:10px 14px 12px;margin:0;display:grid;gap:8px;align-content:start}
.steps3 legend{font-weight:600;color:var(--colour-heading);padding:0 6px}
.steps3 .num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--colour-copper);color:#fff;font-size:11.5px;margin-right:4px}
.steps3 label{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.steps3 label.sub{padding-left:22px;font-size:13px;color:var(--colour-muted)}
.steps3 input[type=number]{width:4.5em;padding:4px 6px}
.summary{margin:14px 0 10px;padding:10px 14px;background:var(--colour-bg-soft);border-radius:var(--radius-md);font-weight:500}
.note{border-radius:var(--radius-md);padding:10px 14px;font-size:14px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.note.warn{background:#fdf3e2;color:#5c3d00;border-left:3px solid #c98a1a}
.upload{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.file{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--colour-border-strong);border-radius:var(--radius-md);padding:7px 12px;cursor:pointer;background:var(--colour-bg-soft)}
.file input{position:absolute;opacity:0;width:1px;height:1px}
.file:focus-within{outline:2px solid var(--colour-focus);outline-offset:2px}
.result{margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--colour-panel-raised);font-size:13px}
.members .bucket{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--colour-border)}

/* Forms */
.form{display:grid;gap:12px}
.form label{display:grid;gap:4px;font-size:13px;color:var(--colour-muted)}
.form input:not([type=radio]):not([type=checkbox]):not([type=color]),.form textarea{width:100%}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.grid2 .wide{grid-column:1/-1}
@media (max-width:640px){.grid2{grid-template-columns:1fr}}
.choices{border:1px solid var(--colour-border);border-radius:var(--radius-md);padding:8px 14px 10px;margin:0;display:grid;gap:6px}
.choices legend{font-weight:600;color:var(--colour-heading);padding:0 6px;font-size:13px}
.form .choices label{display:flex;align-items:center;gap:8px;color:var(--colour-text);font-size:14px}
.form .choices select{width:auto}
.colour{display:flex;align-items:center;gap:10px}
.colour input{width:52px;height:34px;padding:2px;border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);background:var(--colour-panel)}
.pick-list{list-style:none;margin:0;padding:0;border:1px solid var(--colour-border-strong);border-radius:var(--radius-md);max-height:220px;overflow:auto}
.pick-list li button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;cursor:pointer}
.pick-list li button:hover,.pick-list li button:focus{background:var(--colour-panel-raised)}
.pick-list li+li{border-top:1px solid var(--colour-border)}

/* Reports */
.preview-card iframe{width:100%;height:720px;border:1px solid var(--colour-border);border-radius:var(--radius-md);background:#fff}

/* Settings: email preview, about */
.mail-preview{border:1px solid var(--colour-border);border-radius:var(--radius-md);overflow:hidden;background:#f3f4f6;font-family:"Segoe UI",Arial,sans-serif}
.mp-head{padding:14px 18px;color:#fff;font-weight:600;display:flex;align-items:center;gap:10px;min-height:52px}
.mp-head img{max-height:30px;max-width:140px;background:#fff;border-radius:4px;padding:2px}
.mp-body{background:#fff;margin:0 12px 12px;padding:16px 18px;border-radius:0 0 6px 6px;font-size:13.5px;color:#1f2933}
.mp-subject{font-weight:700;margin:0 0 8px}
.mp-body p{margin:0 0 10px;white-space:pre-line}
.mp-btn{display:inline-block;color:#fff;border-radius:6px;padding:8px 14px;font-weight:600;margin:4px 0 10px}
.mp-support{font-size:12px;color:#52606d}
.about{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px;font-size:13px}
.about dt{color:var(--colour-muted)}
.about dd{margin:0;color:var(--colour-heading);word-break:break-word}

/* Dialogs */
dialog{border:1px solid var(--colour-border);border-radius:var(--radius-lg);background:var(--colour-panel);color:var(--colour-text);max-width:460px;width:calc(100% - 32px);padding:22px;box-shadow:var(--shadow-card-hover)}
dialog::backdrop{background:rgba(32,26,22,.45)}
dialog h2{font-size:18px;margin:0 0 8px}
dialog label{display:grid;gap:4px;margin:10px 0;font-size:13px;color:var(--colour-muted)}
dialog input,dialog select{width:100%}
.ask-body p{margin:0 0 8px}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
dialog.drawer{margin:0 0 0 auto;height:100vh;max-height:100vh;max-width:520px;width:min(520px,100vw);border-radius:0;border-width:0 0 0 1px;padding:22px 24px;overflow:auto}
.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.drawer dl{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;margin:14px 0;font-size:13px}
.drawer dt{color:var(--colour-muted)}
.drawer dd{margin:0;word-break:break-word}
.timeline{list-style:none;margin:12px 0;padding:0 0 0 14px;border-left:2px solid var(--colour-border)}
.timeline li{position:relative;margin:0 0 10px;font-size:13px}
.timeline li::before{content:'';position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--colour-border-strong)}
.timeline li.on::before{background:var(--colour-copper)}
.timeline .d{color:var(--colour-muted);font-size:12px}

.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--colour-heading);color:#fff;padding:10px 18px;border-radius:var(--radius-md);max-width:calc(100% - 32px);box-shadow:var(--shadow-card-hover);z-index:40}
.skeleton{height:28px;border-radius:6px;background:linear-gradient(90deg,#f1ebe5 0%,#f8f4f0 50%,#f1ebe5 100%);background-size:200% 100%;animation:shimmer 1.2s infinite}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}
.btn.danger-solid{background-image:linear-gradient(135deg,#b23a2b 0%,#8a2418 100%);box-shadow:0 4px 12px rgba(178,58,43,.25)}
.hello-block{margin-top:22px;padding-top:16px;border-top:1px solid var(--colour-border)}
.hello-block h3{font-size:14px;margin:0 0 8px}
.hello-block p{margin:8px 0 0}