/* Settings: grouped rows, hairlines, one accent. Light only, like the other app screens. */
#settings.st{--st-card:#fdfefb;--st-ink:#202923;--st-muted:#657067;--st-line:#dde2d9;--st-accent:#315b42;--st-accent-soft:#e2eadb;--st-warn:#b4532f;
  font-family:"Anek Latin","Anek Devanagari",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--st-ink)}
#settings .page-head h1{color:var(--st-ink);font-size:32px;font-weight:600;letter-spacing:-.02em}
.st-list{max-width:560px}
.st-label{font-size:13px;font-weight:500;color:var(--st-muted);margin:32px 0 8px 16px;letter-spacing:.02em}
.st-group{background:var(--st-card);border:1px solid var(--st-line);border-radius:14px;padding:4px 16px}
.st-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--st-line)}
.st-row:last-child{border-bottom:0}
.st-row>label{flex:none;font-size:16px}
.st-row input:not([type=checkbox]){flex:1;min-width:0;text-align:right;border:0;background:transparent;font:inherit;font-size:16px;color:var(--st-ink);padding:8px 0;min-height:44px}
.st-row input[readonly]{color:var(--st-muted);background:transparent!important;box-shadow:none}
.st-row input:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px;border-radius:6px}
.st-note{font-size:14px;line-height:1.5;color:var(--st-muted);margin:0}
.st-actions{display:flex;justify-content:space-between;align-items:center;margin:12px 4px 0}
.st-btn{min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid var(--st-line);background:var(--st-card);color:var(--st-ink);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.st-btn.st-primary{background:var(--st-accent);border-color:var(--st-accent);color:#fff}
.st-link{min-height:44px;padding:8px 0;border:0;background:none;font:inherit;font-size:15px;color:var(--st-accent);cursor:pointer}
.st-danger{color:var(--st-warn)}
.st-account,.st-plan{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px}
/* Destination status: first thing on the page, calm unless untested. */
.st-dest{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;padding:16px}
.st-dest h2{font-size:17px;font-weight:600;margin:0}
.st-dest .st-btn{grid-column:2;justify-self:start;margin-top:8px}
.st-dot{width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--st-warn)}
.st-dest[data-tested="true"] .st-dot{background:var(--st-accent)}
.st-dest[data-tested="true"] .st-btn{border:0;padding:0;background:none;color:var(--st-accent);min-height:32px}
.st-toggle label{display:flex;flex-direction:column;gap:2px;flex:1}
.st-toggle small{font-size:13px;color:var(--st-muted)}
.st-toggle input[type=checkbox]{appearance:none;flex:none;width:46px;height:28px;border-radius:14px;background:var(--st-line);position:relative;cursor:pointer;transition:background .2s}
.st-toggle input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s}
.st-toggle input[type=checkbox]:checked{background:var(--st-accent)}
.st-toggle input[type=checkbox]:checked::after{transform:translateX(18px)}
.st-toggle input:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}
#settings .notif-action-block{display:flex;flex-direction:column;align-items:flex-start;padding:4px 0 8px}
.st-nav{padding:0 16px}
.st-navrow{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 0;border:0;border-bottom:1px solid var(--st-line);background:none;color:var(--st-ink);font:inherit;font-size:16px;text-align:left;text-decoration:none;cursor:pointer}
.st-navrow[hidden]{display:none}
.st-nav>.st-navrow:last-child{border-bottom:0}
.st-navtext{flex:1;display:flex;flex-direction:column;min-width:0}
.st-navtext strong{font-weight:500}
.st-navtext small{font-size:13px;color:var(--st-muted)}
.st-navtext small:empty{display:none}
.st-navact{font-size:14px;color:var(--st-accent)}
.st-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--st-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.st-navrow:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px;border-radius:6px}
#settings.st{padding-bottom:128px}
@media (prefers-reduced-motion:reduce){.st-toggle input,.st-toggle input::after{transition:none}}
.onboarding-test{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.onboarding-test .secondary{margin-top:8px}