/* Settings (TODO #224). Platform plane; every value from the console token set. */

#view-settings .sttop{margin-bottom:var(--s-4)}
#view-settings .sttabs{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}
#view-settings .sttab{font:inherit;padding:var(--s-1) var(--s-3);border:1px solid var(--line);
  border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer}
#view-settings .sttab.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
#view-settings .stfilters{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;margin:var(--s-2) 0}
#view-settings .sttable{width:100%}
#view-settings .sttable th,#view-settings .sttable td{vertical-align:top}
#view-settings tr.stgroup th{text-align:left;padding-top:var(--s-4)}
#view-settings .stname{padding-left:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--fg)}
#view-settings .stsrc.company{font-weight:var(--weight-bold)}
#view-settings .stsrc.none{color:var(--muted)}
#view-settings .stmark{display:inline-block;margin:0 var(--s-1) var(--s-1) 0;padding:0 var(--s-2);
  border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-xs)}
#view-settings .stcontrol{border-color:var(--bad);color:var(--bad)}
#view-settings .stsensitive,#view-settings .stdraft{border-color:var(--warn);color:var(--warn)}
#view-settings .stdot{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--muted)}
#view-settings .stdot.ok{background:var(--ok)}
#view-settings .stdot.draft{background:var(--warn)}
#view-settings .stbad,#view-settings .sfbad{color:var(--bad)}
#view-settings .stok{color:var(--ok)}
#view-settings .stwarn{background:var(--warnbg);border-left:3px solid var(--warn);padding:var(--s-2) var(--s-3)}
#view-settings .stalert{border-left:3px solid var(--bad);padding:var(--s-1) var(--s-3)}
#view-settings .stcontrolword{color:var(--bad)}
#view-settings .stconfirm{border:1px solid var(--bad);border-left:3px solid var(--bad);
  border-radius:var(--radius);padding:var(--s-2) var(--s-3);max-width:40rem}
#view-settings section{margin:var(--s-4) 0}
#view-settings input,#view-settings textarea,#view-settings select{font:inherit;padding:var(--s-1) var(--s-2);
  border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg)}
#view-settings textarea{width:100%;max-width:48rem;box-sizing:border-box}
#view-settings .sfjson{font-family:var(--mono);font-size:var(--text-sm)}
#view-settings .sfgroup{border:1px solid var(--line);border-radius:var(--radius);margin:var(--s-2) 0;
  padding:var(--s-2) var(--s-3)}
#view-settings .sffield{margin:var(--s-2) 0}
#view-settings .sflabel{font-weight:var(--weight-bold)}
#view-settings .sfhelp{max-width:48rem}
#view-settings .sfitems{padding-left:var(--s-5)}
#view-settings .sfmaprow{border-left:2px solid var(--line);padding-left:var(--s-3);margin:var(--s-2) 0}
#view-settings dl.sfread{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-1) var(--s-3);margin:var(--s-2) 0}
#view-settings dl.sfread dt{color:var(--muted)}
#view-settings dl.sfread dd{margin:0}
#view-settings .stchanges li{margin:var(--s-1) 0;word-break:break-word}