/* CNC presentation only. Keep native authentication, records and dialogs.
 * The core account stylesheet loads after this adapter and sets its own body
 * palette. Restore the CRM storefront values inherited from :root so the
 * account page, shared header, forms and footer all use the same theme. */
body.cnc-site.cnc-account-page{
    --sf-primary:inherit;
    --sf-primary-hover:inherit;
    --sf-primary-contrast:inherit;
    --sf-primary-soft-bg:inherit;
    --sf-primary-soft-border:inherit;
    --sf-primary-shadow:inherit;
    --account-bg:var(--sf-page-bg);
    --account-panel:var(--sf-surface);
    --account-panel-2:var(--sf-page-bg);
    --account-border:var(--sf-border);
    --account-text:var(--sf-text);
    --account-muted:var(--sf-muted);
    --account-card-radius:var(--sf-card-radius);
}
body.cnc-site.cnc-account-page #content{background:var(--account-bg)}
body.cnc-site.cnc-account-page .account-brand h1{color:var(--account-text);font-family:var(--sf-primary-font);font-weight:600;line-height:1.12;letter-spacing:-.045em}
body.cnc-site.cnc-account-page .account-brand p{max-width:42rem;font-size:1rem;line-height:1.75}
body.cnc-site.cnc-account-page .account-brand .history-meta{overflow-wrap:anywhere}
body.cnc-site.cnc-account-page .account-card{box-shadow:none}
body.cnc-site.cnc-account-page .account-card-header{background:var(--account-panel);padding:24px 28px}
body.cnc-site.cnc-account-page .account-card-header :is(h2,h3){color:var(--account-text);font-family:var(--sf-primary-font);font-size:1.2rem;font-weight:600;letter-spacing:-.025em;text-transform:none}
body.cnc-site.cnc-account-page .account-card-body{padding:28px}
body.cnc-site.cnc-account-page .login-panel{border-top:4px solid var(--sf-primary)}
body.cnc-site.cnc-account-page .login-panel .account-card-header{padding-bottom:0;border-bottom:0}
body.cnc-site.cnc-account-page .login-panel .account-card-header h2{font-size:1.45rem}
body.cnc-site.cnc-account-page .login-panel .account-card-body{padding-top:16px}
body.cnc-site.cnc-account-page .login-panel .account-card-intro{font-size:.95rem;line-height:1.7;margin-bottom:24px}
body.cnc-site.cnc-account-page .login-panel form{margin-bottom:0}
body.cnc-site.cnc-account-page :is(.btn-account,.btn-account-outline){min-height:44px;padding:10px 18px;font-family:var(--sf-body-font);font-size:.9rem;font-weight:600;border-radius:var(--sf-control-radius);line-height:1.5}
body.cnc-site.cnc-account-page .btn-account-outline{color:var(--account-text);border-color:var(--account-border);background:var(--account-panel)}
body.cnc-site.cnc-account-page .btn-account-outline:is(:hover,:focus){color:var(--account-text);border-color:var(--sf-primary);background:var(--sf-primary-soft-bg)}
body.cnc-site.cnc-account-page :is(.btn-account,.btn-account-outline):focus-visible{outline:3px solid var(--account-text)!important;outline-offset:3px;box-shadow:none}
body.cnc-site.cnc-account-page .form-label{font-size:.85rem;color:var(--account-text);font-weight:500;line-height:1.5}
body.cnc-site.cnc-account-page .form-control{min-height:48px;padding:11px 14px;font-family:var(--sf-body-font);font-size:16px;border-color:var(--account-border);border-radius:var(--sf-control-radius);background:var(--account-panel);color:var(--account-text)}
body.cnc-site.cnc-account-page .form-control:focus{border-color:var(--sf-primary);box-shadow:0 0 0 .2rem var(--sf-primary-soft-bg)}
body.cnc-site.cnc-account-page #code{letter-spacing:.15em;font-variant-numeric:tabular-nums}
body.cnc-site.cnc-account-page .history-row{padding:20px}
body.cnc-site.cnc-account-page :is(.history-title,.account-order-line-name,.account-order-line-price,.account-order-grand-total,.account-detail-modal .modal-title,.account-detail-value){color:var(--account-text);font-weight:600}
body.cnc-site.cnc-account-page :is(.account-order-group-title,.account-detail-heading){color:var(--account-text);font-weight:600;letter-spacing:.03em}
body.cnc-site.cnc-account-page .sf-product-modal .modal-content{border-color:var(--account-border);border-radius:var(--sf-card-radius);box-shadow:0 20px 60px #00000026}
body.cnc-site.cnc-account-page .sf-product-modal .modal-header{padding:24px 24px 12px}
body.cnc-site.cnc-account-page .sf-product-modal .modal-body{padding:12px 24px 24px}
body.cnc-site.cnc-account-page .sf-product-modal .modal-footer{padding:16px 24px;border-top:1px solid var(--account-border)}
body.cnc-site.cnc-account-page .sf-product-modal .btn-close{min-width:44px;min-height:44px;box-sizing:border-box}
body.cnc-site.cnc-account-page #gotoTop{background:var(--sf-primary)}
@media screen{
    body.cnc-site.cnc-account-page .account-content-wrap{padding-block:clamp(44px,6vw,80px)}
    body.cnc-site.cnc-account-page #main.account-shell{width:min(1120px,calc(100% - 48px));overflow:visible}
    body.cnc-site.cnc-account-page .account-topbar{gap:24px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--account-border)}
    body.cnc-site.cnc-account-page .account-brand{gap:14px}
    body.cnc-site.cnc-account-page .account-brand h1{font-size:clamp(2.3rem,5vw,3.5rem)}
    body.cnc-site.cnc-account-page .login-panel{margin:32px auto 0}
    /* Progressive enhancement only; browsers without :has keep the complete
     * single-column form and its native controls. No scripting is required. */
    body.cnc-site.cnc-account-page .account-shell:has(.login-panel) .account-topbar{border:0;padding-bottom:0;margin-bottom:0}
    body.cnc-site.cnc-account-page .account-shell:has(.login-panel) .account-actions:empty{display:none}
    @media (min-width:992px){
        body.cnc-site.cnc-account-page .account-shell:has(.login-panel){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;row-gap:24px;align-items:center;min-height:390px}
        body.cnc-site.cnc-account-page .account-shell:has(.login-panel) .account-topbar{grid-column:1}
        body.cnc-site.cnc-account-page .account-shell:has(.login-panel) .alert-account{grid-column:1;margin:0;align-self:start}
        body.cnc-site.cnc-account-page .account-shell:has(.login-panel) .login-panel{grid-column:2;grid-row:1 / span 3;width:100%;margin:0;align-self:center}
    }
    @media (max-width:575.98px){
        body.cnc-site.cnc-account-page #main.account-shell{width:calc(100% - 32px)}
        body.cnc-site.cnc-account-page .account-topbar{margin-bottom:24px;padding-bottom:24px}
        body.cnc-site.cnc-account-page .account-card-header{padding:22px 20px}
        body.cnc-site.cnc-account-page .account-card-body{padding:20px}
        body.cnc-site.cnc-account-page .history-row{padding:16px}
        body.cnc-site.cnc-account-page .sf-product-modal .modal-header{padding:20px 16px 8px}
        body.cnc-site.cnc-account-page .sf-product-modal .modal-body{padding:12px 16px 20px}
        body.cnc-site.cnc-account-page .sf-product-modal .modal-footer{padding:16px}
    }
}
