:root{--bg:#0a0f14;--panel:#111922;--line:#23313d;--text:#edf4f4;--muted:#92a4ad;--mint:#6ee7b7;--blue:#76a9ff;--orange:#ffb86b;--login-scale:1;--login-w:1672;--login-h:941;--auth-label-size:24px}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:radial-gradient(900px 500px at 70% -10%,#193042 0%,transparent 60%),var(--bg);color:var(--text);font:16px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}
button,input,select,textarea{font:inherit}
.shell{max-width:1180px;margin:auto;padding:20px 24px 36px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;position:relative;z-index:3}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.14em;font-size:16px;min-width:0}
.login-banner{letter-spacing:.12em}
.mark{width:64px;height:64px;border-radius:50%;background:transparent;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}
.mark img,.brand-logo{width:64px;height:64px;object-fit:contain;display:block;border-radius:50%}
.banner-img{height:96px;width:auto;max-width:min(520px,62vw);object-fit:contain;display:block}
body.landing-active .banner-img{height:88px;max-width:min(480px,58vw)}
.unlock-logo{width:72px;height:72px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:50%}
.hero-line{font-size:clamp(18px,2.3vw,26px);line-height:1.45;margin:0;font-weight:500;color:#c5d5d8}
.top-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.top-actions .ghost{padding:7px 10px;font-size:13px}
.conn-status{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:13px;background:rgba(10,15,20,.96)}
.conn-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px rgba(110,231,183,.15)}
.conn-status[data-state="connected"]{color:var(--mint)}
.conn-status[data-state="connected"] .conn-dot{background:var(--mint)}
.conn-status[data-state="disconnected"]{color:#ffb4b4}
.conn-status[data-state="disconnected"] .conn-dot{background:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,.15)}
.conn-status[data-state="issues"]{color:var(--orange)}
.conn-status[data-state="issues"] .conn-dot{background:var(--orange);box-shadow:0 0 0 3px rgba(255,184,107,.15)}
.pill{border:1px solid var(--line);color:var(--muted);padding:8px 12px;border-radius:999px;font-size:13px;white-space:nowrap;flex:0 0 auto;background:rgba(10,15,20,.96);line-height:1.2}
.dash-tools{margin:8px 0 0}
.hero{margin:56px auto 32px;max-width:820px;text-align:center;position:relative;z-index:1}
.eyebrow{color:var(--mint);font-size:13px;letter-spacing:.16em;text-transform:uppercase}
.auth{max-width:420px;margin:0 auto;background:rgba(17,25,34,.92);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 20px 70px #0005;position:relative;z-index:1}
body.landing-active .top{align-items:center}
body.landing-active .top-right{justify-content:center}
@media(max-width:600px){
  .top{align-items:flex-start;gap:10px}
  .mark,.mark img{width:56px;height:56px}
  .banner-img{height:84px;max-width:70vw}
  .hero{margin:36px auto 24px}
}
.tabs{display:flex;background:#0b1219;border-radius:12px;padding:4px;margin-bottom:22px}
.tabs button{flex:1;border:0;background:none;color:var(--muted);padding:10px;border-radius:9px;cursor:pointer}
.tabs .active{background:#21313e;color:#fff}
.field{margin:14px 0}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;background:#0c141c;border:1px solid var(--line);color:#fff;border-radius:10px;padding:13px;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint)}
.primary{width:100%;border:0;background:var(--mint);color:#072019;padding:13px;border-radius:10px;font-weight:700;cursor:pointer;margin-top:10px}
.note{font-size:12px;color:var(--muted);text-align:center;margin-top:15px}
.dashboard{display:none}
.dashboard{position:relative;width:1672px;height:941px;min-height:941px;overflow:hidden}
.dashboard-reference{position:absolute;inset:0;width:1672px;height:941px;overflow:hidden;z-index:0;pointer-events:none}
.dashboard-reference img{display:block;width:1672px;height:941px;max-width:none;pointer-events:none}
.dashboard > *:not(.dashboard-reference):not(.dashboard-hotspots):not(.dashboard-card-mask):not(.grid){visibility:hidden}
.dashboard-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
.dashboard-hotspot{position:absolute;border:0;background:transparent;color:transparent;cursor:pointer;pointer-events:auto}
/* Mask sample bitmap cards; live cards sit above at fixed reference slots. */
.dashboard-card-mask{position:absolute;left:0;top:51.9%;width:100%;height:48.1%;background:#080d12;z-index:1;visibility:visible!important;pointer-events:none}
body.dashboard-active .dashboard > .dashboard-card-mask{visibility:visible!important}
body.dashboard-active .dashboard > .grid{
  display:grid;
  position:absolute;
  left:1.15%;
  top:52.4%;
  width:97.7%;
  height:42.4%;
  grid-template-columns:repeat(2,minmax(0,1fr));
  /* Fixed card slots like the reference: up to 3 rows, no stretch-to-fill. */
  grid-template-rows:none;
  grid-auto-rows:138px;
  align-content:start;
  gap:18px 18px;
  margin:0 !important;
  padding:0;
  z-index:3;
  visibility:visible;
  pointer-events:auto;
  overflow:auto;
}
body.dashboard-active .dashboard > .grid .card{
  min-width:0;
  min-height:0;
  height:100%;
  max-height:100%;
  overflow:hidden;
  padding:14px 18px 12px;
  border-radius:14px;
  background:#0d1822;
  border:1px solid #294154;
  pointer-events:auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
body.dashboard-active .dashboard > .grid .source-card-heading{display:flex;align-items:center;gap:8px;min-width:0}
body.dashboard-active .dashboard > .grid .source-card-heading h3{margin:0;font-size:clamp(18px,1.7vw,25px);font-weight:800;line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
body.dashboard-active .dashboard > .grid .source-card-heading .status{margin-left:auto;white-space:nowrap}
body.dashboard-active .dashboard > .grid .source-card-heading .status{font-size:11px}
body.dashboard-active .dashboard > .grid .card .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dashboard-active .dashboard > .grid .source-card-sublabel{
  align-self:flex-start;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:0;
  padding:0;
  margin:5px 0 0;
  background:transparent;
  color:#c5d5d8;
  font:600 clamp(11px,1.05vw,13px) Inter,ui-sans-serif,system-ui,sans-serif;
  text-align:left;
  cursor:text;
}
body.dashboard-active .dashboard > .grid .source-card-sublabel:hover,
body.dashboard-active .dashboard > .grid .source-card-sublabel:focus-visible{
  color:#fff;
  text-decoration:underline;
  outline:none;
}
.source-sublabel-input{
  width:min(100%,260px);
  min-width:0;
  border:1px solid var(--mint);
  border-radius:5px;
  padding:3px 6px;
  background:#0c141c;
  color:#fff;
  font:600 13px Inter,ui-sans-serif,system-ui,sans-serif;
}
body.dashboard-active .dashboard > .grid .card .bar{margin:14px 0 6px}
body.dashboard-active .dashboard > .grid .card .meta{font-size:clamp(11px,1.05vw,13px)}
body.dashboard-active .dashboard > .grid .card.empty{grid-column:1/-1;height:auto;min-height:120px;align-self:start}
body.dashboard-active{background:#080d12;overflow-x:hidden;overflow-y:auto}
body.dashboard-active .shell{width:100vw;max-width:none;min-height:100vh;height:100vh;padding:0;overflow-x:hidden;overflow-y:auto}
body.dashboard-active .shell > .top{display:none}
/* Fit the 1672×941 composition into the maximized viewport like the reference. */
body.dashboard-active .dashboard{
  width:100vw;
  max-width:none;
  height:100vh;
  min-height:0;
  margin:0;
  overflow:hidden;
  zoom:var(--dashboard-zoom,1);
  position:relative;
}
body.dashboard-active .dashboard-reference{width:100%;height:100%}
body.dashboard-active .dashboard-reference img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:fill}
body.desktop-app.dashboard-active .dashboard-reference img{
  top:-31px;
  height:calc(100% + 31px);
}
.dashhead{margin:6px 0 14px;display:flex;justify-content:space-between;align-items:end}
.dashhead h2{font-size:30px;margin:0}
.sub{color:var(--muted)}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ghost{border:1px solid var(--line);background:#111a23;color:#d7e3e5;border-radius:10px;padding:9px 12px;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.card{background:rgba(17,25,34,.85);border:1px solid var(--line);border-radius:16px;padding:16px}
.cardtop{display:flex;justify-content:space-between}
.icon{font-size:25px}
.source-card-icon{width:44px;height:44px;object-fit:contain;display:block;flex:0 0 auto}
.source-name{display:inline-flex;align-items:center;gap:9px;min-width:0}
.source-list-icon{width:22px;height:22px;object-fit:contain;line-height:1;flex:0 0 auto}
body.dashboard-active .dashboard > .grid .card .source-card-icon{width:42px;height:42px;margin:0;flex:0 0 42px}
.status{font-size:12px;color:var(--mint)}
.card h3{margin:18px 0 6px}
.meta{color:var(--muted);font-size:13px}
.bar{height:7px;background:#22313c;border-radius:5px;margin:18px 0 8px;overflow:hidden}
.fill{height:100%;background:linear-gradient(90deg,var(--mint),var(--blue));border-radius:5px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.stat strong{font-size:26px}
.activity{margin-top:12px}
.row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #1c2933;color:#c9d5d8;gap:12px;align-items:center}
.row small{color:var(--muted)}
@media(max-width:600px){.shell{padding:20px}.hero{margin-top:48px}.dashhead{display:block}.actions{margin-top:18px}.stats{grid-template-columns:1fr}}

/* Login: authoritative 1672×941 bitmap with transparent interaction layers only.
   No compact 645×464 layout. Scale via --login-scale so the composition fits. */
body.landing-active{background:#080d12;overflow:hidden}
body.landing-active .shell{
  width:1672px;
  height:941px;
  max-width:none;
  min-height:941px;
  padding:0;
  margin:0;
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(var(--login-scale,1));
  transform-origin:center center;
  overflow:hidden;
}
body.landing-active .top{display:none}
body.landing-active #landing{position:relative;width:1672px;height:941px;min-height:941px;padding:0;overflow:hidden}
.login-reference{position:absolute;inset:0;width:1672px;height:941px;overflow:hidden;z-index:0;pointer-events:none}
.login-reference img{position:absolute;inset:0;width:1672px;height:941px;max-width:none;display:block;pointer-events:none}
.login-reference .login-banner-replacement{
  left:85px;
  top:56px;
  width:758px;
  height:834px;
  object-fit:cover;
  border-radius:8px;
  z-index:1;
}
.desktop-app .dashboard-reference img{
  top:-31px;
  height:calc(100% + 31px);
}
body.landing-active .auth{
  position:absolute;
  inset:0;
  width:1672px;
  height:941px;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  z-index:1;
  pointer-events:none;
  max-width:none;
}
body.landing-active .auth form{position:absolute;inset:0;margin:0;padding:0}
body.landing-active .auth .tabs{
  position:absolute;
  top:100px;
  left:923px;
  width:572px;
  height:70px;
  margin:0;
  padding:0;
  background:transparent;
  border-radius:0;
  pointer-events:auto;
  z-index:3;
}
body.landing-active .auth .tabs button{
  height:70px;
  padding:0;
  color:transparent!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0;
  cursor:pointer;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:30px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
}
body.landing-active .auth #loginFields{
  position:absolute;
  top:198px;
  left:913px;
  width:630px;
  height:255px;
  pointer-events:none;
  z-index:2;
}
body.landing-active .auth #loginFields .field{
  position:absolute;
  left:0;
  width:630px;
  margin:0;
  pointer-events:none;
}
body.landing-active .auth #loginFields .field::before{
  content:'';
  position:absolute;
  left:0;
  top:-58px;
  width:630px;
  height:58px;
  background:#101820;
  z-index:0;
}
body.landing-active .auth #loginFields .field:first-child{top:34px}
body.landing-active .auth #loginFields .field:nth-child(2){top:178px}
body.landing-active .auth #loginFields label{
  display:block;
  position:absolute;
  top:-40px;
  left:25px;
  width:max-content;
  padding:0;
  background:#101820;
  color:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:var(--auth-label-size);
  font-weight:800;
  line-height:1.1;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  margin:0;
  z-index:2;
}
body.landing-active .auth #loginFields input{
  display:block;
  width:630px;
  height:76px;
  padding:0 25px;
  border:0;
  background:#111b24;
  color:#fff;
  font-weight:600;
  font-size:24px;
  outline:none;
  pointer-events:auto;
  cursor:text;
}
body.landing-active .auth #loginFields input::placeholder{color:#fff;opacity:1;font-weight:400}
body.landing-active.login-email-filled .auth #email,
body.landing-active.login-password-filled .auth #password{background:#111b24}
body.landing-active .auth #submit{
  position:absolute;
  top:473px;
  left:913px;
  width:630px;
  height:75px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:transparent;
  font-size:0;
  font-weight:800;
  pointer-events:auto;
  cursor:pointer;
  z-index:2;
}
body.landing-active .auth #passkeyLogin{display:none!important}
body.landing-active .auth #authError{
  position:absolute;
  top:548px;
  left:913px;
  width:630px;
  min-height:20px;
  margin:0;
  pointer-events:none;
  z-index:2;
}
body.landing-active .auth > .check{
  position:absolute;
  left:913px;
  width:630px;
  height:40px;
  margin:0;
  color:transparent;
  pointer-events:auto;
  z-index:3;
  display:block;
}
body.landing-active .auth > #stayWrap{top:571px}
body.landing-active .auth > #savePassWrap{top:619px}
body.landing-active .auth > .check input{
  position:absolute;
  left:0;
  top:6px;
  width:27px;
  height:27px;
  margin:0;
  opacity:1;
  accent-color:#65e3b5;
  pointer-events:auto;
  cursor:pointer;
}
body.landing-active .auth #accessNote{
  position:absolute;
  top:684px;
  left:925px;
  width:600px;
  height:90px;
  margin:0;
  color:transparent;
  pointer-events:none;
}
/* AES pill is painted by the bitmap; hide the live duplicate and its hitbox. */
body.landing-active .auth .login-security{display:none!important}
.login-security{width:max-content;margin:10px auto 0;font-size:11px;padding:5px 12px}

/* Create-account: keep branded bitmap, cover the login form region, show a
   comparable visible signup panel. Login-only controls stay hidden. */
body.landing-active.signup-active .login-reference{display:block}
body.landing-active.signup-active .login-reference::after{
  content:'';
  position:absolute;
  left:880px;
  top:72px;
  width:720px;
  height:820px;
  background:#101820;
  border:1px solid #2b3a47;
  border-radius:22px;
  z-index:1;
  pointer-events:none;
}
body.landing-active.signup-active .auth{
  pointer-events:none;
}
body.landing-active.signup-active .auth .tabs{
  top:100px;
  left:923px;
  width:572px;
  height:70px;
  pointer-events:auto;
  z-index:4;
  background:#0b1219;
  border-radius:12px;
  padding:4px;
}
body.landing-active.signup-active .auth .tabs button{
  color:var(--muted)!important;
  background:transparent!important;
  border-radius:9px;
  height:auto;
  padding:10px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:30px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
}
body.landing-active.signup-active .auth .tabs button.active{
  background:#21313e!important;
  color:#fff!important;
}
body.landing-active.signup-active .auth #loginFields,
body.landing-active.signup-active .auth > .check,
body.landing-active.signup-active .auth #accessNote,
body.landing-active.signup-active .auth .login-security{
  display:none!important;
}
body.landing-active.signup-active .auth #profileFields{
  display:block!important;
  position:absolute;
  top:186px;
  left:913px;
  width:630px;
  height:520px;
  margin:0;
  padding:0 4px 8px 0;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#49616f #0c141c;
  pointer-events:auto;
  z-index:3;
}
body.landing-active.signup-active .auth #profileFields::-webkit-scrollbar{width:10px}
body.landing-active.signup-active .auth #profileFields::-webkit-scrollbar-track{background:#0c141c;border-radius:8px}
body.landing-active.signup-active .auth #profileFields::-webkit-scrollbar-thumb{background:#49616f;border-radius:8px;border:2px solid #0c141c}
body.landing-active.signup-active .auth #profileFields .field{
  position:static;
  width:100%;
  margin:0 0 12px;
  pointer-events:auto;
}
body.landing-active.signup-active .auth #profileFields label{
  display:block;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;
  font-size:var(--auth-label-size);
  color:#fff;
  font-weight:800;
  line-height:1.1;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  margin-bottom:8px;
}
body.landing-active.signup-active .auth #profileFields input{
  display:block;
  width:100%;
  height:76px;
  padding:0 25px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0c141c;
  color:#fff;
  font-weight:600;
  font-size:24px;
  pointer-events:auto;
  cursor:text;
}
body.landing-active.signup-active .auth #profileFields input::placeholder{color:#fff;opacity:1;font-weight:400}
body.landing-active.signup-active .auth #submit{
  position:absolute;
  top:720px;
  left:913px;
  width:630px;
  height:56px;
  margin:0;
  padding:0;
  border:0;
  border-radius:10px;
  background:var(--mint);
  color:#072019;
  font-size:17px;
  font-weight:800;
  pointer-events:auto;
  cursor:pointer;
  z-index:3;
}
body.landing-active.signup-active .auth #authError{
  top:784px;
  left:913px;
  width:630px;
  color:#ffb4b4;
  pointer-events:none;
  z-index:3;
}
body.landing-active.signup-active .auth form{pointer-events:none}
body.landing-active.signup-active .auth form #profileFields,
body.landing-active.signup-active .auth form #submit,
body.landing-active.signup-active .auth form #authError{pointer-events:auto}

.toolbox{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.toolbox button{border:1px solid #2d4654;background:#14232d;color:#eaf5f3;border-radius:10px;padding:9px 12px;cursor:pointer}
.modal{position:fixed;inset:0;background:#0009;display:none;place-items:center;z-index:5}
.modal.open{display:grid}
.modalbox{background:#111922;border:1px solid #2d4654;border-radius:16px;padding:24px;width:min(560px,90vw);max-height:86vh;overflow:auto}
.dropzone{border:1px dashed #6ee7b7;padding:30px;text-align:center;border-radius:12px;color:#9fb5bb}
.view{display:none}
.view.on,.dashboard.on{display:block}
.check{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-top:14px}
.check input{accent-color:var(--mint)}
.error{color:#ffb4b4;font-size:13px;margin-top:10px;min-height:1em}
.empty{color:var(--muted);padding:28px 8px;text-align:center}
.banner{border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--muted);margin:12px 0;font-size:14px;line-height:1.5}
.danger{border:1px solid #5a2a2a;background:#2a1515;color:#ffd4d4}
.ok{color:var(--mint)}
.warn{color:var(--orange)}
.search{width:100%;background:#0c141c;border:1px solid var(--line);color:#fff;border-radius:10px;padding:13px;outline:none;margin:8px 0 16px}
.crumb{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:12px}
.crumb button{border:0;background:none;color:var(--mint);cursor:pointer;padding:0}
.file-row{cursor:pointer}
.file-row:hover{color:#fff}
.file-name{display:inline-flex;align-items:center;gap:8px;min-width:0}
.folder-icon{width:22px;height:22px;object-fit:contain;display:block;flex:0 0 auto}
.file-glyph{width:22px;text-align:center;flex:0 0 auto}
.recovery{font-size:22px;letter-spacing:.18em;display:block;text-align:center;padding:18px;background:#0c141c;border-radius:12px;margin:12px 0}
.clickable{cursor:pointer}
.sr{position:absolute;left:-9999px}
.hidden{display:none!important}
.status.off{color:var(--orange)}
a{color:var(--mint)}
.copyfield{width:100%;background:#0c141c;border:1px solid var(--line);color:#fff;border-radius:10px;padding:13px;outline:none;margin:8px 0}
.file-menu{position:relative}
.file-menu-panel{position:absolute;top:110%;left:0;min-width:200px;background:#111922;border:1px solid var(--line);border-radius:12px;padding:6px;z-index:6;box-shadow:0 16px 40px #0008}
.file-menu-panel button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#d7e3e5;padding:10px 12px;border-radius:8px;cursor:pointer}
.file-menu-panel button:hover{background:#1a2732}
.help-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}
.help-nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:12px}
.help-nav button{text-align:left;border:1px solid var(--line);background:#111a23;color:#d7e3e5;border-radius:10px;padding:11px 15px;cursor:pointer}
.help-nav button.active{background:#21313e;color:#fff;border-color:#2d4654}
.help-main{min-width:0}
.help-hit{cursor:pointer}
.help-hit:hover{border-color:#3a5363}
.help-hit h3{margin:0 0 6px;font-size:18px}
.help-hit .meta{margin-bottom:8px}
.help-article h2{margin:0 0 8px;font-size:28px}
.help-article .help-body p{color:#d5e1e4;line-height:1.65;margin:0 0 14px}
.help-article .help-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.help-article .help-tags span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--muted);font-size:12px}
.help-empty{padding:28px;color:var(--muted);text-align:center}
@media(max-width:800px){.help-layout{grid-template-columns:1fr}.help-nav{position:static;flex-direction:row;flex-wrap:wrap}}
.settings-wrap{display:grid;grid-template-columns:210px 1fr;gap:18px}
.settings-nav{display:flex;flex-direction:column;gap:6px}
.settings-nav button{text-align:left;border:1px solid var(--line);background:#111a23;color:#d7e3e5;border-radius:10px;padding:11px 15px;cursor:pointer}
.settings-nav button.active{background:#21313e;color:#fff}
.settings-pane{display:none}
.settings-pane.on{display:block}
@media(max-width:800px){.settings-wrap{grid-template-columns:1fr}.settings-nav{flex-direction:row;flex-wrap:wrap}}
button:disabled{opacity:.55;cursor:not-allowed}
.inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.inline-actions .ghost{padding:5px 9px;font-size:12px}