/* Settings acceptance: grouped panels and related dialogs. */
body.precision.studio[data-page=settings]:not(.auth-required) {
  --canvas:#f7f6fa; --card:#fff; --raised:#f1eef7; --line:#e3dfeb;
  --ink:#22202c; --muted:#696575; --accent:#6844d9!important; --accent-hover:#5836bd!important;
  --accent-soft:#eee8fc!important; --action-ink:#fff;
  --chosen-color:#6844d9!important; --chosen-ink:#fff!important;
  --chosen-hover:#5836bd!important; --chosen-hover-ink:#fff!important; --focus:#6844d9!important;
  --settings-warning:#8b590e; --settings-warning-bg:#fff5df;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.precision.studio.dark[data-page=settings]:not(.auth-required) {
  --canvas:#13131a; --card:#1c1c25; --raised:#252432; --line:#363442;
  --ink:#f4f1fa; --muted:#bbb5ca; --accent:#bda3ff!important; --accent-hover:#cfbcff!important;
  --accent-soft:#302542!important; --action-ink:#20172f;
  --chosen-color:#bda3ff!important; --chosen-ink:#20172f!important;
  --chosen-hover:#cfbcff!important; --chosen-hover-ink:#20172f!important; --focus:#bda3ff!important;
  --settings-warning:#f1c46e; --settings-warning-bg:#302719;
}
body.precision.studio[data-page=settings] :is(button,input,select,h1,h2,h3) {font-family:inherit}
body.precision.studio[data-page=settings] #app {max-width:1300px}
body.precision.studio[data-page=settings] .settings-layout {display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start;margin-top:26px}
body.precision.studio[data-page=settings] .settings-nav {display:flex;flex-direction:column;gap:22px;min-width:0;padding:0}
body.precision.studio[data-page=settings] .settings-nav-group {display:flex;flex-direction:column;gap:6px}
body.precision.studio[data-page=settings] .settings-nav-group>span {font-size:11px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding:0 12px 5px}
body.precision.studio[data-page=settings] .settings-nav button {text-align:left;min-height:42px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:14px;border-radius:10px;padding:10px 12px;white-space:nowrap}
body.precision.studio[data-page=settings] .settings-nav button.active {background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}
body.precision.studio[data-page=settings] .settings-card {padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:none;min-width:0}
body.precision.studio[data-page=settings] .settings-card>h2 {font-size:23px;line-height:1.35;margin:8px 0 10px}
body.precision.studio[data-page=settings] .settings-card p {font-size:14px;line-height:1.7;color:var(--muted);margin:8px 0 20px;white-space:normal;overflow-wrap:anywhere}
body.precision.studio[data-page=settings] .settings-card form {max-width:680px}
body.precision.studio[data-page=settings] .field {margin:20px 0}
body.precision.studio[data-page=settings] .field label {display:block;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:8px;color:var(--ink)}
body.precision.studio[data-page=settings] .field :is(input,select) {min-height:44px;font-size:14px;background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:10px;width:100%;max-width:100%}
body.precision.studio[data-page=settings] .field input[readonly] {background:var(--raised);color:var(--muted)}
body.precision.studio[data-page=settings] .field small {display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}
body.precision.studio[data-page=settings] .field .quiet {margin-top:10px}
body.precision.studio[data-page=settings] .settings-save {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
body.precision.studio[data-page=settings] .settings-save .settings-status {font-size:13px;margin:0}
body.precision.studio[data-page=settings] .settings-save>div {display:flex;gap:8px;flex-wrap:wrap}
body.precision.studio[data-page=settings] .button {min-height:40px;font-size:13px;white-space:normal}
body.precision.studio[data-page=settings] .button.primary {background:var(--accent);border-color:var(--accent);color:var(--action-ink)}
body.precision.studio[data-page=settings] .button:disabled {opacity:.55;cursor:default}
body.precision.studio[data-page=settings] .settings-block {padding:22px 0;margin:0;border-top:1px solid var(--line)}
body.precision.studio[data-page=settings] :is(.settings-block,.security-block,.settings-emergency) h3 {font-size:17px;line-height:1.4;margin:0 0 8px}
body.precision.studio[data-page=settings] .settings-themes {display:flex;gap:10px}
body.precision.studio[data-page=settings] .settings-themes button {min-width:100px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--ink);font-size:14px}
body.precision.studio[data-page=settings] .settings-themes button.active {border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
body.precision.studio[data-page=settings] .color-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.precision.studio[data-page=settings] .settings-color {display:flex;align-items:center;gap:9px;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--ink);font-size:13px}
body.precision.studio[data-page=settings] .settings-color.selected {border-color:var(--accent);background:var(--accent-soft)}
body.precision.studio[data-page=settings] .settings-color i {display:block;width:20px;height:20px;flex-shrink:0;border-radius:50%;border:1px solid var(--line)}
body.precision.studio[data-page=settings] [data-color="#087e78"] i {background:#087e78}
body.precision.studio[data-page=settings] [data-color="#315fda"] i {background:#315fda}
body.precision.studio[data-page=settings] [data-color="#7a5bc4"] i {background:#7a5bc4}
body.precision.studio[data-page=settings] [data-color="#b06d20"] i {background:#b06d20}
body.precision.studio[data-page=settings] [data-color="#b24d69"] i {background:#b24d69}
body.precision.studio[data-page=settings] .team-list article {display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
body.precision.studio[data-page=settings] .member-main {flex:1 1 200px;min-width:0;display:flex;gap:12px;align-items:center}
body.precision.studio[data-page=settings] .member-main>span:last-child {min-width:0}
body.precision.studio[data-page=settings] :is(.member-main,.settings-member-role) small {display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
body.precision.studio[data-page=settings] .settings-member-role {flex:1 1 170px;font-size:14px}
body.precision.studio[data-page=settings] .pending-invites article {display:flex;gap:14px;align-items:center;justify-content:space-between;margin:14px 0;font-size:14px;overflow-wrap:anywhere}
body.precision.studio[data-page=settings] .pending-invites small {display:block;color:var(--muted);font-size:13px;margin-top:5px}
body.precision.studio[data-page=settings] .team-list+.pending-invites {margin-bottom:20px}
body.precision.studio[data-page=settings] .settings-emergency {padding:20px;border:1px solid var(--settings-warning);border-radius:12px;background:var(--settings-warning-bg);margin-top:32px}
body.precision.studio[data-page=settings] .settings-emergency b {display:block;color:var(--settings-warning);font-size:14px;margin-bottom:14px}
body.precision.studio[data-page=settings] .settings-readonly {background:var(--raised);padding:12px 16px;border-radius:10px}
body.precision.studio[data-page=settings] .security-block {padding:22px 0;border-top:1px solid var(--line);margin-top:0}
body.precision.studio[data-page=settings] .session-list article {display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}
body.precision.studio[data-page=settings] .session-list small {display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:6px}
body.precision.studio[data-page=settings] .settings-dialog {max-width:min(560px,calc(100vw - 32px));padding:24px}
body.precision.studio[data-page=settings] .settings-dialog :is(p,small) {font-size:14px;line-height:1.6;white-space:normal}
body.precision.studio[data-page=settings] .settings-dialog .modal-actions {flex-wrap:wrap}
body.precision.studio[data-page=settings] :is(a,button,input,select):focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px) {
  body.precision.studio[data-page=settings] .settings-layout {grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px}
  body.precision.studio[data-page=settings] .settings-nav {display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:3px 2px 9px;max-width:100%;scrollbar-width:thin}
  body.precision.studio[data-page=settings] .settings-nav-group {display:contents}
  body.precision.studio[data-page=settings] .settings-nav-group>span {display:none}
  body.precision.studio[data-page=settings] .settings-nav button {flex-shrink:0}
  body.precision.studio[data-page=settings] .settings-card {padding:20px}
  body.precision.studio[data-page=settings] .color-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.precision.studio[data-page=settings] .settings-color {flex-direction:column;gap:8px}
  body.precision.studio[data-page=settings] .settings-save {align-items:flex-start;flex-direction:column}
  body.precision.studio[data-page=settings] .settings-save>div {width:100%;flex-direction:column-reverse}
  body.precision.studio[data-page=settings] .settings-save button {width:100%}
  body.precision.studio[data-page=settings] .section-head {flex-wrap:wrap;gap:12px}
  body.precision.studio[data-page=settings] .settings-dialog {padding:18px}
  body.precision.studio[data-page=settings] .settings-dialog .modal-actions {flex-direction:column;align-items:stretch}
}