/* SMTPCart Mail Tester. Everything is scoped to .smt-app / .smt-modal so theme and builder styles don't leak in or out. */
.smt-app,.smt-modal,.smt-acct,.smt-form-wrap{--smt-bg:#F2F5F3;--smt-surface:#FFFFFF;--smt-ink:#0E2628;--smt-muted:#4A5F60;--smt-line:#D3DDD9;--smt-brand:#0B6B5C;--smt-brand-hover:#08584B;--smt-soft:#DCEBE6;--smt-amber:#B97813;--smt-amber-soft:#FBF1DE;--smt-deep:#0E2628;--smt-deep-2:#16353A;--smt-on-deep:#E6EFEC;--smt-on-deep-muted:#9DB5B1;--smt-mint:#5FD3A8;--smt-pass:#1E9468;--smt-warn:#C98A1B;--smt-fail:#C8412F;--smt-info:#5B7C99;
  --smt-sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--smt-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  font-family:var(--smt-sans);color:var(--smt-ink);font-size:16px;line-height:1.55;text-align:left;-webkit-font-smoothing:antialiased}
.smt-app *,.smt-app *::before,.smt-app *::after,.smt-modal *,.smt-modal *::before,.smt-modal *::after{box-sizing:border-box}
.smt-app{width:100%;max-width:100%;min-width:0;container-type:inline-size;container-name:smt}
.smt-app p,.smt-modal p,.smt-app h2,.smt-app h3,.smt-app h4,.smt-modal h3,.smt-app ul,.smt-app ol,.smt-modal ul,.smt-app dl,.smt-app dd{margin:0;padding:0}
.smt-app ul,.smt-app ol,.smt-modal ul{list-style:none}
.smt-app code,.smt-app pre,.smt-modal code{font-family:var(--smt-mono)}
.smt-app :focus-visible,.smt-modal :focus-visible{outline:3px solid var(--smt-amber);outline-offset:2px;border-radius:6px}
.smt-acct [hidden]{display:none !important}
.smt-app b,.smt-modal b,.smt-app strong,.smt-modal strong{font-weight:700}
.smt-app [hidden],.smt-modal [hidden]{display:none !important}

/* buttons */
.smt-app button,.smt-modal button{font-family:inherit;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal;box-shadow:none;line-height:1.2}
.smt-btn,.smt-app a.smt-btn,.smt-modal a.smt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border:2px solid var(--smt-brand);border-radius:999px;background:var(--smt-brand);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap}
.smt-btn:hover,.smt-app a.smt-btn:hover,.smt-modal a.smt-btn:hover{background:var(--smt-brand-hover);border-color:var(--smt-brand-hover);color:#fff}
.smt-btn:active{transform:translateY(1px)}
.smt-btn:disabled{opacity:.7;cursor:progress}
.smt-btn.smt-ghost{background:transparent;color:inherit;border-color:currentColor}
.smt-btn.smt-ghost:hover{background:rgba(255,255,255,.08);color:inherit}
.smt-btn.smt-mint,.smt-app a.smt-btn.smt-mint{background:var(--smt-mint);border-color:var(--smt-mint);color:var(--smt-deep)}
.smt-btn.smt-mint:hover,.smt-app a.smt-btn.smt-mint:hover{background:#7fe0bc;border-color:#7fe0bc;color:var(--smt-deep)}
.smt-link{background:none;border:0;padding:6px 2px;color:var(--smt-brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.smt-modal a.smt-link{display:inline-block;margin-top:10px}

/* cards: start / waiting */
.smt-card{background:var(--smt-surface);border:1px solid var(--smt-line);border-radius:20px;padding:28px;box-shadow:0 24px 48px -32px rgba(14,38,40,.45)}
.smt-eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--smt-brand)}
.smt-lead{font-size:1.1rem;font-weight:600;margin-top:6px !important}
.smt-note{margin-top:14px !important;font-size:.9rem;color:var(--smt-muted)}
.smt-note.smt-admin{background:var(--smt-amber-soft);border-radius:8px;padding:10px 12px;color:var(--smt-ink)}
.smt-address{display:flex;align-items:center;gap:8px;margin-top:16px;background:var(--smt-bg);border:2px dashed var(--smt-brand);border-radius:14px;padding:8px 8px 8px 16px;min-width:0}
.smt-addr{flex:1;min-width:0;font-size:clamp(.92rem,2.4vw,1.15rem);font-weight:600;color:var(--smt-ink);overflow-wrap:anywhere;background:none;padding:0}
.smt-copy{flex:none;border:0;border-radius:10px;background:var(--smt-ink);color:#fff;font-weight:700;padding:12px 18px}
.smt-copy:hover{background:var(--smt-brand)}
.smt-copy.is-done{background:var(--smt-pass)}
.smt-skeleton{border-style:solid;border-color:var(--smt-line);color:var(--smt-muted);min-height:58px;font-family:var(--smt-mono);font-size:.95rem;background:linear-gradient(90deg,var(--smt-bg) 0,#e6ece9 40%,var(--smt-bg) 80%);background-size:200% 100%;animation:smt-shimmer 1.4s linear infinite}
@keyframes smt-shimmer{to{background-position:-200% 0}}
.smt-go{margin-top:18px}
.smt-subject-code{margin-top:10px !important;font-size:.95rem}
.smt-subject-code code{background:var(--smt-amber-soft);padding:2px 6px;border-radius:6px;font-weight:700}
.smt-steps{display:flex;gap:18px;margin-bottom:14px !important;font-size:.88rem;font-weight:600;color:var(--smt-muted);flex-wrap:wrap}
.smt-steps li{display:flex;align-items:center;gap:8px}
.smt-steps span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--smt-line);font-size:.8rem}
.smt-steps li.is-on{color:var(--smt-ink)}
.smt-steps li.is-on span{background:var(--smt-brand);border-color:var(--smt-brand);color:#fff}
.smt-tips{margin-top:16px !important;display:grid;gap:6px;font-size:.92rem;color:var(--smt-muted)}
.smt-tips li{position:relative;padding-left:20px}
.smt-tips li::before{content:"";position:absolute;left:3px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--smt-mint)}
.smt-wait-actions{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.smt-status{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--smt-soft)}
.smt-status-t{font-weight:700}
.smt-status-s{font-size:.88rem;color:var(--smt-muted)}
.smt-count{margin-left:auto;font-family:var(--smt-mono);font-weight:600;color:var(--smt-brand)}
.smt-pulse{flex:none;width:14px;height:14px;border-radius:50%;background:var(--smt-brand);animation:smt-pulse 1.4s ease-out infinite}
@keyframes smt-pulse{0%{box-shadow:0 0 0 0 rgba(11,107,92,.55)}100%{box-shadow:0 0 0 14px rgba(11,107,92,0)}}
.smt-loading{display:flex;align-items:center;gap:14px;font-weight:600}
.smt-spin{width:22px;height:22px;border-radius:50%;border:3px solid var(--smt-soft);border-top-color:var(--smt-brand);animation:smt-rot .8s linear infinite}
@keyframes smt-rot{to{transform:rotate(360deg)}}
.smt-error .smt-btn{margin-top:16px}

/* results: hero */
.smt-result{display:grid;gap:18px;min-width:0}
.smt-hero{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--smt-deep);color:var(--smt-on-deep);border-radius:22px;padding:30px;min-width:0}
.smt-hero .smt-eyebrow{color:var(--smt-mint)}
.smt-ring{position:relative;width:176px;height:176px;flex:none}
.smt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.smt-ring circle{fill:none;stroke-width:11}
.smt-ring .bg{stroke:var(--smt-deep-2)}
.smt-ring .fg{stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.smt-hero.s-pass .fg{stroke:var(--smt-mint)}.smt-hero.s-warn .fg{stroke:#E3AE52}.smt-hero.s-fail .fg{stroke:#F07A63}
.smt-ring-t{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.smt-ring-t b{font-size:3.1rem;font-weight:800;line-height:1;color:#fff;letter-spacing:-.03em}
.smt-ring-t small{font-size:1.3rem;font-weight:700;margin-left:2px}
.smt-ring-t span{font-size:.75rem;color:var(--smt-on-deep-muted);margin-top:4px}
.smt-hero-t{min-width:0}
.smt-grade{font-size:clamp(1.5rem,3vw,2.1rem) !important;font-weight:750;line-height:1.15;color:#fff !important;margin:6px 0 14px !important;letter-spacing:-.015em}
.smt-meta{display:grid;gap:4px;font-size:.9rem}
.smt-meta div{display:grid;grid-template-columns:90px 1fr;gap:10px;min-width:0}
.smt-meta dt{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smt-on-deep-muted);padding-top:3px}
.smt-meta dd{color:#fff;overflow-wrap:anywhere;min-width:0}
.smt-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.smt-hero .smt-btn{background:var(--smt-mint);border-color:var(--smt-mint);color:var(--smt-deep)}
.smt-hero .smt-btn:hover{background:#7fe0bc;border-color:#7fe0bc}
.smt-hero .smt-btn.smt-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.smt-hero .smt-btn.smt-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.smt-hero .smt-btn.smt-ghost.is-done{border-color:var(--smt-mint);color:var(--smt-mint)}
.smt-hero .smt-link{color:var(--smt-on-deep)}

/* category cards */
.smt-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.smt-cat{display:grid;grid-template-columns:1fr auto;gap:6px 8px;text-align:left;background:var(--smt-surface);border:1px solid var(--smt-line);border-radius:14px;padding:14px;color:var(--smt-ink);transition:border-color .15s,transform .15s}
.smt-cat:hover{border-color:var(--smt-brand);transform:translateY(-2px)}
.smt-cat .n{font-weight:700;font-size:.88rem;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.smt-cat .p{font-weight:800;font-size:1rem}
.smt-cat .bar{grid-column:1/-1;height:6px;border-radius:6px;background:var(--smt-bg);overflow:hidden}
.smt-cat .bar i{display:block;height:100%;border-radius:6px}
.smt-cat .pts{grid-column:1/-1;font-size:.75rem;color:var(--smt-muted)}
.smt-cat.s-pass .p{color:var(--smt-pass)}.smt-cat.s-pass .bar i{background:var(--smt-pass)}
.smt-cat.s-warn .p{color:var(--smt-warn)}.smt-cat.s-warn .bar i{background:var(--smt-warn)}
.smt-cat.s-fail .p{color:var(--smt-fail)}.smt-cat.s-fail .bar i{background:var(--smt-fail)}

/* tabs */
.smt-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;border-bottom:2px solid var(--smt-line);-webkit-overflow-scrolling:touch;min-width:0}
.smt-tabs button{flex:none;display:inline-flex;align-items:center;gap:7px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:12px 14px;font-weight:600;font-size:.95rem;color:var(--smt-muted);border-radius:8px 8px 0 0;white-space:nowrap}
.smt-tabs button:hover{color:var(--smt-ink);background:var(--smt-bg)}
.smt-tabs button[aria-selected=true]{color:var(--smt-ink);border-bottom-color:var(--smt-brand)}
.smt-tabs .dot{width:8px;height:8px;border-radius:50%}
.dot.s-pass{background:var(--smt-pass)}.dot.s-warn{background:var(--smt-warn)}.dot.s-fail{background:var(--smt-fail)}
.smt-panel{background:var(--smt-surface);border:1px solid var(--smt-line);border-radius:18px;padding:26px;min-width:0;outline:0}
.smt-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.smt-ph h3{font-size:1.3rem;font-weight:750;color:var(--smt-ink);margin:0;letter-spacing:-.01em}
.smt-ph p{color:var(--smt-muted);font-size:.93rem;margin-top:4px !important;max-width:70ch}
.smt-badge{flex:none;font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:999px}
.smt-badge.s-pass{background:#DDF3EA;color:var(--smt-pass)}.smt-badge.s-warn{background:var(--smt-amber-soft);color:#9A6810}.smt-badge.s-fail{background:#FBE3DF;color:var(--smt-fail)}
.smt-h4{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smt-brand);margin:26px 0 10px !important}

/* check items */
.smt-ic{display:inline-flex;flex:none;width:22px;height:22px}
.smt-ic svg{width:100%;height:100%}
.smt-ic.s-pass circle:first-child{fill:var(--smt-pass)}.smt-ic.s-fail circle:first-child{fill:var(--smt-fail)}.smt-ic.s-warn circle:first-child{fill:var(--smt-warn)}.smt-ic.s-info circle:first-child{fill:var(--smt-info)}
.smt-item{border-top:1px solid var(--smt-line)}
.smt-item:first-of-type{border-top:0}
.smt-sum{display:flex;align-items:center;gap:12px;padding:13px 2px;cursor:pointer;list-style:none;font-weight:650}
.smt-item.is-flat .smt-sum{cursor:default}
.smt-sum::-webkit-details-marker{display:none}
.smt-sum .t{flex:1;min-width:0;overflow-wrap:anywhere}
.smt-pts{flex:none;font-size:.82rem;font-weight:700;font-family:var(--smt-mono)}
.smt-pts.s-pass{color:var(--smt-pass)}.smt-pts.s-warn{color:var(--smt-warn)}.smt-pts.s-fail{color:var(--smt-fail)}
.chev{flex:none;width:10px;height:10px;border-right:2px solid var(--smt-muted);border-bottom:2px solid var(--smt-muted);transform:rotate(45deg);margin:-4px 4px 0;transition:transform .15s}
details[open]>.smt-sum .chev{transform:rotate(-135deg);margin-top:4px}
.smt-body{padding:0 2px 16px 34px}
.smt-detail{color:var(--smt-muted);font-size:.93rem;overflow-wrap:anywhere}
.smt-fix{margin-top:10px;background:var(--smt-amber-soft);border-left:3px solid var(--smt-amber);border-radius:8px;padding:10px 14px;font-size:.93rem}
.smt-fix b{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--smt-amber);margin-bottom:2px}

/* overview */
.smt-issues{counter-reset:i;display:grid;gap:10px}
.smt-issues li{counter-increment:i;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:start;background:var(--smt-bg);border-radius:12px;padding:14px}
.smt-issues li::before{content:counter(i);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--smt-amber);color:#fff;font-weight:800;font-size:.9rem}
.smt-issues b{display:block;line-height:1.35}
.smt-issues p{color:var(--smt-muted);font-size:.9rem;margin-top:3px !important}
.smt-issues .gain{font-weight:800;color:var(--smt-pass);font-size:.9rem;white-space:nowrap}
.smt-good{background:#DDF3EA;border-radius:12px;padding:14px;font-weight:600;color:var(--smt-pass)}
.smt-req li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--smt-line);font-weight:600;font-size:.95rem}
.smt-req li:first-child{border-top:0}
.smt-req small{color:var(--smt-muted);font-weight:500;font-size:.8rem;text-align:right}

/* message / text / source */
.smt-mhead{display:grid;gap:2px;background:var(--smt-bg);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:.9rem}
.smt-mhead div,.smt-kv div{display:grid;grid-template-columns:110px 1fr;gap:12px;min-width:0}
.smt-mhead dt,.smt-kv dt{color:var(--smt-muted);font-weight:600}
.smt-mhead dd,.smt-kv dd{overflow-wrap:anywhere;min-width:0}
.smt-frame{display:block;width:100%;min-height:420px;border:1px solid var(--smt-line);border-radius:12px;background:#fff}
.smt-pre{margin:0;background:var(--smt-bg);border-radius:12px;padding:16px;font-size:.84rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;color:var(--smt-ink)}
.smt-src b{color:var(--smt-brand)}
.smt-src-h{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.smt-path{display:grid;gap:8px}
.smt-path li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;background:var(--smt-bg);border-radius:10px;padding:10px 12px;font-size:.9rem;min-width:0}
.smt-path .n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--smt-brand);color:#fff;font-weight:700;font-size:.8rem}
.smt-path div{min-width:0;overflow-wrap:anywhere}
.smt-path div span{color:var(--smt-muted)}
.smt-path .tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.smt-path i{font-style:normal;font-family:var(--smt-mono);font-size:.75rem;padding:2px 8px;border-radius:6px;background:#fff;border:1px solid var(--smt-line)}
.smt-path i.ok{color:var(--smt-pass);border-color:#b9e3d1}.smt-path i.no{color:var(--smt-fail);border-color:#f0c2ba}
.smt-hstat{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 16px}
.smt-hstat li{display:flex;align-items:center;gap:8px;font-family:var(--smt-mono);font-size:.84rem}
.smt-hstat li .smt-ic{width:18px;height:18px}
.smt-hstat li.off{color:var(--smt-muted)}

/* SpamAssassin */
.smt-legend{font-size:.88rem;color:var(--smt-muted);margin-bottom:10px !important}
.smt-legend .neg{color:var(--smt-fail);font-weight:700}.smt-legend .pos{color:var(--smt-pass);font-weight:700}
.smt-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0}
.smt-table th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--smt-muted);padding:8px 10px;border-bottom:2px solid var(--smt-line);background:none}
.smt-table td{padding:12px 10px;border-bottom:1px solid var(--smt-line);vertical-align:top;background:none}
.smt-table .imp{width:84px;font-family:var(--smt-mono);font-weight:700;white-space:nowrap}
.smt-table .imp.neg{color:var(--smt-fail)}.smt-table .imp.pos{color:var(--smt-pass)}.smt-table .imp.zero{color:var(--smt-muted)}
.smt-table code{font-weight:700;font-size:.85rem;overflow-wrap:anywhere;background:none;padding:0;color:var(--smt-ink)}
.smt-table .d{display:block;color:var(--smt-ink);margin-top:2px}
.smt-table .nt{display:block;color:var(--smt-muted);font-size:.86rem;margin-top:2px}

/* authentication / blocklists / insights */
.smt-kv{display:grid;gap:6px;font-size:.9rem}
.smt-kv code{font-size:.82rem;background:var(--smt-bg);padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
.smt-bl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.smt-bl li{display:flex;align-items:center;gap:10px;border:1px solid var(--smt-line);border-radius:10px;padding:10px 12px;font-size:.9rem;min-width:0}
.smt-bl li .smt-ic{width:18px;height:18px}
.smt-bl a{flex:1;min-width:0;color:var(--smt-ink);text-decoration:none;font-weight:600;overflow-wrap:anywhere}
.smt-bl a:hover{color:var(--smt-brand);text-decoration:underline}
.smt-bl small{color:var(--smt-muted);font-weight:500}
.smt-bl span{flex:none;font-size:.8rem;font-weight:700}
.smt-bl .s-pass span{color:var(--smt-pass)}.smt-bl .s-warn span{color:var(--smt-warn)}
.smt-bl .s-fail{border-color:#f0c2ba;background:#FDF1EE}.smt-bl .s-fail span{color:var(--smt-fail)}
.smt-links{display:grid;gap:4px;max-height:260px;overflow:auto}
.smt-links code{font-size:.82rem;overflow-wrap:anywhere}
.smt-ins{display:grid;gap:0}
.smt-ins li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--smt-line)}
.smt-ins li:first-child{border-top:0}
.smt-ins b{display:block}
.smt-ins span{display:block;color:var(--smt-muted);font-size:.92rem;overflow-wrap:anywhere}
.smt-ins em{display:block;font-style:normal;font-size:.9rem;margin-top:4px;color:var(--smt-ink)}
.smt-inline-cta{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--smt-soft);border-radius:14px;padding:16px 18px;flex-wrap:wrap}
.smt-inline-cta p{flex:1 1 300px;font-size:.93rem}

/* closing CTA */
.smt-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--smt-surface);border:1px solid var(--smt-line);border-radius:20px;padding:26px 28px;flex-wrap:wrap}
.smt-cta>div:first-child{flex:1 1 380px;min-width:0}
.smt-cta h3{font-size:1.45rem;font-weight:750;margin:6px 0 6px !important;color:var(--smt-ink);letter-spacing:-.01em}
.smt-cta p{color:var(--smt-muted)}
.smt-cta-b{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.smt-cta.is-low{background:var(--smt-deep);border-color:var(--smt-deep);color:var(--smt-on-deep)}
.smt-cta.is-low h3{color:#fff}
.smt-cta.is-low p{color:var(--smt-on-deep)}
.smt-cta.is-low .smt-eyebrow{color:var(--smt-mint)}
.smt-cta.is-low .smt-link{color:var(--smt-on-deep)}
.smt-cta:not(.is-low) .smt-btn.smt-mint{background:var(--smt-brand);border-color:var(--smt-brand);color:#fff}

/* PDF modal */
.smt-lock,.smt-lock body{overflow:hidden}
.smt-modal{position:fixed;inset:0;z-index:999999;background:rgba(14,38,40,.62);display:grid;place-items:center;padding:16px;overflow:auto;animation:smt-fade .18s ease-out}
@keyframes smt-fade{from{opacity:0}}
.smt-dialog{position:relative;display:grid;grid-template-columns:1fr 1.25fr;width:min(820px,100%);background:var(--smt-surface);border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.smt-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:var(--smt-bg);color:var(--smt-ink);font-size:1.5rem;line-height:1;z-index:2}
.smt-dlg-side{background:var(--smt-deep);color:var(--smt-on-deep);padding:30px 26px}
.smt-dlg-side .smt-eyebrow{color:var(--smt-mint)}
.smt-dlg-score{margin:10px 0 18px !important;font-weight:600;color:#fff}
.smt-dlg-score b{display:block;font-size:2.6rem;line-height:1;font-weight:800}
.smt-dlg-side ul{display:grid;gap:10px;font-size:.93rem}
.smt-dlg-side li{position:relative;padding-left:24px}
.smt-dlg-side li::before{content:"";position:absolute;left:2px;top:.35em;width:10px;height:6px;border-left:2px solid var(--smt-mint);border-bottom:2px solid var(--smt-mint);transform:rotate(-45deg)}
.smt-form{display:grid;gap:12px;padding:30px 28px}
.smt-form h3{font-size:1.3rem;font-weight:750;margin:0 40px 4px 0;color:var(--smt-ink);line-height:1.2}
.smt-form label{display:grid;gap:5px;font-weight:600;font-size:.9rem;color:var(--smt-ink)}
.smt-form label span{color:var(--smt-muted);font-weight:500}
.smt-form input:not([type=checkbox]){width:100%;min-height:48px;border:1.5px solid var(--smt-line);border-radius:10px;padding:10px 14px;font:inherit;font-size:1rem;color:var(--smt-ink);background:#fff;box-shadow:none;margin:0}
.smt-form input:not([type=checkbox]):focus{border-color:var(--smt-brand);outline:3px solid var(--smt-soft);outline-offset:0}
.smt-form .smt-consent{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:.84rem;color:var(--smt-muted)}
.smt-form .smt-consent input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--smt-brand)}
.smt-form .smt-consent a{color:var(--smt-brand)}
.smt-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.smt-err{background:#FBE3DF;color:var(--smt-fail);border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:600}
.smt-form .smt-btn{width:100%;margin-top:4px}
.smt-fine{text-align:center;font-size:.8rem;color:var(--smt-muted)}
.smt-done{display:grid;justify-items:center;text-align:center;gap:10px;padding:20px 0}
.smt-done .smt-ic{width:52px;height:52px}
.smt-done h3{margin:0}
.smt-done p{color:var(--smt-muted)}


/* test allowance */
.smt-topline{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-bottom:14px}
.smt-topline .smt-steps{margin-bottom:0 !important}
.smt-quota{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--smt-muted);background:var(--smt-bg);border-radius:999px;padding:5px 12px;margin:0}
.smt-quota a{color:var(--smt-brand);font-weight:700}
.smt-qdot{width:8px;height:8px;border-radius:50%;background:var(--smt-pass);flex:none}
.smt-quota.is-low .smt-qdot{background:var(--smt-warn)}
.smt-hero .smt-quota{margin-top:14px;background:rgba(255,255,255,.08);color:var(--smt-on-deep)}
.smt-hero .smt-quota a{color:var(--smt-mint)}
.smt-limit{text-align:center;display:grid;justify-items:center;gap:6px;padding:34px 28px}
.smt-limit-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--smt-amber-soft);color:var(--smt-amber);margin-bottom:6px}
.smt-limit-ic svg{width:26px;height:26px}
.smt-limit-t{font-size:1.45rem !important;font-weight:750;color:var(--smt-ink);margin:2px 0 0 !important;letter-spacing:-.01em;line-height:1.2}
.smt-limit-s{color:var(--smt-muted);max-width:52ch}
.smt-limit-list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:10px !important;font-size:.9rem;color:var(--smt-ink)}
.smt-limit-list li{display:flex;align-items:center;gap:7px}
.smt-limit-list li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--smt-mint)}
.smt-limit-b{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-top:16px}
.smt-app a.smt-btn.smt-ghost-dark,.smt-btn.smt-ghost-dark{background:transparent;color:var(--smt-ink);border-color:var(--smt-ink)}
.smt-app a.smt-btn.smt-ghost-dark:hover{background:var(--smt-ink);color:#fff}
.smt-app a.smt-link{display:inline-block}
@container smt (max-width:520px){.smt-limit{padding:26px 18px}.smt-limit-b .smt-btn{width:100%}}

/* responsive */
@container smt (max-width:900px){.smt-cats{grid-template-columns:repeat(3,minmax(0,1fr))}.smt-cats .smt-cat:nth-child(n+4){grid-column:span 1}}
@container smt (max-width:680px){
  .smt-card{padding:20px;border-radius:16px}
  .smt-address{flex-wrap:wrap;padding:12px}
  .smt-copy{width:100%}
  .smt-wait-actions .smt-btn{width:100%}
  .smt-hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:24px 18px;gap:16px}
  .smt-ring{width:150px;height:150px}
  .smt-meta div{grid-template-columns:1fr;gap:0;text-align:center}
  .smt-actions{justify-content:center}
  .smt-actions .smt-btn{width:100%}
  .smt-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .smt-cats .smt-cat:last-child{grid-column:1/-1}
  .smt-panel{padding:18px 14px;border-radius:14px}
  .smt-body{padding-left:2px}
  .smt-req li{grid-template-columns:22px 1fr}
  .smt-req small{grid-column:2;text-align:left;margin-top:-6px}
  .smt-issues li{grid-template-columns:28px 1fr}
  .smt-issues .gain{grid-column:2}
  .smt-mhead div,.smt-kv div{grid-template-columns:1fr;gap:0}
  .smt-path li{grid-template-columns:26px 1fr}
  .smt-path .tags{grid-column:2;justify-content:flex-start}
  .smt-table .imp{width:62px}
  .smt-cta{padding:22px 18px}
  .smt-cta-b,.smt-cta-b .smt-btn{width:100%}
  .smt-cta-b{align-items:stretch;text-align:center}
}
@media (max-width:680px){
  .smt-dialog{grid-template-columns:1fr}
  .smt-dlg-side{padding:22px 20px 18px}
  .smt-dlg-side ul{display:none}
  .smt-dlg-score{margin-bottom:0 !important}
  .smt-form{padding:22px 20px}
}
@container smt (max-width:460px){
  .smt-cats{grid-template-columns:1fr;gap:8px}
  .smt-cats .smt-cat:last-child{grid-column:auto}
  .smt-cat{grid-template-columns:1fr auto;padding:12px 14px}
  .smt-cat .pts{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.smt-app *,.smt-modal *{animation:none !important;transition:none !important}}

/* ================= Account page [smc_mail_tester_account] ================= */
.smt-acct{display:grid;gap:18px;width:100%;max-width:1240px;margin:0 auto;container-type:inline-size;container-name:smtacct}
.smt-acct a.smt-btn,.smt-acct a.smt-btn:hover{color:#fff;text-decoration:none}
.smt-acct a.smt-btn.smt-ghost-dark{background:transparent;color:var(--smt-ink);border-color:var(--smt-ink)}
.smt-acct a.smt-btn.smt-ghost-dark:hover{background:var(--smt-ink);color:#fff}
.smt-acct .smt-acct-more a.smt-btn,.smt-acct .smt-acct-more a.smt-btn:hover{color:var(--smt-deep)}
.smt-acct *,.smt-acct *::before,.smt-acct *::after{box-sizing:border-box}
.smt-acct h2,.smt-acct h3,.smt-acct h4,.smt-acct p,.smt-acct ul{margin:0;padding:0}
.smt-acct ul{list-style:none}
.smt-acct a{color:var(--smt-brand)}
.smt-acct :focus-visible{outline:3px solid var(--smt-amber);outline-offset:2px;border-radius:6px}
.smt-acct h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--smt-ink);margin-top:4px}
.smt-acct h3{font-size:1.15rem;font-weight:750;color:var(--smt-ink);margin-bottom:12px}
.smt-acct h4{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smt-muted);margin-bottom:8px}
.smt-acct .smt-eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--smt-brand)}
.smt-acct-sub{color:var(--smt-muted);font-size:.95rem;margin-top:4px !important}
.smt-acct-card{background:var(--smt-surface);border:1px solid var(--smt-line);border-radius:18px;padding:24px;min-width:0}
.smt-acct .smt-btn{min-height:46px;padding:11px 22px}
.smt-acct .smt-link{padding:6px 2px}
.smt-acct-auth{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.smt-acct-auth .smt-acct-card{padding:30px}
.smt-acct-register{background:var(--smt-bg)}
.smt-acct form p{margin-top:14px !important}
.smt-acct form label{display:block;font-weight:600;font-size:.92rem;color:var(--smt-ink);margin-bottom:6px}
.smt-acct form label span{color:var(--smt-muted);font-weight:500}
.smt-acct form input[type=text],.smt-acct form input[type=email],.smt-acct form input[type=password],.smt-acct form input:not([type]){width:100%;min-height:48px;border:1.5px solid var(--smt-line);border-radius:10px;padding:10px 14px;font:inherit;font-size:1rem;color:var(--smt-ink);background:#fff;box-shadow:none;margin:0}
.smt-acct form input:focus{border-color:var(--smt-brand);outline:3px solid var(--smt-soft);outline-offset:0}
.smt-acct #smt-login-form .login-remember label,.smt-acct .smt-acct-check label{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:.9rem;color:var(--smt-muted)}
.smt-acct input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--smt-brand)}
.smt-acct #smt-login-form .button,.smt-acct #smt-login-form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:0;border-radius:999px;background:var(--smt-brand);color:#fff;font:700 1rem var(--smt-sans);cursor:pointer;padding:12px 24px;box-shadow:none}
.smt-acct #smt-login-form .button:hover{background:var(--smt-brand-hover)}
.smt-acct .smt-acct-form .smt-btn{width:100%}
.smt-acct-links{margin-top:16px !important;font-size:.92rem;color:var(--smt-muted)}
.smt-acct .smt-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.smt-acct-err{margin-top:14px;background:#FBE3DF;color:var(--smt-fail);border-radius:10px;padding:10px 14px;font-weight:600;font-size:.92rem}
.smt-acct-err p+p{margin-top:4px}
.smt-acct-ok{background:#DDF3EA;border:1px solid #b9e3d1;border-radius:14px;padding:14px 18px;color:var(--smt-ink)}
.smt-acct-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.smt-acct-head-b{display:flex;align-items:center;gap:14px}
.smt-acct-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.smt-acct-big{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--smt-ink);margin-top:6px !important;line-height:1.1}
.smt-acct-big.smt-muted{color:var(--smt-muted)}
.smt-acct-bar{height:10px;border-radius:10px;background:var(--smt-bg);overflow:hidden;margin-top:14px}
.smt-acct-bar i{display:block;height:100%;border-radius:10px;background:var(--smt-brand)}
.smt-acct-meta{margin-top:10px !important;font-size:.9rem;color:var(--smt-muted)}
.smt-acct-meta b{color:var(--smt-ink)}
.smt-acct-more{background:var(--smt-deep);border-color:var(--smt-deep);color:var(--smt-on-deep)}
.smt-acct-more h3{color:#fff}
.smt-acct-more .smt-eyebrow{color:var(--smt-mint)}
.smt-acct-more .smt-acct-sub{color:var(--smt-on-deep-muted)}
.smt-acct-more h4{color:var(--smt-on-deep-muted)}
.smt-acct-more .smt-btn{background:var(--smt-mint);border-color:var(--smt-mint);color:var(--smt-deep)}
.smt-acct-more-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.smt-acct-more-h h3{margin:4px 0 0}
.smt-acct-offers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.smt-acct-offers ul{display:grid;gap:6px}
.smt-acct-offers li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:var(--smt-deep-2);border-radius:10px;padding:10px 14px;font-size:.95rem}
.smt-acct-offers li b{color:#fff;font-size:1.05rem}
.smt-acct-offers li span{color:var(--smt-on-deep-muted);font-size:.84rem}
.smt-acct-offers li span.q{color:var(--smt-on-deep);font-size:.95rem}
.smt-acct-offers li.is-current{box-shadow:inset 0 0 0 2px var(--smt-mint)}
.smt-acct-tablewrap{overflow-x:auto}
.smt-acct-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0}
.smt-acct-table th{text-align:left;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--smt-muted);padding:8px 10px;border-bottom:2px solid var(--smt-line);background:none}
.smt-acct-table td{padding:11px 10px;border-bottom:1px solid var(--smt-line);vertical-align:top;background:none;overflow-wrap:anywhere}
.smt-acct-lnk{white-space:nowrap}
.smt-acct-lnk a{font-weight:700;margin-right:10px}
.smt-sc.s-pass{color:var(--smt-pass)}.smt-sc.s-warn{color:var(--smt-warn)}.smt-sc.s-fail{color:var(--smt-fail)}
.smt-acct-log li{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:10px 0;border-top:1px solid var(--smt-line);font-size:.93rem}
.smt-acct-log li:first-child{border-top:0}
.smt-acct-log .d{color:var(--smt-muted)}
.smt-acct-log .c{font-weight:800;font-family:var(--smt-mono)}
.smt-acct-log .c.up{color:var(--smt-pass)}.smt-acct-log .c.down{color:var(--smt-fail)}
@container smtacct (max-width:900px){.smt-acct-grid{grid-template-columns:1fr 1fr}.smt-acct-plan{grid-column:1/-1}}
@container smtacct (max-width:700px){
  .smt-acct-auth{grid-template-columns:1fr}
  .smt-acct-auth.show-register .smt-acct-register{order:-1}
  .smt-acct-offers li{flex-wrap:wrap}
  .smt-acct-auth .smt-acct-card,.smt-acct-card{padding:20px}
  .smt-acct-grid,.smt-acct-offers{grid-template-columns:1fr}
  .smt-acct-head-b{width:100%}.smt-acct-head-b .smt-btn{flex:1}
  .smt-acct-table thead{display:none}
  .smt-acct-table tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--smt-line)}
  .smt-acct-table td{border:0;padding:2px 0}
  .smt-acct-table td[data-l]::before{content:attr(data-l);display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--smt-muted)}
  .smt-acct-log li{grid-template-columns:1fr auto}.smt-acct-log .d{grid-column:1/-1}
}

/* ================= Client dashboard ================= */
.smt-dash{display:grid;gap:16px;min-width:0}
.smt-dash>*{min-width:0;max-width:100%}
.smt-dash-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--smt-deep);color:var(--smt-on-deep);border-radius:20px;padding:22px 24px}
.smt-dash-top h2{color:#fff !important;margin:2px 0 0 !important;font-size:1.5rem !important}
.smt-dash-top .smt-eyebrow{color:var(--smt-mint)}
.smt-dash-top .smt-acct-sub{color:var(--smt-on-deep-muted);margin-top:2px !important}
.smt-dash-id{display:flex;align-items:center;gap:14px;min-width:0}
.smt-dash-id>div{min-width:0}
.smt-dash-id .smt-acct-sub{overflow-wrap:anywhere}
.smt-dash-av{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--smt-mint);color:var(--smt-deep);font-weight:800;font-size:1.3rem}
.smt-dash-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.smt-dash-top a.smt-btn{background:var(--smt-mint);border-color:var(--smt-mint);color:var(--smt-deep)}
.smt-dash-top a.smt-btn.smt-ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.smt-dash-top a.smt-btn.smt-ghost-dark:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.smt-dash-top .smt-link{color:var(--smt-on-deep)}
.smt-dash-note{display:flex;gap:12px;align-items:flex-start;background:var(--smt-surface);border:1px solid var(--smt-line);border-left:4px solid var(--smt-info);border-radius:12px;padding:12px 16px;font-size:.93rem;color:var(--smt-ink)}
.smt-dash-note svg{flex:none;width:20px;height:20px;color:var(--smt-info);margin-top:2px}
.smt-dash-note.is-ok{border-left-color:var(--smt-pass);background:#EEF8F3}
.smt-dash-warn{display:inline;color:#8A5A09;font-weight:600}
.smt-dash-tabs{display:flex;gap:4px;border-bottom:2px solid var(--smt-line);overflow-x:auto;scrollbar-width:thin}
.smt-dash-tabs a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:-2px;border-bottom:3px solid transparent;color:var(--smt-muted);font-weight:650;text-decoration:none;border-radius:8px 8px 0 0}
.smt-dash-tabs a:hover{color:var(--smt-ink);background:var(--smt-bg)}
.smt-dash-tabs a[aria-current=page]{color:var(--smt-ink);border-bottom-color:var(--smt-brand)}
.smt-dash-tabs a span{font-size:.75rem;background:var(--smt-bg);border-radius:999px;padding:1px 8px}
.smt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.smt-kpis.smt-kpis-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.smt-kpi{background:var(--smt-surface);border:1px solid var(--smt-line);border-radius:16px;padding:18px;min-width:0}
.smt-kpi .k{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smt-muted)}
.smt-kpi .v{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;color:var(--smt-ink);margin-top:6px !important;line-height:1.05;font-variant-numeric:tabular-nums}
.smt-kpi .v small{font-size:1rem;margin-left:1px}
.smt-kpi .s{margin-top:8px !important;font-size:.86rem;color:var(--smt-muted)}
.smt-kpi.is-main{background:var(--smt-soft);border-color:#c5ddd5}
.smt-kpi.is-main .v{color:var(--smt-brand)}
.smt-chip{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.86rem;border-radius:999px;padding:3px 10px;white-space:nowrap}
.smt-chip span{font-weight:600;font-size:.78rem}
.smt-chip.s-pass{background:#DDF3EA;color:#16704F}.smt-chip.s-good{background:#E4F0EC;color:var(--smt-brand)}.smt-chip.s-warn{background:var(--smt-amber-soft);color:#8A5A09}.smt-chip.s-fail{background:#FBE3DF;color:#A8331F}
.smt-dash-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.smt-dash-h h3{margin:0 !important}
.smt-dash-empty{color:var(--smt-muted);padding:10px 0}
.smt-muted{color:var(--smt-muted)}
.smt-soon{color:#8A5A09;font-weight:700}
/* score chart */
.smt-chart{position:relative;height:190px;margin:10px 0 0 40px}
.smt-chart-grid{position:absolute;inset:0;pointer-events:none}
.smt-chart-grid span{position:absolute;left:-40px;transform:translateY(50%);font-size:.72rem;color:var(--smt-muted);width:34px;text-align:right}
.smt-chart-grid{background:linear-gradient(var(--smt-line),var(--smt-line)) 0 0/100% 1px no-repeat,linear-gradient(var(--smt-line),var(--smt-line)) 0 50%/100% 1px no-repeat,linear-gradient(var(--smt-ink),var(--smt-ink)) 0 100%/100% 1px no-repeat}
.smt-chart-grid i{position:absolute;left:0;right:0;border-top:1.5px dashed #9CC9BB}
.smt-chart-grid em{position:absolute;right:0;top:-18px;font-style:normal;font-size:.7rem;color:var(--smt-brand);font-weight:700}
.smt-chart-bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:2px}
.smt-chart-bar{position:relative;flex:1 1 0;max-width:34px;height:100%;display:flex;align-items:flex-end;text-decoration:none;outline:none}
.smt-chart-bar i{display:block;width:100%;height:var(--h);background:var(--smt-brand);border-radius:4px 4px 0 0;transition:background .12s}
.smt-chart-bar:hover i,.smt-chart-bar:focus-visible i{background:var(--smt-deep)}
.smt-chart-bar:focus-visible{box-shadow:0 0 0 3px var(--smt-amber);border-radius:4px}
.smt-chart-tip{position:absolute;bottom:calc(var(--h) + 8px);left:50%;transform:translateX(-50%);background:var(--smt-deep);color:#fff;font-size:.78rem;font-weight:600;white-space:nowrap;border-radius:8px;padding:6px 9px;opacity:0;pointer-events:none;transition:opacity .12s;z-index:3;box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
.smt-chart-bar:hover .smt-chart-tip,.smt-chart-bar:focus-visible .smt-chart-tip{opacity:1}
.smt-chart-bar:first-child .smt-chart-tip{left:0;transform:none}
.smt-chart-bar:last-child .smt-chart-tip{left:auto;right:0;transform:none}
/* tests table */
.smt-dash-filter{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.smt-dash-filter input,.smt-dash-filter select{min-height:42px;border:1.5px solid var(--smt-line);border-radius:10px;padding:8px 12px;font:inherit;font-size:.95rem;background:#fff;color:var(--smt-ink);margin:0}
.smt-dash-filter input{flex:1 1 220px}
.smt-dash-tests td small{color:var(--smt-muted)}
.smt-dash-subj{max-width:340px}
.smt-dash-act{white-space:nowrap;text-align:right}
.smt-dash-act a{display:inline-block;font-weight:700;margin-left:12px;text-decoration:none;border-bottom:2px solid currentColor}
.smt-acct-table th.num,.smt-acct-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.smt-dash-log b.up{color:var(--smt-pass)}.smt-dash-log b.down{color:var(--smt-fail)}
.smt-acct .screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* credit packs */
.smt-shop-head{margin-bottom:18px}
.smt-shop-head h2{margin:4px 0 0 !important}
.smt-shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.smt-pack{position:relative;display:grid;gap:4px;align-content:start;background:var(--smt-surface);border:1.5px solid var(--smt-line);border-radius:16px;padding:18px 16px 16px;text-align:center;transition:border-color .15s,transform .15s}
.smt-pack:hover{border-color:var(--smt-brand);transform:translateY(-2px)}
.smt-pack.is-popular{border-color:var(--smt-brand);box-shadow:0 0 0 3px var(--smt-soft)}
.smt-pack-tag,.smt-pack-save{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;white-space:nowrap}
.smt-pack-tag{background:var(--smt-brand);color:#fff}
.smt-pack-save{background:var(--smt-amber-soft);color:#8A5A09}
.smt-pack-n{font-size:.95rem;color:var(--smt-muted)}
.smt-pack-n b{display:block;font-size:1.7rem;color:var(--smt-ink);letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.smt-pack-price{font-size:1.25rem;font-weight:800;color:var(--smt-brand);margin-top:6px !important}
.smt-pack-per{font-size:.8rem;color:var(--smt-muted)}
.smt-pack .smt-btn{margin-top:12px;min-height:42px !important;padding:9px 14px !important;width:100%}
.smt-shop-note{margin-top:14px !important;font-size:.88rem;color:var(--smt-muted)}
.smt-shop-wrap{max-width:1100px}
@container smtacct (max-width:900px){.smt-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.smt-kpis .is-main{grid-column:1/-1}}
@container smtacct (max-width:470px){.smt-kpis,.smt-kpis.smt-kpis-3{grid-template-columns:1fr}}
.smt-dash-h .smt-link{white-space:nowrap}
@container smtacct (max-width:700px){
  .smt-dash-top{padding:18px}
  .smt-dash-actions{width:100%}.smt-dash-actions .smt-btn{flex:1}
  .smt-kpi{padding:14px}.smt-kpi .v{font-size:1.7rem}
  .smt-chart{height:150px}
  .smt-shop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .smt-dash-tests tr{grid-template-columns:1fr auto !important}
  .smt-dash-act{text-align:left}.smt-dash-act a{margin:0 14px 0 0}
  .smt-dash-subj{grid-column:1/-1;max-width:none}
}

/* ================= Client portal (1.5): sidebar, services, invoices, support, chat, branding ================= */
.smt-dash{container-type:inline-size;container-name:smtdash}
.smt-dash-bal{display:inline-flex;align-items:baseline;gap:6px;color:var(--smt-on-deep-muted);font-size:.9rem;padding:0 6px}
.smt-dash-bal b{color:#fff;font-size:1.25rem;font-variant-numeric:tabular-nums}
.smt-dash-body{display:grid;grid-template-columns:236px minmax(0,1fr);gap:20px;align-items:start}
.smt-side{position:sticky;top:24px;background:var(--smt-surface);border:1px solid var(--smt-line);border-radius:18px;padding:12px}
.smt-acct .smt-side-g{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--smt-muted);padding:14px 10px 6px}
.smt-side ul{display:grid;gap:2px}
.smt-side a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--smt-ink) !important;text-decoration:none;font-weight:600;font-size:.94rem;line-height:1.25}
.smt-side a svg{flex:none;width:19px;height:19px;color:var(--smt-muted)}
.smt-side a span{flex:1;min-width:0}
.smt-side a:hover{background:var(--smt-bg)}
.smt-side a[aria-current=page]{background:var(--smt-soft);color:var(--smt-brand) !important}
.smt-side a[aria-current=page] svg{color:var(--smt-brand)}
.smt-side em{font-style:normal;font-size:.72rem;font-weight:800;min-width:22px;text-align:center;border-radius:999px;padding:2px 7px;background:var(--smt-brand);color:#fff}
.smt-side em.warn{background:var(--smt-fail)}
.smt-main{display:grid;gap:16px;min-width:0;container-type:inline-size;container-name:smtacct}
.smt-main>*{min-width:0}
.smt-acct .smt-main-h{font-size:1.45rem;margin:2px 0 0}
@container smtdash (max-width:820px){
  .smt-dash-body{grid-template-columns:1fr;gap:14px}
  .smt-side{position:static;display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-radius:14px}
  .smt-acct .smt-side-g{display:none}
  .smt-side ul{display:contents}
  .smt-side a{white-space:nowrap;padding:8px 12px}
  .smt-main-h{display:none}
}
.smt-btn-sm,.smt-acct a.smt-btn-sm,.smt-acct .smt-btn.smt-btn-sm{min-height:36px !important;padding:6px 14px !important;font-size:.88rem}
.smt-dash-note p{margin:0}
.smt-dash-note.is-warn{border-left-color:var(--smt-warn);background:#FFF8EC}
.smt-dash-note.is-warn .smt-btn{margin-left:8px;vertical-align:middle}
.smt-acct .smt-back{margin:0 0 -4px !important;font-size:.92rem}
.smt-acct .smt-back a{font-weight:600;text-decoration:none}
.smt-acct .smt-h4{margin:22px 0 10px}
.smt-hint{font-size:.85rem;color:var(--smt-muted)}
/* pills */
.smt-pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap;background:var(--smt-bg);color:var(--smt-muted)}
.smt-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.smt-pill.st-active,.smt-pill.inv-paid,.smt-pill.tk-answered{background:#DDF3EA;color:#16704F}
.smt-pill.st-pending,.smt-pill.inv-hold,.smt-pill.tk-open{background:var(--smt-amber-soft);color:#8A5A09}
.smt-pill.st-overdue,.smt-pill.st-suspended,.smt-pill.inv-due{background:#FBE3DF;color:#A8331F}
/* forms (dashboard) */
.smt-acct form select,.smt-acct form textarea,.smt-acct form input[type=url],.smt-acct form input[type=tel],.smt-acct form input[type=number]{width:100%;min-height:48px;border:1.5px solid var(--smt-line);border-radius:10px;padding:10px 14px;font:inherit;font-size:1rem;color:var(--smt-ink);background:#fff;box-shadow:none;margin:0}
.smt-acct form textarea{min-height:0;resize:vertical;line-height:1.5}
.smt-acct form select:focus,.smt-acct form textarea:focus{border-color:var(--smt-brand);outline:3px solid var(--smt-soft);outline-offset:0}
.smt-acct form input[type=file]{width:100%;font:inherit;font-size:.9rem;padding:8px;border:1.5px dashed var(--smt-line);border-radius:10px;background:var(--smt-bg)}
.smt-acct form input[type=color]{width:100%;height:48px;padding:4px;border:1.5px solid var(--smt-line);border-radius:10px;background:#fff;cursor:pointer}
.smt-row2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.smt-acct .smt-inline{display:flex !important;align-items:center;gap:8px;font-weight:500 !important;margin-top:8px}
.smt-acct .smt-tk-form .smt-btn,.smt-acct .smt-tk-reply .smt-btn,.smt-acct .smt-brand .smt-btn{width:auto}
@container smtacct (max-width:560px){.smt-row2{grid-template-columns:1fr}}
/* services */
.smt-svc-list{display:grid;gap:10px}
.smt-svc{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;border:1px solid var(--smt-line);border-radius:14px;padding:14px 16px;transition:border-color .15s}
.smt-svc:hover{border-color:var(--smt-brand)}
.smt-svc-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--smt-soft);color:var(--smt-brand)}
.smt-svc-ic svg{width:22px;height:22px}
.smt-svc.s-pending .smt-svc-ic{background:var(--smt-amber-soft);color:#8A5A09}
.smt-svc.s-overdue .smt-svc-ic,.smt-svc.s-suspended .smt-svc-ic{background:#FBE3DF;color:#A8331F}
.smt-svc.s-cancelled{opacity:.65}
.smt-svc-main b{display:block;font-size:1.02rem}
.smt-svc-main span{font-size:.88rem;color:var(--smt-muted)}
.smt-svc-state{display:grid;justify-items:end;gap:3px;text-align:right}
.smt-svc-state small{font-size:.8rem;color:var(--smt-muted)}
.smt-svc-act{display:flex;gap:8px}
@container smtacct (max-width:640px){.smt-svc{grid-template-columns:auto minmax(0,1fr)}.smt-svc-state{grid-column:2;justify-items:start;text-align:left}.smt-svc-act{grid-column:1/-1}.smt-svc-act .smt-btn{flex:1}}
.smt-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;margin-top:6px}
.smt-plan{position:relative;display:grid;gap:4px;align-content:start;border:1.5px solid var(--smt-line);border-radius:16px;padding:20px 16px 16px;text-align:center;background:var(--smt-surface);transition:border-color .15s,transform .15s}
.smt-plan:hover{border-color:var(--smt-brand);transform:translateY(-2px)}
.smt-plan.is-popular{border-color:var(--smt-brand);box-shadow:0 0 0 3px var(--smt-soft)}
.smt-plan.is-quote{border-style:dashed;background:var(--smt-bg)}
.smt-plan-n{font-weight:800;font-size:1.1rem;color:var(--smt-ink)}
.smt-plan-v{font-size:.84rem;color:var(--smt-muted);min-height:2.4em}
.smt-plan-p{font-size:1.6rem;font-weight:800;color:var(--smt-brand);letter-spacing:-.02em;margin-top:4px !important;font-variant-numeric:tabular-nums}
.smt-plan-p small{font-size:.85rem;color:var(--smt-muted);font-weight:600;margin-left:2px}
.smt-plan .smt-btn{margin-top:12px;min-height:42px !important;padding:9px 14px !important;width:100%}
.smt-setup{display:flex;gap:14px;align-items:flex-start;background:var(--smt-amber-soft);border-radius:14px;padding:16px 18px;margin-top:6px}
.smt-setup b{display:block}
.smt-spin{flex:none;width:22px;height:22px;border-radius:50%;border:3px solid rgba(138,90,9,.25);border-top-color:#8A5A09;animation:smtspin 1s linear infinite;margin-top:2px}
@keyframes smtspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.smt-spin{animation:none}}
.smt-cred{display:grid;gap:0;border:1px solid var(--smt-line);border-radius:14px;overflow:hidden;margin:0}
.smt-cred>div{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--smt-line)}
.smt-cred>div:first-child{border-top:0}
.smt-cred dt{font-weight:700;font-size:.9rem;color:var(--smt-muted)}
.smt-cred dd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;min-width:0}
.smt-cred code{font-family:var(--smt-mono);font-size:.98rem;background:var(--smt-bg);border-radius:8px;padding:6px 10px;color:var(--smt-ink);overflow-wrap:anywhere;flex:0 1 auto}
.smt-copy-btn,.smt-show-pass{font:inherit;font-size:.82rem;font-weight:700;border:1.5px solid var(--smt-line);background:#fff;color:var(--smt-ink);border-radius:999px;padding:5px 12px;cursor:pointer;line-height:1.2}
.smt-copy-btn:hover,.smt-show-pass:hover{border-color:var(--smt-brand);color:var(--smt-brand)}
.smt-copy-btn.is-done{border-color:var(--smt-pass);color:var(--smt-pass)}
@container smtacct (max-width:560px){.smt-cred>div{grid-template-columns:1fr;gap:6px}}
.smt-kvs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0}
.smt-kvs>div{background:var(--smt-bg);border-radius:12px;padding:12px 14px}
.smt-kvs dt{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smt-muted)}
.smt-kvs dd{margin:4px 0 0;font-weight:700}
.smt-svc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--smt-line)}
.smt-svc-foot form{margin:0}
.smt-svc-foot .smt-link{color:var(--smt-muted)}
/* invoices */
.smt-inv-table tr.is-due td{background:#FFFAF2}
.smt-inv-items{max-width:320px}
.smt-dash-act .smt-btn{border-bottom:2px solid var(--smt-brand) !important;margin-left:0}
/* support */
.smt-tk-list{display:grid;gap:8px}
.smt-tk a{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--smt-line);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--smt-ink) !important}
.smt-tk a:hover{border-color:var(--smt-brand)}
.smt-tk.s-answered a{border-left:4px solid var(--smt-pass)}
.smt-tk-main{min-width:0}.smt-tk-main b{display:block}.smt-tk-main small,.smt-tk-side small{color:var(--smt-muted);font-size:.82rem}
.smt-tk-side{display:grid;justify-items:end;gap:4px;flex:none}
.smt-msgs{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.smt-msg{border:1px solid var(--smt-line);border-radius:14px;padding:14px 16px;background:#fff}
.smt-msg.is-staff{background:var(--smt-soft);border-color:#c5ddd5}
.smt-msg-h{display:flex;justify-content:space-between;gap:10px;font-size:.86rem;color:var(--smt-muted);margin-bottom:6px !important}
.smt-msg-h b{color:var(--smt-ink)}
.smt-msg-b p{margin:0 0 .6em !important}.smt-msg-b p:last-child{margin:0 !important}
.smt-msg-b{overflow-wrap:anywhere}
.smt-tk-close{margin-top:8px}
.smt-tk-close .smt-link{color:var(--smt-muted);font-size:.9rem}
/* chat */
.smt-chat{display:flex;flex-direction:column;padding:0;overflow:hidden;height:min(74vh,720px);min-height:460px}
.smt-chat-h{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--smt-line);background:var(--smt-surface)}
.smt-chat-h h3{margin:0 !important;font-size:1.05rem}
.smt-chat-av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--smt-deep);color:var(--smt-mint)}
.smt-chat-av svg{width:22px;height:22px}
.smt-chat-st{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--smt-muted)}
.smt-dot{width:8px;height:8px;border-radius:50%;background:#9DB5B1;flex:none}
.smt-chat.is-online .smt-dot{background:var(--smt-pass);box-shadow:0 0 0 3px #DDF3EA}
.smt-chat-log{flex:1;overflow-y:auto;list-style:none;margin:0;padding:18px 20px;display:flex;flex-direction:column;gap:10px;background:var(--smt-bg);overscroll-behavior:contain}
.smt-chat-empty{margin:auto;max-width:380px;text-align:center;color:var(--smt-muted);font-size:.93rem}
.smt-cm{max-width:min(78%,560px);display:grid;gap:3px}
.smt-cm .smt-cm-b{border-radius:16px;padding:10px 14px;background:#fff;border:1px solid var(--smt-line);overflow-wrap:anywhere;font-size:.96rem}
.smt-cm .smt-cm-b p{margin:0 0 .5em !important}.smt-cm .smt-cm-b p:last-child{margin:0 !important}
.smt-cm small{font-size:.74rem;color:var(--smt-muted);padding:0 6px}
.smt-cm.is-me{align-self:flex-end;justify-items:end}
.smt-cm.is-me .smt-cm-b{background:var(--smt-brand);border-color:var(--smt-brand);color:#fff;border-bottom-right-radius:6px}
.smt-cm.is-me .smt-cm-b a{color:#fff}
.smt-cm.is-staff .smt-cm-b{border-bottom-left-radius:6px}
.smt-cm.is-sending{opacity:.6}
.smt-paycard{margin-top:8px;border-radius:12px;background:var(--smt-deep);color:var(--smt-on-deep);padding:14px;display:grid;gap:4px;min-width:240px}
.smt-paycard small{color:var(--smt-on-deep-muted);font-size:.76rem;padding:0;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.smt-paycard b{color:#fff;font-size:1rem}
.smt-paycard .amt{font-size:1.4rem;font-weight:800;color:#fff}
.smt-paycard a.smt-btn{margin-top:6px;background:var(--smt-mint) !important;border-color:var(--smt-mint) !important;color:var(--smt-deep) !important}
.smt-paycard .paid{color:var(--smt-mint);font-weight:700}
.smt-chat-form{display:flex;gap:10px;align-items:flex-end;padding:12px 14px;border-top:1px solid var(--smt-line);background:#fff;margin:0}
.smt-acct .smt-chat-form textarea{flex:1;min-height:46px;max-height:160px;resize:none;border-radius:14px;padding:11px 14px}
.smt-chat-form .smt-btn{width:auto !important;flex:none;padding:10px 18px !important}
.smt-chat-form .smt-btn svg{width:18px;height:18px}
.smt-acct .smt-chat-foot{font-size:.78rem;color:var(--smt-muted);padding:0 16px 12px;background:#fff}
@container smtacct (max-width:560px){.smt-chat-form .smt-btn span{display:none}.smt-cm{max-width:90%}}
/* branding */
.smt-acct .smt-switch{display:flex !important;font-weight:500 !important;align-items:center;gap:14px;cursor:pointer;margin-top:6px}
.smt-switch input{position:absolute;opacity:0;width:1px;height:1px}
.smt-switch-ui{flex:none;width:48px;height:28px;border-radius:999px;background:var(--smt-line);position:relative;transition:background .15s}
.smt-switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.smt-switch input:checked+.smt-switch-ui{background:var(--smt-brand)}
.smt-switch input:checked+.smt-switch-ui::after{transform:translateX(20px)}
.smt-switch input:focus-visible+.smt-switch-ui{outline:3px solid var(--smt-amber);outline-offset:2px}
.smt-switch b{display:block}.smt-switch small{color:var(--smt-muted);font-size:.86rem}
.smt-brand{display:grid;gap:16px}
.smt-brand-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.smt-brand-btns{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.smt-brand-prev{position:sticky;top:24px;background:var(--smt-bg)}
.smt-bp-page{margin-top:10px;background:#fff;border-radius:10px;box-shadow:0 18px 40px -24px rgba(14,38,40,.5);padding:16px;display:grid;gap:12px;aspect-ratio:1/1.3;font-size:.8rem}
.smt-bp-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--smt-line);padding-bottom:10px}
.smt-bp-top small{margin-left:auto;color:var(--smt-muted);font-size:.7rem}
.smt-bp-logo{max-height:26px;max-width:140px;object-fit:contain}
.smt-bp-mark{width:22px;height:22px;border-radius:6px;background:var(--acc)}
.smt-bp-name{font-size:.95rem}
.smt-bp-lines{display:grid;gap:6px}.smt-bp-lines i{display:block;height:7px;border-radius:4px;background:var(--smt-bg)}
.smt-bp-cta{background:var(--smt-deep);color:var(--smt-on-deep);border-radius:10px;padding:14px;display:grid;gap:6px;align-content:start}
.smt-bp-cta small{color:var(--smt-mint);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.62rem}
.smt-bp-cta b{color:#fff;font-size:1.02rem;line-height:1.2}
.smt-bp-cta p{font-size:.76rem;color:var(--smt-on-deep-muted)}
.smt-bp-btn{justify-self:start;background:var(--acc);color:#fff;border-radius:999px;padding:6px 12px;font-weight:700;font-size:.76rem}
.smt-bp-cta em{font-style:normal;font-size:.68rem;color:var(--smt-on-deep-muted)}
.smt-bp-foot{margin-top:auto;border-top:1px solid var(--smt-line);padding-top:8px;font-size:.66rem;color:var(--smt-muted)}
@container smtacct (max-width:760px){.smt-brand-grid{grid-template-columns:1fr}.smt-brand-prev{position:static}}
/* overview */
.smt-ov-row{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.smt-ov-list{display:grid;gap:6px}
.smt-ov-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--smt-bg);text-decoration:none;color:var(--smt-ink) !important}
.smt-ov-btns{display:flex;gap:10px;flex-wrap:wrap}
.smt-ov-help{background:var(--smt-soft);border-color:#c5ddd5}
@container smtacct (max-width:700px){.smt-ov-row{grid-template-columns:1fr}}

/* ================= 1.6: forms ================= */
.smt-form-wrap{max-width:720px;font-family:var(--smt-sans);color:var(--smt-ink);font-size:16px;line-height:1.55}
.smt-form-wrap *,.smt-form-wrap *::before,.smt-form-wrap *::after{box-sizing:border-box}
.smt-form-title{font-size:1.4rem;font-weight:800;margin:0 0 6px}
.smt-form-intro{color:var(--smt-muted);margin:0 0 16px}
.smt-form{margin:0}
.smt-f-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.smt-f-field{min-width:0}
.smt-f-field.w-full,.smt-f-field.t-textarea,.smt-f-field.t-consent,.smt-f-field.t-checkboxes{grid-column:1/-1}
.smt-form label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px;color:var(--smt-ink)}
.smt-form label .opt{color:var(--smt-muted);font-weight:500}
.smt-form label .req{color:var(--smt-fail)}
.smt-form input:not([type=checkbox]):not([type=radio]),.smt-form select,.smt-form textarea{width:100%;min-height:48px;border:1.5px solid var(--smt-line);border-radius:10px;padding:10px 14px;font:inherit;font-size:1rem;color:var(--smt-ink);background:#fff;box-shadow:none;margin:0}
.smt-form textarea{min-height:110px;resize:vertical}
.smt-form input:focus,.smt-form select:focus,.smt-form textarea:focus{border-color:var(--smt-brand);outline:3px solid var(--smt-soft);outline-offset:0}
.smt-form [aria-invalid=true]{border-color:var(--smt-fail) !important}
.smt-form fieldset{border:0;margin:0;padding:0}
.smt-form legend{font-weight:600;font-size:.92rem;margin-bottom:6px;padding:0}
.smt-form .smt-f-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.93rem;margin:0 0 6px;color:var(--smt-muted);cursor:pointer}
.smt-form .smt-f-check input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--smt-brand)}
.smt-f-help{display:block;color:var(--smt-muted);font-size:.84rem;margin-top:4px}
.smt-f-hp{position:absolute !important;left:-10000px !important;top:auto;width:1px;height:1px;overflow:hidden}
.smt-f-err{margin:14px 0 0;background:#FBE3DF;color:#A8331F;border-radius:10px;padding:10px 14px;font-weight:600;font-size:.92rem}
.smt-f-actions{margin:18px 0 0}
.smt-form .smt-btn{min-width:200px}
.smt-f-ok{display:flex;gap:14px;align-items:flex-start;background:#EEF8F3;border:1px solid #b9e3d1;border-radius:14px;padding:18px 20px;outline:none}
.smt-f-ok svg{flex:none;width:28px;height:28px;color:var(--smt-pass)}
.smt-f-ok p{margin:2px 0 0;font-weight:600}
.cf-turnstile{margin-top:14px}
@media (max-width:560px){.smt-f-grid{grid-template-columns:1fr}.smt-form .smt-btn{width:100%}}

/* ================= 1.6: domains ================= */
.smt-steps{list-style:none;margin:10px 0 0;padding:0;counter-reset:st;display:grid;gap:0}
.smt-steps>li{position:relative;display:flex;gap:14px;padding:0 0 22px 0;counter-increment:st}
.smt-steps>li::before{content:counter(st);flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid var(--smt-brand);color:var(--smt-brand);font-weight:800;background:#fff;position:relative;z-index:1}
.smt-steps>li:not(:last-child)::after{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--smt-line)}
.smt-steps>li.is-done::before{content:"✓";background:var(--smt-brand);color:#fff}
.smt-steps>li>div{min-width:0;padding-top:4px}
.smt-steps>li>div>b{display:block;font-size:1.02rem}
.smt-steps p{color:var(--smt-muted);font-size:.93rem;font-weight:400;margin-top:4px !important}
.smt-steps form{margin-top:10px}
.smt-ns{display:grid;gap:8px;margin:12px 0 6px}
.smt-ns>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--smt-soft);border-radius:12px;padding:10px 14px}
.smt-ns span{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--smt-muted);min-width:130px;white-space:nowrap}
.smt-ns code{font-family:var(--smt-mono);font-size:1.02rem;font-weight:700;color:var(--smt-ink);flex:1;overflow-wrap:anywhere}
.smt-reg{margin-top:10px;border:1px solid var(--smt-line);border-radius:12px;padding:10px 14px}
.smt-reg summary{cursor:pointer;font-weight:700;color:var(--smt-brand)}
.smt-reg dl{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:6px 14px;margin:12px 0 0;font-size:.9rem}
.smt-reg dt{font-weight:700}.smt-reg dd{margin:0;color:var(--smt-muted)}
.smt-emailauth ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:0 0 12px}
.smt-emailauth li{border:1px solid var(--smt-line);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.smt-emailauth li span{font-size:.82rem;font-weight:700}
.smt-emailauth li.ok span{color:var(--smt-pass)}.smt-emailauth li.no span{color:#A8331F}
.smt-emailauth li small{color:var(--smt-muted);font-size:.82rem}
.smt-dns code{font-family:var(--smt-mono);font-size:.88rem;overflow-wrap:anywhere}
.smt-dns-v{max-width:420px}
.smt-rtype{display:inline-block;font-family:var(--smt-mono);font-weight:700;font-size:.78rem;background:var(--smt-bg);border-radius:6px;padding:2px 7px}
.smt-proxy{font-size:.72rem;font-weight:700;color:#8A5A09;background:var(--smt-amber-soft);border-radius:999px;padding:1px 8px}
.smt-inline-form{display:inline;margin:0}
.smt-acct .smt-danger{color:#A8331F}
.smt-dns-form{margin-top:18px;border-top:1px solid var(--smt-line);padding-top:6px}
.smt-dns-grid{display:grid;grid-template-columns:120px 1fr 2fr 100px 110px;gap:0 12px;align-items:end}
.smt-dns-grid .w2{grid-column:span 1}
.smt-dns-grid .dns-proxy{grid-column:1/-1}
@container smtacct (max-width:760px){.smt-dns-grid{grid-template-columns:1fr 1fr}.smt-dns-grid .w2{grid-column:1/-1}}
.smt-dom-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.smt-dom-foot form{margin:0}
.smt-acct-admin{max-width:none;margin:0}

/* ================= 1.6: tickets ================= */
.smt-tk-extra{display:grid;gap:4px;margin-top:6px}
.smt-secure{border:1px dashed #9CC9BB;border-radius:12px;padding:10px 14px;background:#F7FBFA;margin-top:10px}
.smt-secure summary{cursor:pointer;font-weight:700;color:var(--smt-brand);display:flex;align-items:center;gap:8px}
.smt-secure summary svg{width:18px;height:18px}
.smt-att{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.smt-att a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--smt-line);border-radius:999px;padding:5px 12px;font-size:.86rem;font-weight:600;text-decoration:none;background:#fff}
.smt-att svg{width:15px;height:15px}
.smt-att small{color:var(--smt-muted);font-size:.78rem}
.smt-vault-c{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.88rem;color:#16704F;background:#DDF3EA;border-radius:10px;padding:8px 12px}
.smt-vault-c svg{width:17px;height:17px;flex:none}
/* ---- 1.7: profile & security ---- */
.smt-profile .smt-f-err,.smt-acct-form .smt-f-err{display:block;color:var(--smt-fail);font-size:.84rem;font-weight:600;margin-top:4px}
.smt-acct-form [aria-invalid="true"]{border-color:var(--smt-fail)!important;box-shadow:0 0 0 3px rgba(200,65,47,.12)}
.smt-notify-prefs .smt-switch{margin:10px 0}
.smt-verified{display:inline-flex;align-items:center;gap:6px;background:#DDF3EA;color:var(--smt-pass);border-radius:999px;padding:5px 12px;font-weight:700;font-size:.9rem;white-space:nowrap}
.smt-verified svg{width:18px;height:18px}
.smt-2fa-qr{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:10px 0 6px}
.smt-2fa-qr svg{background:#fff;padding:8px;border-radius:12px;border:1px solid var(--smt-line);width:180px;height:180px}
.smt-2fa-qr code{display:block;font-size:1rem;margin-top:4px;word-break:break-all}
.smt-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--smt-bg);border-radius:12px;padding:12px;margin:12px 0}
.smt-codes code{font-size:.95rem;letter-spacing:.04em}
.smt-2fa-code input{max-width:200px;font-size:1.15rem;letter-spacing:.12em}
.smt-logo-msg{display:block;font-size:.85rem;margin-top:4px;color:var(--smt-muted)}.smt-logo-msg.is-ok{color:var(--smt-pass)}.smt-logo-msg.is-bad{color:var(--smt-fail)}
.smt-toast{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:340px;background:var(--smt-ink,#0E2628);color:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 12px 32px rgba(0,0,0,.25);text-decoration:none;display:flex;flex-direction:column;gap:2px;transition:opacity .3s,transform .3s}
.smt-toast b{font-size:.93rem}.smt-toast small{opacity:.8;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.smt-toast.is-out{opacity:0;transform:translateY(8px)}
.smt-toast:hover,.smt-toast:focus{color:#fff;text-decoration:none}
@media (max-width:520px){.smt-toast{left:12px;right:12px;max-width:none}.smt-codes{grid-template-columns:1fr}}
.smt-2fa-steps{margin:8px 0 4px;padding-left:20px;line-height:1.7}
.smt-dash-note p{flex:1;min-width:0;overflow-wrap:anywhere}.smt-dash-note .smt-inline-form{display:inline-block!important;margin:4px 0 0}