/* NOVA B86 — ACCOUNT ONLY: readable contrasts and responsive widths.
 * Preserves catalogue, authentication, Admin and pricing logic.
 */
body .panel[data-page="account"]{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
body .panel[data-page="account"] .account-shell{
 box-sizing:border-box!important;width:min(1120px,100%)!important;
 max-width:100%!important;min-width:0!important;padding-inline:clamp(10px,2vw,20px)!important
}
body .panel[data-page="account"] .account-shell *,
body .panel[data-page="account"] .account-shell *::before,
body .panel[data-page="account"] .account-shell *::after{box-sizing:border-box}
body .panel[data-page="account"] .account-head,
body .panel[data-page="account"] .account-summary-grid,
body .panel[data-page="account"] .account-grid-two,
body .panel[data-page="account"] .account-box,
body .panel[data-page="account"] .account-list,
body .panel[data-page="account"] .account-list-row,
body .panel[data-page="account"] .account-referral-box,
body .panel[data-page="account"] .referral-summary-grid,
body .panel[data-page="account"] .referral-link-box,
body .panel[data-page="account"] .account-danger{
 min-width:0!important;max-width:100%!important
}
body .panel[data-page="account"] .account-head{
 background:linear-gradient(145deg,#122b48,#0a1a30)!important;
 border:1px solid #355677!important
}
body .panel[data-page="account"] .account-brand{min-width:0!important;max-width:100%!important}
body .panel[data-page="account"] .account-brand>div{min-width:0!important}
body .panel[data-page="account"] .account-brand h2,
body .panel[data-page="account"] #account-title{color:#f5f8ff!important;text-shadow:none!important;overflow-wrap:anywhere}
body .panel[data-page="account"] .account-brand .eyebrow{color:#a8c7ff!important}
body .panel[data-page="account"] .account-head-actions{flex-wrap:wrap!important;min-width:0!important}
body .panel[data-page="account"] .account-head-actions button{
 min-height:44px!important;color:#14265e!important;
 background:#fff!important;border-color:#bbd0f1!important;
 overflow-wrap:anywhere!important;white-space:normal!important
}
body .panel[data-page="account"] .account-summary-card,
body .panel[data-page="account"] .account-box{
 background:#fff!important;color:#182b59!important;
 border:1px solid #d5e2fa!important;
 box-shadow:0 8px 24px rgba(37,59,114,.08)!important
}
body .panel[data-page="account"] .account-summary-card span,
body .panel[data-page="account"] .account-box .eyebrow,
body .panel[data-page="account"] .referral-summary-grid span{
 color:#52648b!important
}
body .panel[data-page="account"] .account-summary-card strong,
body .panel[data-page="account"] .account-summary-card.nova-id strong,
body .panel[data-page="account"] .account-box h3,
body .panel[data-page="account"] .account-box p,
body .panel[data-page="account"] .account-list-row strong{
 color:#17295b!important;overflow-wrap:anywhere!important;word-break:normal!important
}
body .panel[data-page="account"] .account-list-row,
body .panel[data-page="account"] .referral-summary-grid article{
 background:#f3f7ff!important;border:1px solid #d1def4!important;
 color:#17295b!important;min-width:0!important
}
body .panel[data-page="account"] .account-list-row div{min-width:0!important}
body .panel[data-page="account"] .account-list-row small,
body .panel[data-page="account"] .referral-summary-grid small{
 color:#536687!important;overflow-wrap:anywhere!important
}
body .panel[data-page="account"] .account-list-row>span{
 color:#255898!important;white-space:normal!important;
 text-align:right!important;overflow-wrap:anywhere!important
}
body .panel[data-page="account"] .payment-status.paid{color:#086b48!important}
body .panel[data-page="account"] .payment-status.pending{color:#805500!important}
body .panel[data-page="account"] .payment-status.rejected,
body .panel[data-page="account"] .payment-status.not_found{color:#ae244b!important}
body .panel[data-page="account"] .account-empty{
 background:#f5f8fe!important;border-color:#bbcbe8!important;color:#536584!important
}
body .panel[data-page="account"] .referral-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body .panel[data-page="account"] .referral-summary-grid strong{color:#17295b!important}
body .panel[data-page="account"] .referral-link-box code{
 min-width:0!important;max-width:100%!important;color:#1b3470!important;background:#f4f8ff!important
}
body .panel[data-page="account"] .account-danger strong{color:#852540!important}
body .panel[data-page="account"] .account-danger p{color:#714757!important}
body .panel[data-page="account"] .account-danger .danger-btn{
 color:#852540!important;background:#fff2f5!important;border-color:#d98b9e!important
}
@media(max-width:900px){
 body .panel[data-page="account"] .account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .panel[data-page="account"] .account-grid-two{grid-template-columns:minmax(0,1fr)!important}
 body .panel[data-page="account"] .account-head{gap:14px!important;flex-wrap:wrap!important}
 body .panel[data-page="account"] .account-head-logout{display:inline-flex!important}
}
@media(max-width:620px){
 body .panel[data-page="account"] .account-shell{width:100%!important;padding-inline:12px!important;gap:12px!important}
 body .panel[data-page="account"] .account-head{padding:14px!important;align-items:flex-start!important;flex-direction:column!important}
 body .panel[data-page="account"] .account-brand{width:100%!important;gap:10px!important}
 body .panel[data-page="account"] .account-brand img{width:48px!important;height:48px!important;flex:none!important}
 body .panel[data-page="account"] .account-brand h2{font-size:clamp(24px,6vw,30px)!important}
 body .panel[data-page="account"] .account-head-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body .panel[data-page="account"] .account-head-actions button{width:100%!important;min-width:0!important}
 body .panel[data-page="account"] .account-summary-grid,
 body .panel[data-page="account"] .account-grid-two{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 body .panel[data-page="account"] .account-summary-card{padding:14px!important;min-height:80px!important}
 body .panel[data-page="account"] .account-summary-card strong{font-size:clamp(16px,4.7vw,20px)!important}
 body .panel[data-page="account"] .account-box{padding:12px!important;min-height:0!important}
 body .panel[data-page="account"] .account-box-head{flex-wrap:wrap!important;gap:7px!important}
 body .panel[data-page="account"] .account-list-row{gap:8px!important;padding:12px!important}
 body .panel[data-page="account"] .account-list-row div{flex:1 1 auto!important;min-width:0!important}
 body .panel[data-page="account"] .account-list-row>span{flex:0 1 95px!important;max-width:95px!important}
 body .panel[data-page="account"] .referral-summary-grid{grid-template-columns:minmax(0,1fr)!important}
 body .panel[data-page="account"] .referral-link-box{flex-wrap:wrap!important}
 body .panel[data-page="account"] .referral-link-box code{flex:1 1 100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body .panel[data-page="account"] .referral-link-box>div{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .panel[data-page="account"] .referral-link-box button{min-width:0!important}
 body .panel[data-page="account"] .account-danger{flex-direction:column!important;align-items:stretch!important}
 body .panel[data-page="account"] .account-danger button{max-width:100%!important;white-space:normal!important}
}
@media(max-width:345px){
 body .panel[data-page="account"] .account-head-actions{grid-template-columns:minmax(0,1fr)!important}
}