/* Chalkmate — Settings */
.st{max-width:1000px}
.st-wrap{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}
.st-tabs{display:flex;flex-direction:column;gap:2px;position:sticky;top:0}
.st-tabs a,.st-tab-out{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:600;color:var(--text-2);border:0;background:transparent;cursor:pointer;font-size:13.5px;text-align:left;white-space:nowrap}
.st-tabs a svg,.st-tab-out svg{width:17px;height:17px;flex:none}
.st-tabs a:hover,.st-tab-out:hover{background:var(--hover);color:var(--text)}
.st-tabs a.on{background:var(--panel);color:var(--text);box-shadow:var(--sh-1);border:1px solid var(--line)}
.st-tabs a.on svg{color:var(--brand)}
.st-tab-out{margin-top:12px;color:var(--crit)}
.st-body{display:flex;flex-direction:column;gap:16px;min-width:0}
.st-body form{display:flex;flex-direction:column;gap:16px}
.st-sec-h{padding:16px 20px 0}
.st-sec-h h3{margin:0;font-size:15.5px}
.st-sec-h p{margin:3px 0 0;color:var(--text-2);font-size:13px}
.st-sec-b{padding:14px 20px 18px}
.st-sec-b .field:last-child{margin-bottom:0}
.st-signout{display:none}

.st-toggle{display:flex;align-items:center;gap:14px;cursor:pointer;padding:8px 0}
.st-toggle+.st-toggle{border-top:1px solid var(--line-2);padding-top:12px;margin-top:4px}
.st-toggle b{display:block;font-weight:600}
.st-toggle span span{display:block;font-size:12.5px;color:var(--text-2);margin-top:1px}
.st-toggle input{position:absolute;opacity:0;pointer-events:none}
.st-toggle i{width:42px;height:25px;border-radius:13px;background:var(--line);position:relative;flex:none;transition:background .15s}
.st-toggle i::after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}
.st-toggle input:checked+i{background:var(--brand)}
.st-toggle input:checked+i::after{transform:translateX(17px)}
.st-toggle input:focus-visible+i{box-shadow:0 0 0 3px var(--focus)}
.st-time{max-width:180px}

.st-copy{display:flex;gap:8px}
.st-copy .input{flex:1;min-width:0;font-size:13px;background:var(--panel-2)}

.st-push{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.st-push b{display:block;font-weight:600}
.st-dot{width:10px;height:10px;border-radius:50%;background:var(--text-3);flex:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--text-3) 18%,transparent)}
.st-on .st-dot{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent)}
.st-blocked .st-dot{background:var(--crit);box-shadow:0 0 0 4px color-mix(in srgb,var(--crit) 18%,transparent)}

.st-tlist{border:1px solid var(--line-2);border-radius:12px;margin-bottom:14px}
.st-t b{display:flex !important;align-items:center;gap:6px;flex-wrap:wrap}
.st-invite{gap:0 !important}
.st-owner-f{padding:4px 0 8px}

@media (max-width:760px){
  .st-wrap{grid-template-columns:1fr;gap:14px}
  .st-tabs{flex-direction:row;overflow-x:auto;position:static;margin:0 -14px;padding:2px 14px 6px;scrollbar-width:none}
  .st-tabs::-webkit-scrollbar{display:none}
  .st-tabs a{padding:7px 12px;flex:none}
  .st-tab-out{display:none}
  .st-signout{display:flex;justify-content:center;padding:4px 0 8px}
  .st-sec-h{padding:14px 16px 0}.st-sec-b{padding:12px 16px 16px}
  .st-copy{flex-direction:column}
}
.cv-steps{margin:0 0 8px;padding-left:20px;color:var(--text-2);line-height:1.55}.cv-steps li{margin:0 0 6px}.cv-steps a{color:var(--brand)}
/* Menu: profiles + per-link toggles */
.st-prof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.st-prof{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit}
.st-prof:hover{border-color:var(--brand)}
.st-prof svg{width:18px;height:18px;flex:none;color:var(--brand);margin-top:1px}
.st-prof b{display:block;font-size:13.5px}
.st-prof span span{display:block;font-size:12px;color:var(--text-2);margin-top:2px;line-height:1.35}
.st-prof.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand) inset}
.st-prof:focus-visible{outline:0;box-shadow:0 0 0 3px var(--focus)}
.st-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
.st-nav-grp{margin-top:14px}
.st-nav-grp h4{margin:0 0 2px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.st-nav-grp .st-toggle svg{width:17px;height:17px;flex:none;color:var(--text-2)}
.st-toggle input:disabled+i{opacity:.55}
.st-toggle:has(input:disabled){cursor:default}