.settings-surface{flex-direction:column;width:min(960px,100dvw - 40px);min-width:0;height:min(760px,100dvh - 40px);display:flex;overflow:hidden;container-type:inline-size}.settings-surface.signature-settings-page{width:100%;height:min(760px,100dvh - 240px);min-height:420px;max-height:none}.settings-surface>header{border-bottom:1px solid var(--tm-color-border);flex:none;gap:16px;padding:20px 24px}.settings-surface .settings-layout{flex:1;grid-template-columns:192px minmax(0,1fr);min-height:0;display:grid}.settings-surface .settings-tabs{border-bottom:0;border-right:1px solid var(--tm-color-border);background:var(--tm-color-surface-muted);flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:16px 12px;display:flex;overflow-y:auto}.settings-surface .settings-tabs button{text-align:left;white-space:nowrap;flex:none;justify-content:flex-start;align-items:center;gap:9px;min-height:44px;padding:10px 12px;font-size:14px;display:inline-flex}.settings-surface .settings-tabs button:hover:not([aria-current]){background:var(--tm-color-surface)}.settings-surface .settings-tabs button[aria-current=page]{background:var(--tm-color-accent-soft);color:var(--tm-color-accent-text);font-weight:750}.settings-surface .settings-section-content{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;overflow:auto}@container (max-width:620px){.settings-surface .settings-layout{flex-direction:column;display:flex}.settings-surface .settings-tabs{border-right:0;border-bottom:1px solid var(--tm-color-border);flex-direction:row;flex:none;padding:8px 12px;overflow:auto hidden}.settings-surface .settings-section-content{flex:1}.settings-surface :is(.rule-builder,.vacation-builder,.contact-editor,.security-password-grid){grid-template-columns:minmax(0,1fr)}.settings-surface .contact-editor-actions{grid-column:1/-1}.settings-surface .settings-section-content footer{flex-wrap:wrap}}.settings-surface .settings-section-heading{padding:24px 24px 20px}.settings-surface .settings-section-heading h3{margin:0;font-size:20px;line-height:1.4}.settings-surface .settings-section-heading p{color:var(--tm-color-text-secondary);margin:8px 0 0;font-size:14px;line-height:1.65}.settings-surface .settings-section-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea){box-sizing:border-box;max-width:100%;font-size:14px}.settings-surface .settings-section-content :is(button,[role=combobox]){min-height:44px}.settings-surface .settings-section-content footer{flex-wrap:wrap;gap:8px}.settings-surface .settings-section-content footer button{min-width:96px}.settings-surface :is(.user-theme-settings,.external-image-settings,.announcement-settings,.user-security-settings){background:0 0;gap:18px;padding:0 24px 24px}.settings-surface :is(.external-image-settings,.announcement-settings)>h3{display:none}.settings-surface .contact-list{max-height:none;overflow:visible}.settings-surface .rule-builder{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-surface .rule-builder>button{grid-column:1/-1}.settings-surface .security-settings-card{box-shadow:none}.settings-surface .settings-section-content>section[aria-labelledby=webmail-diagnostics-title]{gap:16px;padding:0 24px 24px;display:grid}.settings-surface #webmail-diagnostics-title{display:none}.settings-surface section[aria-labelledby=webmail-diagnostics-title]>:is(p,label){margin:0;padding:0;font-size:14px;line-height:1.65}.settings-surface section[aria-labelledby=webmail-diagnostics-title]>label:has(input[type=checkbox]){align-items:center;gap:10px;display:flex}.settings-surface section[aria-labelledby=webmail-diagnostics-title] input:not([type=checkbox]){border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-control);background:var(--tm-color-surface);width:100%;min-height:44px;color:var(--tm-color-text-primary);padding:10px 12px}.settings-surface section[aria-labelledby=webmail-diagnostics-title] pre{background:var(--tm-color-surface-muted);border-radius:var(--tm-radius-control);margin:0;padding:16px;overflow:auto}.settings-surface :is(.user-theme-loading,.user-theme-disabled){margin:0 24px 24px}.settings-surface .settings-header-actions{flex-wrap:wrap;justify-content:flex-end}.settings-surface .settings-header-actions .icon-button{flex:none;width:44px;height:44px;min-height:44px}@media (max-width:680px){.settings-backdrop{padding:12px}.settings-surface{width:calc(100dvw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.settings-surface>header{padding:16px}.settings-surface h2{font-size:20px}.settings-surface .settings-layout{flex-direction:column;display:flex}.settings-surface .settings-tabs{border-right:0;border-bottom:1px solid var(--tm-color-border);flex-direction:row;flex:none;padding:8px 12px;overflow-x:auto}.settings-surface .settings-section-content{flex:1}.settings-surface .settings-section-heading{padding:20px 24px 16px}.settings-surface :is(.rule-builder,.vacation-builder,.contact-editor,.security-password-grid){grid-template-columns:minmax(0,1fr)}.settings-surface .settings-section-content footer{padding:16px}.settings-surface .settings-section-content footer button{flex:96px}.settings-surface .settings-header-actions>a{font-size:12px}}
.linked-account-settings{gap:20px;min-width:0;padding:0 24px 24px;display:grid}.linked-account-settings label{gap:8px;min-width:0;display:grid}.linked-account-settings input{background:var(--tm-color-surface);width:100%;min-height:44px;color:var(--tm-color-text-primary);border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-control);padding:10px 12px}.linked-register{grid-template-columns:140px minmax(0,1fr);align-items:end;gap:16px;display:grid}.linked-register button{grid-column:1/-1;justify-self:start}.linked-account-settings button{min-height:44px;padding:10px 16px}.linked-account-card{border:1px solid var(--tm-color-border);border-radius:var(--tm-radius-control);gap:16px;min-width:0;padding:20px;display:grid}.linked-account-settings :is(h4,p){overflow-wrap:anywhere;margin:0}.linked-account-settings [role=alert]{color:var(--tm-color-danger,#b42318)}.linked-actions{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.linked-mail-grid{grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:16px;display:grid}.linked-mail-grid>section{align-content:start;gap:12px;min-width:0;display:grid}.linked-mail-grid ul{max-height:480px;margin:0;padding:0;list-style:none;overflow:auto}.linked-mail-grid li button{text-align:left;overflow-wrap:anywhere;gap:4px;width:100%;display:grid}.linked-mail-grid li button[aria-pressed=true]{background:var(--tm-color-accent-soft)}.linked-mail-grid iframe{background:#fff;border:0;width:100%;height:480px}.linked-mail-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}@container (max-width:620px){.linked-register,.linked-mail-grid{grid-template-columns:minmax(0,1fr)}}
