.insync-settings-page .st-main { min-width:0;max-width:none;min-height:100vh;background:#fff; }
.insync-settings-page .st-topbar { height:84px;padding:0 32px;border-bottom:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center; }
.insync-settings-page .st-top-actions { display:flex;align-items:center;gap:24px; }
.insync-settings-page .st-user { width:40px;height:40px;border-radius:50%;background:#f2f3f5;display:grid;place-items:center;color:var(--text-secondary);font-weight:650; }
.insync-settings-page .st-mobile-brand { display:none; }
.insync-settings-page .st-content { padding:28px 32px 48px;max-width:920px; }
.insync-settings-page h1 { font-size:36px;line-height:1.25;letter-spacing:-.035em; }
.insync-settings-page .st-subtitle { font-size:18px;color:var(--text-secondary);line-height:1.6;margin:4px 0 28px; }
.insync-settings-page .st-layout { display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px; }
.insync-settings-page .st-menu { border:1px solid var(--border);border-radius:12px;padding:6px; }
.insync-settings-page .st-menu a { display:flex;align-items:center;gap:20px;padding:16px 14px;min-height:64px;border-radius:9px;font-size:14px;color:var(--text-secondary); }
.insync-settings-page .st-menu a>span { flex:1; }
.insync-settings-page .st-menu a>.icon:last-child { display:none; }
.insync-settings-page .st-menu a.active { background:#fff3e9;color:var(--action);font-weight:600; }
.insync-settings-page .st-menu a:hover { background:#f8f8f8; }
.insync-settings-page .st-menu a.active:hover { background:#ffeddf; }
.insync-settings-page .st-menu .icon { width:24px;height:24px;flex-shrink:0; }
.insync-settings-page .st-panel { border:1px solid var(--border);border-radius:12px;padding:24px;min-width:0; }
.insync-settings-page .st-panel-heading { padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border); }
.insync-settings-page h2 { font-size:24px;line-height:1.4;letter-spacing:-.025em; }
.insync-settings-page .st-panel-heading p { font-size:14px;color:var(--text-secondary);line-height:1.6;margin-top:2px; }
.insync-settings-page h3 { font-size:17px;line-height:1.5;letter-spacing:-.02em; }
.insync-settings-page .st-form-title { margin-bottom:18px; }
.insync-settings-page .st-form { display:grid;gap:18px; }
.insync-settings-page .st-field { min-width:0; }
.insync-settings-page .st-field label { display:block;margin-bottom:7px;font-size:14px;line-height:1.5; }
.insync-settings-page .st-input-wrap { position:relative; }
.insync-settings-page .st-field :is(input,textarea),.insync-settings-page select { width:100%;min-width:0;min-height:44px;border:1px solid #d9dee5;border-radius:8px;background:white;padding:10px 12px;font:inherit;color:var(--text); }
.insync-settings-page .st-field input[type=password],.insync-settings-page .st-input-wrap:has(.st-reveal) input { padding-right:50px; }
.insync-settings-page textarea { resize:vertical;line-height:1.6; }
.insync-settings-page .st-reveal { position:absolute;inset:0 0 auto auto;width:44px;height:44px;display:grid;place-items:center;color:var(--text-secondary);border-radius:8px; }
.insync-settings-page .st-reveal:hover { background:#f4f5f6; }
.insync-settings-page .st-help { color:var(--text-secondary);font-size:12px;line-height:1.6;margin-top:7px;overflow-wrap:anywhere; }
.insync-settings-page .st-help ul { margin:0;padding-left:18px; }
.insync-settings-page .st-help:empty,.insync-settings-page .st-errors:empty { display:none; }
.insync-settings-page .st-policy { margin-top:-8px; }
.insync-settings-page .st-actions { display:flex;flex-wrap:wrap;gap:14px;margin:3px 0 4px; }
.insync-settings-page .st-button { border:1px solid #d9dee5;border-radius:8px;padding:10px 20px;min-height:44px;background:white;color:var(--text-secondary);font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer; }
.insync-settings-page .st-button:hover { background:#f5f6f7; }
.insync-settings-page .st-primary { background:var(--action);color:white;border-color:var(--action); }
.insync-settings-page .st-primary:hover { background:var(--action-hover); }
.insync-settings-page .st-security-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;margin-top:24px;border-block:1px solid var(--border); }
.insync-settings-page .st-security-row p { font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:3px; }
.insync-settings-page .st-unavailable { display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;font-size:12px;line-height:1.5;color:var(--text-secondary);min-height:44px;cursor:default;flex-shrink:0; }
.insync-settings-page .st-switch { width:40px;height:24px;background:#c4cad3;border-radius:15px;position:relative; }
.insync-settings-page .st-switch:before { content:'';width:18px;height:18px;background:white;border-radius:50%;position:absolute;left:3px;top:3px; }
.insync-settings-page .st-device-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;font-size:14px;color:var(--action); }
.insync-settings-page .st-readonly { color:var(--text-secondary);font-size:14px;line-height:1.7;margin:16px 0; }
.insync-settings-page .st-email { line-height:1.7;overflow-wrap:anywhere; }
.insync-settings-page .st-email+.st-help { margin-bottom:22px; }
.insync-settings-page .st-feedback { padding:12px 14px;background:#edf8ef;color:#17632c;border-radius:8px;line-height:1.6;margin-bottom:20px; }
.insync-settings-page .st-errors { font-size:13px;line-height:1.6;color:#962820;margin-top:7px; }
.insync-settings-page .st-error-summary { background:#fff2ee;color:#962820;border-radius:8px;padding:14px;margin-bottom:20px;line-height:1.6; }
.insync-settings-page .st-error-summary ul { padding-left:18px;margin:8px 0 0; }
.insync-settings-page .st-error-summary a { text-decoration:underline;text-underline-offset:3px; }
.insync-settings-page [aria-invalid=true] { border-color:#962820; }
.insync-settings-page .st-preference { display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:12px; }
.insync-settings-page .st-preference input { width:24px;height:24px;margin:10px;accent-color:var(--action); }
.insync-settings-page .st-preference label { min-height:44px;display:flex;align-items:center; }
.insync-settings-page .st-business-selector { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center; }
.insync-settings-page .st-business-selector label { grid-column:1/-1; }
.insync-settings-page .st-appearance { display:flex;align-items:center;gap:16px;line-height:1.6; }
.insync-settings-page .st-appearance p { color:var(--text-secondary); }
.insync-settings-page .st-light-sample { width:70px;height:50px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(90deg,var(--charcoal) 25%,white 25%);flex-shrink:0; }
.insync-settings-page .st-signin { padding:48px 32px 100px; }
.insync-settings-page .st-signin .st-form { max-width:480px; }
.insync-settings-page :is(input,textarea,select,button,a):focus-visible { outline:3px solid var(--focus);outline-offset:3px; }
.insync-settings-page ::selection { background:#ffe2cd;color:#17191c; }
.insync-settings-page input { caret-color:var(--action); }
.insync-settings-page input:disabled { background:#f8f9fa; }
.insync-settings-page .st-local-status { color:var(--text-secondary);font-size:13px;margin-top:16px; }
@media(max-width:1100px) and (min-width:761px) {
 .insync-settings-page .st-layout { grid-template-columns:210px minmax(0,1fr);gap:18px; }
 .insync-settings-page .st-content { padding-inline:24px; }
 .insync-settings-page .st-menu a { padding-inline:10px;gap:12px; }
 .insync-settings-page .st-security-row,.insync-settings-page .st-device-row { flex-wrap:wrap; }
}
@media(max-width:900px) {
 .insync-settings-page .st-layout { grid-template-columns:minmax(0,1fr); }
 .insync-settings-page .st-menu a { min-height:48px;padding:10px 12px; }
 .insync-settings-page .st-menu a>.icon:last-child { display:block;width:16px; }
}
@media(max-width:760px) {
 .insync-settings-page .st-topbar { height:88px;padding:0 18px;justify-content:space-between;border:0; }
 .insync-settings-page .st-mobile-brand { display:flex;margin:0;font-size:25px;gap:8px; }
 .insync-settings-page .st-business { display:none; }
 .insync-settings-page .st-top-actions { gap:14px; }
 .insync-settings-page .st-content { padding:8px 18px 100px; }
 .insync-settings-page h1 { font-size:28px; }
 .insync-settings-page .st-subtitle { font-size:14px;margin:3px 0 20px; }
 .insync-settings-page .st-layout { gap:20px; }
 .insync-settings-page .st-menu { padding:4px; }
 .insync-settings-page .st-menu a { gap:14px;font-size:13px; }
 .insync-settings-page .st-menu .icon { width:22px;height:22px; }
 .insync-settings-page .st-panel { padding:18px 16px; }
 .insync-settings-page h2 { font-size:20px; }
 .insync-settings-page .st-panel-heading { padding-bottom:18px;margin-bottom:18px; }
 .insync-settings-page .st-panel-heading p { font-size:13px; }
 .insync-settings-page h3 { font-size:15px; }
 .insync-settings-page .st-field label { font-size:13px; }
 .insync-settings-page .st-field input { font-size:16px; }
 .insync-settings-page .st-button { font-size:13px;padding-inline:16px; }
 .insync-settings-page .st-security-row,.insync-settings-page .st-device-row { flex-wrap:wrap;gap:8px; }
 .insync-settings-page .st-unavailable { justify-content:flex-start; }
}