/* Settings shares the authenticated workspace header (15_topbar_utilities.css).
   Preserve every field, permission state, localization key and action. */
body:has(#settings-view:not(.hidden)):not(.workspace-shell-active) {
    background:#fff; color:#0a1428;
}
body:has(#settings-view:not(.hidden)) #main-content { background:#fff; }
@media (min-width:901px) {
    body.workspace-shell-active #settings-view:not(.hidden) {
        margin-top:var(--workspace-topbar-height);
        height:calc(100% - var(--workspace-topbar-height));
        min-height:0; width:100%; overflow-y:auto;
    }
}
body #settings-view {
    --bridge-canvas:#fff; --bridge-surface:#fff; --bridge-surface-muted:#f6f7f6;
    --bridge-ink:#0a1428; --bridge-ink-soft:#626b76; --bridge-line:#dfe3e6;
    --bridge-line-strong:#bdc5cd; --radius-control:5px; --radius-card:6px; --radius-pill:5px;
    --text-muted:#626b76; --text-primary:#0a1428; --accent:#0d8f89;
    background:#fff; color:#0a1428;
}
body #settings-view .settings-section {
    width:100%; max-width:1360px; margin:0 auto; padding:64px 40px 100px;
    background:#fff;
}
body #settings-view .section-title {
    margin:0 0 16px; font-size:clamp(34px,3vw,48px); font-weight:400 !important;
    line-height:1.12; letter-spacing:-.045em !important;
    color:#0a1428 !important; background:none !important; -webkit-text-fill-color:#0a1428;
    text-align:left;
}
body #settings-view .section-description {
    max-width:720px; margin:0; color:#626b76 !important; font-size:17px; line-height:1.6; text-align:left;
}
body #settings-view .settings-grid { display:flex; flex-direction:column; gap:0; margin-top:48px; }
body #settings-view .settings-card {
    display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,2.25fr);
    gap:12px 48px; padding:36px 0; border:0 !important; border-top:1px solid #dfe3e6 !important;
    border-radius:0 !important; box-shadow:none !important; background:#fff !important;
}
body #settings-view .settings-card > h3 {
    grid-column:1; margin:0; align-self:start; align-items:baseline;
    color:#0a1428 !important; font-size:23px; font-weight:400 !important; line-height:1.3;
    letter-spacing:-.025em !important;
}
body #settings-view .settings-card > h3 > i { display:none; }
body #settings-view .settings-card > p:first-of-type {
    grid-column:1; grid-row:2; margin:0 !important; align-self:start;
    color:#626b76 !important; font-size:14px !important; line-height:1.6;
}
body #settings-view .settings-card > :is(.business-card-editor,.greeting-editor-container) { grid-column:2; grid-row:1 / span 5; min-width:0; }
body #settings-view .settings-role-switch-row { grid-column:2; grid-row:1 / span 2; align-self:start; justify-content:space-between; gap:24px; padding:8px 0; }
body #settings-view .settings-role-helper { grid-column:2; margin:0; font-size:13px; line-height:1.6; }
body #settings-view .settings-role-current-label { font-size:12px; font-weight:400; text-transform:none; color:#626b76; }
body #settings-view .settings-role-current strong { font-size:16px; font-weight:500; }
body #settings-view .settings-dashboard-role-switch { padding:3px; gap:3px; border:1px solid #dfe3e6; border-radius:6px; background:#f6f7f6; box-shadow:none; }
body #settings-view .dashboard-role-btn { min-height:36px !important; padding:7px 18px; border:0 !important; background:transparent !important; border-radius:4px !important; font-size:13px; font-weight:400 !important; }
body #settings-view .dashboard-role-btn.active { background:#0a1428 !important; color:#fff !important; }
body #settings-view .business-card-editor { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr); gap:28px; align-items:start; }
body #settings-view .card-preview-container { position:static; min-width:0; }
body #settings-view .business-card-preview {
    width:100%; max-width:350px; height:auto; min-height:240px; padding:24px 22px 58px;
    margin:0; background:#f5f7f6 !important; border:1px solid #dfe3e6 !important; border-radius:6px !important;
    color:#0a1428; box-shadow:none !important; transform:none !important;
}
body #settings-view .business-card-preview::before,
body #settings-view .card-chip { display:none; }
body #settings-view .card-header h4 { font-size:23px; font-weight:400; line-height:1.2; overflow-wrap:anywhere; }
body #settings-view .card-header p { margin-top:6px; text-transform:none; color:#626b76; font-size:13px; }
body #settings-view .card-body { margin-top:22px; gap:10px; }
body #settings-view .card-item { color:#536176; font-size:12px; overflow-wrap:anywhere; }
body #settings-view .card-item i { color:#62736b; }
body #settings-view .card-logo { filter:none; opacity:1; height:20px; }
body #settings-view .card-form { min-width:0; }
body #settings-view :is(.card-form .form-group,.mail-notification-card .form-group) { margin-bottom:18px; }
body #settings-view .form-row { gap:16px; }
body #settings-view .form-group label {
    display:block; margin-bottom:8px; font-size:13px; line-height:1.4; font-weight:500;
    text-transform:none; color:#303b48; letter-spacing:0 !important;
}
body #settings-view :is(input,textarea,select) {
    box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px;
    border:1px solid #cfd6dc !important; border-radius:5px !important;
    font-size:14px; font-weight:400; line-height:1.5; background:#fff !important; color:#0a1428 !important; box-shadow:none !important;
}
body #settings-view input[type="checkbox"],body #settings-view input[type="radio"] { width:auto; min-height:0; }
body #settings-view input[type="color"] { width:60px; padding:4px; }
body #settings-view input::placeholder,body #settings-view textarea::placeholder { color:#7b838d; }
body #settings-view :is(input,textarea,select):focus { border-color:#0d8f89 !important; outline:2px solid rgb(13 143 137 / .15); outline-offset:1px; box-shadow:none !important; }
body #settings-view :is(.btn-primary,.btn-outline,.btn-secondary) { min-height:42px !important; padding:10px 16px; border-radius:5px !important; font-size:13px; font-weight:500 !important; box-shadow:none !important; }
body #settings-view .btn-primary { background:#0a1428 !important; border-color:#0a1428 !important; color:#fff !important; }
body #settings-view .btn-primary:hover:not(:disabled) { background:#243750 !important; transform:none; }
body #settings-view .btn-outline { border-color:#cfd6dc !important; background:#fff !important; color:#0a1428 !important; }
body #settings-view button:focus-visible { outline:2px solid #0d8f89; outline-offset:3px; }
body #settings-view .greeting-editor-container { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr); gap:18px 28px; }
body #settings-view .greeting-preview-bubble { max-width:none; align-self:start; background:#f5f7f6 !important; border-color:#dfe3e6 !important; border-radius:6px !important; }
body #settings-view .greeting-preview-bubble .preview-body { color:#536176; font-style:normal; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
body #settings-view .greeting-editor-container > div:last-child { grid-column:2; margin-top:0 !important; }
body #settings-view .mail-notification-card > :is(.form-group,.settings-rollout-note,div:last-child) { grid-column:2; }
body #settings-view .mail-notification-card > .form-group { grid-row:1 / span 2; margin:0; }
body #settings-view .mail-notification-card textarea { min-height:130px; }
body #settings-view .form-hint { font-size:12px; line-height:1.6; }
body #settings-view .wiki-management-card > :is(.settings-controls,.wiki-hierarchy-editor) { grid-column:2; min-width:0; }
body #settings-view .settings-controls { grid-row:1; display:block; }
body #settings-view .settings-controls > div:first-child { background:#f5f7f6 !important; border:1px solid #dfe3e6 !important; border-radius:5px !important; padding:16px !important; }
body #settings-view .settings-controls h4 { font-size:14px; font-weight:500; }
body #settings-view .wiki-category-section { background:#fff; border-color:#dfe3e6; border-radius:5px; box-shadow:none; }
body #settings-view .wiki-category-header-edit { background:#f5f7f6; color:#0a1428; }
body #settings-view .wiki-term-item { border-color:#e7eaec; }
body #settings-view .settings-card[hidden],body #settings-view .hidden { display:none !important; }
@media(max-width:1100px) {
    body #settings-view .settings-card { grid-template-columns:220px minmax(0,1fr); gap:12px 28px; }
    body #settings-view :is(.business-card-editor,.greeting-editor-container) { grid-template-columns:minmax(0,1fr); }
    body #settings-view .greeting-editor-container > div:last-child { grid-column:1; }
}
@media(max-width:760px) {
    body #settings-view .settings-section { padding:36px 20px 64px; }
    body #settings-view .settings-grid { margin-top:32px; }
    body #settings-view .settings-card { display:flex; flex-direction:column; gap:18px; padding:28px 0; }
    body #settings-view .settings-card > h3 { font-size:22px; }
    body #settings-view .business-card-editor { width:100%; }
}