/* =====================================================================
   HumanlyReview — shared design system  (styles.css)   v20260924.2
   Brand: deep navy + gold, serif headings. One file for every page.
   NOTE: token names deliberately avoid --primary/--accent/--text/... so
   that old backend "theme colour" settings can never override the brand.
   ===================================================================== */
:root{
  --navy:#0F1F5E;--navy2:#0A1745;--ink:#141B45;--muted:#33396A;
  --gold:#F6BC3F;--gold2:#E3A522;--gold3:#B8820F;--gold4:#9C6D08;--amber:#7A4E00;
  --mist:#F4F6FC;--line:#C9D0E8;--onnavy:#E9ECF8;
  --ok:#1B6B41;--ok-bg:#E9F1EB;--ok-line:#A5C2AE;
  --bad:#A61B29;--bad-bg:#FBEAEA;--bad-line:#E3B4B4;
  --warn:#7A4E00;--warn-bg:#FFF6DC;--warn-line:#E8C56A;
  --info-bg:#EEF1FB;--info-line:#B9C3EA;
  --wa:#0E7A44;--wa-d:#085A31;
  --r:20px;--r-sm:14px;
  --serif:Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --sec:clamp(3.5rem,8vw,6rem);
  --ring:0 0 0 4px rgba(246,188,63,.55);
  --shadow:0 12px 32px rgba(15,31,94,.12);
}
*{box-sizing:border-box}
html{overflow-anchor:none;font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5.5rem}
html[data-size="1"]{font-size:112.5%}
html[data-size="2"]{font-size:125%}
body{margin:0;font:1.0625rem/1.6 var(--sans);color:var(--ink);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
img,svg{max-width:100%}
a{color:var(--navy)}
p{margin:0}
h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);margin:0;line-height:1.15;letter-spacing:-.005em}
h1{font-size:clamp(2rem,6.5vw,3rem)}
h2{font-size:clamp(1.6rem,5vw,2.4rem)}
h3{font-size:1.3rem;line-height:1.25}
h4{font-size:1.1rem}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:4px solid var(--gold);outline-offset:3px;border-radius:6px}
.hidden{display:none!important}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.mini{font-size:.85rem;color:var(--muted)}
.center{text-align:center}
.right{text-align:right}
.spaced{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.inline{display:flex;gap:.75rem 1.25rem;align-items:center;flex-wrap:wrap}
.divider{height:2px;background:var(--line);margin:1.4rem 0;border:0}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--navy2);padding:.7rem 1rem;font-weight:800;border-radius:8px;z-index:200}
.skip:focus{left:8px}
.container,.wrap{width:min(70rem,calc(100% - 2.5rem));margin:0 auto}
.i{width:1.5rem;height:1.5rem;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.eyebrow,.kick{font-weight:800;letter-spacing:.14em;font-size:.8rem;text-transform:uppercase;color:var(--amber);margin-bottom:.8rem;display:block}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:.55rem 1.6rem;font-weight:800;font-size:1.05rem;line-height:1.15;font-family:inherit;text-decoration:none;text-align:center;border-radius:999px;cursor:pointer;color:var(--navy2);background:linear-gradient(180deg,#FFCB57,var(--gold2));border:2px solid var(--gold3);box-shadow:0 4px 0 var(--gold4),0 10px 18px rgba(15,31,94,.16);transition:transform .08s,box-shadow .08s,background .15s,border-color .15s;position:relative;-webkit-tap-highlight-color:transparent}
.btn:hover:not(:disabled){filter:brightness(1.03)}
.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--gold4),0 4px 8px rgba(15,31,94,.16)}
.btn.sm,.btn-compact{min-height:2.6rem;padding:.3rem 1.1rem;font-size:.95rem;box-shadow:0 3px 0 var(--gold4)}
.btn.secondary{background:#fff;color:var(--navy);border-color:var(--navy);box-shadow:none}
.btn.secondary:hover:not(:disabled){background:var(--mist)}
.btn.secondary:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.btn.out{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:none}
.btn.out:hover:not(:disabled){background:rgba(255,255,255,.1)}
.btn.out.dk{color:var(--navy);border-color:var(--navy)}
.btn.out.dk:hover:not(:disabled){background:var(--mist)}
.btn.success{background:linear-gradient(180deg,#2C8A57,var(--ok));color:#fff;border-color:#124A2D;box-shadow:0 4px 0 #124A2D,0 10px 18px rgba(15,31,94,.16)}
.btn.danger{background:linear-gradient(180deg,#C7303E,var(--bad));color:#fff;border-color:#7A1019;box-shadow:0 4px 0 #7A1019,0 10px 18px rgba(15,31,94,.16)}
.btn.wa{background:var(--wa);color:#fff;border-color:var(--wa-d);box-shadow:0 4px 0 var(--wa-d),0 10px 18px rgba(0,0,0,.14)}
.btn.text-button,.text-button{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;min-height:2.6rem;padding:.3rem .4rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.text-button:hover{color:var(--navy)!important}
.btn:disabled,.btn.is-disabled{background:#E4E7F2;color:#666C92;border-color:var(--line);box-shadow:none;cursor:not-allowed;transform:none}
.btn[aria-busy="true"]{cursor:wait;pointer-events:none}
.btn[aria-busy="true"]::before{content:"";width:1.05rem;height:1.05rem;border:3px solid rgba(15,31,94,.25);border-top-color:currentColor;border-radius:50%;animation:hrspin .7s linear infinite;flex:none}
.btn.success[aria-busy="true"]::before,.btn.danger[aria-busy="true"]::before,.btn.wa[aria-busy="true"]::before{border-color:rgba(255,255,255,.4);border-top-color:#fff}
.icon-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid var(--line);background:#fff;color:var(--navy);font-size:1.6rem;line-height:1;padding:0}
.icon-btn:hover{background:var(--mist)}
.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem;align-items:center}
@keyframes hrspin{to{transform:rotate(360deg)}}

/* ---------- badges & notices ---------- */
.badge,.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;font-size:.82rem;font-weight:800;background:#E6E9F6;color:#26305F;line-height:1.2;border:1.5px solid transparent}
.badge::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex:none}
.badge.info,.pill-blue{background:var(--info-bg);color:var(--navy);border-color:var(--info-line)}
.badge.success,.pill-green{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-line)}
.badge.warning,.pill-amber{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}
.badge.danger{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-line)}
.pill-gray{background:#EDEFF6;color:#464C77;border-color:var(--line)}
.status-pill::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.notice{position:relative;padding:1rem 1.15rem;border-radius:var(--r-sm);background:var(--mist);border:2px solid var(--line);color:var(--ink);line-height:1.5;overflow-wrap:anywhere}
.notice strong{font-weight:800}
.notice.info,.notice.success,.notice.warning,.notice.danger{padding-left:3.1rem}
.notice.info::before,.notice.success::before,.notice.warning::before,.notice.danger::before{content:"";position:absolute;left:1rem;top:1.1rem;width:1.35rem;height:1.35rem;background:center/contain no-repeat}
.notice.info{background:var(--info-bg);border-color:var(--info-line)}
.notice.success{background:var(--ok-bg);border-color:var(--ok-line);color:#143726}
.notice.warning{background:var(--warn-bg);border-color:var(--warn-line);color:#4F3200}
.notice.danger{background:var(--bad-bg);border-color:var(--bad-line);color:#7A1019}
.notice.info::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1F5E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 7.6h.01'/%3E%3C/svg%3E")}
.notice.success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B6B41' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M7.8 12.4l3 3 5.6-6.2'/%3E%3C/svg%3E")}
.notice.warning::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A4E00' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l9.5 16.5h-19z'/%3E%3Cpath d='M12 10v4.5M12 17.4h.01'/%3E%3C/svg%3E")}
.notice.danger::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A61B29' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.4h.01'/%3E%3C/svg%3E")}
.notice.hidden{display:none!important}
.notice .actions{margin-top:.8rem}
.notice a{font-weight:700}

/* ---------- toasts ---------- */
#toast-host{position:fixed;z-index:400;left:0;right:0;bottom:calc(1rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:0 1rem;pointer-events:none}
.toast{pointer-events:auto;cursor:pointer;display:flex;align-items:flex-start;gap:.7rem;max-width:32rem;width:100%;background:var(--navy2);color:#fff;padding:.9rem 1.1rem;border-radius:14px;border-left:6px solid var(--gold);box-shadow:0 14px 34px rgba(0,0,0,.35);font-weight:600;font-size:.98rem;line-height:1.4;transform:translateY(14px);opacity:0;transition:transform .22s,opacity .22s}
.toast.visible{transform:none;opacity:1}
.toast.success{border-left-color:#4FC383}
.toast.warning{border-left-color:var(--gold)}
.toast.danger{border-left-color:#FF7B85}
.toast .tx{flex:1;min-width:0;overflow-wrap:anywhere}
.toast .tc{flex:none;opacity:.7;font-size:1.2rem;line-height:1}
.loading-spinner{width:1.5rem;height:1.5rem;border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;animation:hrspin .75s linear infinite;flex:none;display:inline-block}
.loading-panel{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;border:2px solid var(--line);border-radius:var(--r-sm);background:var(--mist)}
.skeleton{background:linear-gradient(90deg,#EDF0F9,#fff,#EDF0F9);background-size:200% 100%;animation:sk 1.3s linear infinite;border-radius:10px;height:1.1rem}
.skeleton.tall{height:7rem;border-radius:var(--r)}
@keyframes sk{to{background-position:-200% 0}}

/* ---------- forms ---------- */
.field{margin:1.1rem 0}
.field>label,label.lbl{display:block;font-weight:800;color:var(--navy);margin-bottom:.45rem}
.input,.select,.textarea{display:block;width:100%;min-height:3.25rem;padding:.6rem 1rem;border:2px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--ink);font-size:1.0625rem;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}
.select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F1F5E' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right .9rem center/1.2rem no-repeat;padding-right:2.8rem}
.textarea{min-height:9rem;resize:vertical;line-height:1.5}
.input::placeholder,.textarea::placeholder{color:#7A80A6}
.input:hover,.select:hover,.textarea:hover{border-color:#9AA5D2}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--navy);box-shadow:var(--ring)}
.input.is-valid{border-color:var(--ok);padding-right:3rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%231B6B41'/%3E%3Cpath d='M6.8 12.4l3.6 3.6 6.8-7.4' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right .85rem center/1.5rem no-repeat}
.input.is-invalid{border-color:var(--bad);padding-right:3rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23A61B29'/%3E%3Cpath d='M12 6.8v6.4M12 16.9h.01' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round'/%3E%3C/svg%3E") right .85rem center/1.5rem no-repeat}
.input.is-valid:focus{box-shadow:0 0 0 4px rgba(27,107,65,.25)}
.input.is-invalid:focus{box-shadow:0 0 0 4px rgba(166,27,41,.2)}
.field-hint{margin-top:.45rem;font-size:.92rem;font-weight:600;line-height:1.4;color:var(--muted)}
.field-hint.ok{color:var(--ok)}
.field-hint.bad{color:var(--bad)}
.field-hint button{background:none;border:0;padding:0;font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.field-count{text-align:right;font-size:.85rem;color:var(--muted);margin-top:.3rem}
.otp-input{text-align:center;font:700 1.9rem/1 var(--sans);letter-spacing:.45em;padding-left:1.45em;min-height:4rem}
.otp-input.is-valid,.otp-input.is-invalid{padding-right:3rem}
input:disabled,textarea:disabled,select:disabled,.identity-email-locked{background:#EDEFF6!important;color:#555B85!important;-webkit-text-fill-color:#555B85;cursor:not-allowed;border-color:var(--line)!important;box-shadow:none!important;background-image:none!important}
input[type=checkbox],input[type=radio]{accent-color:var(--navy);width:1.35rem;height:1.35rem;flex:none;margin:0}
label.inline{cursor:pointer;font-weight:700}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.1rem}
.choice-card{display:flex;align-items:flex-start;gap:.85rem;padding:1.1rem;border:2px solid var(--line);border-radius:16px;background:#fff;cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s}
.choice-card:hover{border-color:var(--navy)}
.choice-card input{margin-top:.15rem}
.choice-card span{display:grid;gap:.25rem;min-width:0}
.choice-card strong{color:var(--navy);line-height:1.3}
.choice-card small{color:var(--muted);font-size:.9rem;line-height:1.4}
.choice-card:has(input:checked){border-color:var(--navy);background:var(--info-bg);box-shadow:0 0 0 3px var(--gold)}
.choice-card:focus-within{box-shadow:var(--ring)}
.statline{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;border-bottom:2px dotted var(--line)}
.statline:last-child{border-bottom:0}
.statline span{color:var(--muted)}
.statline strong{color:var(--navy);text-align:right;overflow-wrap:anywhere}
.progress{height:.8rem;background:var(--line);border-radius:99px;overflow:hidden}
.progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:99px;transition:width .3s}

/* ---------- header / brand / footer ---------- */
.topbar{position:sticky;top:0;z-index:60;background:#fff;border-bottom:2px solid var(--line)}
.topbar .nav{display:flex;align-items:center;gap:1rem;min-height:4.2rem;position:relative}
.brand{display:inline-flex;align-items:center;gap:.65rem;margin-right:auto;text-decoration:none;color:var(--navy);font-weight:800;min-width:0}
.brand-mark{width:2.3rem;height:2.3rem;flex:none;display:block}
.wmk{font:700 1.3rem/1 Georgia,serif;color:var(--navy);white-space:nowrap}
.wmk span{color:var(--gold3)}
.navlinks{display:flex;gap:1.5rem;align-items:center}
.navlinks a{font-weight:700;text-decoration:none;color:var(--navy);padding:.5rem 0}
.navlinks a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--gold);text-underline-offset:6px}
.navlinks.main{display:none;margin-right:.5rem;gap:1.7rem}
.aa,.menu-btn{width:2.7rem;height:2.7rem;border-radius:50%;border:2px solid var(--navy);background:#fff;color:var(--navy);font:800 1.05rem/1 Georgia,serif;display:inline-grid;place-items:center;padding:0}
.aa:hover,.menu-btn:hover{background:var(--mist)}
.menu-btn .i{width:1.4rem;height:1.4rem}
.topcta{display:none}
@media(min-width:600px){.topcta{display:inline-flex}}
@media(min-width:920px){.navlinks.main{display:flex}.menu-btn{display:none}}
#mobile-nav{position:absolute;left:0;right:0;top:calc(100% + 2px);background:#fff;border:2px solid var(--navy);border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.25);padding:.6rem;display:grid;z-index:70}
#mobile-nav[hidden]{display:none}
#mobile-nav a{padding:.85rem 1rem;border-radius:10px;font-weight:700;text-decoration:none;color:var(--navy)}
#mobile-nav a:hover,#mobile-nav a:focus-visible{background:var(--mist)}
#a11y{position:absolute;right:0;top:calc(100% + .4rem);width:min(20rem,calc(100vw - 2.5rem));background:#fff;border:2px solid var(--navy);border-radius:16px;padding:1.1rem 1.2rem;box-shadow:0 14px 34px rgba(0,0,0,.28);z-index:80}
#a11y[hidden]{display:none}
#a11y b{display:block;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem}
#a11y .row{display:flex;gap:.5rem;margin-bottom:1rem}
#a11y button{flex:1;min-height:2.9rem;border-radius:12px;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:800}
#a11y button[aria-pressed="true"],#a11y button[aria-checked="true"]{background:var(--navy);color:#fff}
#a11y .reset{width:100%;border-style:dashed;font-weight:700}
.maint-bar{background:var(--warn-bg);color:#4F3200;border-bottom:2px solid var(--warn-line);padding:.7rem 0;font-weight:700;text-align:center}
.footer{background:var(--navy2);color:#D3D9EE;padding:2.75rem 0;border-top:4px solid var(--gold);margin-top:0}
.footer a{color:#fff}
.footer strong{color:#fff}
.fbrand{display:flex;align-items:center;gap:.8rem;color:#fff;flex-wrap:wrap}
.fbrand .brand-mark{width:2.6rem;height:2.6rem}
.fbrand .wmk{color:#fff;font-size:clamp(1.15rem,5vw,1.5rem)}
.fbrand .wmk span{color:var(--gold)}
.footer .tag2{margin-top:.8rem;color:#E1E5F5}
.flinks{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:1.3rem 0}
.flinks a{font-weight:700;padding:.4rem 0}
.footer .small{color:#C9CFE8}
.footer.landing-footer{padding-bottom:7.5rem}
@media(min-width:800px){.footer.landing-footer{padding-bottom:3rem}}

/* ---------- generic layout & cards ---------- */
main{display:block}
main>section{padding:var(--sec) 0}
.section{padding:var(--sec) 0}
.page-section{padding:2.5rem 0 4rem;background:var(--mist);min-height:60vh}
.card{background:#fff;border:2px solid var(--line);border-radius:var(--r);box-shadow:0 8px 24px rgba(15,31,94,.06)}
.card.pad,.pad{padding:1.75rem}
.form-wrap{max-width:46rem;margin:0 auto}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.grid-2>*,.grid-3>*{min-width:0}
@media(max-width:820px){.grid-2,.grid-3{grid-template-columns:1fr}.card.pad,.pad{padding:1.25rem}}
.box{background:var(--mist);border:2px solid var(--line);border-radius:var(--r-sm);padding:1.1rem 1.2rem}

/* ---------- landing ---------- */
.head{max-width:44rem}
.head.c{margin:0 auto;text-align:center}
.lead{font-size:1.15rem;color:var(--muted);margin-top:1rem}
.dark .kick,.hero .kick{color:var(--gold)}
.hero{background:radial-gradient(60rem 30rem at 92% -10%,rgba(70,90,175,.5),rgba(70,90,175,0) 62%),linear-gradient(160deg,#050A1E,#0A1745 58%,var(--navy));color:#fff;padding:clamp(2.5rem,7vw,5.5rem) 0;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-12rem;bottom:-16rem;width:36rem;height:36rem;border-radius:50%;border:2px solid rgba(246,188,63,.22);pointer-events:none}
.herogrid{display:grid;gap:2.5rem;position:relative;z-index:1}
.herogrid>*{min-width:0}
@media(min-width:920px){.herogrid{grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem}}
.chip{display:inline-flex;align-items:center;gap:.5rem;border:2px solid rgba(246,188,63,.75);color:var(--gold);font-weight:800;font-size:.9rem;letter-spacing:.03em;padding:.4rem 1rem;border-radius:99px}
.chip .i{width:1.1rem;height:1.1rem}
.hero h1{margin:1.3rem 0;color:#fff;font-size:clamp(2.1rem,8vw,3.8rem)}
.hero h1 em{font-style:normal;color:var(--gold)}
.sub{font-size:1.2rem;line-height:1.55;color:var(--onnavy);max-width:34rem}
.cta{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:26rem}
@media(min-width:600px){.cta{flex-direction:row;max-width:none}.cta .btn{white-space:nowrap}}
.hero .btn,.cta .btn{min-height:3.6rem;padding:.6rem 2rem;font-size:1.1rem}
.assure{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin-top:1.6rem;font-weight:700;color:var(--onnavy);font-size:1rem}
.assure span{display:inline-flex;align-items:center;gap:.5rem}
.assure .i{width:1.25rem;height:1.25rem;color:var(--gold);stroke-width:2.6}
.for{margin-top:1.3rem;color:#C9CFE8}
.win{background:#fff;border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.45);color:#0B1233}
.win .bar{border-radius:18px 18px 0 0;background:#E6E9F6;padding:.65rem 1rem;font-weight:800;font-size:.75rem;letter-spacing:.12em;color:#26305F}
.win .wb{padding:1.1rem}
.orig{font:1.05rem/1.55 Georgia,"Times New Roman",serif}
.win mark{background:#A61B2922;color:inherit;text-decoration:underline solid #A61B29 3px;text-underline-offset:4px;padding:0 2px;white-space:nowrap}
.win .tag{display:inline-block;background:#A61B29;color:#fff;font:800 .7rem/1 var(--sans);padding:3px 6px;border-radius:6px;vertical-align:super;margin-left:2px}
.rc{border-left:8px solid var(--bad);box-shadow:0 0 0 2px #E3E6F4;border-radius:12px;padding:.85rem 1rem;margin-top:.9rem;background:#fff}
.rc:first-child{margin-top:0}
.rc-head{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.8rem;letter-spacing:.08em;color:var(--bad)}
.rc-head .x{background:var(--bad);color:#fff;border-radius:50%;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}
.rc.good{border-left-color:var(--ok)}
.rc.good .rc-head{color:var(--ok)}
.rc.good .rc-head .x{background:var(--ok)}
.rc .why{margin-top:.4rem;font-size:.95rem;font-weight:600;color:#2A3158;line-height:1.5}
.rc .fix{margin-top:.6rem;font-size:1.1rem;font-weight:800;background:var(--ok-bg);border:2px solid var(--ok-line);border-radius:10px;padding:.5rem .75rem;color:#143726}
.rc .fix.del{background:var(--bad-bg);border-color:var(--bad-line)}
.win del{color:#7F1D1D;background:#F5D9D9;text-decoration:line-through;padding:0 3px;border-radius:4px}
.win ins{color:#0B4A30;background:#D3E8DA;text-decoration:none;padding:0 3px;border-radius:4px}
.note-s{margin-top:1rem;font-size:.9rem;color:#C9CFE8;text-align:center}
#resume{background:var(--mist);padding:1.25rem 0;border-bottom:2px solid var(--line)}
#resume[hidden]{display:none}
.resume{border:2px solid var(--line);border-radius:var(--r);background:#fff;padding:1.5rem;max-width:44rem;box-shadow:0 8px 24px rgba(15,31,94,.1)}
.resume h2{font-size:1.5rem}
.resume p{margin-top:.5rem;color:var(--muted)}
.resume .btns{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem}
@media(min-width:600px){.resume .btns{flex-direction:row}}
.strip{background:#fff;border-bottom:2px solid var(--line);padding:1.5rem 0}
.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}
@media(min-width:860px){.strip .wrap{grid-template-columns:repeat(4,1fr)}}
.strip .wrap>*{min-width:0;display:flex;align-items:center;gap:.8rem;font-weight:700;color:var(--navy);line-height:1.3}
.strip .i{width:2rem;height:2rem}
.two{display:grid;gap:1.4rem;margin-top:2.4rem}
@media(min-width:820px){.two{grid-template-columns:1fr 1fr;gap:1.8rem}}
.two>*{min-width:0}
.panel{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:2rem}
.panel h3{margin-bottom:1.2rem;font-size:1.5rem}
.panel ul{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.panel li{display:flex;gap:.75rem;align-items:flex-start;font-weight:600}
.panel li::before{content:"";flex:none;width:1.25rem;height:1.25rem;margin-top:.25rem;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A1745' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat;border:1.5px solid var(--gold3)}
.levels{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2.2rem}
.levels span{font-weight:800;color:var(--navy);border:2px solid var(--navy);border-radius:99px;padding:.45rem 1.2rem;background:#fff}
.levels span.lv{background:var(--navy);color:var(--gold);font-family:var(--serif);font-size:1.25rem;border-color:var(--gold)}
.mist{background:var(--mist)}
.grid6{display:grid;gap:1.2rem;margin-top:2.4rem}
@media(min-width:700px){.grid6{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.grid6{grid-template-columns:repeat(3,1fr)}}
.grid6>*{min-width:0}
.tile{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:1.6rem}
.tile .ic{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--gold);color:var(--navy2);display:flex;align-items:center;justify-content:center;border:2px solid var(--gold3);margin-bottom:1rem}
.tile h3{margin-bottom:.55rem}
.tile p{color:var(--muted);font-size:1rem;line-height:1.6}
.small-note{margin-top:1.6rem;font-size:.95rem;color:var(--muted);text-align:center}
.fields{display:grid;grid-template-columns:1fr;gap:.9rem;margin-top:2.4rem}
@media(min-width:480px){.fields{grid-template-columns:1fr 1fr}}
@media(min-width:760px){.fields{grid-template-columns:repeat(3,1fr);gap:1.1rem}}
.fields>*{min-width:0}
.ftile{display:flex;align-items:center;gap:.9rem;background:#fff;border:2px solid var(--line);border-radius:16px;padding:1rem 1.1rem;min-height:4.4rem;text-decoration:none;font-weight:800;color:var(--navy);line-height:1.25}
a.ftile:hover{border-color:var(--navy)}
.ftile .i{width:2rem;height:2rem;color:var(--amber)}
.fbanner{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;margin-top:1.6rem;background:linear-gradient(160deg,#0A1745,var(--navy));color:#fff;border-radius:22px;padding:1.8rem;border:2px solid var(--gold)}
@media(min-width:760px){.fbanner{flex-direction:row;align-items:center;justify-content:space-between;padding:2rem 2.4rem}}
.fbanner h3{color:#fff;font-size:1.5rem}
.fbanner p{color:var(--onnavy);margin-top:.4rem}
.fbanner .btn{flex:none}
.steps{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:1.2rem;counter-reset:s}
@media(min-width:760px){.steps{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps>*{min-width:0}
.steps li{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:1.6rem;counter-increment:s}
.steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--gold);color:var(--navy2);font:700 1.4rem/1 var(--serif);border:2px solid var(--gold3);margin-bottom:1rem}
.steps h3{margin-bottom:.5rem}
.steps p{color:var(--muted);font-size:1rem}
.center-cta{text-align:center;margin-top:2.4rem}
.dark{background:linear-gradient(160deg,#050A1E,#0A1745 58%,var(--navy));color:#fff}
.dark h2{color:#fff}
.dark .lead{color:var(--onnavy)}
.rep{display:grid;gap:2.5rem;margin-top:2.4rem}
.rep>*{min-width:0}
@media(min-width:900px){.rep{grid-template-columns:1fr 1fr;align-items:center;gap:4rem}}
.feat{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem}
.feat li{display:flex;gap:1rem;font-size:1.1rem;color:var(--onnavy)}
.feat b{color:#fff;display:block}
.feat .ck{flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--gold);color:var(--navy2);font-weight:800;text-align:center;line-height:2rem;margin-top:.1rem}
.plans{display:grid;gap:1.2rem;margin-top:2.4rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.plans>*{min-width:0}
.plan{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:1.8rem;display:flex;flex-direction:column;gap:.2rem}
.plan .nm{font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem}
.plan .pr{font:700 2.7rem/1.1 var(--serif);color:var(--navy);margin:.5rem 0}
.plan .mt{color:var(--muted);font-weight:600}
.plan .mt b{color:var(--navy)}
.plan.empty{grid-column:1/-1;text-align:center}
.more{display:grid;gap:1.2rem;margin-top:1.2rem}
@media(min-width:720px){.more{grid-template-columns:1fr 1fr}}
.more>*{min-width:0}
.more .tile{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}
.more .btn{margin-top:auto}
.sample-grid{display:grid;gap:1.2rem;margin-top:1.8rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.sample-grid>*{min-width:0}
.sample{background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.sample p{color:var(--muted)}
.sample .btn{margin-top:auto}
.faq{max-width:48rem;margin:2.2rem auto 0}
details{border:2px solid var(--line);border-radius:16px;background:#fff;margin-top:.9rem}
details[open]{border-color:var(--navy)}
summary{cursor:pointer;list-style:none;padding:1.1rem 3.4rem 1.1rem 1.3rem;font-weight:800;font-size:1.08rem;color:var(--navy);position:relative;line-height:1.35}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font:700 1.9rem/1 var(--serif);color:var(--amber)}
details[open] summary::after{content:"\2212"}
details p{padding:0 1.3rem 1.3rem;color:var(--muted)}
.helpbox{display:flex;flex-direction:column;gap:1.4rem;align-items:flex-start;justify-content:space-between;background:#fff;border:2px solid var(--line);border-radius:var(--r);padding:2rem;margin-top:2.2rem}
@media(min-width:820px){.helpbox{flex-direction:row;align-items:center;padding:2.2rem 2.6rem}}
.helpbox .btns{display:flex;flex-direction:column;gap:.9rem;width:100%}
@media(min-width:820px){.helpbox .btns{flex-direction:row;width:auto}}
.final{text-align:center}
.final .lead{margin-left:auto;margin-right:auto}
.final .cta{margin:2rem auto 0;align-items:center}
@media(min-width:600px){.final .cta{justify-content:center}}
.final .fine{margin-top:1.2rem;color:#C9CFE8}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:.7rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(10,23,69,.98);border-top:3px solid var(--gold)}
.sticky.show{display:flex}
.sticky .btn{flex:1;min-height:3.2rem;white-space:nowrap}
.sticky .wab{flex:none;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--wa-d)}
@media(min-width:800px){.sticky{display:none!important}}
.wafloat{display:none}
@media(min-width:800px){.wafloat{display:inline-flex;position:fixed;right:1.4rem;bottom:1.4rem;z-index:55;align-items:center;gap:.6rem;background:var(--wa);color:#fff;font-weight:800;text-decoration:none;padding:.85rem 1.3rem;border-radius:99px;border:2px solid var(--wa-d);box-shadow:0 8px 22px rgba(0,0,0,.3)}.wafloat:hover{filter:brightness(1.08)}}
#consent{position:fixed;left:.8rem;right:.8rem;bottom:.8rem;z-index:90;background:#fff;border:2px solid var(--navy);border-radius:14px;padding:1rem 1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.35);display:none;max-width:35rem;font-size:.95rem}
#consent.show{display:block}
#consent .r{display:flex;gap:.6rem;margin-top:.7rem}
#consent button{flex:1;min-height:2.9rem;border-radius:99px;font-weight:800;border:2px solid var(--navy);background:#fff;color:var(--navy)}
#consent button.y{background:var(--navy);color:#fff}
.pay-banner{position:sticky;top:0;z-index:80;padding:.9rem 1.25rem;text-align:center;font-weight:700;border-bottom:3px solid var(--gold)}
.pay-banner.ok{background:var(--ok-bg);color:#143726;border-bottom-color:var(--ok)}
.pay-banner.bad{background:var(--bad-bg);color:#7A1019;border-bottom-color:var(--bad)}
@media(max-width:520px){.navlinks .hide-sm{display:none}}
.stepper li.done i::before{line-height:1;display:block}

.topbar .badge{white-space:nowrap}
@media(max-width:520px){.hide-sm{display:none}}

/* ---------- file picker & chips ---------- */
.file-picker{position:relative;border:2px dashed #9AA5D2;border-radius:var(--r);background:var(--mist);padding:1.25rem;margin-top:1.1rem;transition:border-color .15s,background .15s}
.file-picker:hover,.file-picker:focus-within{border-color:var(--navy);background:#fff}
.file-picker.drag{border-color:var(--navy);border-style:solid;background:var(--info-bg);box-shadow:var(--ring)}
.file-picker-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.file-picker-title{font-weight:800;color:var(--navy);line-height:1.3;font-size:1.1rem}
.file-picker-subtitle{font-size:.95rem;color:var(--muted);margin-top:.25rem}
.file-picker-action{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.4rem 1.3rem;border-radius:999px;background:linear-gradient(180deg,#FFCB57,var(--gold2));border:2px solid var(--gold3);box-shadow:0 3px 0 var(--gold4);color:var(--navy2);font-weight:800;cursor:pointer;white-space:nowrap}
.file-picker-action:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold4)}
.file-picker-action:focus-within{outline:4px solid var(--navy);outline-offset:3px}
.file-picker input[type=file],label input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.file-stack{display:grid;gap:.6rem;margin-top:.9rem}
.file-chip{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.8rem 1rem;border:2px solid var(--line);border-radius:14px;background:#fff;min-width:0}
.file-chip-main{min-width:0;flex:1}
.file-chip-name{font-weight:800;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-chip-meta{font-size:.85rem;color:var(--muted);margin-top:.15rem}
.file-chip .actions{margin:0 0 0 .6rem;flex:none}
.file-chip .btn{min-height:2.4rem;padding:.2rem .9rem;font-size:.9rem;box-shadow:none}
.file-chip-missing{border-color:var(--warn-line);background:var(--warn-bg)}
.file-chip-missing .file-chip-meta{color:var(--warn);font-weight:700}
.limits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.limits span{font-size:.88rem;font-weight:700;background:#fff;border:2px solid var(--info-line);color:var(--navy);border-radius:99px;padding:.15rem .8rem}
.recovery-panel{display:grid;gap:1rem;margin-top:1.1rem}
.recovery-summary,.recovery-section{border:2px solid var(--line);border-radius:16px;padding:1.1rem;background:#fff}
.recovery-summary{background:var(--mist)}
.recovery-section h3{margin-bottom:.3rem;font-size:1.15rem}

/* ---------- flow modal ---------- */
.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(5,10,30,.74);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overscroll-behavior:contain}
.modal-shell{width:min(46rem,100%);max-height:min(58rem,calc(100dvh - 2rem));background:#fff;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1.1rem;background:linear-gradient(160deg,#050A1E,var(--navy2) 60%,var(--navy));color:#fff;border-bottom:3px solid var(--gold);flex:none}
.modal-brand{display:flex;align-items:center;gap:.75rem;min-width:0}
.modal-brand .brand-mark{width:2.4rem;height:2.4rem}
.modal-brand strong{display:block;color:#fff;font:700 1.15rem/1.1 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal-brand .small{color:var(--gold);font-weight:800;font-size:.8rem;line-height:1.2;margin-bottom:.15rem}
.modal-header-actions{display:flex;align-items:center;gap:.5rem;flex:none}
.modal-header .btn.out{min-height:2.5rem;padding:.2rem 1rem;font-size:.9rem}
.modal-header .icon-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.modal-header .icon-btn:hover{background:rgba(255,255,255,.12)}
.stepper{display:flex;list-style:none;margin:0;padding:.75rem 1.1rem;gap:.25rem;background:var(--mist);border-bottom:2px solid var(--line);flex:none}
.stepper li{flex:1;display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.85rem;color:var(--muted);min-width:0}
.stepper li i{width:1.7rem;height:1.7rem;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font:800 .8rem/1 var(--sans);font-style:normal;background:#fff;flex:none}
.stepper li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stepper li:not(:last-child)::after{content:"";flex:1;height:2px;min-width:.6rem;background:var(--line);margin-left:.2rem}
.stepper li.current{color:var(--navy)}
.stepper li.current i{background:var(--navy);color:#fff;border-color:var(--navy)}
.stepper li.done i{background:var(--gold);border-color:var(--gold3);color:var(--navy2);font-size:0}
.stepper li.done i::before{content:"\2713";font-size:.9rem}
.stepper li.done:not(:last-child)::after{background:var(--gold2)}
@media(max-width:560px){.stepper li:not(.current) span{display:none}.stepper li.current{flex:2.4}}
.modal-body{overflow:auto;flex:1;min-height:0;padding:1.6rem clamp(1.1rem,4vw,2rem) 2rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.flow-step{min-width:0;animation:stepin .25s ease-out}
@keyframes stepin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.flow-step>.badge:first-child{margin-bottom:.9rem}
.flow-step h2{font-size:clamp(1.55rem,4.6vw,2.05rem);margin:0 0 .7rem}
.flow-step>p{max-width:38rem}
.flow-step h3{font-size:1.15rem}
.flow-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.6rem}
.identity-choice{padding:1.1rem;border:2px solid var(--info-line);background:var(--info-bg);border-radius:16px;margin:1.2rem 0}
.identity-choice-title{font-weight:800;color:var(--navy)}
.identity-choice-subtitle{font-size:.92rem;color:var(--muted);margin:.25rem 0 .6rem}
.identity-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.9rem}
.identity-actions .btn{width:100%}
#otp-countdown{margin-top:.9rem}
.pay-steps{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}
.pay-steps li{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem 1rem;border:2px solid var(--line);border-radius:14px;background:var(--mist)}
.pay-steps li b{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.9rem}
.waiting{display:flex;align-items:center;gap:.7rem;margin-top:1.1rem;color:var(--muted);font-weight:700}
.success-mark{width:5rem;height:5rem;margin:0 0 1rem}
.success-mark circle{fill:var(--ok-bg);stroke:var(--ok);stroke-width:3}
.success-mark path{fill:none;stroke:var(--ok);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:drawck .6s .15s ease-out forwards}
@keyframes drawck{to{stroke-dashoffset:0}}
.custom-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.custom-page-head h2{margin-bottom:.3rem}
.custom-detail-card{display:grid;padding:1.1rem;border:2px solid var(--line);border-radius:16px;background:#fff;margin-top:1rem}
.custom-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--line)}
.detail-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.detail-value{font-weight:800;color:var(--navy);margin-top:.2rem;overflow-wrap:anywhere}
.detail-section{padding-top:1rem}
.detail-section .statline{padding:.55rem 0}
.detail-section>strong{display:block;margin-bottom:.3rem;font-size:1.02rem}
.quote-box{margin-top:.5rem;padding:.9rem 1rem;border:2px solid var(--gold3);background:var(--warn-bg);border-radius:14px}
.quote-box .statline{border-bottom-color:rgba(184,130,15,.3)}
.quote-box .statline strong{color:var(--navy);font-size:1.1rem}
@media(max-width:480px){.custom-detail-card{padding:.9rem}.file-status-row{flex-wrap:wrap;gap:.3rem}.file-status-row .file-status{margin-left:auto}}
.detail-section>strong{color:var(--navy)}
.file-status-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:2px dotted var(--line)}
.file-status-row:last-child{border-bottom:0}
.file-status{font-size:.82rem;font-weight:800;white-space:nowrap}
.file-status.saved{color:var(--ok)}
.file-status.pending{color:var(--warn)}
.timeline-compact{display:flex;gap:.5rem;margin-top:.7rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}
.timeline-compact span{flex:none;padding:.35rem .8rem;border:2px solid var(--line);border-radius:99px;background:#fff;font-size:.84rem;color:var(--muted);font-weight:700}
.timeline-compact span.done{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok)}
.timeline-compact span.done::before{content:"\2713 ";font-weight:900}
.timeline-compact span.current{background:var(--navy);border-color:var(--navy);color:#fff}
.custom-action-panel{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:.75rem;margin-top:1.3rem}
.custom-action-panel .btn{width:100%}
.custom-secondary-actions{display:flex;margin-top:.8rem}
.custom-loading{margin-top:1.1rem}
#hr-resume-box{margin-top:1.2rem}
@media(max-width:700px){
  .modal-backdrop{padding:0;align-items:stretch}
  .modal-shell{width:100%;max-height:100dvh;height:100dvh;border-radius:0}
  .modal-header{padding:.65rem .8rem;padding-top:calc(.65rem + env(safe-area-inset-top))}
  .modal-body{padding:1.3rem 1rem 0}
  .identity-actions,.choice-grid,.custom-detail-grid,.custom-action-panel{grid-template-columns:1fr}
  .flow-actions{position:sticky;bottom:0;z-index:3;flex-direction:column;margin:1.4rem -1rem 0;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));background:#fff;border-top:2px solid var(--line);box-shadow:0 -8px 20px rgba(15,31,94,.08)}
  .flow-actions .btn{width:100%;min-height:3.1rem}
  .modal-header .btn.out{padding:.2rem .8rem}
  .modal-body>.flow-step:last-child{padding-bottom:1.5rem}
}
@media(max-width:400px){.modal-header .btn.out{font-size:.82rem;padding:.2rem .65rem}.modal-brand strong{font-size:1rem}}

/* ---------- confirm dialog ---------- */
.hr-confirm{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(5,10,30,.72)}
.hr-confirm-box{width:min(26rem,100%);background:#fff;border-radius:20px;padding:1.6rem;box-shadow:0 26px 70px rgba(0,0,0,.5);border-top:6px solid var(--gold)}
.hr-confirm-box h3{margin-bottom:.6rem}
.hr-confirm-box p{color:var(--muted)}
.hr-confirm-box .actions{margin-top:1.3rem;justify-content:flex-end}
@media(max-width:480px){.hr-confirm-box .actions .btn{width:100%}}

/* ---------- delivery ---------- */
.delivery-card{max-width:44rem;margin:0 auto}
.file-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;border:2px solid var(--line);border-radius:16px;background:#fff;margin-top:.8rem}
.file-meta strong{color:var(--navy);overflow-wrap:anywhere}
.file-meta.done{border-color:var(--ok-line);background:var(--ok-bg)}
.ack-row{display:flex;align-items:flex-start;gap:.8rem;margin-top:1.2rem;padding:1rem;border:2px solid var(--line);border-radius:14px;background:var(--mist);cursor:pointer}
.ack-row.off{opacity:.6;cursor:not-allowed}
@media(max-width:560px){.file-meta{flex-direction:column;align-items:stretch}.file-meta .btn{width:100%}}

/* ---------- status page ---------- */
.status-card{max-width:56rem;margin:0 auto 1.5rem}
.status-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.status-ref{font-weight:800;font-size:.9rem;color:var(--muted)}
.timeline{display:grid;gap:.5rem}
.timeline-item{position:relative;padding:.7rem 1rem .7rem 2.6rem;border-radius:12px;background:var(--mist);border:2px solid var(--line);color:var(--muted)}
.timeline-item::before{content:"";position:absolute;left:1rem;top:50%;width:.9rem;height:.9rem;margin-top:-.45rem;border-radius:50%;background:#fff;border:2px solid #9AA5D2}
.timeline-item.done{background:var(--ok-bg);border-color:var(--ok-line);color:#143726}
.timeline-item.done::before{background:var(--ok);border-color:var(--ok)}
.timeline-item.current{background:var(--info-bg);border-color:var(--navy);color:var(--navy)}
.timeline-item.current::before{background:var(--gold);border-color:var(--navy);box-shadow:0 0 0 4px rgba(246,188,63,.4)}
.file-line{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.6rem 0;border-bottom:2px dotted var(--line)}
.file-line:last-child{border-bottom:0}
.file-line span{overflow-wrap:anywhere}
.status-actions{display:flex;gap:.75rem;flex-wrap:wrap}
.secure-note{margin-top:1rem;font-size:.9rem;color:var(--muted)}
.status-identity{padding:1rem;border:2px solid var(--info-line);background:var(--info-bg);border-radius:16px;margin-top:1rem}
.status-identity-title{font-weight:800;color:var(--navy)}
.status-identity-subtitle{font-size:.9rem;color:var(--muted);margin-top:.2rem}
@media(max-width:640px){.status-actions .btn{width:100%}}

/* ---------- help page ---------- */
.support-page h1{margin:.2rem 0 .6rem}
.support-page h2{font-size:1.5rem;margin-bottom:.7rem}
.support-intro{max-width:44rem}
.faq-list{display:grid;gap:.7rem}
.faq-item{border:2px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}
.faq-q{padding:1rem 1.1rem;font-weight:800;color:var(--navy);cursor:pointer;line-height:1.35}
.faq-q:hover{background:var(--mist)}
.faq-q span{font:700 1.5rem/1 var(--serif);color:var(--amber)}
.faq-a{padding:0 1.1rem 1.1rem;color:var(--muted)}
.support-identity-box{margin-top:.3rem}

/* ---------- v7 polish: de-duplicate step labels, small-screen headers ---------- */
#step-work>.badge:first-child,#step-instructions>.badge:first-child,#step-summary>.badge:first-child,#step-paying>.badge:first-child{display:none}
.flow-step h2:focus{outline:none}
@media(max-width:520px){
  .topbar .nav{gap:.5rem}
  .topbar .brand{gap:.5rem}
  .topbar .brand-mark{width:38px;height:38px}
  .topbar .wmk{font-size:19px}
  .topbar .aa,.topbar .menu-btn{width:44px;height:44px;font-size:17px}
  .modal-brand strong{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .modal-brand .small{font-size:.9rem;margin:0}
}
@media(max-width:380px){.topbar .wmk{font-size:17px}.topbar .brand-mark{width:34px;height:34px}}
@media(max-width:440px){.topbar .wmk span{display:none}}
@media(max-width:340px){.topbar .nav{gap:.35rem}.topbar .wmk{font-size:15px}.topbar .brand-mark{width:30px;height:30px}.topbar .aa,.topbar .menu-btn{width:40px;height:40px;font-size:15px}.container,.wrap{width:calc(100% - 1.5rem)}}

/* ---------- admin ---------- */
body.admin-app{background:var(--mist);font-size:1rem}
.admin-app .container{width:min(78rem,calc(100% - 2rem))}
.admin-app .topbar .nav{min-height:3.8rem}
.admin-app .wmk{font-size:1.15rem}
.admin-app .brand-mark{width:2rem;height:2rem}
.admin-app h1{font-size:clamp(1.6rem,4vw,2rem)}
.admin-app h2{font-size:1.3rem}
.admin-app h3{font-size:1.1rem;margin:1.1rem 0 .5rem}
.admin-app .card{box-shadow:none}
.admin-app .btn{min-height:2.75rem;padding:.35rem 1.15rem;font-size:.98rem;box-shadow:0 3px 0 var(--gold4)}
.admin-app .btn.secondary{box-shadow:none}
.admin-app .btn.success{box-shadow:0 3px 0 #124A2D}
.admin-app .btn.danger{box-shadow:0 3px 0 #7A1019}
.admin-app .btn:disabled{box-shadow:none}
.admin-app .section{padding:1.75rem 0 4rem}
.admin-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.admin-hd p{max-width:40rem}
.login-card{max-width:30rem;margin:2.5rem auto}
.connection{display:flex;align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;padding:.4rem .9rem;background:var(--mist);border-radius:99px;border:2px solid var(--line);width:fit-content;margin:.6rem 0 1rem}
.dot{width:.7rem;height:.7rem;border-radius:50%;background:#9AA5D2;flex:none}
.dot.ok{background:#2C8A57}.dot.bad{background:var(--bad)}
.key-row{display:flex;gap:.6rem}
.key-row .input{flex:1;min-width:0}
.admin-login-actions,.inquiry-tools{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.admin-note{padding:.9rem 1.1rem;border-radius:14px;background:#fff;border:2px solid var(--line);font-size:.92rem;color:var(--muted)}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.8rem;margin:1.2rem 0}
.kpi{background:#fff;border:2px solid var(--line);border-left:6px solid var(--navy);border-radius:16px;padding:.9rem 1.1rem}
.kpi[data-tone="warn"]{border-left-color:var(--gold2)}
.kpi[data-tone="ok"]{border-left-color:var(--ok)}
.kpi[data-tone="bad"]{border-left-color:var(--bad)}
.kpi .n{font:700 2rem/1.1 var(--serif);color:var(--navy)}
.kpi .l{font-size:.88rem;color:var(--muted);font-weight:700}
.admin-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0 .7rem;margin:.4rem 0 .6rem;position:sticky;top:3.8rem;z-index:30;background:var(--mist);scrollbar-width:none}
.admin-tabs::-webkit-scrollbar{display:none}
.tab{border:2px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:.5rem 1.1rem;font-weight:800;white-space:nowrap;display:inline-flex;gap:.5rem;align-items:center;min-height:2.6rem}
.tab:hover{border-color:var(--navy)}
.tab.active{background:var(--navy);border-color:var(--navy);color:#fff}
.tab .count{background:var(--gold);color:var(--navy2);border-radius:99px;font-size:.75rem;padding:.05rem .55rem;font-weight:800}
.toolbar{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:.9rem}
.toolbar .input{max-width:20rem;min-height:2.75rem}
.chips{display:flex;gap:.4rem;flex-wrap:wrap}
.chipbtn{border:2px solid var(--line);background:#fff;border-radius:99px;padding:.3rem .85rem;font-weight:700;font-size:.88rem;color:var(--navy);min-height:2.3rem}
.chipbtn:hover{border-color:var(--navy)}
.chipbtn.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse}
.table th{padding:.7rem .7rem;text-align:left;font-size:.85rem;color:var(--muted);font-weight:800;border-bottom:2px solid var(--line);white-space:nowrap}
.table td{padding:.8rem .7rem;border-bottom:2px solid #E7EAF6;text-align:left;vertical-align:top}
.table tr.late td:first-child{box-shadow:inset 5px 0 0 var(--bad)}
.table td[data-label="Order"],.table td[data-label="Price"],.table td[data-label="Work"],.table td[data-label="Status"]{white-space:nowrap}
.late-txt{color:var(--bad);font-weight:800}
.empty{padding:2rem 1rem;text-align:center;color:var(--muted);border:2px dashed var(--line);border-radius:16px;background:#fff}
.plan-admin{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between}
@media(max-width:820px){
  .table thead{display:none}
  .table,.table tbody,.table tr,.table td{display:block;width:100%}
  .table tr{border:2px solid var(--line);border-radius:16px;padding:.5rem 1rem;margin-bottom:.8rem;background:#fff}
  .table tr.late{border-color:var(--bad)}
  .table tr.late td:first-child{box-shadow:none}
  .table td{border:0;padding:.4rem 0;display:flex;justify-content:space-between;gap:1rem;text-align:right;align-items:center}
  .table td::before{content:attr(data-label);font-weight:800;color:var(--muted);text-align:left;flex:none}
  .table td:last-child{padding-top:.7rem}
  .table td:last-child .btn{width:100%}
  .table td[data-label=""]::before{content:none}
}
.thread{display:grid;gap:.7rem;margin-top:.8rem}
.msg{border:2px solid var(--line);border-left:6px solid #9AA5D2;border-radius:14px;padding:.9rem 1rem;background:#fff}
.msg.customer{border-left-color:var(--navy);background:var(--info-bg)}
.msg.followup{border-left-color:var(--gold2);background:var(--warn-bg)}
.msg.admin{border-left-color:var(--ok);background:var(--ok-bg)}
.msg-head{display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.msg-meta{font-size:.82rem;color:var(--muted)}
.reply-box{margin-top:1rem;padding:1rem;border-radius:14px;background:var(--mist);border:2px solid var(--line)}
.quote-chip{display:inline-block;padding:.2rem .7rem;border-radius:999px;background:var(--info-bg);border:2px solid var(--info-line);color:var(--navy);font-size:.82rem;font-weight:800}
.ticket{margin-bottom:1rem}
.sgroup{border:2px solid var(--line);border-radius:16px;background:#fff;margin:.8rem 0}
.sgroup>summary{padding:1rem 3rem 1rem 1.2rem;font-size:1.05rem}
.sgroup[open]>summary{border-bottom:2px solid var(--line)}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem;padding:.4rem 1.2rem 1rem}
.sgrid .field.wide{grid-column:1/-1}
.sgrid .field{margin:.7rem 0}
.sgrid .field>label{font-size:.92rem}
.sgrid .check label{display:flex;gap:.6rem;align-items:center;font-weight:700;cursor:pointer}
@media(max-width:760px){.sgrid{grid-template-columns:1fr}}
.savebar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fff;border:2px solid var(--line);border-radius:16px;padding:.8rem 1rem;margin-top:1rem;box-shadow:0 -8px 22px rgba(15,31,94,.08)}
.admin-app .modal-backdrop{z-index:120}
.modal-card{width:min(52rem,100%);max-height:calc(100dvh - 2rem);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.5);border-top:6px solid var(--gold)}
.modal-card .mhead{position:sticky;top:0;background:#fff;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.4rem;border-bottom:2px solid var(--line)}
.modal-card .mhead h2{margin:0;font-size:1.25rem;overflow-wrap:anywhere}
.modal-card .mbody{padding:1.2rem 1.4rem 1.6rem}
@media(max-width:700px){
  #modal.modal-backdrop{align-items:flex-end;padding:0}
  .modal-card{max-height:92dvh;border-radius:22px 22px 0 0;width:100%}
  .modal-card .mbody{padding-bottom:calc(1.6rem + env(safe-area-inset-bottom))}
  .admin-app .actions .btn,.admin-app .inquiry-tools .btn{flex:1 1 100%}
  .kpi .n{font-size:1.7rem}
}
.busy{opacity:.7;pointer-events:none}

/* ---------- 404 ---------- */
.notfound{min-height:60vh;display:grid;place-items:center;text-align:center;padding:4rem 0}
.notfound h1{margin:.5rem 0 1rem}

/* ---------- high contrast ---------- */
html[data-contrast="1"]{--navy:#000;--navy2:#000;--ink:#000;--muted:#000;--mist:#fff;--line:#000;--amber:#000;--onnavy:#fff;--gold:#FFD400;--gold2:#FFD400;--gold3:#000;--gold4:#000;--ok:#004D1F;--bad:#8B0000;--warn:#3A2600;--wa:#00512A;--info-line:#000;--ok-line:#004D1F;--bad-line:#8B0000;--warn-line:#3A2600;--info-bg:#fff;--ok-bg:#fff;--bad-bg:#fff;--warn-bg:#fff}
html[data-contrast="1"] .hero,html[data-contrast="1"] .dark,html[data-contrast="1"] .footer,html[data-contrast="1"] .fbanner,html[data-contrast="1"] .modal-header{background:#000!important}
html[data-contrast="1"] .btn{background:#FFD400;color:#000;border:3px solid #000;box-shadow:0 4px 0 #000}
html[data-contrast="1"] .btn.secondary,html[data-contrast="1"] .btn.out.dk{background:#fff;color:#000;border-color:#000}
html[data-contrast="1"] .btn.out{background:#000;color:#fff;border-color:#fff}
html[data-contrast="1"] .btn.wa{background:#00512A;color:#fff}
html[data-contrast="1"] .btn.success{background:#004D1F;color:#fff}
html[data-contrast="1"] .btn.danger{background:#8B0000;color:#fff}
html[data-contrast="1"] .btn:disabled{background:#ddd;color:#333;border-color:#333}
html[data-contrast="1"] .tile,html[data-contrast="1"] .panel,html[data-contrast="1"] .plan,html[data-contrast="1"] .steps li,html[data-contrast="1"] details,html[data-contrast="1"] .ftile,html[data-contrast="1"] .helpbox,html[data-contrast="1"] .card,html[data-contrast="1"] .input,html[data-contrast="1"] .select,html[data-contrast="1"] .textarea,html[data-contrast="1"] .choice-card,html[data-contrast="1"] .file-chip,html[data-contrast="1"] .notice{border:3px solid #000}
html[data-contrast="1"] .sub,html[data-contrast="1"] .for,html[data-contrast="1"] .note-s,html[data-contrast="1"] .final .fine,html[data-contrast="1"] .footer,html[data-contrast="1"] .footer .small{color:#fff}
html[data-contrast="1"] .chip{color:#FFD400;border-color:#FFD400}
html[data-contrast="1"] .strip .i,html[data-contrast="1"] .ftile .i{color:#000}
html[data-contrast="1"] .hero::after{border-color:#FFD400}
html[data-contrast="1"] .wmk span{color:#000}
html[data-contrast="1"] .footer .wmk span,html[data-contrast="1"] .modal-brand strong{color:#fff}
html[data-contrast="1"] .stepper li.current i{background:#000}
html[data-contrast="1"] .toast{background:#000;border:2px solid #fff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.success-mark path{stroke-dashoffset:0}}
@media print{.topbar,.sticky,.wafloat,#consent,#toast-host,.modal-backdrop{display:none!important}body{color:#000}}


/* ===== HumanlyReview 7.2 admin mobile overflow hardening ===== */
.admin-app .sgroup,
.admin-app .sgrid,
.admin-app .field,
.admin-app .box,
.admin-app .card,
.admin-app .notice,
.admin-app .reply-box,
.admin-app .ticket,
.admin-app .modal-card,
.admin-app .table-wrap{min-width:0;max-width:100%}
.admin-app .sgroup>summary,
.admin-app .field>label,
.admin-app .setting-key,
.admin-app .small,
.admin-app .mini,
.admin-app .notice,
.admin-app .box,
.admin-app td,
.admin-app th{overflow-wrap:anywhere;word-break:break-word}
.admin-app input.input,
.admin-app textarea.textarea,
.admin-app select.input{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.admin-app textarea.textarea{resize:vertical}
.admin-app code{white-space:normal;overflow-wrap:anywhere}
.admin-app .actions,
.admin-app .spaced,
.admin-app .inquiry-tools{min-width:0;flex-wrap:wrap}
@media(max-width:760px){
  .admin-app .container{width:min(100% - 1rem,78rem)}
  .admin-app .sgrid,
  .admin-app .grid-2,
  .admin-app .grid-3{grid-template-columns:minmax(0,1fr)!important}
  .admin-app .sgroup>summary{padding-right:2rem}
  .admin-app .sgrid{padding:.35rem .8rem .9rem}
  .admin-app .field,
  .admin-app .field.wide{grid-column:1/-1!important}
  .admin-app .actions>.btn,
  .admin-app .actions>label.btn,
  .admin-app .inquiry-tools>.btn{max-width:100%}
  .admin-app .table td{white-space:normal!important;min-width:0}
  .admin-app .table td>*{min-width:0;max-width:100%}
}

/* HumanlyReview v7.2 — access codes, lead profiles and plan report benefits */
.plan-report{display:inline-block;margin-top:.38rem;font-size:.92em}
.access-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center}
.consent-row{display:flex;gap:.65rem;align-items:flex-start;margin:12px 0 0;padding:.8rem .9rem;border:1px solid var(--line,#dfe3ec);border-radius:12px;background:rgba(255,255,255,.55);font-size:.92rem;line-height:1.35}
.consent-row input{flex:0 0 auto;margin-top:.18rem}
.success-text{color:#176b45}
.link-btn{border:0;background:transparent;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;padding:.15rem .25rem}
.code-reveal{margin-top:14px;padding:1rem;border:1px dashed #8b97b6;border-radius:12px;background:#f7f9ff;font:700 1.12rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;overflow-wrap:anywhere;word-break:break-word}
.admin-app .sgrid,.admin-app .field,.admin-app .box,.admin-app .table-wrap,.admin-app td,.admin-app th{min-width:0;overflow-wrap:anywhere;word-break:normal}
.admin-app .setting-key{overflow-wrap:anywhere;word-break:break-word}
.admin-app .actions{min-width:0;flex-wrap:wrap}
@media (max-width:640px){
  .access-code-row{grid-template-columns:1fr}
  .access-code-row .btn{width:100%}
  .admin-app .toolbar>.actions{width:100%;display:grid;grid-template-columns:1fr}
  .admin-app .toolbar>.actions .input,.admin-app .toolbar>.actions .btn{width:100%;max-width:100%}
  .admin-app details.sgroup summary{overflow-wrap:anywhere}
}

/* v10.3.1 customer journey / review-status bar — obvious without covering content */
.hr-journey-dock{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px max(14px,calc((100vw - 1180px)/2));background:#fffaf0;border-top:1px solid #ead49a;border-bottom:2px solid #e3c469;box-shadow:0 5px 16px rgba(15,31,94,.08);color:var(--navy)}
.hr-journey-copy{min-width:0;display:flex;align-items:center;gap:8px;flex:1;max-width:760px}
.hr-journey-copy strong{font-size:.92rem;line-height:1.2;white-space:nowrap}
.hr-journey-copy strong::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(246,188,63,.16);vertical-align:.08rem}
.hr-journey-dock[data-state="order"] .hr-journey-copy strong::before,.hr-journey-dock[data-state="custom"] .hr-journey-copy strong::before{background:var(--ok);box-shadow:0 0 0 4px rgba(23,107,69,.12)}
.hr-journey-copy span{min-width:0;font-size:.82rem;line-height:1.3;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hr-journey-actions{display:flex;gap:7px;flex:none}
.hr-journey-actions .btn{min-height:2.3rem;padding:.2rem .78rem;font-size:.82rem;white-space:nowrap;border-radius:999px}
.hr-status-nav{font-weight:800}
/* The journey bar lives inside the sticky topbar, so it can never cover page content or dialogs. */
body.modal-open .hr-journey-dock,body.hr-confirm-open .hr-journey-dock{visibility:hidden}
@media(max-width:720px){
  .hr-status-nav{display:none!important}
  .hr-journey-dock{padding:7px 10px;gap:8px;justify-content:space-between}
  .hr-journey-copy{display:block;flex:1;min-width:0}
  .hr-journey-copy strong{display:block;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hr-journey-copy span{display:none}
  .hr-journey-actions{gap:6px}
  .hr-journey-actions .btn{min-height:2.25rem;padding:.15rem .65rem;font-size:.78rem}
  .hr-journey-dock[data-state="none"] .hr-journey-actions .secondary{display:none}
}
@media(max-width:390px){
  .hr-journey-actions .secondary{display:none}
  .hr-journey-actions .btn{padding-inline:.72rem}
}
html[data-contrast="1"] .hr-journey-dock{background:#fff;border-color:#000;color:#000;box-shadow:none}
/* v10.3.0 admin responsive activity feedback */
.admin-activity{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:.8rem;font-weight:800;white-space:nowrap}
.admin-activity .loading-spinner{width:1rem;height:1rem;border-width:2px;margin:0}
.danger-text{color:var(--danger)}
@media(max-width:640px){.admin-activity{order:-1;width:100%;justify-content:center}.admin-hd .admin-login-actions{width:100%}}