.workspace-plan-button{border:0;background:transparent;padding:3px;cursor:pointer;border-radius:8px;line-height:1;font:inherit}.workspace-plan-button:hover{background:#e8efff}.workspace-plan-button:focus-visible{outline:2px solid #285ef0;outline-offset:3px}
.upgrade-dialog{max-height:90dvh;overflow-y:auto}.account-plan-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 0;padding:18px;background:#f4f7fd;border:1px solid #e0e7f2;border-radius:12px;text-align:left}.account-plan-summary div{display:grid;gap:6px}.account-plan-summary span{color:#63718b;font-size:12px}.account-plan-summary strong{font-size:14px;color:#14213d}
.promotion-section{text-align:left;padding:24px 0;border-top:1px solid #e0e7f2;margin-top:24px}.promotion-section h3{font-size:18px;margin:0 0 8px}.promotion-section h4{font-size:14px;margin:25px 0 10px}.promotion-section p.small{font-size:12px;line-height:1.65;margin:8px 0 16px}.promotion-section form{display:flex;align-items:flex-end;gap:10px}.promotion-section .field{flex:1;min-width:0;margin:0}.promotion-section .field input{text-transform:uppercase}.promotion-section form .btn{flex-shrink:0;white-space:nowrap}.promotion-feedback{font-size:13px;line-height:1.6;padding:12px;background:#edf8f1;color:#176240;border-radius:8px;overflow-wrap:anywhere}.promotion-feedback.error{background:#fff0ed;color:#a33326}.promotion-claims{list-style:none;margin:0;padding:0;display:grid;gap:10px}.promotion-claims li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #e0e7f2;border-radius:10px;padding:13px}.promotion-claims li>div{display:grid;gap:5px;min-width:0}.promotion-claims strong{font-size:12px;letter-spacing:.04em;overflow-wrap:anywhere}.promotion-claims span,.promotion-claims small{font-size:11px;color:#63718b}.promotion-claims .claim-status{font-size:10px;color:#176240;background:#edf8f1;padding:5px 8px;border-radius:6px;white-space:nowrap}.promotion-claims .claim-status.pending{background:#fff4e5;color:#855a12}.promotion-note{font-size:11px;color:#63718b;line-height:1.7;margin:15px 0 0}
@media(max-width:550px){.promotion-section form{align-items:stretch;flex-direction:column}.promotion-section form .btn{width:100%}.account-plan-summary{padding:14px;gap:12px}.account-plan-summary strong{font-size:12px}.promotion-claims li{flex-direction:column;gap:8px}}
.account-settings-trigger{font-family:inherit;border:0;padding:0;cursor:pointer;transition:background .15s}.account-settings-trigger:hover{background:#cbdcff}.account-settings-trigger:focus-visible{outline:2px solid #285ef0;outline-offset:4px}
.account-settings-dialog{width:min(600px,calc(100vw - 32px));max-width:600px;text-align:left}.account-settings-dialog .dialog-head{justify-content:space-between;align-items:flex-start}.account-settings-dialog .dialog-head h2{font-size:22px;letter-spacing:-.45px;line-height:1.3;margin:5px 0 0}.account-section-label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8494ae;font-weight:600}.account-settings-body{padding:3px 30px 25px}
.account-profile{display:flex;align-items:center;gap:16px;padding:12px 0 22px;border-bottom:1px solid #e5eaf3}.account-profile-avatar{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:15px;color:#456fb6;background:#eaf1ff;font-size:18px;font-weight:700}.account-profile>div{min-width:0}.account-profile h3{font-size:17px;line-height:1.45;letter-spacing:-.2px;margin:5px 0 3px;color:#243b5d;overflow-wrap:anywhere}.account-profile p{font-size:12px;color:#647b9b;line-height:1.6;overflow-wrap:anywhere;margin:0 0 4px}.account-profile small{font-size:10px;color:#9aa9bc}
.account-settings-dialog .account-plan-summary{margin:22px 0 0}.account-billing-settings{margin-top:24px;padding:22px 0 0;border-top:1px solid #e0e7f2}.account-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.account-section-heading h3{font-size:16px;color:#293e60;letter-spacing:-.25px;margin:0}.account-billing-badge{background:#edf3ff;color:#5a79a9;padding:5px 8px;border-radius:6px;font-size:9px;white-space:nowrap}.account-billing-settings>p{font-size:12px;line-height:1.75;color:#6b7d98;margin:12px 0}.account-price-label{display:block;font-size:14px;color:#314d78;margin:15px 0}.account-billing-settings .btn{font-size:12px}.account-billing-settings .account-billing-note{font-size:11px;line-height:1.8;color:#91a0b6}.account-settings-dialog .promotion-section{padding-bottom:14px}.account-settings-dialog .promotion-section h3{font-size:16px}.account-settings-dialog .promotion-section .btn{font-size:11px}.account-settings-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e0e7f2;padding-top:19px}.account-settings-actions .btn{font-size:11px}.account-settings-actions .account-logout{color:#8f6970;background:transparent;border:0}.account-settings-actions .account-logout:hover{background:#fff2f3}
@media(max-width:550px){.header-avatar.account-settings-trigger{width:44px;height:44px;min-width:44px;min-height:44px;font-size:11px}.account-settings-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.account-settings-body{padding:0 18px 20px}.account-settings-dialog .dialog-head{padding:18px}.account-settings-dialog .dialog-head h2{font-size:20px}.account-profile{gap:12px}.account-profile h3{font-size:15px}.account-profile-avatar{width:44px;height:44px;flex-basis:44px;font-size:16px}.account-settings-actions .btn,.account-settings-dialog .dialog-head .icon-btn{min-height:44px}.account-settings-dialog .dialog-head .icon-btn{min-width:44px}}

.plan-picker{display:grid;gap:10px;margin:18px 0 6px;text-align:left}.plan-option{text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;padding:14px 16px;border:1px solid #d5dfee;border-radius:12px;background:#fff;color:#22385c;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s}.plan-option:hover,.plan-option:focus-visible{border-color:#275df4;box-shadow:0 0 0 3px #275df41f;outline:0}.plan-option .plan-name{font-size:14px;font-weight:600}.plan-option .plan-name em{font-style:normal;font-size:10px;font-weight:600;color:#127a46;background:#e5f6ec;border-radius:6px;padding:3px 6px;margin-left:6px}.plan-option strong{grid-row:span 2;font-size:18px}.plan-option small{font-size:11px;color:#7387a6}.plan-option.plan-best{border-color:#275df4;background:#f6f9ff}.plan-test-note{margin:10px 0 0!important;padding:9px 12px;border-radius:8px;background:#fff7e0;color:#7a5a00!important;font-size:11px!important;line-height:1.6!important;text-align:left}