@import url("/portal/brand-theme.css?v=20261004");
:root{--navy:var(--rh-brand-navy);--blue:#0b3154;--ink:#163349;--muted:#667988;--line:#dce4e9;--paper:#f2f5f7;--white:#fff;--orange:#ff7626;--green:#2ba66a;--green-soft:#e8f6ef}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
button,select,input{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
[hidden]{display:none!important}
.settings-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}
.settings-sidebar{background:var(--rh-brand-surface);color:white;padding:24px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}
.settings-brand{display:block;width:194px;margin:2px 10px 28px}
.settings-brand img{display:block;width:100%;height:auto}
.settings-nav{display:grid;gap:6px}
.settings-nav a{color:#bfd0dc;text-decoration:none;font-size:15px;font-weight:700;padding:12px 14px;border-radius:8px;border-left:3px solid transparent}
.settings-nav a:hover{background:var(--rh-brand-nav-hover);color:#fff}
.settings-nav a.active{background:var(--rh-brand-nav-active);color:#fff;border-left-color:var(--orange)}
.sidebar-note{margin-top:auto;border-top:1px solid #27445a;padding:20px 12px 2px;color:#b9cbd7}
.sidebar-note strong{display:block;color:#fff;font-size:14px;margin-bottom:5px}
.sidebar-note span{display:block;font-size:12px;line-height:1.5}
.settings-main{padding:38px 44px 28px;min-width:0}
.settings-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:26px}
.settings-breadcrumb{margin:0 0 8px;color:#748697;font-size:13px;font-weight:700}
.settings-header h1{margin:0;color:var(--blue);font-size:36px;letter-spacing:-1px}
.settings-subtitle{margin:8px 0 0;color:var(--muted);font-size:17px}
.settings-header-actions{display:flex;gap:12px;align-items:flex-end}
.account-picker{font-size:12px;color:var(--muted);font-weight:700;min-width:210px}
.account-picker select{display:block;width:100%;margin-top:6px;border:1px solid #b9c7d0;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px}
.refresh-button{border:1px solid #b8c6cf;background:white;color:var(--blue);border-radius:7px;padding:11px 16px;font-weight:700}
.settings-message{margin:0 0 16px;padding:12px 14px;border-left:3px solid var(--orange);background:#fff4eb;color:var(--ink);font-size:14px}
.settings-message:empty{display:none}
.settings-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #ccd7de;margin-bottom:22px}
.settings-tab{border:0;background:transparent;color:#627686;padding:11px 14px 12px;font-weight:700;font-size:14px;border-bottom:3px solid transparent}
.settings-tab:hover{color:var(--blue)}
.settings-tab.active{color:var(--blue);border-bottom-color:var(--orange)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.settings-card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:0 6px 20px rgba(3,27,45,.035)}
.account-card{grid-column:1/-1;border-top:4px solid var(--orange)}
.card-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.card-kicker{margin:0 0 6px;color:#a14a12;font-size:11px;letter-spacing:1.3px;font-weight:800}
.card-heading h2{margin:0;color:var(--blue);font-size:21px;letter-spacing:-.25px}
.health-pill{display:inline-block;background:var(--green-soft);color:#19794c;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.health-pill.attention{background:#fff2dc;color:#92590f}
.card-meta{color:var(--muted);font-size:12px;font-weight:700}
.account-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.account-facts>div{background:#f6f8fa;border:1px solid #e1e7eb;padding:15px;border-radius:7px}
.account-facts span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.account-facts strong{display:block;color:var(--blue);font-size:17px;overflow-wrap:anywhere}
.card-note{margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.setting-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:17px 0;border-top:1px solid #e5eaee}
.card-heading+.setting-row{border-top:0;padding-top:2px}
.setting-row strong{display:block;color:var(--ink);font-size:15px;margin-bottom:3px}
.setting-row span{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.switch{position:relative;display:block;width:46px;min-width:46px;height:26px}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch>span{position:absolute;inset:0;background:#b9c5cc;border-radius:999px;transition:.15s}
.switch>span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 3px #0003;transition:.15s}
.switch input:checked+span{background:var(--green)}
.switch input:checked+span:before{transform:translateX(20px)}
.switch.locked{opacity:.86}
.protected-setting{background:#f8fbfa;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:8px}
.control-note{margin-top:14px;padding:15px 16px;background:#eef4f7;border-left:4px solid var(--blue);border-radius:4px}
.control-note strong{display:block;color:var(--blue);font-size:14px;margin-bottom:3px}
.control-note span{color:var(--muted);font-size:13px}
.focused-card{grid-column:1/-1}
.info-row{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-top:1px solid #e5eaee;font-size:14px}
.card-heading+.info-row{border-top:0;padding-top:2px}
.info-row span{color:var(--muted)}
.info-row strong{color:var(--blue)}
.legal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.legal-links a{display:flex;justify-content:space-between;gap:16px;text-decoration:none;color:var(--blue);font-weight:700;border:1px solid var(--line);border-radius:7px;padding:15px 16px;background:#f8fafb}
.settings-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #d7e0e5;margin-top:26px;padding-top:20px;color:var(--muted);font-size:12px}
.settings-footer a{color:var(--blue);font-weight:700}
@media(max-width:980px){.settings-shell{grid-template-columns:210px minmax(0,1fr)}.settings-main{padding:30px 26px}.settings-grid{grid-template-columns:1fr}.account-card{grid-column:auto}.settings-header{display:block}.settings-header-actions{margin-top:18px}.settings-brand{width:165px}.account-facts{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.settings-shell{display:block}.settings-sidebar{position:static;height:auto;min-height:0;padding:14px 14px 10px}.settings-brand{width:170px;margin:0 6px 12px}.settings-nav{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}.settings-nav a{white-space:nowrap;padding:9px 10px;border-left:0;border-bottom:3px solid transparent;border-radius:6px}.settings-nav a.active{border-left:0;border-bottom-color:var(--orange)}.sidebar-note{display:none}.settings-main{padding:22px 16px}.settings-header h1{font-size:31px}.settings-subtitle{font-size:15px}.settings-header-actions{display:block}.account-picker{display:block;min-width:0}.refresh-button{width:100%;margin-top:10px}.settings-tabs{overflow-x:auto;flex-wrap:nowrap}.settings-tab{white-space:nowrap}.settings-card{padding:18px 16px}.account-facts{grid-template-columns:1fr}.setting-row{gap:16px}.legal-links{grid-template-columns:1fr}.settings-footer{display:block}.settings-footer a{display:inline-block;margin-top:8px}}

/* Team management */
.team-intro{margin-top:-4px;margin-bottom:14px}
.team-member-list,.team-pending-list{display:grid;gap:8px}
.team-member-row,.team-invite-row{display:grid;grid-template-columns:minmax(0,1.5fr) auto minmax(150px,.8fr);gap:12px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:12px 14px;background:#f8fafb}
.team-member-row>div strong,.team-invite-row>div strong{display:block;color:var(--blue);font-size:14px}
.team-email{display:block;color:var(--muted);font-size:12px;margin-top:3px;overflow-wrap:anywhere}
.team-role{font-size:12px;font-weight:800;color:#245b43;background:#e8f3ee;border-radius:999px;padding:6px 9px;white-space:nowrap}
.team-member-capability{font-size:12px;color:var(--muted);text-align:right}
.team-invite-form{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) auto;gap:10px;align-items:end;border-top:1px solid #e5eaee;margin-top:18px;padding-top:18px}
.team-invite-form label{font-size:12px;color:var(--muted);font-weight:700}
.team-invite-form input,.team-invite-form select{display:block;width:100%;margin-top:6px;border:1px solid #b9c7d0;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px}
.team-invite-form button{min-height:42px}
.team-pending-heading{margin:18px 0 2px;color:var(--blue);font-size:15px}
.team-invite-row{grid-template-columns:minmax(0,1fr) auto}
.team-invite-row button{padding:8px 12px}
@media(max-width:720px){.team-member-row{grid-template-columns:1fr auto}.team-member-capability{grid-column:1/-1;text-align:left}.team-invite-form{grid-template-columns:1fr}.team-invite-form button{width:100%}}

/* Team member management */
.team-member-row:has(.team-member-controls){grid-template-columns:minmax(0,1.25fr) auto minmax(150px,.7fr) minmax(280px,1fr)}
.team-member-controls{display:flex;justify-content:flex-end;gap:7px;align-items:center;flex-wrap:wrap}
.team-member-controls select{border:1px solid #b9c7d0;border-radius:7px;background:#fff;color:var(--ink);padding:8px 10px;min-width:105px}
.team-member-controls button{padding:8px 10px;white-space:nowrap}
.team-member-suspended{color:#92590f;font-weight:800}
@media(max-width:1100px){.team-member-row:has(.team-member-controls){grid-template-columns:1fr auto}.team-member-controls{grid-column:1/-1;justify-content:flex-start}.team-member-capability{grid-column:1/-1;text-align:left}}
@media(max-width:720px){.team-member-controls{display:grid;grid-template-columns:1fr 1fr}.team-member-controls select{grid-column:1/-1;width:100%}}

/* Recovery policy settings */
.policy-intro{margin-top:-4px;margin-bottom:16px}
.recovery-policy-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.recovery-policy-form label{font-size:12px;color:var(--muted);font-weight:700}
.recovery-policy-form input{display:block;width:100%;margin:6px 0 4px;border:1px solid #b9c7d0;border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;font:inherit}
.recovery-policy-form label span{display:block;font-size:12px;font-weight:400;line-height:1.45;color:var(--muted)}
.policy-actions{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px solid #e5eaee;padding-top:14px}
.policy-actions button{min-width:180px}
@media(max-width:720px){.recovery-policy-form{grid-template-columns:1fr}.policy-actions{grid-column:auto}.policy-actions button{width:100%}}

/* Business sending uses existing settings styles, with mobile-safe wrapping. */
.sending-facts strong{overflow-wrap:anywhere}.sending-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;justify-content:stretch}.sending-actions button{margin-top:0;width:100%;min-width:0}.connection-actions{border-top:0;padding-top:0;margin-top:12px}@media(max-width:720px){.sending-actions{grid-template-columns:1fr}}.sending-actions button:disabled{opacity:.6;cursor:not-allowed}

/* Deliverability readiness */
.sending-readiness{margin-top:18px;padding-top:18px;border-top:1px solid #e5eaee}.sending-readiness h3{margin:0}.readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.readiness-grid>div{border:1px solid #dbe4ea;border-radius:8px;padding:11px 12px;background:#f8fafb}.readiness-grid span{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.readiness-grid strong{font-size:14px;overflow-wrap:anywhere}@media(max-width:720px){.readiness-grid{grid-template-columns:1fr 1fr}}