/* Only the approved account layout's integration states; original visual reference stays intact. */
body[data-integration-page="account"]{background:#0b0d1f}
#dn-account .hidden{display:none!important}
#dn-account :is(button,a,select,summary){max-width:100%}
#dn-account button:disabled,.ac-dialog button:disabled{opacity:.5;cursor:wait;transform:none}
#dn-account .ac-person div{min-width:0}
#account-email{overflow-wrap:anywhere}
#account-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
#dn-account [data-account-section]{scroll-margin-top:100px}
#dn-account h1[tabindex="-1"]:focus-visible{outline:2px solid #e8d1aa;outline-offset:6px}
.account-contracts{display:grid;gap:20px}
.account-contracts .ac-card{scroll-margin-top:100px}
.account-count{font-size:40px!important;color:#e8d1aa!important;margin:0!important}
.account-evidence{font-size:10px!important;overflow-wrap:anywhere}
.account-error{border-color:#e8a6a6!important}
.account-error p,.account-error{color:#edc8c8}
.account-empty-note{color:#b8b4c7;font-size:12px;line-height:1.9}
.account-list{list-style:none;padding:0;margin:0}
.account-docs{padding-left:18px;overflow-wrap:anywhere}
.account-docs li{margin:14px 0}
.account-docs a,.ac-dialog a{color:#e8d1aa}
.account-docs code{font-size:10px;overflow-wrap:anywhere}
#account-orders-region{margin-top:32px}
#account-orders-region h2{font-size:20px;font-weight:500}
#account-orders-region>p{font-size:11px;color:#b8b4c7}
#int-orders-list{list-style:none;padding:0}
#int-orders-list>li{padding:22px;border:1px solid #ffffff25;border-radius:18px;margin:16px 0;overflow-wrap:anywhere}
#int-orders-list :is(button,a){font:inherit;color:#e8d1aa;min-height:44px}
#int-orders-list button{background:#ffffff04;border:1px solid #e8d1aa55;border-radius:10px;padding:10px 14px}
#int-orders-list dl{font-size:11px;display:grid;gap:10px}
#int-orders-list dd{margin:0;overflow-wrap:anywhere}
#int-orders-list [data-order-id]{min-width:0}
#account-dialog-status{overflow-wrap:anywhere}
#account-dialog-status:empty{display:none}
#account-portal-status:empty{display:none}
#dn-account :is(#account-invoices-status,#account-portal-status):focus-visible{outline:2px solid #e8d1aa;outline-offset:4px}
#account-dialog [hidden]{display:none!important}
#dn-account .ac-title,#account-orders-title{scroll-margin-top:100px}
#account-orders-title:focus-visible{outline:2px solid #e8d1aa;outline-offset:6px}
.ac-dialog :is(button,a,[tabindex]):focus-visible{outline:2px solid #e8d1aa;outline-offset:4px}
#account-dialog .ac-details-grid{grid-template-columns:1fr}
#dn-account .ac-content{overflow-wrap:anywhere}
@media(max-width:650px){#dn-account .ac-person{display:flex;padding:0 0 18px}.ac-identity-line{margin-top:10px}.account-contracts{gap:16px}#dn-account [data-account-section]{scroll-margin-top:80px}}
@media(max-width:380px){#dn-account .ac-shell{width:calc(100% - 28px)}#dn-account .ac-title{font-size:30px}.ac-header-inner{gap:8px}.ac-header img{width:90px}.ac-card{padding:20px}.ac-dialog-body{padding:22px}.ac-dialog-head{padding:10px 16px}.ac-invoice{grid-template-columns:1fr}.ac-invoice>*{min-width:0}.ac-action-row{gap:10px}}
@media(prefers-reduced-motion:reduce){#dn-account *,#account-dialog{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:650px){#dn-account .ac-title,#account-orders-title{scroll-margin-top:80px}}
.reduced-motion #dn-account *,.reduced-motion #account-dialog{scroll-behavior:auto!important;animation:none!important;transition:none!important}