.suite-settings-workspace{min-width:0}.suite-settings-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.suite-settings-card{display:flex;align-items:center;gap:17px;text-align:left;padding:24px 21px;border:1px solid var(--desktop-line);border-radius:15px;background:var(--surface);color:var(--ink);min-height:120px;box-shadow:none}.suite-settings-card:hover{background:var(--selected)}.suite-settings-card>.icon{width:32px;height:32px;color:var(--accent);flex-shrink:0}.suite-settings-card>span:not(.suite-settings-arrow){flex:1;min-width:0}.suite-settings-card b{display:block;font-size:15px;font-weight:650;margin-bottom:9px}.suite-settings-card small{display:block;font-size:11px;line-height:1.7;color:var(--muted)}.suite-settings-arrow{font-size:25px;color:var(--muted)}.suite-settings-card:disabled{opacity:.5;cursor:default}.suite-settings-level{margin-bottom:20px}.suite-settings-level>h2{font-size:25px!important;margin:18px 0 8px}.suite-settings-level>p{font-size:12px;line-height:1.7}.suite-settings-level>.text-button{padding-left:0;font-size:11px}.suite-settings-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.suite-settings-tabs button{font-size:11px;padding:9px 12px;border-radius:8px;background:var(--surface);color:var(--ink);border:1px solid var(--desktop-line)}.suite-settings-tabs button.active{background:var(--selected);color:var(--accent);border-color:var(--accent)}.suite-feature-form{display:grid;gap:18px;max-width:720px}.suite-feature-form label{margin:0}.suite-feature-form fieldset{min-width:0;border:1px solid var(--desktop-line);border-radius:12px;padding:18px;display:grid;gap:16px}.suite-feature-form legend{font-size:12px;padding:0 7px;font-weight:600}.suite-feature-form button{justify-self:start}.suite-feature-form input[type=color]{width:80px;height:38px;padding:3px}.suite-feature-form input[type=file]{font-size:11px;width:100%;max-width:100%}#settings-documents-fields{display:grid;gap:18px;min-width:0}.suite-settings-frame{border:0;width:100%;height:820px;display:block;background:transparent}.suite-settings-frame[hidden]{display:none}#settings-users-host #members-view{margin-top:20px}#settings-users-host .members-layout{grid-template-columns:minmax(0,1fr)}html body[data-suite-active=true] #settings-users-host .panel{padding:18px}#media-workspace-fields .workspace-settings-section{margin-top:20px}#settings-view.settings-overview .settings-grid{gap:0}#settings-navigation .suite-settings-item:disabled{opacity:.45;cursor:default}#settings-time-retry{font-size:11px;margin-top:16px}@media(max-width:1000px){.suite-settings-hub{grid-template-columns:minmax(0,1fr)}.suite-settings-card{min-height:105px;padding:20px}.suite-settings-card b{font-size:14px}}@media(max-width:650px){.suite-settings-card{gap:14px;padding:19px 16px}.suite-settings-card>.icon{width:28px;height:28px}.suite-settings-tabs{gap:5px}.suite-settings-tabs button{font-size:10px;padding:8px 10px}.suite-settings-level>h2{font-size:23px!important}#settings-view .suite-feature-form :is(input,select){font-size:16px}.suite-feature-form fieldset{padding:14px}.suite-feature-form input[type=file]{font-size:11px!important}#settings-navigation{max-width:100%;overflow:auto;position:static}}
/* Settings use Suite materials even when the media workspace has its own image or color. */
html body.suite-main-app[data-suite-active=true][data-suite-area=settings] #shell>main[data-workspace-background]{background:var(--desktop-material)!important}
html body.suite-main-app[data-suite-active=true][data-suite-area=settings] #shell>main>.content>.page-heading :is(h1,.eyebrow){color:var(--desktop-ink)!important}
html body.suite-main-app[data-suite-active=true][data-suite-area=settings] #shell>main>.content>.page-heading p{color:var(--desktop-muted)!important}
