/* Settings owns these tokens; older chat and admin rules cannot recolor its controls. */
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] {
  --settings-bg:#f3f5fa; --settings-card:#fff; --settings-ink:#172238;
  --settings-muted:#59677a; --settings-line:#dde3ee; --settings-search:#e9edf5;
  --settings-accent:#5f43d6; --settings-tint:#eeebff; --settings-input:#f7f8fc;
  --settings-danger:#ad2946; color:var(--settings-ink); color-scheme:light;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html:root:is(.native-mobile,:not(.native-mobile))[data-theme="dark"] body #overlay.navigation-view[data-panel="settings"] {
  --settings-bg:#101620; --settings-card:#1a2230; --settings-ink:#f0f3fa;
  --settings-muted:#b0bbcf; --settings-line:#303b4d; --settings-search:#202b3c;
  --settings-accent:#c2b1ff; --settings-tint:#30294b; --settings-input:#141d2b;
  --settings-danger:#ffafbd; color-scheme:dark;
}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.panel,#panel-body,.advanced-settings,#settings-home,#settings-detail) {background:var(--settings-bg);color:var(--settings-ink);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] * {box-sizing:border-box;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] [hidden] {display:none!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .panel > header {background:var(--settings-bg);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(#panel-close,#panel-back) {color:var(--settings-accent);min-width:44px;min-height:44px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #panel-title {color:var(--settings-ink);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(h1,h2,h3,b,strong,label) {color:var(--settings-ink);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(p,small,.privacy-note,.settings-clone-note,.settings-version) {color:var(--settings-muted);line-height:1.55;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid var(--settings-accent);outline-offset:3px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(button,a) {word-break:normal;overflow-wrap:break-word;white-space:normal;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.settings-hub-card,.settings-clone-page,.settings-info-card,.notification-settings-clone,.mobile-account-picker,.personal-ai-card,.security-status-grid article,.admin-user,.admin-role-form,.admin-plan-form,.integration-group) {
  background:var(--settings-card);color:var(--settings-ink);border:1px solid var(--settings-line);border-radius:18px;box-shadow:none;min-width:0;max-width:100%;
}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-search {background:var(--settings-search);border:1px solid transparent;border-radius:14px;min-height:46px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-search {background:transparent!important;color:var(--settings-ink)!important;-webkit-text-fill-color:var(--settings-ink)!important;min-height:44px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-profile-card {
  display:flex;align-items:center;gap:16px;padding:20px;margin:18px 0 22px;
  background:linear-gradient(120deg,var(--settings-card),var(--settings-tint));
  border:1px solid var(--settings-line);border-radius:22px;box-shadow:none;text-align:left;
}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-profile-card > i:first-child {display:grid;place-items:center;width:64px;height:64px;min-width:64px;min-height:64px;flex:0 0 64px;aspect-ratio:1;border-radius:50%;background:#5f43d6;color:#fff;overflow:hidden;font-style:normal;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-profile-card > span {flex:1;min-width:0;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-profile-card > svg {width:18px;height:18px;flex:0 0 18px;color:var(--settings-muted);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-profile-card :is(strong,small) {display:block;overflow-wrap:anywhere;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-profile-card strong {color:var(--settings-ink);font-size:calc(21px * var(--settings-text-scale,1));font-weight:650;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-profile-card small {color:var(--settings-muted);font-size:calc(13px * var(--settings-text-scale,1));margin-top:5px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-home-group h3 {font-size:12px;font-weight:650;letter-spacing:.08em;color:var(--settings-muted);margin:0 12px 10px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-hub-card {margin-bottom:24px;border-radius:18px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-hub-row {gap:12px;padding:14px;background:var(--settings-card);color:var(--settings-ink)!important;min-height:64px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-hub-row b {font-size:calc(16px * var(--settings-text-scale,1));font-weight:550;color:var(--settings-ink)!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-hub-row small {font-size:calc(12px * var(--settings-text-scale,1));color:var(--settings-muted)!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-hub-row > span:first-child {width:32px;height:32px;flex:0 0 32px;border-radius:10px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-hub-row:not(:last-child)::after {background:var(--settings-line);left:58px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .settings-hub-row:is(:hover,:active) {background:var(--settings-search);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-home .mobile-account-picker {background:var(--settings-card);border:1px solid var(--settings-line);border-radius:16px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-log-out {order:10!important;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin:8px 0 16px!important;background:var(--settings-card)!important;border:1px solid var(--settings-line)!important;border-radius:16px;color:var(--settings-danger)!important;-webkit-text-fill-color:var(--settings-danger)!important;font-weight:550;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-row,.settings-clone-switch,.settings-clone-choice,.notification-choice-row,.notification-switch-row) {width:100%;min-width:0;min-height:58px;padding:14px 16px;gap:12px;background:var(--settings-card);color:var(--settings-ink);border-color:var(--settings-line);font-size:calc(16px * var(--settings-text-scale,1));}
/* Plain text actions have no icon column. */
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail .settings-clone-row {display:flex;align-items:center;text-align:left;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-clone-row > svg {width:22px;height:22px;flex:0 0 22px;color:var(--settings-accent);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-clone-row > b {flex:1;min-width:0;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-page,.notification-settings-clone) {overflow:hidden;margin:0 0 16px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail .settings-clone-page > h3 {margin:0;padding:18px 16px 8px;color:var(--settings-muted);font-size:14px;line-height:1.4;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-page,.notification-settings-clone) > :is(p,.privacy-note,.settings-clone-note) {margin:0;padding:14px 16px;font-size:14px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-choice,.notification-choice-row) {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail .settings-clone-choice:has(>input:is([type="checkbox"],[type="radio"])) {grid-template-columns:minmax(0,1fr) auto;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="color"]) {width:100%;min-width:0;max-width:100%;min-height:46px;background:var(--settings-input);color:var(--settings-ink);-webkit-text-fill-color:var(--settings-ink);border:1px solid var(--settings-line);border-radius:12px;padding:11px 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;color-scheme:inherit;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail select {color-scheme:inherit;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(input[type="checkbox"],input[type="radio"]) {width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;padding:0;flex:0 0 22px;accent-color:#7656e8;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-switch,.notification-switch-row) {display:grid;grid-template-columns:minmax(0,1fr) auto;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-switch,.notification-switch-row)>input[type="checkbox"] {appearance:none;position:relative;width:46px;height:28px;min-width:46px;min-height:28px;max-width:46px;border-radius:99px;border:1px solid #7d889d;background:#69778c;cursor:pointer;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-switch,.notification-switch-row)>input::after {content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-switch,.notification-switch-row)>input:checked {background:#7656e8;border-color:#7656e8;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-switch,.notification-switch-row)>input:checked::after {transform:translateX(18px);background:#fff;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(button.primary,.settings-clone-page>button:not(.settings-clone-row),.notification-settings-clone>button,.settings-info-card>button,#retry-linked-devices) {min-height:46px;padding:12px 16px;border-radius:12px;background:#6446d9;color:#fff;border:0;line-height:1.4;white-space:normal;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.settings-clone-page>button.primary,.notification-settings-clone>button,.settings-info-card>button) {margin:12px 16px;width:calc(100% - 32px);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] button:disabled {opacity:.6;cursor:default;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-info-card {padding:20px;display:grid;gap:8px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-info-card>span {color:var(--settings-muted);line-height:1.5;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .linked-device-row {display:flex;align-items:center;gap:12px;padding:16px;color:var(--settings-ink);background:var(--settings-card);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .linked-device-row>b {min-width:0;flex:1;overflow-wrap:anywhere;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .linked-device-row small {display:block;margin-top:5px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .linked-device-row>i {font-size:12px;color:var(--settings-accent);font-style:normal;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .linked-device-row>button {min-height:44px;flex-shrink:0;background:var(--settings-tint);color:var(--settings-accent);padding:10px;border-radius:10px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .personal-ai-settings {padding:0;gap:16px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail .personal-ai-hero :is(h3,p) {color:#fff!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .personal-ai-card {background:var(--settings-card);border-color:var(--settings-line);color:var(--settings-ink);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .personal-ai-privacy summary {min-height:44px;display:flex;align-items:center;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.personal-ai-mode,.personal-ai-mode p) {border-color:var(--settings-line);color:var(--settings-muted);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .security-hero {background:var(--settings-tint);color:var(--settings-ink);border-radius:18px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .security-actions button {background:var(--settings-card);color:var(--settings-ink);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.s4-help-center,.s4-help-home,.s4-help-article,.s4-terms-page) {background:var(--settings-card);color:var(--settings-ink);max-width:100%;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-center :is(header,footer,nav,main,button,aside) {background:var(--settings-card);color:var(--settings-ink);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-center button {min-height:44px;white-space:normal;word-break:normal;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-search {background:var(--settings-input);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-center :is(h1,h2,h3) {color:var(--settings-ink);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-terms-page nav a {color:var(--settings-accent);min-height:44px;display:flex;align-items:center;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.admin-toolbar,.admin-user header,.integration-group header,.integration-group footer) {flex-wrap:wrap;gap:12px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.admin-toolbar input,.admin-user select,.integration-input) {min-width:0;max-width:100%;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.admin-user,.admin-role-form,.admin-plan-form,.integration-group) {padding:20px;margin-bottom:16px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-input {display:flex;gap:8px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-input input {flex:1;min-width:0;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-input button {min-height:44px;flex-shrink:0;color:var(--settings-danger);background:var(--settings-tint);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-toggle {display:flex;justify-content:space-between;gap:16px;align-items:center;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.admin-role-form fieldset,.integration-group label) {min-width:0;}
@media(max-width:760px) {
  html:root.native-mobile body:has(#overlay.navigation-view[data-panel="settings"]:not(.hidden)) {background:#f3f5fa;}
  html:root.native-mobile[data-theme="dark"] body:has(#overlay.navigation-view[data-panel="settings"]:not(.hidden)) {background:#101620;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] {top:0!important;bottom:0!important;height:100dvh!important;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] #panel-body {padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] #settings-home {padding:16px 16px 0;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] #settings-detail {padding:16px 16px 0;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .panel>header {min-height:60px;padding:8px 14px;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .s4-help-layout {display:flex;flex-direction:column;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .s4-help-layout>nav {width:100%;display:grid;grid-template-columns:minmax(0,1fr);padding:12px;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .s4-help-layout>main {padding:20px 16px;width:100%;min-width:0;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .s4-help-topic-grid {grid-template-columns:minmax(0,1fr);}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .s4-help-center>header {display:flex;flex-wrap:wrap;padding:16px;gap:12px;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .s4-help-center>footer {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px;}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] :is(.admin-role-form,.admin-plan-fields,.integration-form,.integration-group>div,.admin-user>div,.security-status-grid) {grid-template-columns:minmax(0,1fr);}
  html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .panel-content {padding:16px;max-width:100%;}
}
@media(prefers-reduced-motion:reduce) {html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] input::after {transition:none!important;}}
/* Neutralize legacy detail and form padding without affecting the admin content wrapper. */
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail {background:var(--settings-bg)!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(.settings-clone-page,.notification-settings-clone) {padding:0;gap:0;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="color"]) {background:var(--settings-input)!important;color:var(--settings-ink)!important;-webkit-text-fill-color:var(--settings-ink)!important;}
@media(max-width:760px) {
 html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .advanced-settings {padding:0!important;}
 html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] #settings-detail {padding:16px 16px 0!important;}
}
/* Legacy storage rows used a four-column desktop grid on phones. */
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail .settings-select-row {display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:16px;background:var(--settings-card);color:var(--settings-ink);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail .settings-select-row>b {font-size:16px;color:var(--settings-ink);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail .settings-select-row>select {grid-column:1/-1;width:100%;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #settings-detail button {font-size:16px;line-height:1.4;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.notification-settings-clone,.settings-clone-page)>h3 {margin:0;padding:18px 16px 8px;font-size:15px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.admin-console-grid button,.settings-info-card,.security-actions button) {background:var(--settings-card);color:var(--settings-ink);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .admin-console-grid button {padding:20px;text-align:left;border-radius:16px;min-height:92px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .admin-console-grid span {font-size:18px;font-weight:600;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #panel-body :is(.admin-toolbar,.admin-user,.admin-role-form,.admin-plan-form,.integration-group,.help-flow-modal) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) {width:100%;min-width:0;max-width:100%;min-height:46px;padding:11px 12px;border:1px solid var(--settings-line);border-radius:12px;background:var(--settings-input)!important;color:var(--settings-ink)!important;-webkit-text-fill-color:var(--settings-ink)!important;color-scheme:inherit;font-size:16px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #panel-body :is(.admin-toolbar,.admin-user,.admin-role-form,.admin-plan-form,.integration-group,.help-flow-modal) button {min-height:44px;font-size:16px;line-height:1.4;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .help-flow-modal {background:var(--settings-card);color:var(--settings-ink);border:1px solid var(--settings-line);border-radius:20px;max-width:calc(100% - 32px);max-height:calc(100dvh - 160px);overflow:auto;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #panel-body {scrollbar-width:thin;scrollbar-color:var(--settings-line) transparent;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .settings-search-status {padding:20px;background:var(--settings-card);border:1px solid var(--settings-line);border-radius:16px;}
@media(max-width:760px) {
 html:root.native-mobile body #overlay.navigation-view[data-panel="settings"] .admin-console-grid {grid-template-columns:minmax(0,1fr);}
}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .help-flow-backdrop {position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:16px 16px calc(100px + env(safe-area-inset-bottom));background:#050913b8;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .help-flow-modal {width:min(520px,100%);max-width:100%;max-height:calc(100dvh - 148px - env(safe-area-inset-bottom));padding:22px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .help-flow-modal footer {display:flex;flex-wrap:wrap;gap:10px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .help-flow-modal footer button {flex:1;min-width:100px;color:var(--settings-accent);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .help-flow-modal footer button.primary {color:#fff;background:#6446d9;}
/* Nested forms retain readable labels and a single layout at narrow widths. */
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.admin-user,.admin-role-form,.admin-plan-form,.integration-group) label {font-size:14px!important;line-height:1.5;display:grid;gap:8px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.admin-user,.admin-role-form,.admin-plan-form,.integration-group) :is(small,.integration-card-status) {font-size:12px!important;line-height:1.5;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-group>div {padding:0;gap:18px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-group :is(header,footer) {padding:0;margin:0 0 18px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .permission-option {display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px!important;min-height:44px;padding:10px 0;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .permission-option input {width:22px;height:22px;min-height:22px;padding:0;accent-color:#7656e8;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .permission-option small {display:block;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #account-deletion-form>form {padding:16px;display:grid;gap:18px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #account-deletion-form form label {display:grid;gap:8px;font-size:15px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #account-deletion-form button {min-height:46px;padding:12px;border-radius:12px;background:var(--settings-tint);color:var(--settings-accent);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #account-deletion-form button.danger {color:var(--settings-danger);background:var(--settings-card);border:1px solid var(--settings-danger);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.security-actions svg,.security-hero svg,.s4-help-center svg) {color:var(--settings-accent);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-center :is(header,footer,nav,main,section,button,aside) {background:var(--settings-card)!important;color:var(--settings-ink)!important;border-color:var(--settings-line)!important;}
@media(max-width:760px) {
 html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-layout {display:flex;flex-direction:column;}
 html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-layout>main {order:0;}
 html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-layout>nav {order:1;}
 html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .admin-user>div {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;}
 html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .admin-user select[multiple] {min-height:88px!important;}
}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .permission-option input {width:22px!important;height:22px!important;min-height:22px!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-group header>span {font-size:12px!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] [data-device-form]>p {padding:0 16px;font-size:14px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] [data-device-form]>button {margin:12px 16px;width:calc(100% - 32px);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] :is(.matrix-pilot-card,.matrix-pilot-dialog) {background:var(--settings-card);color:var(--settings-ink);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .matrix-pilot button {background:var(--settings-tint);color:var(--settings-accent);border-color:var(--settings-line);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .matrix-pilot-messages p {background:var(--settings-search);}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .matrix-pilot-device {flex-wrap:wrap;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] #panel-body button.primary {background:#6446d9!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .integration-group header {background:transparent!important;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-center>header {position:static!important;height:auto!important;min-height:0!important;align-items:center;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-topic-grid {gap:12px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-topic-grid>button {display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;text-align:left;column-gap:12px;row-gap:6px;height:auto;min-height:92px;padding:16px;border:1px solid var(--settings-line);border-radius:14px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-topic-grid>button>svg {grid-row:1/3;width:28px;height:28px;margin:0;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-topic-grid>button>b {font-size:16px;}
html:root:is(.native-mobile,:not(.native-mobile)) body #overlay.navigation-view[data-panel="settings"] .s4-help-topic-grid>button>small {grid-column:2;font-size:13px;}