.header-brand img{width:76px;height:28px;object-fit:contain}.account-dashboard-link{margin-left:auto;color:#111;font-size:12px;font-weight:750;text-decoration:none}.account-intro{margin-bottom:16px}.account-intro>a{display:inline-block;margin-bottom:8px;color:#555;font-size:10px;font-weight:750;text-decoration:none}.account-intro h2{margin:0;font-size:28px}.account-intro p{margin:5px 0 0;color:#777;font-size:11px}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:15px;align-items:start}.account-primary,.account-side{display:grid;gap:15px}.account-details-card,.invoice-card,.password-card,.account-summary{padding:19px}.account-card-head{margin-bottom:16px}.account-card-head span,.account-summary>span{color:#888;font-size:8px;font-weight:850;letter-spacing:.1em}.account-card-head h3{margin:4px 0 0;font-size:18px}.account-card-head p{margin:4px 0 0;color:#777;font-size:10px}.profile-picture-row{padding:13px;border:1px solid var(--border);border-radius:12px;background:#fafaf8;display:flex;align-items:center;gap:13px}.profile-picture{width:68px;height:68px;flex:none;border-radius:18px;background:#111 center/cover no-repeat;color:#fff;display:grid;place-items:center;font-size:17px;font-weight:850;overflow:hidden}.profile-picture.has-image span{display:none}.profile-picture-row>div:last-child{min-width:0;flex:1}.profile-picture-row strong,.profile-picture-row small{display:block}.profile-picture-row strong{font-size:12px}.profile-picture-row small{margin:3px 0 9px;color:#777;font-size:8.5px}.profile-picture-row label.button{min-height:35px;padding:0 11px;font-size:10px}.profile-picture-row input{display:none}.remove-picture{margin-left:6px;border:0;background:transparent;color:#a43f38;font-size:9.5px;font-weight:750;cursor:pointer}.account-fields{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-fields label{display:grid;gap:6px}.account-fields label>span{font-size:10px;font-weight:750}.account-fields input{width:100%;height:43px;border:1px solid #ccc;border-radius:9px;padding:0 11px;outline:0}.account-fields input:focus{border-color:#111}.account-fields label:last-child{grid-column:1/-1}.account-phone{height:43px;border:1px solid #ccc;border-radius:9px;background:#fff;display:grid;grid-template-columns:auto 1fr;overflow:hidden}.account-phone b{padding:0 11px;border-right:1px solid #ddd;background:#f1f1ee;display:flex;align-items:center;font-size:9px}.account-phone input{height:100%;border:0;border-radius:0}.account-fields label.invalid input,.account-fields label.invalid .account-phone{border-color:#b5443c;background:#fff7f6}.account-form-actions{margin-top:15px;padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.password-card{text-align:center}.password-icon{width:51px;height:51px;margin:0 auto 13px;border-radius:14px;background:#f0f0ed;display:grid;place-items:center}.password-icon svg{width:23px}.password-card h3{margin:0;font-size:16px}.password-card p{margin:6px 0 14px;color:#777;font-size:9.5px;line-height:1.5}.password-card .button{width:100%}.account-summary>div{margin-top:12px;display:flex;align-items:center;gap:7px}.account-summary i{width:9px;height:9px;border-radius:50%;background:#2f8b5a}.account-summary strong{font-size:12px}.account-summary small{display:block;margin-top:5px;color:#777;font-size:8.5px}.invoice-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{padding:9px;border-bottom:1px solid var(--border);color:#777;font-size:8px;text-align:left}td{padding:12px 9px;border-bottom:1px solid var(--border);font-size:9.5px}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td strong{font-size:10.5px}td small{margin-top:3px;color:#888;font-size:8px}.invoice-download{min-height:34px;border:1px solid var(--border);border-radius:8px;padding:0 10px;background:#fff;font-size:9px;font-weight:750;white-space:nowrap;cursor:pointer}.invoice-download:hover{background:#111;color:#fff}.account-modal{position:fixed;inset:0;z-index:100;padding:18px;background:rgba(0,0,0,.48);display:grid;place-items:center}.account-modal[hidden]{display:none}.account-dialog{width:100%;max-width:460px;border-radius:17px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.25)}.account-dialog-head{padding:18px 19px 11px}.account-dialog-head h3{margin:0;font-size:18px}.account-dialog-head p{margin:4px 0 0;color:#777;font-size:10px}.account-dialog-body{padding:8px 19px 18px;display:grid;gap:11px}.account-dialog-body label{display:grid;gap:6px;font-size:10px;font-weight:750}.account-dialog-body input{height:42px;border:1px solid #ccc;border-radius:9px;padding:0 11px}.account-dialog-body label.invalid input{border-color:#b5443c}.password-requirements{padding:10px;border-radius:9px;background:#f2f2ef;color:#666;font-size:8.5px;line-height:1.5}.account-dialog-actions{padding:13px 19px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.account-toast{position:fixed;right:20px;bottom:20px;z-index:120;padding:11px 14px;border-radius:10px;background:#111;color:#fff;font-size:10px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.account-toast.show{opacity:1;transform:none}
@media(max-width:850px){.account-layout{grid-template-columns:1fr}.account-side{grid-template-columns:1fr 1fr;grid-row:1}.password-card,.account-summary{text-align:left}.password-icon{margin:0 0 12px}}
@media(max-width:600px){.account-main{padding:14px 10px 70px}.account-intro>a{display:none}.account-intro h2{font-size:23px}.account-dashboard-link{font-size:10px}.account-details-card,.invoice-card,.password-card,.account-summary{padding:14px}.account-side{grid-template-columns:1fr}.profile-picture-row{align-items:flex-start;flex-wrap:wrap}.profile-picture-row>div:last-child{width:calc(100% - 82px)}.profile-picture-row label.button{width:100%;margin-top:5px}.remove-picture{display:block;margin:7px 0 0}.account-fields{grid-template-columns:1fr}.account-fields label:last-child{grid-column:auto}.account-form-actions .button{width:100%}.account-dialog-actions .button{flex:1;padding:0 8px}}

/* Account page readability and responsive layout fixes */
.account-main{max-width:1500px;margin:0 auto}.account-card-head span,.account-summary>span{font-size:10px}.account-card-head p{font-size:12px;line-height:1.45}.profile-picture-row strong{font-size:14px}.profile-picture-row small{font-size:10px}.account-fields label>span{font-size:12px}.account-fields input{font-size:13px}.account-phone b{font-size:10px}.password-card p{font-size:11px}.account-summary strong{font-size:14px}.account-summary small{font-size:10px}th{font-size:10px}td{font-size:11px}td strong{font-size:12px}td small{font-size:9.5px}.invoice-download{font-size:10px}.profile-picture-row>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px}.profile-picture-row>div:last-child>strong,.profile-picture-row>div:last-child>small{width:100%}.profile-picture-row>div:last-child>small{margin-bottom:9px}.profile-picture-row label.button{margin:0}.remove-picture{min-height:35px;margin:0;padding:0 9px;border:1px solid #eccbc8;border-radius:9px;background:#fff}.account-form-actions{align-items:center}.account-form-actions .button{min-width:180px}
@media(max-width:850px){.account-side{grid-row:auto;grid-template-columns:1fr 1fr}.password-card{text-align:left}.password-card .password-icon{margin:0 0 12px}.account-layout{gap:12px}.account-primary,.account-side{gap:12px}}
@media(max-width:600px){.account-intro{margin-bottom:12px}.account-intro h2{font-size:25px}.account-intro p{font-size:12px;line-height:1.4}.account-side{grid-template-columns:1fr}.profile-picture-row{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:11px}.profile-picture{width:62px;height:62px;border-radius:15px}.profile-picture-row>div:last-child{width:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.profile-picture-row>div:last-child>strong,.profile-picture-row>div:last-child>small{grid-column:1/-1}.profile-picture-row label.button,.remove-picture{width:100%;min-height:38px;margin:0;padding:0 7px;font-size:10px}.account-fields{margin-top:12px;gap:11px}.account-fields label>span{font-size:12px}.account-fields input,.account-phone{height:46px}.account-form-actions{margin-top:12px}.account-form-actions .button{width:100%;min-width:0}.invoice-table-wrap{overflow:visible}.invoice-table-wrap table,.invoice-table-wrap thead,.invoice-table-wrap tbody,.invoice-table-wrap tr,.invoice-table-wrap td{display:block;min-width:0;width:100%}.invoice-table-wrap thead{display:none}.invoice-table-wrap tbody{display:grid;gap:10px}.invoice-table-wrap tr{padding:12px;border:1px solid var(--border);border-radius:11px;background:#fafaf8}.invoice-table-wrap td{padding:5px 0;border:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.invoice-table-wrap td:first-child{padding-bottom:9px;border-bottom:1px solid var(--border);display:block}.invoice-table-wrap td:nth-child(2):before{content:"Purchased";color:#777;font-size:10px}.invoice-table-wrap td:nth-child(3):before{content:"Expires";color:#777;font-size:10px}.invoice-table-wrap td:nth-child(4):before{content:"Amount";color:#777;font-size:10px}.invoice-table-wrap td:last-child{padding-top:9px}.invoice-download{width:100%;min-height:40px;background:#fff}.account-dialog{max-height:calc(100vh - 28px);overflow:auto}.account-dialog-actions{position:sticky;bottom:0;background:#fff}.account-card-head h3{font-size:19px}}

/* Prevent account-side widgets from entering the personal-information column */
.account-layout{grid-template-areas:"account-primary account-side";isolation:isolate}.account-primary{grid-area:account-primary;min-width:0;position:relative;z-index:1}.account-side{grid-area:account-side;min-width:0;position:static!important;align-self:start;z-index:1}.account-details-card,.password-card,.account-summary{position:relative;inset:auto!important;transform:none!important;width:100%;max-width:100%;margin:0}.account-side>.card{min-width:0;overflow:hidden}
@media(max-width:1000px){.account-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"account-primary" "account-side"}.account-side{grid-row:auto!important;grid-column:auto!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.account-primary{grid-row:auto!important;grid-column:auto!important}}
@media(max-width:600px){.account-side{grid-template-columns:minmax(0,1fr)}.password-card,.account-summary{min-height:0}.account-layout{display:grid!important}}

/* Simplified account details */
.account-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"account-primary"}.account-side:empty{display:none}.profile-picture-row{min-height:86px;padding:11px 13px}.profile-picture{width:58px;height:58px;border-radius:14px}.profile-picture-row>div:last-child{display:grid;grid-template-columns:auto auto 1fr;align-items:center;justify-content:start;gap:6px}.profile-picture-row>div:last-child>strong{grid-column:1/-1;font-size:13px}.profile-picture-row>div:last-child>small{display:none}.profile-picture-row label.button,.remove-picture{width:auto;min-height:34px;margin:0;padding:0 11px;font-size:10px}.password-inline{margin-top:15px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fafaf8;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;box-shadow:none}.password-inline .password-icon{width:42px;height:42px;margin:0;border-radius:11px;background:#fff}.password-inline .password-icon svg{width:19px}.password-inline h3{grid-column:2;margin:0;font-size:14px}.password-inline p{grid-column:2;margin:-8px 0 0;color:#777;font-size:10px}.password-inline .button{grid-column:3;grid-row:1/3;width:auto;min-width:130px}.account-details-card>.password-inline{width:100%}
@media(max-width:600px){.profile-picture-row{display:flex;align-items:center;flex-wrap:nowrap}.profile-picture{width:54px;height:54px}.profile-picture-row>div:last-child{width:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px}.profile-picture-row label.button,.remove-picture{min-height:36px;padding:0 8px}.password-inline{grid-template-columns:38px minmax(0,1fr);gap:9px}.password-inline .password-icon{width:38px;height:38px}.password-inline h3,.password-inline p{grid-column:2}.password-inline .button{grid-column:1/-1;grid-row:auto;width:100%;min-width:0;margin-top:2px}}

/* Header dashboard navigation */
.account-dashboard-link{min-height:40px;margin-left:auto;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:#fff;color:#111;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:750;line-height:1;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.04);transition:.18s}.account-dashboard-link svg{width:16px;height:16px;flex:none}.account-dashboard-link:hover{border-color:#aaa;background:#111;color:#fff;transform:translateY(-1px);box-shadow:0 7px 16px rgba(0,0,0,.12)}.account-dashboard-link:focus-visible{outline:3px solid rgba(10,10,10,.15);outline-offset:2px}
@media(max-width:600px){.account-dashboard-link{min-height:38px;padding:0 10px;border-radius:10px;font-size:10px}.account-dashboard-link svg{width:15px}.top-header{padding-left:12px;padding-right:12px}.header-brand img{width:64px}}
@media(max-width:390px){.account-dashboard-link span{font-size:0}.account-dashboard-link span:after{content:"Dashboard";font-size:10px}}

/* Simple page-level back navigation */
.account-back-link{width:max-content;margin:0 0 10px!important;padding:0;background:transparent;color:#555!important;display:inline-flex!important;align-items:center;gap:5px;font-size:11px!important;font-weight:750;text-decoration:none;line-height:1.2;transition:.18s}.account-back-link svg{width:16px;height:16px;flex:none}.account-back-link:hover{color:#111!important;transform:translateX(-2px)}.account-back-link:focus-visible{outline:2px solid rgba(10,10,10,.18);outline-offset:4px;border-radius:3px}
@media(max-width:600px){.account-back-link{display:inline-flex!important;margin-bottom:9px!important;font-size:10.5px!important}.account-back-link svg{width:15px}.account-header{justify-content:flex-start}.account-header .header-brand{margin-right:0}}
