/* Shared typography and control hierarchy for all Configuration tabs. */
.settings-layout{--settings-title-size:2rem;--settings-section-size:1rem;--settings-subsection-size:.84rem;--settings-control-size:.78rem;--settings-detail-size:.72rem;--settings-regular:400;--settings-medium:500;--settings-semibold:650}
.settings-layout .settings-layout-header{margin:32px 0 22px}.settings-layout .settings-layout-header>span{margin-bottom:8px;font-size:.68rem;font-weight:600}.settings-layout .settings-layout-header h1{font-size:var(--settings-title-size);font-weight:700;letter-spacing:-.025em}.settings-layout .settings-layout-header p{margin-top:8px;font-size:.84rem;font-weight:var(--settings-regular)}
.settings-layout .settings-layout-content h2,.settings-layout .settings-layout-content .section-heading h2,.settings-layout .settings-layout-content .list-title h2,.settings-layout .settings-layout-content .panel h2,.settings-layout .settings-layout-content .billing-card h2,.settings-layout .settings-layout-content .billing-history h2,.settings-layout .settings-layout-content .users-card-header h2{font-size:var(--settings-section-size);font-weight:var(--settings-semibold);line-height:1.3;letter-spacing:-.01em}
.settings-layout .settings-layout-content h3,.settings-layout .settings-layout-content .panel h3{font-size:var(--settings-subsection-size);font-weight:var(--settings-semibold);line-height:1.4}.settings-layout .settings-layout-content p,.settings-layout .settings-layout-content small,.settings-layout .settings-layout-content .form-guidance,.settings-layout .settings-layout-content .availability-note,.settings-layout .settings-layout-content .billing-notice{font-weight:var(--settings-regular)}
.settings-layout .settings-layout-content label,.settings-layout .settings-layout-content .fields label,.settings-layout .settings-layout-content .color-grid label,.settings-layout .settings-layout-content .panel label,.settings-layout .settings-layout-content .sender-form label{color:#455268;font-size:var(--settings-detail-size);font-weight:var(--settings-medium)}
.settings-layout .settings-layout-content input,.settings-layout .settings-layout-content select,.settings-layout .settings-layout-content textarea,.settings-layout .settings-layout-content .fields input,.settings-layout .settings-layout-content .fields textarea,.settings-layout .settings-layout-content .color-grid input,.settings-layout .settings-layout-content .panel input,.settings-layout .settings-layout-content .panel select,.settings-layout .settings-layout-content .panel textarea,.settings-layout .settings-layout-content .sender-form input,.settings-layout .settings-layout-content .sender-form select{min-height:40px;height:auto;padding:9px 11px;color:#33415c;font-size:var(--settings-control-size);font-weight:var(--settings-regular);line-height:1.4}
.settings-layout .settings-layout-content input::placeholder,.settings-layout .settings-layout-content textarea::placeholder{color:#99a3b2;font-weight:var(--settings-regular);opacity:1}.settings-layout .settings-layout-content select option{font-weight:var(--settings-regular)}
.settings-layout .settings-layout-content strong,.settings-layout .settings-layout-content b,.settings-layout .settings-layout-content .user-identity strong,.settings-layout .settings-layout-content .movement-list strong,.settings-layout .settings-layout-content .package-row strong,.settings-layout .settings-layout-content .package-row b{font-weight:600}
.settings-layout .settings-layout-content button,.settings-layout .settings-layout-content a.primary-action,.settings-layout .settings-layout-content a.secondary-action,.settings-layout .settings-layout-content .compliance-link,.settings-layout .settings-layout-content .form-actions a,.settings-layout .settings-layout-content .list-footer button,.settings-layout .settings-layout-content .pagination-footer button{font-weight:600}
.settings-layout .settings-layout-content .standard-data-table th{font-size:.67rem;font-weight:600}.settings-layout .settings-layout-content .standard-data-table td,.settings-layout .settings-layout-content .billing-card dd{font-weight:var(--settings-regular)}
.settings-layout .settings-layout-content .status,.settings-layout .settings-layout-content .status-pill,.settings-layout .settings-layout-content .mode-badge,.settings-layout .settings-layout-content .neutral-badge,.settings-layout .settings-layout-content .sender-list em{font-weight:var(--settings-medium)}
.settings-layout .settings-layout-content .readiness strong{font-size:1.05rem;font-weight:var(--settings-semibold)}.settings-layout .settings-layout-content .readiness-score{font-size:1.1rem;font-weight:var(--settings-semibold)}.settings-layout .settings-layout-content .readiness-label,.settings-layout .settings-layout-content .billing-card header span{font-size:.65rem;font-weight:600}
.settings-layout .settings-layout-content .metrics article{padding:18px 20px}.settings-layout .settings-layout-content .metrics strong{margin:4px 0;font-size:1.35rem;font-weight:var(--settings-semibold)}
.settings-layout .settings-layout-content .panel,.settings-layout .settings-layout-content .sender-form,.settings-layout .settings-layout-content .sender-list{padding:20px}.settings-layout .settings-layout-content .sender-avatar{font-size:1rem;font-weight:var(--settings-semibold)}.settings-layout .settings-layout-content .sender-identity strong{font-size:.82rem}.settings-layout .settings-layout-content .empty h3,.settings-layout .settings-layout-content .empty-history strong{font-weight:600}
@media(max-width:640px){.settings-layout{--settings-title-size:1.75rem}.settings-layout .settings-layout-header{margin-top:26px}}
.settings-layout .users-page .danger-action{min-height:42px;padding:0 20px;border:1px solid #c94b5d;border-radius:9px;background:#fff0f2;color:#a92f43;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.settings-layout .users-page .danger-action:disabled{cursor:not-allowed;opacity:.58}

/* Billing is the visual reference for every Configuration surface. */
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel,.metrics article){border-color:#dce3ee;border-radius:14px;box-shadow:0 8px 24px rgba(33,43,70,.045)}
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel){padding:18px 20px}
.settings-layout .settings-layout-content :is(.section-heading,.list-title,.panel-title,.users-card-header) p{color:#7a869b;font-size:.78rem;line-height:1.5;font-weight:400}
.settings-layout .settings-layout-content :is(.fields,.policy-fields,.sender-form){gap:12px 14px}
.settings-layout .settings-layout-content :is(input,select,textarea){border-color:#d9dfeb;border-radius:8px;background:#fff;box-shadow:none}
.settings-layout .settings-layout-content :is(input,select,textarea):focus{border-color:#9a7be5;outline:0;box-shadow:0 0 0 3px #754bd817}
.settings-layout .settings-layout-content :is(.primary-action,.secondary-action,.outline-action,.danger-action){min-height:38px;border-radius:8px;padding:8px 14px;font-size:.76rem;font-weight:600;box-shadow:none}
.settings-layout .settings-layout-content .form-guidance{display:flex;align-items:baseline;gap:7px;margin:0;padding:0 2px;border:0;background:transparent;color:#8490a5;font-size:.72rem;line-height:1.5}
.settings-layout .settings-layout-content .form-guidance strong{flex:0 0 auto;color:#68758c;font-weight:500}
.settings-layout .settings-layout-content .oauth-pending{border:0;border-radius:0;padding:2px;background:transparent;color:#748097;font-size:.78rem}
.settings-layout .settings-layout-content .oauth-pending>strong{color:#46536b;font-weight:600}
.settings-layout .settings-layout-content :is(.notice.success,.sender-notice.success){border:0;background:transparent;color:#16804a;font-size:.75rem}
.settings-layout .settings-layout-content :is(.notice.error,.sender-notice.error,.sender-error){border:1px solid #efc2c8;background:#fff5f6;color:#a83d4d}
.settings-layout .settings-layout-content .readiness{border-radius:14px;padding:18px 20px;margin-bottom:16px}
.settings-layout .settings-layout-content .scope-note{margin:-6px 2px 16px;color:#8a93a3;font-size:.75rem}
.settings-layout .settings-layout-content .automatic-check{border-radius:10px;padding:11px}
.settings-layout .settings-layout-content .policy-fields>div,.settings-layout .settings-layout-content .policy-fields>label{border-radius:10px;padding:12px}
.settings-layout .settings-layout-content .policy-fields strong{font-weight:500}
.settings-layout .settings-layout-content .privacy-counts strong{font-weight:600}
@media(max-width:640px){.settings-layout .settings-layout-content .form-guidance{align-items:flex-start;flex-direction:column;gap:2px}}

/* Canonical semantic roles. These intentionally override legacy page CSS. */
.settings-layout{
  --cfg-title:#17233f;
  --cfg-text:#34415a;
  --cfg-muted:#748097;
  --cfg-helper:#8994a5;
  --cfg-card-title:1rem;
  --cfg-body:.78rem;
  --cfg-label:.72rem;
  --cfg-helper-size:.68rem;
}
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel,.billing-card,.billing-history) :is(h2,.section-heading h2,.list-title h2,.panel-title h2){
  color:var(--cfg-title)!important;font-size:var(--cfg-card-title)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important;
}
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel,.billing-card,.billing-history) :is(p,.panel-title p,.section-heading p,.list-title p,.users-card-header p){
  color:var(--cfg-muted)!important;font-size:var(--cfg-body)!important;font-weight:400!important;line-height:1.5!important;
}
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel,.billing-card,.billing-history) label{
  color:#455268!important;font-size:var(--cfg-label)!important;font-weight:500!important;line-height:1.4!important;
}
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel,.billing-card,.billing-history) :is(input,select,textarea){
  color:var(--cfg-text)!important;font-size:var(--cfg-body)!important;font-weight:400!important;line-height:1.4!important;
}
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel,.billing-card,.billing-history) :is(small,.form-guidance,.form-guidance span){
  color:var(--cfg-helper)!important;font-size:var(--cfg-helper-size)!important;font-weight:400!important;line-height:1.45!important;
}
.settings-layout .settings-layout-content :is(.settings-card,.preview-card,.users-card,.sender-form,.sender-list,.panel,.billing-card,.billing-history) :is(strong,b){font-weight:600!important}
.settings-layout .settings-layout-content .policy-fields>div>span{color:var(--cfg-muted)!important;font-size:var(--cfg-body)!important;font-weight:400!important;line-height:1.4!important}
.settings-layout .settings-layout-content .policy-fields>div>strong{color:var(--cfg-title)!important;font-size:var(--cfg-body)!important;font-weight:500!important;line-height:1.4!important}
.settings-layout .settings-layout-content .policy-fields>div>small,.settings-layout .settings-layout-content .policy-fields label>small{margin-top:5px;color:var(--cfg-helper)!important;font-size:var(--cfg-helper-size)!important;font-weight:400!important}
.settings-layout .settings-layout-content .policy-fields a{font-size:var(--cfg-label)!important;font-weight:600!important}
.settings-layout .settings-layout-content .automatic-check strong{color:var(--cfg-title)!important;font-size:var(--cfg-body)!important;font-weight:600!important;line-height:1.35!important}
.settings-layout .settings-layout-content .automatic-check small{color:var(--cfg-muted)!important;font-size:var(--cfg-label)!important;font-weight:400!important;line-height:1.4!important}
.settings-layout .settings-layout-content .compact-panel>p,.settings-layout .settings-layout-content .history-panel .empty,.settings-layout .settings-layout-content .privacy-summary .panel-title p{margin:0;color:var(--cfg-muted)!important;font-size:var(--cfg-body)!important;font-weight:400!important;line-height:1.5!important}
.settings-layout .settings-layout-content .privacy-counts strong{color:var(--cfg-title)!important;font-size:1rem!important;font-weight:600!important}
.settings-layout .settings-layout-content .privacy-counts small{font-size:var(--cfg-helper-size)!important;font-weight:400!important}
.settings-layout .settings-layout-content .metrics span{font-size:var(--cfg-body)!important;font-weight:400!important}.settings-layout .settings-layout-content .metrics small{font-size:var(--cfg-label)!important;font-weight:400!important}
.settings-layout .settings-layout-content .sender-identity strong,.settings-layout .settings-layout-content .sender-reputation strong{color:var(--cfg-title)!important;font-size:var(--cfg-body)!important;font-weight:600!important}
.settings-layout .settings-layout-content .sender-identity span{color:var(--cfg-muted)!important;font-size:var(--cfg-body)!important;font-weight:400!important}.settings-layout .settings-layout-content .sender-identity small,.settings-layout .settings-layout-content .sender-health small,.settings-layout .settings-layout-content .sender-reputation small{font-size:var(--cfg-helper-size)!important;font-weight:400!important}
.settings-layout .settings-layout-content .standard-data-table td{color:var(--cfg-text)!important;font-size:var(--cfg-body)!important;font-weight:400!important}