/* CHOLO brand layer: logo, homepage, account screens. Loaded after app/finance/platform styles. */
:root{--purple:#5b2bbd;--purple-2:#7c3aed;--purple-deep:#3b1683;--lav:#f4efff;--lav-2:#ebe2ff;--ink:#1d1630;--muted:#6b6480;--line:#e9e3f3;--radius:18px}
body{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Manrope,'DM Sans',system-ui,sans-serif}
:focus-visible{outline:3px solid #b79cf5;outline-offset:2px}

/* ---- logo ---- */
.brand-v2{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-v2 .brand-icon{width:40px;height:40px;object-fit:contain;flex:0 0 auto}
.brand-v2 .brand-text{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-v2 .brand-word{height:22px;width:auto;display:block}
.brand-v2 small{font:700 8.5px 'DM Sans',sans-serif;letter-spacing:.2em;color:#8a80a0;margin:0}
.footer .brand-v2 .brand-word{height:24px}
.footer .brand-v2 small{color:#b9adcf}
.topbar{backdrop-filter:saturate(1.4) blur(10px);background:#ffffffe6}

/* ---- buttons ---- */
.btn-lg{padding:15px 24px;font-size:16px;border-radius:14px;min-height:52px}
.btn-ghost{background:transparent;color:var(--ink);border-color:transparent}
.btn-ghost:hover{background:var(--lav)}
.btn-ghost-light{background:transparent;color:#fff;border:1px solid #ffffff55}
.btn-ghost-light:hover{background:#ffffff1a}
.btn-ghost-danger{background:transparent;color:#b42335;border:1px solid #f1c9cf}
.btn-ghost-danger:hover{background:#fff0f1}
.btn-primary{background:linear-gradient(135deg,#6a33d6,#5326b3)}
.btn-primary:hover{box-shadow:0 10px 24px #5b2bbd33}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}

/* ---- hero ---- */
.hero-v2{background:radial-gradient(900px 500px at 85% 10%,#efe5ff 0,transparent 60%),radial-gradient(700px 400px at 0% 100%,#f6f1ff 0,transparent 60%),#fdfcff;padding:72px 24px 80px;overflow:hidden}
.hero-v2 .hero-inner{grid-template-columns:1.05fr .95fr;gap:48px}
.hero-v2 h1{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1.04;letter-spacing:-.045em;margin-bottom:20px}
.hero-v2 h1 em{font-style:normal;background:linear-gradient(120deg,#7c3aed,#5b2bbd 60%,#3b1683);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v2 .lead{font-size:18px;color:#5a5370;max-width:560px}
.trust-row{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px}
.trust-row li{display:flex;align-items:center;gap:7px;font-weight:600;color:#3e3654;font-size:14px}
.trust-row svg{color:#12845a;background:#e6f7ef;border-radius:50%;padding:3px;width:22px;height:22px}
.hero-visual{position:relative;min-height:440px;display:grid;place-items:center}
.hero-orb{width:min(380px,80%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff 0,#f1e9ff 45%,#e1d0ff 100%);box-shadow:inset 0 0 0 1px #e3d6fb,0 40px 80px #5b2bbd22}
.hero-orb img{width:62%;height:auto;filter:drop-shadow(0 18px 30px #5b2bbd40);animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px)}}
.float-card{position:absolute;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 16px 40px #2b155518;max-width:260px}
.float-card b{display:block;font-size:14px;color:var(--ink)}
.float-card small{display:block;color:var(--muted);font-size:12px;margin-top:2px;line-height:1.35}
.fc-ico{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;background:var(--lav);color:var(--purple)}
.fc-1{top:8%;left:-2%}.fc-2{top:44%;right:-4%}.fc-3{bottom:6%;left:6%}
@media (prefers-reduced-motion:reduce){.hero-orb img{animation:none}}

/* ---- services / steps / pricing / CTAs ---- */
.service-card{border-radius:20px;transition:transform .2s,box-shadow .2s,border-color .2s}
.service-card .service-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#f4eeff,#e8dcff);color:var(--purple)}
.service-card h3{font-size:18px}
.steps-4{grid-template-columns:repeat(4,1fr)}
.step-num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffff14;color:#d8c8ff;font-size:13px;letter-spacing:.05em}
.band{background:linear-gradient(160deg,#1f1534,#2a1a4d)}
.pricing-section{padding-top:76px}
.pricing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.price-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px 26px;box-shadow:0 24px 60px #2b155512}
.price-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #f1ecf7;font-size:15px}
.price-row span{color:#4e4763}.price-row b{font-family:Manrope,sans-serif;text-align:right}
.price-row.total{border-bottom:0;font-size:17px}.price-row.total b{color:var(--purple)}
.first10{display:flex;gap:14px;align-items:center;margin-top:22px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#f6f0ff,#efe6ff);border:1px dashed #c6aef5}
.first10 b{display:block}.first10 small{color:var(--muted)}
.first10-code{font:800 15px Manrope,sans-serif;letter-spacing:.08em;color:#fff;background:var(--purple);border-radius:10px;padding:10px 12px}
.cta-pair{align-items:stretch}
.cta-card{border-radius:24px;padding:34px;border:1px solid var(--line)}
.cta-customer{background:#fff}
.cta-provider{background:linear-gradient(150deg,#5b2bbd,#341478);color:#fff;border-color:transparent}
.cta-provider h3{color:#fff}.cta-provider p{color:#e2d7fb}.cta-provider .eyebrow{color:#e0d2ff}.cta-provider .eyebrow:before{background:#e0d2ff}
.cta-card h3{font-size:24px}

/* ---- provider selection cards ---- */
.provider-id{display:flex;align-items:center;gap:10px;min-width:0}
.provider-photo{width:42px;height:42px;border-radius:12px;object-fit:cover;flex:0 0 42px;background:var(--lav)}
.provider-photo-initials{display:grid;place-items:center;color:var(--purple);font:800 17px Manrope,sans-serif}

/* ---- account screens ---- */
.acct-page{display:flex;flex-direction:column;gap:18px}
.acct-head{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.acct-head h3{margin:0 0 4px;font-size:22px}.acct-head p{margin:0}.acct-head small{color:var(--muted)}
.acct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.acct-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.acct-card h4{margin:0 0 8px;font-size:16px}.acct-card p{font-size:14px;margin-bottom:14px}
.acct-card form{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.acct-card form .acct-field{width:100%}
.acct-danger{border-color:#f3d2d7}
.acct-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#3a3248}
.acct-field input,.acct-field select,.acct-field textarea{border:1px solid #ddd5e9;border-radius:11px;padding:11px 12px;font:inherit;font-weight:400;min-height:44px;background:#fff;color:var(--ink);width:100%}
.acct-field textarea{min-height:84px;resize:vertical}
.acct-field input:focus,.acct-field select:focus,.acct-field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #5b2bbd1c;outline:none}
.acct-field input:disabled{background:#f7f5fa;color:var(--muted)}
.acct-hint{display:block;color:var(--muted);font-size:12.5px;line-height:1.5}
.acct-note{background:var(--lav);color:#4b3479;border-radius:12px;padding:12px 14px;font-size:14px}
.acct-avatar{display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#efe6ff,#dccbff);color:var(--purple);font:800 16px Manrope,sans-serif;overflow:hidden;flex:0 0 auto}
.acct-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.acct-xs{width:26px;height:26px;font-size:11px}.acct-md{width:44px;height:44px}.acct-lg{width:76px;height:76px;font-size:26px}
.acct-photo-row{display:flex;gap:16px;align-items:center;margin-bottom:10px}
.acct-side{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;margin:0 0 16px;cursor:pointer}
.acct-side:hover{border-color:#cdb9f4}
.acct-side b{display:block;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.acct-side small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
#headerActions [data-page="dashboard"]{gap:8px}
.acct-titlebar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.acct-titlebar h3{margin:0 0 4px}.acct-titlebar p{margin:0}
.acct-addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.acct-addr{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:4px}
.acct-addr.is-default{border-color:#c9b3f3;box-shadow:0 0 0 3px #5b2bbd10}
.acct-addr p{font-size:14px;margin:8px 0 12px;line-height:1.55}.acct-addr span{color:var(--muted);font-size:14px}
.acct-addr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.acct-tag{font:800 11px 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:5px 10px;background:#f1edf7;color:#5b5370}
.acct-tag-home{background:#efe6ff;color:var(--purple)}.acct-tag-office{background:#e6f1ff;color:#1d5fb8}
.acct-default{font-size:12px;font-weight:700;color:#12845a}
.acct-warn{color:#8a5a00!important;background:#fff6e1;border-radius:8px;padding:6px 8px;font-size:13px!important}
.acct-form{display:flex;flex-direction:column;gap:12px}
.acct-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.acct-chips{display:flex;gap:8px;flex-wrap:wrap}
.acct-chip{position:relative;cursor:pointer}
.acct-chip input{position:absolute;opacity:0;pointer-events:none}
.acct-chip span{display:inline-block;border:1px solid #dcd2ec;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px;background:#fff}
.acct-chip input:checked+span{background:var(--purple);border-color:var(--purple);color:#fff}
.acct-chip input:focus-visible+span{outline:3px solid #b79cf5}
.acct-chip.is-taken span{opacity:.5;cursor:not-allowed}
.acct-check{width:auto}
.acct-dl{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;margin:0 0 12px;font-size:14px}
.acct-dl dt{color:var(--muted)}.acct-dl dd{margin:0;font-weight:600}
.acct-diff{width:100%;min-width:0;border-collapse:collapse;margin:10px 0;font-size:13px}
.acct-diff th,.acct-diff td{padding:7px 8px;border-bottom:1px solid #f0ebf6;text-align:left}
.acct-pending{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.acct-review{margin-bottom:14px}
.acct-review-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:4px}
.plat-call{border-color:#c9b3f3;background:linear-gradient(180deg,#faf7ff,#fff)}
.plat-tel{margin-top:4px}
.plat-ok{color:#08764c!important;font-weight:600}

/* ---- responsive ---- */
@media (max-width:980px){
  .hero-v2 .hero-inner,.pricing-grid{grid-template-columns:1fr}
  .hero-visual{min-height:360px;margin-top:10px}
  .steps-4{grid-template-columns:repeat(2,1fr)}
  .acct-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hero-v2{padding:44px 16px 56px}
  .hero-visual{min-height:330px}
  .float-card{max-width:220px;padding:10px 12px}
  .fc-1{left:0;top:2%}.fc-2{right:0}.fc-3{left:2%;bottom:0}
  .steps-4{grid-template-columns:1fr}
  .acct-form-grid{grid-template-columns:1fr}
  .acct-dl{grid-template-columns:1fr}
  .acct-head{flex-direction:column;align-items:flex-start}
  .cta-card{padding:24px}
  .header-actions .btn-ghost{display:none}
  .brand-v2 .brand-word{height:19px}
}

/* ---- password show/hide ---- */
.pw-wrap{position:relative;display:block;width:100%}
.pw-wrap>input{width:100%;padding-right:46px!important}
.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;color:#7a7289;border-radius:9px;display:grid;place-items:center;cursor:pointer;padding:0}
.pw-eye:hover{color:var(--purple);background:#f4efff}
.pw-eye:focus-visible{outline:3px solid #b79cf5;outline-offset:0}
.filters .pw-wrap,.inline-actions .pw-wrap{width:auto;display:inline-block}
[hidden]{display:none!important}

/* ---- forms: states ---- */
.btn-block{width:100%}
.btn.is-loading{position:relative;color:transparent!important}
.btn.is-loading::after{content:'';position:absolute;width:16px;height:16px;border:2px solid currentColor;border-color:#fff #fff transparent transparent;border-radius:50%;animation:spin .7s linear infinite}
.btn-light.is-loading::after,.btn-outline.is-loading::after,.btn-ghost.is-loading::after{border-color:var(--purple) var(--purple) transparent transparent}
.acct-form-error{background:#fff0f1;color:#9f2434;border-radius:10px;padding:10px 12px;margin:0;font-size:14px}
.is-invalid{border-color:#c0392b!important;box-shadow:0 0 0 3px #c0392b22!important}
.acct-loading{padding:40px 10px;color:var(--muted);text-align:center}
.field-hint{display:block;color:#8a5a00;margin-top:6px;font-size:13px}
.addr-select-row{display:flex;gap:8px;align-items:stretch}
.addr-select-row select{flex:1;min-width:0}
.addr-select-row .btn{white-space:nowrap}
input,select,textarea{font-size:16px}  /* stops iOS zooming into fields */
.btn-small{font-size:13.5px}
.choice,.side-btn,.btn{min-height:44px}
.btn-small{min-height:36px}

/* ---- modals fit small screens ---- */
.modal-bg{padding:16px;overflow-y:auto;align-items:flex-start}
.modal-card{max-width:min(760px,100%);width:100%;max-height:none;margin:auto}
.acc-modal{max-width:min(880px,100%)}

/* ---- NID capture ---- */
.nid-section{margin:10px 0 6px}
.nid-why{font-size:14px;background:var(--lav);color:#4b3479;border-radius:12px;padding:12px 14px}
.nid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nid-capture{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:10px}
.nid-capture.is-invalid{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1a}
.nid-capture.has-photo{border-color:#9fd9bf}
.nid-head b{display:block}.nid-head small{color:var(--muted)}
.nid-frame{aspect-ratio:85.6/54;border:2px dashed #c9b3f3;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#faf8ff;color:#8b78b8}
.nid-frame img{width:100%;height:100%;object-fit:cover}
.nid-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:10px;font-size:13px}
.nid-placeholder small{color:var(--muted)}
.nid-actions{display:flex;flex-wrap:wrap;gap:8px}
.nid-actions .btn{flex:1 1 auto}
.nid-status{font-size:13px}.nid-status.ok{color:#08764c}.nid-status.err{color:#b42335}
body.cam-open{overflow:hidden}
.cam-overlay{position:fixed;inset:0;z-index:1000;background:#0d0a16;color:#fff;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}
.cam-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.cam-stage{position:relative;flex:1;min-height:0;border-radius:16px;overflow:hidden;background:#000;display:grid;place-items:center}
.cam-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cam-frame{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.cam-frame span{width:min(88%,560px);aspect-ratio:85.6/54;border:3px solid #fff;border-radius:14px;box-shadow:0 0 0 100vmax #0009}
.cam-preview{max-width:100%;max-height:100%;object-fit:contain}
.cam-error{text-align:center;color:#e9e3f7;padding:20px}
.cam-error svg{color:#b79cf5;width:110px;height:auto}
.cam-hint{color:#d9d2ea;font-size:14px;text-align:center;margin:12px 0}
.cam-controls{display:flex;gap:10px;justify-content:center}
.cam-controls .btn{flex:1;max-width:260px}
.cam-shutter{min-height:58px}

/* ---- admin accounts ---- */
.acc-filters input[type=search]{flex:1 1 260px}
.acc-list{display:flex;flex-direction:column;gap:10px}
.acc-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.acc-main{display:flex;gap:12px;align-items:flex-start;min-width:0}
.acc-main small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;overflow-wrap:anywhere}
.acc-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.acc-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.acc-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;font-size:11.5px;font-weight:800;background:#f0edf5;color:#5f5770}
.acc-active,.acc-online,.id-verified{background:#e6f7ef;color:#08764c}
.acc-suspended,.id-submitted{background:#fff4d9;color:#8a5a00}
.acc-banned,.id-rejected{background:#ffebed;color:#ad2434}
.acc-offline,.id-not_submitted{background:#f0edf5;color:#6b6480}
.acc-detail{display:flex;flex-direction:column;gap:14px}
.acc-detail h4{margin:6px 0 0}
.acc-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.acc-docs figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#faf8ff}
.acc-docs img{width:100%;aspect-ratio:85.6/54;object-fit:contain;display:block;background:#f4f1fa;cursor:zoom-in}
.acc-docs figcaption{font-size:12.5px;padding:8px 10px;color:var(--muted)}
.acc-doc-missing div{aspect-ratio:85.6/54;display:grid;place-items:center;align-content:center;gap:6px;color:#9a91ad;font-size:13px}
.acc-approve{border:1px solid #e4d8fb;border-radius:14px;padding:14px;background:#fbf9ff;display:flex;flex-direction:column;gap:10px}
.acc-hist{padding-left:18px;margin:8px 0}.acc-hist li{margin-bottom:8px}
.acc-detail details{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.acc-detail summary{cursor:pointer;font-weight:700}

/* ---- restricted account notice ---- */
.restricted-overlay{position:fixed;inset:0;z-index:2000;background:#1d1630e6;display:grid;place-items:center;padding:16px}
.restricted-card{background:#fff;border-radius:22px;padding:28px;max-width:460px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.restricted-card .inline-actions{justify-content:center}

/* ---- tables → stacked cards on phones ---- */
@media (max-width:720px){
  .table-wrap{border:0;background:transparent;overflow:visible}
  table.rt{min-width:0!important;border-collapse:separate}
  table.rt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%}
  table.rt tr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 12px;margin-bottom:10px}
  table.rt td{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f3eff8;text-align:right;font-size:14px}
  table.rt td:last-child{border-bottom:0}
  table.rt td::before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;flex:0 0 38%}
  table.rt td:not([data-label])::before,table.rt td[data-label=""]::before{display:none}
  table.rt td .inline-actions{justify-content:flex-end}
  .acc-row{grid-template-columns:1fr}
  .acc-actions{justify-content:flex-start}
  .nid-grid,.acc-docs{grid-template-columns:1fr}
  .addr-select-row{flex-direction:column}
  .dash-main{padding:18px 16px}
  .dashboard-shell{grid-template-columns:1fr}
}

/* ---- mobile header: brand · action · menu on one row ---- */
.nav-mobile-only{display:none}
@media (max-width:650px){
  .topbar{gap:8px;padding:0 16px}
  .topbar .header-actions{margin-left:auto;order:2}
  .topbar #navToggle{order:3;margin-left:2px;width:44px;height:44px}
  .topbar nav{order:4}
  .header-actions .btn{font-size:13px;padding:8px 12px;min-height:40px;white-space:nowrap}
  .topbar nav a{padding:12px 4px;font-size:16px;border-bottom:1px solid #f3eff8}
  .nav-mobile-only{display:block}
  .hero-v2 .hero-buttons .btn{flex:1 1 140px}
}
@media (max-width:370px){.brand-v2 small{display:none}.brand-v2 .brand-icon{width:34px;height:34px}}
@media (max-width:720px){
  #headerActions [data-tab="account"]{display:none}
  .sidebar .acct-side{display:none}
  .dash-top{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}
  .dash-top h2{font-size:26px;margin-bottom:6px}
  .dash-top .inline-actions .btn{width:100%}
  .modal-card h2{font-size:21px}
  .modal-card{padding:20px 16px}
  .sidebar{scroll-snap-type:x proximity}
  .side-btn{white-space:nowrap;scroll-snap-align:start}
}
@media (max-width:650px){
  .topbar .header-actions{width:auto;flex:0 1 auto;justify-content:flex-end;flex-wrap:wrap}
  .topbar .brand-v2{flex:0 0 auto;margin-right:auto}
  .topbar.signed-in .header-actions,.topbar:has(#headerActions [data-action="logout"]) .header-actions{flex:1 1 100%}
}
@media (max-width:720px){
  table.rt td{overflow-wrap:anywhere;word-break:break-word;min-width:0}
  table.rt td>*{min-width:0;max-width:100%}
  table.rt td code,table.rt td pre,table.rt td small{white-space:normal;overflow-wrap:anywhere}
}