.settings-overview{max-width:680px;margin-inline:auto}
.settings-group>.section-caption{letter-spacing:.1em;color:var(--muted)}
.settings-hub:not(.settings-page){gap:12px}
.settings-hub .settings-policy-links{padding-bottom:0}
.workspace-app #sign-out.settings-signout{margin-top:4px;background:white;border:1px solid var(--line)}
.workspace-app #sign-out.settings-signout:hover{background:var(--accent-soft)}
.card-payment-panel{padding:32px;gap:24px;overflow:hidden}
.payment-provider{display:flex;align-items:center;justify-content:space-between;gap:16px}
.payment-provider>img{display:block;width:72px;height:auto;object-fit:contain}
.payment-mode{font-size:11px;font-weight:600;line-height:1.4;color:var(--muted);padding:7px 10px;border-radius:999px;background:var(--surface);text-align:center}
.card-payment-panel .payment-intro h2{font-size:28px;line-height:1.18;letter-spacing:-.8px;max-width:400px;margin:0 0 12px!important}
.card-payment-panel .payment-intro p{margin:0;max-width:390px;font-size:14px;line-height:1.65;color:var(--muted)}
.payment-card-brands{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.payment-card-brands img{display:block;width:52px;height:34px;object-fit:contain}
.payment-benefits{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.payment-benefits li{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}
.payment-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex:none;color:var(--accent)}
.payment-icon svg{width:100%;height:100%}
.payment-connection{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:20px}
.payment-connection-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.payment-label{font-size:11px;font-weight:600;color:var(--muted)}
.payment-status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;background:#e6ecef;color:var(--muted);border-radius:999px;padding:5px 9px;line-height:1.2}
.payment-status-badge:before{content:'';width:5px;height:5px;flex:none;background:currentColor;border-radius:50%}
.payment-connection[data-state=active]{border-color:var(--accent-line);background:var(--success-soft)}
.payment-connection[data-state=active] .payment-status-badge,.payment-connection[data-state=ready] .payment-status-badge{background:#d3e9e9;color:#115b63}
.payment-connection[data-state=pending] .payment-status-badge{background:#fff0d6;color:#805819}
.payment-connection h3{margin:0 0 7px;font-size:16px;letter-spacing:-.2px}
.card-payment-panel .payment-connection p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.payment-controls{display:grid;gap:4px;margin-top:-8px}
.settings-page .payment-controls>.button{width:100%;min-height:50px;font-size:14px}
.payment-refresh{min-height:44px;justify-self:center;padding:10px 16px;border:0;background:transparent;color:var(--accent);font:600 12px Arial;cursor:pointer;border-radius:99px}
.payment-refresh:hover{background:var(--accent-soft)}
.payment-controls button:disabled{opacity:.55;cursor:wait}
.card-payment-panel .payment-feedback{margin:0;padding:12px 14px;background:#fcf2f3;color:#9e3d45;border-radius:12px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.payment-details{border-top:1px solid var(--line);padding-top:4px;margin-top:-12px}
.payment-details>summary{min-height:48px;padding:16px 0 10px;cursor:pointer;font-size:12px;font-weight:600;color:var(--ink)}
.payment-details>div{padding:0 0 4px}
.card-payment-panel .payment-details p{font-size:12px;line-height:1.65;color:var(--muted);margin:10px 0}
.card-payment-panel .payment-secure{display:flex;justify-content:center;align-items:center;gap:7px;margin:-10px 0 0;font-size:11px;color:var(--muted)}
.payment-secure .payment-icon{width:16px;height:16px}
.card-payment-panel [hidden]{display:none!important}
@media(max-width:480px){
 .card-payment-panel{padding:24px 20px;gap:22px}
 .card-payment-panel .payment-intro h2{font-size:25px;max-width:270px}
 .payment-connection{padding:17px 16px}
 .payment-provider{gap:8px}
 .payment-mode{font-size:10px;padding:6px 8px}
 .payment-card-brands{gap:10px}
 .card-payment-panel .payment-secure{font-size:10px}
}