/* settings-ui.css — premium Settings page (pairs with settings-ui.js; reuses .sui-hero / .kc from the other layers). */
#view-settings{padding:0 22px 40px}
#view-settings .st-hero{margin-top:var(--space-5)}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1400px;margin:14px auto 0}
.st-wide{grid-column:1/-1}
.st-card{margin-bottom:0}
.st-card .kc-head{cursor:default}
.st-card>:not(.kc-head){margin-left:22px;margin-right:22px}
.st-card>.kc-head+*{margin-top:14px}
.st-card>:last-child{margin-bottom:20px}
.st-card .calc-sub{font-size:13px;color:var(--muted);line-height:1.6}

/* theme picker */
.st-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.st-theme{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;border:1px solid var(--line-strong);border-radius:14px;background:var(--panel);color:var(--ink);transition:border-color .15s,box-shadow .15s}
.st-theme:hover{border-color:var(--teal)}
.st-theme.on{border-color:var(--fam);box-shadow:0 0 0 2px var(--fam),var(--sh-2)}
.st-theme b{font-size:14px;margin-top:6px}.st-theme small{color:var(--muted);font-size:12px}
.st-swatch{display:flex;gap:5px;align-items:flex-end;width:100%;height:58px;border-radius:10px;padding:9px;border:1px solid rgba(128,128,128,.25)}
.st-swatch i{flex:1;border-radius:4px;background:#c9d3e3}
.st-swatch i:nth-child(1){height:60%}.st-swatch i:nth-child(2){height:100%;background:#2563eb}.st-swatch i:nth-child(3){height:40%}
.st-swatch.light{background:#f6f8fb}
.st-swatch.dark{background:#0a1220}.st-swatch.dark i{background:#26354f}.st-swatch.dark i:nth-child(2){background:#6ea8ff}

/* rows + switches */
.st-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px dashed var(--line)}
.st-row:last-of-type{border-bottom:0}
.st-row>div{min-width:0}
.st-row b{display:block;font-size:14px;color:var(--ink)}
.st-row small{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.45}
.st-switch{position:relative;flex:0 0 auto;width:46px;height:26px;border-radius:999px;border:1px solid var(--line-strong);background:var(--chip);padding:0;transition:background-color .2s,border-color .2s}
.st-switch i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--ease)}
.st-switch.on{background:var(--fam);border-color:var(--fam)}
.st-switch.on i{transform:translateX(20px)}
.st-select{width:auto;min-width:140px}
.st-select:disabled{opacity:.5}

/* data feeds / actions */
.st-admin.hidden{display:none}
.st-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.st-actions .ghost,.st-row .ghost{border-radius:999px;padding:7px 16px;font-size:13px;font-weight:650}
.st-armed{border-color:var(--down)!important;color:var(--down)!important;background:color-mix(in srgb,var(--down) 8%,var(--panel))!important}
.st-msg{font-size:12.5px;color:var(--muted)}
#settings-member-note{margin:0;padding:16px;border-radius:12px;text-align:left}

@media(max-width:900px){
  #view-settings{padding:0 12px 32px}
  .st-grid{grid-template-columns:1fr}
  .st-card>:not(.kc-head){margin-left:14px;margin-right:14px}
}