/* ========================================================================== Member zone (route "account": /my-account/ and every endpoint, /support/): next/pages/account.css Linked only by next/templates/account.php (next/page-css.php), after next/site.css and after every stylesheet wp_head() prints, so it follows the member plugins' own CSS. Every rule is scoped to body.dgn-page[data-page="account"] (KIT 9); the old member-zone page never prints .dgn-page. It replaces three layers of the live look: account-source.json section d50fb39 (legacy My Account CSS), the mu dowgold-member-zone-nav inline sidebar CSS (unhooked by the template) and the old chrome's preview.css. The member plugins' stylesheets still load (License Manager frontend.css and account-hub.css, account funnel frontend.css, support centre support-centre.css and support-test-preview.css, WooCommerce and Astra): this file restyles their markup through their own classes. !important appears only where the rule it replaces is itself !important in one of those files (or in an inline style="... !important" printed by the account funnel); each block says which. ========================================================================== */ /* ---------- 0. Page ---------- */ body.dgn-page[data-page="account"] .dgn-acc-main{background:var(--dgn-bg)} body.dgn-page[data-page="account"] .dgn-acc-main :where(input,select,textarea,button){font-family:var(--dgn-fb)} body.dgn-page[data-page="account"] .dgn-acc-ico{flex:none;width:22px;height:22px} /* no one-word last lines under the headings this page owns or restyles (review fix: "Your license opens the Member / Zone.") */ body.dgn-page[data-page="account"] :is(.dgn-acc-join__h,.dgn-acc-review__h,.dgn-acc-sec__h,.dglaf-onboarding__title,.dglaf-license-store__header h2,.dglaf-performance__hero h2,.dglaf-member-downloads__header h2,.dglaf-release-history__header h2,.dglm-hub__hero h2,.dglm-vip__hero h2,.dglm-license-panel>h2){text-wrap:balance} body.dgn-page[data-page="account"] :is(.dgn-acc-hero .dgn-lead,.dgn-acc-band .dgn-lead,.dgn-acc-join>p,.dgn-acc-review__in p){text-wrap:pretty} /* ---------- 1. Signed out: split hero with the account forms ---------- */ body.dgn-page[data-page="account"] .dgn-acc-hero{padding-bottom:88px} body.dgn-page[data-page="account"] .dgn-acc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,580px);grid-template-rows:auto 1fr;grid-template-areas:"top card" "bot card";column-gap:72px;padding-top:60px} body.dgn-page[data-page="account"] .dgn-acc-hero .dgn-hero__card{align-self:start} body.dgn-page[data-page="account"] .dgn-acc-hero__top{align-self:start} body.dgn-page[data-page="account"] .dgn-acc-hero__h{font-size:clamp(40px,4.7vw,74px)} body.dgn-page[data-page="account"] .dgn-acc-hero__bot{align-self:start;margin-top:44px} body.dgn-page[data-page="account"] .dgn-acc-hero--lost .dgn-acc-hero__grid, body.dgn-page[data-page="account"] .dgn-acc-hero--sent .dgn-acc-hero__grid, body.dgn-page[data-page="account"] .dgn-acc-hero--reset .dgn-acc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,520px)} body.dgn-page[data-page="account"] .dgn-acc-hero--lost, body.dgn-page[data-page="account"] .dgn-acc-hero--sent, body.dgn-page[data-page="account"] .dgn-acc-hero--reset{padding-bottom:128px} /* member benefits: 2 x 2 hairline grid */ body.dgn-page[data-page="account"] .dgn-acc-feats{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--dgn-line);max-width:640px} body.dgn-page[data-page="account"] .dgn-acc-feats li{display:flex;align-items:flex-start;gap:14px;padding:20px 20px 20px 0;border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-feats li:nth-child(even){padding-left:22px;padding-right:0;border-left:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-feats .dgn-acc-ico{color:var(--dgn-gold);margin-top:1px} body.dgn-page[data-page="account"] .dgn-acc-feats b{display:block;font-family:var(--dgn-fd);font-stretch:92%;font-weight:800;font-size:17px;line-height:1.25;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-feats small{display:block;margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--dgn-muted)} /* "Not a member yet?" */ body.dgn-page[data-page="account"] .dgn-acc-join{margin-top:32px;max-width:640px;padding:26px 28px 24px;border-radius:22px;background:var(--dgn-card-hero);border:1px solid rgba(251,191,36,.2);box-shadow:0 44px 110px -56px rgba(251,191,36,.22),inset 0 1px 0 rgba(255,255,255,.06)} body.dgn-page[data-page="account"] .dgn-acc-join__h{margin-top:14px;font-family:var(--dgn-fd);font-stretch:86%;font-weight:800;font-size:clamp(24px,2.2vw,30px);line-height:1.1;letter-spacing:-.01em;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-join>p:not(.dgn-tag):not(.dgn-fine){margin-top:10px;font-size:15px;line-height:1.65;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dgn-acc-join .dgn-cta-row{margin-top:22px;gap:22px} body.dgn-page[data-page="account"] .dgn-acc-join .dgn-btn--mode{height:50px;padding:0 24px} body.dgn-page[data-page="account"] .dgn-acc-join .dgn-fine{margin-top:16px} /* affiliate guest steps; lost/reset links */ body.dgn-page[data-page="account"] .dgn-acc-steps{list-style:none;border-top:1px solid var(--dgn-line);max-width:560px} body.dgn-page[data-page="account"] .dgn-acc-steps li{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid var(--dgn-line);font-size:15.5px;line-height:1.5;color:#e2e2e8} body.dgn-page[data-page="account"] .dgn-acc-steps b{flex:none;width:30px;font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:22px;line-height:1;color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-hero__more{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:26px} /* the forms (WooCommerce's own markup) as kit panels */ body.dgn-page[data-page="account"] .dgn-acc-forms__in{display:block;width:100%;margin:0;padding:0} body.dgn-page[data-page="account"] .dgn-acc-forms__in>.woocommerce{width:100%;max-width:none;margin:0;padding:0} body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0;width:100%} body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login::before, body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login::after{content:none;display:none} body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login>.u-column1, body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login>.u-column2, body.dgn-page[data-page="account"] .dgn-acc-forms .woocommerce>form.lost_reset_password, body.dgn-page[data-page="account"] .dgn-acc-hero--sent .dgn-acc-forms .woocommerce{float:none;width:auto;max-width:none;margin:0;padding:28px 30px 26px;border-radius:22px;background:var(--dgn-panel);border:1px solid var(--dgn-line2)} body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login>.u-column1, body.dgn-page[data-page="account"] .dgn-acc-forms .woocommerce>form.lost_reset_password, body.dgn-page[data-page="account"] .dgn-acc-hero--sent .dgn-acc-forms .woocommerce{background:var(--dgn-card-hero);border-color:rgba(251,191,36,.22);box-shadow:0 44px 110px -56px rgba(251,191,36,.26),inset 0 1px 0 rgba(255,255,255,.06)} body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login h2{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--dgn-line);font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:26px;line-height:1.1;letter-spacing:-.01em;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login>.u-column2 h2{font-size:22px} body.dgn-page[data-page="account"] .dgn-acc-forms form.login, body.dgn-page[data-page="account"] .dgn-acc-forms form.register{margin:0;padding:0;border:0;border-radius:0;background:none} body.dgn-page[data-page="account"] .dgn-acc-hero--sent .dgn-acc-forms .woocommerce>p{margin:16px 0 0;font-size:15px;line-height:1.7;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dgn-acc-forms .lost_reset_password>p:first-child{margin:0 0 20px;font-size:15px;line-height:1.65;color:var(--dgn-muted)} /* ---------- 2. WooCommerce forms, anywhere on the page (login, register, lost/reset, account details, address) ---------- */ body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form .form-row{display:block;float:none;width:auto;margin:0 0 18px;padding:0} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form .form-row-first, body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form .form-row-last{float:none;width:auto} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form .form-row label:not(.woocommerce-form__label-for-checkbox), body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form>p>label:not(.woocommerce-form__label-for-checkbox), body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) fieldset label{display:block;margin:0 0 8px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:#d8d8de} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form .required{color:var(--dgn-gold);text-decoration:none;border:0} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(input.input-text,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],input[type="search"],input[type="url"],select,textarea):not(.dglm-account-input):not([type="hidden"]){display:block;width:100%;height:48px;margin:0;padding:0 16px;border:1px solid var(--dgn-line2);border-radius:10px;background:rgba(255,255,255,.03);box-shadow:none;color:var(--dgn-text);font:400 15px/1.4 var(--dgn-fb);outline:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s,background-color .2s} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) textarea:not(.dglm-account-input){height:auto;min-height:132px;padding:12px 16px;line-height:1.6} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(input.input-text,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],select,textarea):not(.dglm-account-input):hover{border-color:var(--dgn-line3)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(input.input-text,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="number"],select,textarea):not(.dglm-account-input):focus{border-color:var(--dgn-gold);box-shadow:0 0 0 3px rgba(251,191,36,.25);background-color:rgba(255,255,255,.04);color:var(--dgn-text)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(input,textarea)::placeholder{color:#74747e;opacity:1} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #121217 inset;caret-color:#fff} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .password-input{display:block;position:relative;width:100%} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .password-input input{padding-right:52px} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .show-password-input{position:absolute;top:0;right:4px;bottom:auto;display:flex;align-items:center;justify-content:center;width:44px;height:48px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:var(--dgn-dim);cursor:pointer;translate:none;transform:none} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .show-password-input::after{color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .show-password-input:is(:hover,:focus-visible)::after, body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .show-password-input.display-password::after{color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-form__label-for-checkbox{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:14px;line-height:1.5;color:#d9d9df;cursor:pointer;text-transform:none;letter-spacing:0;font-family:var(--dgn-fb);font-weight:400} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) input[type="checkbox"]:not(.dgn-switch){flex:none;width:20px;height:20px;margin:0;padding:0;border:1px solid var(--dgn-line3);border-radius:5px;background:rgba(255,255,255,.03) center/12px no-repeat;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) input[type="checkbox"]:not(.dgn-switch):checked{border-color:var(--dgn-gold);background-color:rgba(251,191,36,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23fbbf24' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) input[type="checkbox"]:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:2px} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form.login .form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-bottom:14px} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .lost_password, body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-LostPassword{margin:0 0 4px;font-size:14px} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-LostPassword a{color:var(--dgn-gold);text-decoration:none;border-bottom:1px solid rgba(251,191,36,.35);font-weight:500} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-LostPassword a:is(:hover,:focus){color:var(--dgn-gold);border-bottom-color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form.login>p:last-of-type:has(> a.button){margin:18px 0 0;padding-top:18px;border-top:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .cf-turnstile{margin:4px 0 14px;min-height:65px} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .cf-turnstile-br{display:none} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-password-strength{margin-top:8px;padding:8px 12px;border-radius:8px;font-size:12.5px;text-align:left;border:1px solid var(--dgn-line2);background:rgba(255,255,255,.03);color:#e2e2e8} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-password-strength.short, body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-password-strength.bad{border-color:rgba(248,113,113,.5);color:#fecaca} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-password-strength.good{border-color:rgba(251,191,36,.5);color:var(--dgn-gold-hi)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-password-strength.strong{border-color:rgba(74,222,128,.5);color:#bbf7d0} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-password-hint{display:block;margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) fieldset{margin:8px 0 0;padding:0;border:0} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) fieldset legend{display:block;width:100%;margin:10px 0 18px;padding:18px 0 0;border:0;border-top:1px solid var(--dgn-line);font-family:var(--dgn-fd);font-stretch:92%;font-weight:800;font-size:19px;line-height:1.2;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form em, body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form .description{display:block;margin:7px 0 0;font-style:normal;font-size:12.5px;line-height:1.5;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm br{display:none} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .clear{clear:both} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm, body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-address-fields{max-width:760px;padding:28px 30px 26px;border-radius:22px;background:var(--dgn-panel);border:1px solid var(--dgn-line2)} @media (min-width:721px){ body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm>*{grid-column:1/-1} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm>.form-row-first{grid-column:1} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm>.form-row-last{grid-column:2} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm>.clear{display:none} } /* ---------- 3. Buttons (WooCommerce's .button and the member plugins' own) ---------- */ /* primary submits: the kit gold. Astra and WooCommerce style .woocommerce button.button at (0,2,1)+. */ body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(.woocommerce-form-login__submit,button.woocommerce-Button:not(.woocommerce-form-register__submit),button[name="save_account_details"],button[name="save_address"],.lost_reset_password button[type="submit"]), body.dgn-page[data-page="account"] .dgn-acc-main .dgn-acc-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;margin:0;padding:0 28px;border:0;border-radius:12px;background:var(--dgn-grad);color:var(--dgn-on-gold);box-shadow:0 12px 36px -16px rgba(251,191,36,.6),inset 0 1px 0 rgba(255,255,255,.55);font:600 15px/1.2 var(--dgn-fb);letter-spacing:0;text-transform:none;text-decoration:none;text-shadow:none;white-space:nowrap;cursor:pointer;filter:none;transition:transform .25s,box-shadow .25s} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(.woocommerce-form-login__submit,button.woocommerce-Button:not(.woocommerce-form-register__submit),button[name="save_account_details"],button[name="save_address"],.lost_reset_password button[type="submit"]):is(:hover,:focus-visible){background:var(--dgn-grad);color:var(--dgn-on-gold);transform:translateY(-2px);box-shadow:0 18px 44px -16px rgba(251,191,36,.8),inset 0 1px 0 rgba(255,255,255,.6)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(.woocommerce-form-login__submit,button.woocommerce-Button:not(.woocommerce-form-register__submit),button[name="save_account_details"],button[name="save_address"],.lost_reset_password button[type="submit"]):focus-visible{outline:2px solid var(--dgn-gold);outline-offset:3px} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) form.login .woocommerce-form-login__submit, body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .lost_reset_password button[type="submit"]{width:100%} /* secondary submit (register): the gold outline */ body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-form-register__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;margin:0;padding:0 24px;border:1px solid rgba(251,191,36,.6);border-radius:12px;background:transparent;box-shadow:none;color:var(--dgn-gold);font:600 15px/1.2 var(--dgn-fb);letter-spacing:0;text-transform:none;text-shadow:none;cursor:pointer;filter:none;transform:none;transition:background .25s,border-color .25s} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-form-register__submit:is(:hover,:focus){border-color:var(--dgn-gold);background:rgba(251,191,36,.12);color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) .woocommerce-form-register__submit:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:3px} /* every other WooCommerce .button (view order, Whop access, browse products, order again...): the kit line button */ body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(a.button,button.button,input.button):not(.woocommerce-form-login__submit):not(.woocommerce-form-register__submit):not(.woocommerce-Button):not([name="save_account_details"]):not([name="save_address"]):not(.dglaf-plan-card__button):not(.dglaf-download-button):not(.dglm-vip__button):not(.dglaf-performance__button):not(.dglm-save-accounts):not(.dglm-add-account):not(.dglm-upgrade-button):not(.dglm-vip-upgrade-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;margin:0;padding:0 18px;border:1px solid var(--dgn-line3);border-radius:10px;background:rgba(255,255,255,.02);box-shadow:none;color:var(--dgn-text);font:600 13.5px/1.2 var(--dgn-fb);letter-spacing:.01em;text-transform:none;text-decoration:none;text-shadow:none;white-space:nowrap;cursor:pointer;filter:none;transform:none;transition:border-color .25s,color .25s} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce,.dg-support-auth-forms) :is(a.button,button.button,input.button):not(.woocommerce-form-login__submit):not(.woocommerce-form-register__submit):not(.woocommerce-Button):not([name="save_account_details"]):not([name="save_address"]):not(.dglaf-plan-card__button):not(.dglaf-download-button):not(.dglm-vip__button):not(.dglaf-performance__button):not(.dglm-save-accounts):not(.dglm-add-account):not(.dglm-upgrade-button):not(.dglm-vip-upgrade-button):is(:hover,:focus-visible){border-color:var(--dgn-gold);color:var(--dgn-gold);background:rgba(255,255,255,.02)} /* ---------- 4. Notices ---------- */ body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce-error,.woocommerce-message,.woocommerce-info,.woocommerce-notice){position:relative;display:block;margin:0 0 20px;padding:14px 18px 14px 20px;list-style:none;border:1px solid var(--dgn-line2);border-left:3px solid var(--dgn-gold);border-radius:12px;background:rgba(255,255,255,.035);box-shadow:none;color:#e8e8ec;font-size:14.5px;line-height:1.6;text-align:left} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before{content:none;display:none} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-error{border-left-color:var(--dgn-error);background:rgba(248,113,113,.06)} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-message{border-left-color:var(--dgn-prop);background:rgba(74,222,128,.05)} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-error li{margin:0;padding:0;list-style:none} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) strong{color:#fff} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) a:not(.button){color:var(--dgn-gold);text-decoration:underline;text-decoration-color:rgba(251,191,36,.4);text-underline-offset:3px} body.dgn-page[data-page="account"] .dgn-acc-main :is(.woocommerce-message,.woocommerce-info) .button{float:right;margin:-5px 0 -5px 16px} body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-notices-wrapper:empty{display:none} /* ---------- 5. Signed in: welcome band and member card ---------- */ body.dgn-page[data-page="account"] .dgn-acc-band{position:relative;overflow:hidden;padding:56px 0 48px;border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-band .dgn-hero__glow{top:-60%;right:-8%;width:980px;height:980px} body.dgn-page[data-page="account"] .dgn-acc-band__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:end;gap:48px 72px} body.dgn-page[data-page="account"] .dgn-acc-band .dgn-kicker{margin-bottom:20px} body.dgn-page[data-page="account"] .dgn-acc-band__h{font-size:clamp(40px,4.4vw,68px)} body.dgn-page[data-page="account"] .dgn-acc-band .dgn-lead{margin-top:20px;max-width:600px;color:#c6c6ce} body.dgn-page[data-page="account"] .dgn-acc-card{position:relative;padding:20px 24px 20px;border-radius:22px;background:var(--dgn-card-hero);border:1px solid rgba(251,191,36,.22);box-shadow:0 44px 110px -56px rgba(251,191,36,.3),inset 0 1px 0 rgba(255,255,255,.06);min-width:0} body.dgn-page[data-page="account"] .dgn-acc-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px 160px at 100% 0,rgba(251,191,36,.12),transparent 70%)} body.dgn-page[data-page="account"] .dgn-acc-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-card__brand{display:flex;align-items:center;gap:10px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11.5px;line-height:1.3;letter-spacing:.18em;text-transform:uppercase;color:#e7e7ea;white-space:nowrap} body.dgn-page[data-page="account"] .dgn-acc-card__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border:1px solid rgba(251,191,36,.35);border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.3;color:var(--dgn-gold);white-space:nowrap} body.dgn-page[data-page="account"] .dgn-acc-card__chip .dgn-acc-ico{width:13px;height:13px} body.dgn-page[data-page="account"] .dgn-acc-card__name{margin-top:16px;font-family:var(--dgn-fd);font-stretch:84%;font-weight:800;font-size:28px;line-height:1.05;letter-spacing:-.01em;color:#fff;overflow-wrap:anywhere} body.dgn-page[data-page="account"] .dgn-acc-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;border-top:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-card__meta>div{padding:12px 16px 12px 0;min-width:0} body.dgn-page[data-page="account"] .dgn-acc-card__meta>div+div{padding-left:18px;border-left:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-card__meta dt{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dgn-acc-card__meta dd{display:flex;align-items:center;gap:9px;margin-top:6px;font-size:15px;font-weight:600;line-height:1.35;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-card__go{position:relative;z-index:1;margin-top:10px} body.dgn-page[data-page="account"] .dgn-acc-ep--my-licenses .dgn-acc-card__go{display:none} /* every page but the dashboard: a compact band (one-line greeting), so the page's own content starts higher */ body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-band{padding:40px 0 34px} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-band__grid{align-items:center} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-band .dgn-kicker{margin-bottom:16px} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-band__h{font-size:clamp(34px,3.3vw,52px);line-height:1} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-band__h>span{display:inline} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-band .dgn-lead{margin-top:14px;font-size:16px} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-card{padding-top:16px;padding-bottom:16px} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-card__name{margin-top:12px;font-size:24px} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-app{padding-top:36px} /* ---------- 6. Signed in: the app shell (sidebar + content) ---------- */ body.dgn-page[data-page="account"] .dgn-acc-app{display:block;width:100%;max-width:none;margin:0;padding:44px 0 104px} body.dgn-page[data-page="account"] .dgn-acc-main--support .dgn-acc-app{padding-top:36px} /* License Manager frontend.css sets these with !important (body.woocommerce-account .woocommerce...). */ html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce{display:grid !important;grid-template-columns:minmax(0,248px) minmax(0,1fr);gap:48px 56px;align-items:start;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce>:not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content){grid-column:1/-1} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce:not(:has(> .woocommerce-MyAccount-navigation)){display:block !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content{grid-column:2;float:none !important;width:auto !important;max-width:none !important;min-width:0;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;color:#d9d9df;font-size:15.5px;line-height:1.65} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce:not(:has(> .woocommerce-MyAccount-navigation))>.woocommerce-MyAccount-content{grid-column:auto;width:100% !important} /* support routes: support-test-preview.css narrows the wrapper to 1280px and hides the sidebar; the kit wrap sets the width. */ html body.dgn-page[data-page="account"].dg-support-test-preview .dgn-acc-app{width:100% !important;padding-top:36px} html body.dgn-page[data-page="account"].dg-support-test-preview .dgn-acc-app .woocommerce{display:block !important} html body.dgn-page[data-page="account"].dg-support-test-preview .dgn-acc-app .woocommerce-MyAccount-navigation{display:none !important} html body.dgn-page[data-page="account"].dg-support-test-preview .dgn-acc-app .woocommerce-MyAccount-content{width:100% !important} /* sidebar: the mu member-zone nav's grouping and order, in the kit (its inline CSS is not printed here) */ html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation{grid-column:1;position:sticky;top:100px;float:none !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;clear:none !important} body.admin-bar.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation{top:132px} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation::before{content:"Member Zone";display:flex;align-items:center;gap:12px;margin:0 0 14px 2px;font-family:var(--dgn-fd);font-stretch:115%;font-weight:700;font-size:11.5px;line-height:1.3;letter-spacing:.24em;text-transform:uppercase;color:var(--dgn-gold)} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul{display:flex !important;flex-direction:column !important;gap:2px !important;grid-template-columns:none !important;margin:0 !important;padding:0 !important;list-style:none !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link{order:30 !important;grid-column:auto !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;list-style:none !important;float:none !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link>a{position:relative;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:12px;width:100% !important;height:auto !important;min-height:44px !important;margin:0 !important;padding:10px 14px 10px 14px !important;border:1px solid transparent !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;color:#c9c9d0 !important;font:500 14.5px/1.3 var(--dgn-fb) !important;letter-spacing:0 !important;text-align:left !important;text-decoration:none !important;text-transform:none !important;outline:0;transition:color .2s,background-color .2s,border-color .2s} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link>a::before{content:"";flex:none;width:18px;height:18px;background:currentColor;opacity:.72;-webkit-mask:var(--dgn-acc-nav-i) center/contain no-repeat;mask:var(--dgn-acc-nav-i) center/contain no-repeat} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link>a:hover{color:#fff !important;background:rgba(255,255,255,.035) !important;border-color:transparent !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link>a:focus-visible{outline:2px solid var(--dgn-gold) !important;outline-offset:1px !important;box-shadow:none !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link.is-active>a{color:var(--dgn-gold) !important;background:linear-gradient(90deg,rgba(251,191,36,.13),rgba(251,191,36,.03)) !important;border-color:rgba(251,191,36,.28) !important;font-weight:600 !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link.is-active>a::before{opacity:1} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link.is-active>a::after{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--dgn-grad)} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--dashboard{order:1 !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--my-licenses{order:2 !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M10.9 12.1 20 3M15 8l3 3M17 6l3 3'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--downloads{order:3 !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12M6 10l6 6 6-6'/%3E%3Cpath d='M4 20h16'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--orders{order:4 !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--performance, html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--free-performance{order:10 !important;margin-top:12px !important;padding-top:12px !important;border-top:1px solid var(--dgn-line) !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18'/%3E%3Cpath d='M5 16l5-6 4 3 6-8'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--vip-telegram{order:11 !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4 3 11l6 2 2 6 3-4 5 4z'/%3E%3Cpath d='m9 13 8-6'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--affiliates{order:12 !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M16 4.5a3.5 3.5 0 0 1 0 7M18 14a6.5 6.5 0 0 1 3.5 6'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--edit-account{order:13 !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--customer-logout{order:40 !important;margin-top:12px !important;padding-top:12px !important;border-top:1px solid var(--dgn-line) !important;--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5M15 12H3M21 3v18'/%3E%3C/svg%3E")} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--customer-logout>a{color:var(--dgn-dim) !important;font-size:13.5px !important;min-height:40px !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--customer-logout>a:hover{color:#fff !important} /* Addresses: hidden in the sidebar, as live (d50fb39 and the mu nav both hide it); the URL still works. */ html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--edit-address{display:none !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link:not([class*="--dashboard"]):not([class*="--my-licenses"]):not([class*="--downloads"]):not([class*="--orders"]):not([class*="--performance"]):not([class*="--vip-telegram"]):not([class*="--affiliates"]):not([class*="--edit-account"]):not([class*="--customer-logout"]){--dgn-acc-nav-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='8' y='8' width='8' height='8' transform='rotate(45 12 12)' fill='%23000'/%3E%3C/svg%3E")} /* content column rhythm (the kit root reset zeroes margins inside .dgn-main) */ body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>p{margin:0 0 12px;color:var(--dgn-muted);font-size:15px;line-height:1.7} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>p strong{color:#fff;font-weight:600} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>p a, body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content .woocommerce-Addresses a:not(.button){color:var(--dgn-gold);text-decoration:none;border-bottom:1px solid rgba(251,191,36,.3)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>p a:is(:hover,:focus){color:var(--dgn-gold-hi);border-bottom-color:currentColor} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>*+:is(section,aside,div,nav,form,table,header){margin-top:20px} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>.woocommerce-notices-wrapper+*{margin-top:0} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>.dgn-acc-sec+*{margin-top:0} /* the endpoint heading (WooCommerce's own endpoints) */ body.dgn-page[data-page="account"] .dgn-acc-sec{margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-sec__h{font-family:var(--dgn-fd);font-stretch:84%;font-weight:800;font-size:clamp(30px,2.8vw,42px);line-height:1;letter-spacing:-.02em;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-sec p{margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--dgn-muted);text-wrap:pretty} /* audit polish, 24 Sep 2026: WooCommerce's "Order updates" H2 sat flush under the order summary on view-order */ body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>h2:not(:first-child){margin-top:30px} /* the license holder's dashboard hub */ body.dgn-page[data-page="account"] .dgn-acc-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px} body.dgn-page[data-page="account"] .dgn-acc-hub__i{position:relative;display:flex;align-items:flex-start;gap:16px;min-height:132px;padding:22px 52px 22px 22px;border:1px solid var(--dgn-line2);border-radius:18px;background:var(--dgn-panel);color:var(--dgn-text);text-decoration:none;transition:border-color .25s,transform .25s} body.dgn-page[data-page="account"] .dgn-acc-hub__i .dgn-acc-ico{width:26px;height:26px;color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-hub__i b{display:block;font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:22px;line-height:1.1;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-hub__i small{display:block;margin-top:8px;font-size:14px;line-height:1.55;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dgn-acc-hub__i .dgn-arr{position:absolute;right:22px;top:24px;color:var(--dgn-gold);font-style:normal} body.dgn-page[data-page="account"] .dgn-acc-hub__i:is(:hover,:focus-visible){border-color:rgba(251,191,36,.45);color:var(--dgn-text)} body.dgn-page[data-page="account"] .dgn-acc-hub__i:focus-visible{outline:2px solid var(--dgn-gold);outline-offset:3px} /* ---------- 7. WooCommerce tables: orders, order details, downloads ---------- */ body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-orders-table,table.woocommerce-table,table.my_account_orders){width:100%;margin:0 0 24px;border:0;border-top:1px solid var(--dgn-line2);border-collapse:collapse;border-spacing:0;border-radius:0;background:none;color:#d9d9df;font-size:14.5px;line-height:1.5} body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-orders-table,table.woocommerce-table) :is(th,td){padding:15px 18px 15px 0;border:0;border-bottom:1px solid var(--dgn-line);background:none;color:inherit;text-align:left;vertical-align:middle} body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-orders-table,table.woocommerce-table) :is(th,td):last-child{padding-right:0} body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-orders-table,table.woocommerce-table) :is(thead,thead tr,tbody tr,tfoot tr){background:none} body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-orders-table,table.woocommerce-table) thead th{padding-top:12px;padding-bottom:12px;border-bottom-color:var(--dgn-line2);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim);white-space:nowrap} body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-table) :is(tbody,tfoot) th{font-weight:600;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-table) tfoot :is(th,td){border-bottom-color:var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-app :is(table.shop_table,table.woocommerce-table) tfoot tr:last-child :is(th,td){border-bottom:0;padding-top:18px;font-family:var(--dgn-fd);font-stretch:80%;font-weight:800;font-size:20px;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-app table a:not(.button){color:var(--dgn-gold);text-decoration:none;font-weight:600} body.dgn-page[data-page="account"] .dgn-acc-app table a:not(.button):is(:hover,:focus){color:var(--dgn-gold-hi)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-orders-table__cell-order-total, body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-orders-table__header-order-total, body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-table .product-total{font-variant-numeric:tabular-nums} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-orders-table__cell-order-actions{text-align:right} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-orders-table__cell-order-actions .button+.button{margin-left:8px} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-orders-table__cell-order-status{white-space:nowrap} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-orders-table tbody tr:hover :is(th,td){background:rgba(255,255,255,.02)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-pagination{display:flex;gap:10px;margin-top:8px} /* view-order */ body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>p:has(mark){padding:18px 22px;border:1px solid var(--dgn-line2);border-radius:14px;background:rgba(255,255,255,.025);color:#e2e2e8} body.dgn-page[data-page="account"] .dgn-acc-app mark{padding:0;background:none;color:var(--dgn-gold);font-weight:600} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content>h2{margin-top:30px} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-OrderUpdates{margin:0;padding:0;list-style:none;border-top:1px solid var(--dgn-line2)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-OrderUpdate{margin:0;padding:16px 0;border-bottom:1px solid var(--dgn-line);list-style:none} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-OrderUpdate-meta{margin:0 0 6px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-OrderUpdate-description p{margin:0;font-size:14.5px;line-height:1.7;color:#d9d9df} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-OrderUpdate-description a{color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-order-details, body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-customer-details{margin:28px 0 0;padding:26px 28px 8px;border:1px solid var(--dgn-line2);border-radius:20px;background:var(--dgn-panel)} body.dgn-page[data-page="account"] .dgn-acc-app :is(.woocommerce-order-details__title,.woocommerce-column__title,.woocommerce-customer-details h2,.woocommerce-order-downloads__title,.woocommerce-Address-title){background:none;border:0;padding:0} body.dgn-page[data-page="account"] .dgn-acc-app :is(.woocommerce-order-details__title,.woocommerce-column__title,.woocommerce-customer-details h2,.woocommerce-order-downloads__title,.woocommerce-MyAccount-content>h2){margin:0 0 16px;font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:24px;line-height:1.15;letter-spacing:-.01em;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-customer-details address{margin:0 0 20px;padding:16px 18px;border:1px solid var(--dgn-line);border-radius:12px;background:rgba(255,255,255,.02);color:#d9d9df;font-style:normal;line-height:1.7} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-customer-details address p{margin:6px 0 0} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-order-details .order-again{margin:4px 0 18px} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-order-details .wc-item-meta{margin:6px 0 0;padding:0;list-style:none;font-size:13px;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-order-details .wc-item-meta :is(strong,p){display:inline;color:inherit;font-weight:500} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Addresses::before, body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Addresses::after{content:none} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Address{float:none;width:auto;max-width:none;padding:22px 24px;border:1px solid var(--dgn-line2);border-radius:18px;background:var(--dgn-panel)} /* Audit fix, 24 Sep 2026: the title row wraps (title, then its link beside it or underneath), the link is the kit text link (Astra's ".title .edit" float and .7em/1em padding stretched its underline), and the address box drops Astra's bright 1px border for the kit hairline. */ body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:14px} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Address-title::before, body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Address-title::after{content:none} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Address-title h2{flex:0 1 auto;min-width:0;float:none;margin:0;padding:0;font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:20px;line-height:1.2;text-align:left;color:#fff;background:none} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content .woocommerce-Address-title a.edit{flex:none;float:none;display:inline-flex;align-items:center;margin:0;padding:0 0 2px;border:0;border-bottom:1px solid rgba(251,191,36,.35);background:none;color:var(--dgn-gold);font-weight:600;font-size:14px;line-height:1.4;text-decoration:none;white-space:nowrap} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content .woocommerce-Address-title a.edit:is(:hover,:focus){border-bottom-color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Address address{margin:0;padding:14px 16px;border:1px solid var(--dgn-line2);border-radius:10px;background:rgba(255,255,255,.02);font-style:normal;color:#d9d9df;line-height:1.7} /* ---------- 8. Account funnel: onboarding, license store, downloads, performance preview ---------- */ body.dgn-page[data-page="account"] :is(.dglaf-onboarding__eyebrow,.dglm-hub__eyebrow,.dglm-vip__eyebrow,.dglm-vip-upgrade-eyebrow){display:flex;align-items:center;gap:12px;margin:0 0 14px;font-family:var(--dgn-fd);font-stretch:115%;font-weight:700;font-size:11.5px;line-height:1.3;letter-spacing:.24em;text-transform:uppercase;color:var(--dgn-gold)} body.dgn-page[data-page="account"] :is(.dglaf-onboarding__eyebrow,.dglm-hub__eyebrow,.dglm-vip__eyebrow,.dglm-vip-upgrade-eyebrow)::before{content:"";flex:none;width:28px;height:1.5px;background:var(--dgn-grad)} /* shared panel look for the plugins' big blocks */ body.dgn-page[data-page="account"] :is(.dglaf-onboarding,.dglaf-license-store,.dglaf-performance,.dglaf-member-downloads,.dglaf-release-history,.dglm-hub,.dglm-vip){margin:0;padding:clamp(22px,2.4vw,32px);border:1px solid var(--dgn-line2);border-radius:22px;background:var(--dgn-panel);color:var(--dgn-text);font-family:var(--dgn-fb);box-shadow:none} body.dgn-page[data-page="account"] :is(.dglaf-onboarding,.dglaf-license-store,.dglaf-performance,.dglm-hub,.dglm-vip){background:radial-gradient(640px 260px at 100% 0,rgba(251,191,36,.075),transparent 70%),var(--dgn-panel);border-color:rgba(251,191,36,.2)} body.dgn-page[data-page="account"] :is(.dglaf-onboarding,.dglaf-license-store,.dglaf-performance,.dglaf-member-downloads,.dglaf-release-history,.dglm-hub,.dglm-vip)+:is(.dglaf-onboarding,.dglaf-license-store,.dglaf-performance,.dglaf-member-downloads,.dglaf-release-history,.dglm-hub,.dglm-vip){margin-top:20px} /* headings: the plugins pin Poppins with !important (.dglaf-onboarding__title, the downloads and release headers) */ body.dgn-page[data-page="account"] :is(.dglaf-onboarding__title,.dglaf-license-store__header h2,.dglaf-performance__hero h2,.dglaf-member-downloads__header h2,.dglaf-release-history__header h2,.dglm-hub__hero h2,.dglm-vip__hero h2,.dglm-license-panel>h2){margin:0 0 10px;font-family:var(--dgn-fd) !important;font-stretch:84%;font-weight:800 !important;font-size:clamp(28px,2.6vw,40px) !important;line-height:1.02 !important;letter-spacing:-.02em !important;color:#fff;text-transform:none} body.dgn-page[data-page="account"] :is(.dglaf-section-heading h3,.dglaf-performance__lower h3,.dglm-hub__section-heading h3,.dglm-vip h3,.dglm-accounts-section h4,.dglaf-release-history__archives h3,.dglm-vip-upgrade-intro h3,.dglm-vip-upgrade-status h3){font-family:var(--dgn-fd) !important;font-stretch:90%;font-weight:800;letter-spacing:-.005em;color:#fff;text-wrap:balance} /* License Manager frontend.css pins every h3-h6 in .woocommerce-MyAccount-content to Poppins with !important, so the kit display font needs !important on these too (review fix: the dashboard's "Choose how many accounts you want to run.", the plan names and the VIP "Start here" heading rendered in Poppins). */ /* Audit fix, 24 Sep 2026: that License Manager rule covers h1-h2 as well (body.woocommerce-account .woocommerce-MyAccount-content h1..h6 {font-family:'Poppins' !important}), so it also caught this template's own section headings ("Orders", "Downloads", "Account details", "Addresses") and WooCommerce's and the plugins' own H2s ("Order details", "Order updates", "Billing address", "Ticket details", "Complete your selected license."). Every heading in the member zone's content now takes the kit display face; sizes stay as set elsewhere. */ body.dgn-page[data-page="account"] .dgn-acc-sec__h{font-family:var(--dgn-fd) !important;font-stretch:84% !important;font-weight:800 !important} body.dgn-page[data-page="account"] .dgn-acc-app :is(.woocommerce-order-details__title,.woocommerce-column__title,.woocommerce-order-details h2,.woocommerce-customer-details h2,.woocommerce-order-downloads__title,.woocommerce-MyAccount-content>h2,.woocommerce-Address-title h2){font-family:var(--dgn-fd) !important} body.dgn-page[data-page="account"] :is(.dglaf-selected-purchase__title,.dg-support-ticket-meta h2){font-family:var(--dgn-fd) !important;font-stretch:88%;font-weight:800} body.dgn-page[data-page="account"] :is(.woocommerce-MyAccount-content,.dg-support-app) :is(h1,h2,h3,h4,h5,h6){font-family:var(--dgn-fd) !important} body.dgn-page[data-page="account"] .dglaf-section-heading{margin-top:30px} body.dgn-page[data-page="account"] .dglaf-section-heading h3{font-size:clamp(22px,2vw,28px);line-height:1.12} body.dgn-page[data-page="account"] :is(.dglaf-onboarding__intro>p:last-child,.dglaf-license-store__header p:not(.dglaf-onboarding__eyebrow),.dglaf-performance__hero p:not(.dglaf-onboarding__eyebrow),.dglaf-member-downloads__header>p:last-child,.dglaf-release-history__header>p:last-child,.dglm-hub__intro,.dglm-vip__hero p:last-child){margin:0;max-width:720px;font-size:15.5px;line-height:1.7;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dglaf-onboarding__notice{margin-top:18px;padding:12px 16px;border-left:2px solid var(--dgn-gold);border-radius:0 10px 10px 0;background:rgba(251,191,36,.06);font-size:13.5px;line-height:1.55;color:#d9d9df} body.dgn-page[data-page="account"] .dglaf-onboarding__notice strong{font-size:13.5px;color:#fff} /* dashboard links: inline style="... !important" sets the flex row through custom properties; only an !important custom property here can change them. */ body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglaf-dashboard-links{--dglaf-dashboard-direction:row !important;margin-top:22px !important;gap:12px !important} html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglaf-dashboard-links>a{min-height:92px !important;padding:18px 48px 18px 20px !important;border:1px solid var(--dgn-line2) !important;border-radius:16px !important;background:rgba(255,255,255,.025) !important;box-shadow:none !important;text-decoration:none !important;transform:none !important;transition:border-color .25s,background-color .25s} html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglaf-dashboard-links>a:is(:hover,:focus-visible){border-color:rgba(251,191,36,.5) !important;background:rgba(251,191,36,.05) !important} body.dgn-page[data-page="account"] .dglaf-dashboard-links span{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.16em;color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglaf-dashboard-links strong{margin-top:4px;font-size:15px;font-weight:600;line-height:1.35;color:#fff} body.dgn-page[data-page="account"] .dglaf-dashboard-links__arrow{right:16px;width:26px;height:26px;border-color:rgba(251,191,36,.4);background:transparent} /* plan cards (dashboard and license store): 2 columns in the content column, 4 on wide screens. The grid's inline style sets --dglaf-plan-columns; the license store's rule sets it with !important. */ html body.dgn-page[data-page="account"] .dglaf-plan-grid, html body.dgn-page[data-page="account"] .dglaf-license-store .dglaf-plan-grid{--dglaf-plan-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;margin-top:18px} html body.dgn-page[data-page="account"] .dglaf-plan-card, html body.dgn-page[data-page="account"] .dglaf-license-store .dglaf-plan-card{padding:22px 22px 20px !important;border:1px solid var(--dgn-line2);border-radius:18px;background:rgba(255,255,255,.025)} html body.dgn-page[data-page="account"] .dglaf-plan-card.is-featured{border-color:rgba(251,191,36,.5);background:linear-gradient(180deg,rgba(251,191,36,.09),rgba(255,255,255,.02) 60%);box-shadow:0 30px 80px -50px rgba(251,191,36,.4)} html body.dgn-page[data-page="account"] .dglaf-plan-card__badge-row{min-height:14px;margin-bottom:10px} html body.dgn-page[data-page="account"] :is(.dglaf-plan-card__featured,.dglaf-license-store .dglaf-plan-card__featured){padding:0 0 0 10px !important;border:0;border-left:2px solid var(--dgn-gold);border-radius:0;background:none;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px !important;letter-spacing:.16em;line-height:1.3 !important;color:var(--dgn-gold)} html body.dgn-page[data-page="account"] .dglaf-plan-card__heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--dgn-line)} html body.dgn-page[data-page="account"] :is(.dglaf-plan-card h3,.dglaf-license-store .dglaf-plan-card h3){font-family:var(--dgn-fd) !important;font-stretch:90%;font-weight:800;font-size:21px !important;line-height:1.1;color:#fff} html body.dgn-page[data-page="account"] :is(.dglaf-plan-card__price,.dglaf-license-store .dglaf-plan-card__price){font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:30px !important;line-height:1;letter-spacing:-.01em;color:#fff;font-variant-numeric:tabular-nums} html body.dgn-page[data-page="account"] .dglaf-plan-card.is-featured .dglaf-plan-card__price{color:var(--dgn-gold)} html body.dgn-page[data-page="account"] :is(.dglaf-plan-card__summary,.dglaf-license-store .dglaf-plan-card__summary){flex:1 1 auto;margin:0 0 16px !important;font-size:13.5px !important;line-height:1.6 !important;color:var(--dgn-muted);overflow-wrap:normal} html body.dgn-page[data-page="account"] .dglaf-plan-card__renewal{margin-top:10px;font-size:12.5px;font-weight:600;color:var(--dgn-prop)} /* the plan buttons: inline style="... !important" pins size and layout; colour is free. Featured = the one gold. */ html body.dgn-page[data-page="account"] .dglaf-plan-card>form{margin-top:auto !important} html body.dgn-page[data-page="account"] .dglaf-plan-card .dglaf-plan-card__button{border:1px solid rgba(251,191,36,.6) !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;color:var(--dgn-gold) !important;font-family:var(--dgn-fb) !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;transition:background .25s,border-color .25s} html body.dgn-page[data-page="account"] .dglaf-plan-card .dglaf-plan-card__button:is(:hover,:focus-visible){border-color:var(--dgn-gold) !important;background:rgba(251,191,36,.12) !important;color:var(--dgn-gold) !important} html body.dgn-page[data-page="account"] .dglaf-plan-card.is-featured .dglaf-plan-card__button{border:0 !important;background:var(--dgn-grad) !important;color:var(--dgn-on-gold) !important;box-shadow:0 12px 36px -16px rgba(251,191,36,.6),inset 0 1px 0 rgba(255,255,255,.55) !important} html body.dgn-page[data-page="account"] .dglaf-plan-card.is-featured .dglaf-plan-card__button:is(:hover,:focus-visible){background:var(--dgn-grad) !important;color:var(--dgn-on-gold) !important;box-shadow:0 18px 44px -16px rgba(251,191,36,.8),inset 0 1px 0 rgba(255,255,255,.6) !important} body.dgn-page[data-page="account"] .dglaf-plan-cover-note, body.dgn-page[data-page="account"] .dglaf-license-store__footnote{margin-top:16px;font-size:13px;line-height:1.6;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dglaf-license-store__header{align-items:flex-start;gap:24px;margin-bottom:6px} body.dgn-page[data-page="account"] .dglaf-license-store__status{padding:6px 12px;border:1px solid rgba(251,191,36,.45);border-radius:999px;background:rgba(251,191,36,.08);color:var(--dgn-gold);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.14em} /* downloads */ /* the update rule: a gold-ruled notice, not red (KIT 4.1: --dgn-error is for form errors only) */ body.dgn-page[data-page="account"] .dglaf-update-safety-warning{margin:0 0 14px;padding:16px 20px;border:1px solid var(--dgn-line2);border-left:3px solid var(--dgn-gold);border-radius:14px;background:rgba(255,255,255,.03)} body.dgn-page[data-page="account"] .dglaf-update-safety-warning strong{font-family:var(--dgn-fd);font-stretch:92%;font-weight:800;font-size:17px;color:#fff} body.dgn-page[data-page="account"] .dglaf-update-safety-warning p{font-size:14px;line-height:1.6;color:#d9d9df} body.dgn-page[data-page="account"] .dglaf-download-warning, body.dgn-page[data-page="account"] .dglaf-download-license-notice{margin:0 0 20px;padding:16px 20px;border:1px solid rgba(251,191,36,.3);border-left:3px solid var(--dgn-gold);border-radius:14px;background:rgba(251,191,36,.05);color:#d9d9df} body.dgn-page[data-page="account"] .dglaf-download-warning strong{font-family:var(--dgn-fd);font-stretch:92%;font-weight:800;font-size:17px;color:var(--dgn-gold-hi)} body.dgn-page[data-page="account"] .dglaf-download-warning p{margin-top:6px;font-size:14px;line-height:1.6;color:#d9d9df} body.dgn-page[data-page="account"] .dglaf-download-list li{padding:18px 20px;border:1px solid var(--dgn-line2);border-radius:14px;background:rgba(255,255,255,.025)} body.dgn-page[data-page="account"] .dglaf-backtest-download .dglaf-download-list li{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.04)} body.dgn-page[data-page="account"] .dglaf-download-list__copy strong{font-family:var(--dgn-fd);font-stretch:92%;font-weight:800;font-size:18px;color:#fff} body.dgn-page[data-page="account"] .dglaf-download-list__copy small{font-size:13px;color:var(--dgn-muted)} /* download buttons: inline style pins the size; the first file is the gold, any others the gold outline */ html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglaf-download-button{border:1px solid rgba(251,191,36,.6) !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;color:var(--dgn-gold) !important;font-family:var(--dgn-fb) !important;font-weight:600 !important;font-size:14px !important;text-transform:none !important;text-decoration:none !important} html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglaf-download-list li:first-child .dglaf-download-button{border:0 !important;background:var(--dgn-grad) !important;color:var(--dgn-on-gold) !important;box-shadow:0 12px 36px -16px rgba(251,191,36,.6),inset 0 1px 0 rgba(255,255,255,.55) !important} body.dgn-page[data-page="account"] .dglaf-release-history__current{border:1px solid rgba(251,191,36,.3);border-radius:16px;background:linear-gradient(180deg,rgba(251,191,36,.07),rgba(255,255,255,.015))} body.dgn-page[data-page="account"] .dglaf-release-history__release-heading{padding:18px 20px} body.dgn-page[data-page="account"] .dglaf-release-history__version{font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:20px;color:#fff} body.dgn-page[data-page="account"] .dglaf-release-history time{color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dglaf-release-history__badge{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.08);color:var(--dgn-prop);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase} body.dgn-page[data-page="account"] .dglaf-release-history__notes{padding:16px 20px 18px;border-top-color:var(--dgn-line);color:#d9d9df;font-size:14.5px;line-height:1.7} body.dgn-page[data-page="account"] .dglaf-release-history__notes ul{padding-left:20px} body.dgn-page[data-page="account"] .dglaf-release-history__notes li+li{margin-top:6px} body.dgn-page[data-page="account"] .dglaf-release-history__notes li::marker{color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglaf-release-history__section{list-style:none;margin:14px 0 4px -20px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglaf-release-history__archives{margin-top:24px} body.dgn-page[data-page="account"] .dglaf-release-history__archives h3{margin-bottom:10px;font-size:20px} body.dgn-page[data-page="account"] .dglaf-release-history__archive{border:0;border-top:1px solid var(--dgn-line);border-radius:0;background:none} body.dgn-page[data-page="account"] .dglaf-release-history__archive:last-child{border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dglaf-release-history__archive>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;list-style:none;cursor:pointer} body.dgn-page[data-page="account"] .dglaf-release-history__archive>summary::-webkit-details-marker{display:none} body.dgn-page[data-page="account"] .dglaf-release-history__archive>summary::after{content:"";flex:none;width:28px;height:28px;border:1px solid var(--dgn-line3);border-radius:50%;background:linear-gradient(var(--dgn-gold),var(--dgn-gold)) center/10px 1.5px no-repeat,linear-gradient(var(--dgn-gold),var(--dgn-gold)) center/1.5px 10px no-repeat} body.dgn-page[data-page="account"] .dglaf-release-history__archive[open]>summary::after{background:linear-gradient(var(--dgn-gold),var(--dgn-gold)) center/10px 1.5px no-repeat;border-color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglaf-release-history__archive .dglaf-release-history__version{font-size:17px} body.dgn-page[data-page="account"] .dglaf-release-history__archive .dglaf-release-history__notes{padding:0 0 18px;border-top:0} /* performance preview (free members) */ body.dgn-page[data-page="account"] .dglaf-performance__badge{border-color:rgba(251,191,36,.45) !important;background:rgba(251,191,36,.07) !important;color:var(--dgn-gold) !important} body.dgn-page[data-page="account"] :is(.dglaf-performance__chart,.dglaf-performance__win,.dglaf-performance__kpis article,.dglaf-performance__lower article){border-color:var(--dgn-line2);border-radius:14px;background:rgba(255,255,255,.02)} body.dgn-page[data-page="account"] :is(.dglaf-performance__chart span,.dglaf-performance__win>span,.dglaf-performance__kpis span,.dglaf-performance__lower span,.dglaf-performance__controls label>span){font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10px;letter-spacing:.14em;color:var(--dgn-dim)} body.dgn-page[data-page="account"] :is(.dglaf-performance__chart strong,.dglaf-performance__win strong,.dglaf-performance__kpis strong){font-family:var(--dgn-fd);font-stretch:76%;font-weight:850;color:#fff} body.dgn-page[data-page="account"] :is(.dglaf-performance__chart>p,.dglaf-performance__win p,.dglaf-performance__lower p){font-size:13px;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dglaf-performance__lower h3{font-size:20px} body.dgn-page[data-page="account"] .dglaf-performance__controls select{min-height:46px;border-color:var(--dgn-line2);border-radius:10px;background:rgba(255,255,255,.03);color:#c9c9d0;font-size:14px} body.dgn-page[data-page="account"] .dglaf-performance__periods{border-color:var(--dgn-line2) !important;border-radius:10px !important;background:rgba(255,255,255,.02) !important} body.dgn-page[data-page="account"] .dglaf-performance__periods span{border-radius:8px !important;font-size:13px !important;color:#c9c9d0} body.dgn-page[data-page="account"] .dglaf-performance__lock{margin-top:16px;padding:20px 22px;border-radius:16px;border-color:rgba(251,191,36,.35);background:linear-gradient(100deg,rgba(251,191,36,.1),rgba(251,191,36,.02))} body.dgn-page[data-page="account"] .dglaf-performance__lock strong{font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:19px} body.dgn-page[data-page="account"] .dglaf-performance__lock p{font-size:13.5px;color:var(--dgn-muted)} html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglaf-performance__lock .dglaf-performance__button, html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-vip .dglm-vip__button{height:48px !important;min-height:48px !important;max-height:none !important;padding:0 24px !important;border:0 !important;border-radius:12px !important;background:var(--dgn-grad) !important;color:var(--dgn-on-gold) !important;box-shadow:0 12px 36px -16px rgba(251,191,36,.6),inset 0 1px 0 rgba(255,255,255,.55) !important;font:600 15px/1.2 var(--dgn-fb) !important;letter-spacing:0 !important;text-transform:none !important;text-decoration:none !important;filter:none !important} /* ---------- 9. License Manager: My Licenses, VIP upgrade, VIP Telegram, Account Hub ---------- */ /* tabs (frontend.css: !important) */ html body.dgn-page[data-page="account"] .dglm-license-tabs{gap:28px;margin:0 0 26px;border-bottom:1px solid var(--dgn-line2)} html body.dgn-page[data-page="account"] .dglm-license-tab{padding:0 0 14px !important;border-bottom:2px solid transparent !important;color:#a9a9b3 !important;font:600 15px/1.3 var(--dgn-fb) !important} html body.dgn-page[data-page="account"] .dglm-license-tab:is(:hover,[aria-selected="true"]){border-bottom-color:var(--dgn-gold) !important;color:var(--dgn-gold) !important} /* the tab's lead ("Manage your authorized MetaTrader account numbers below…", "Move an existing license to six account slots…"): its own rule, so the gap before the license card, the VIP card and the loading, empty and error notes holds. Fix, 25 Sep 2026 (Jim: "the text ends and the card/section is too close"): it sat in the shared lead list in section 8, whose :is() made "margin:0" more specific than the old "margin-bottom:22px" here, so the lead touched the card. The gap equals the tab bar's 26px below its line (20px on phones). */ body.dgn-page[data-page="account"] .dglm-license-panel>p{margin:0 0 26px;max-width:720px;font-size:15.5px;line-height:1.7;color:var(--dgn-muted)} body.dgn-page[data-page="account"] :is(.dglm-loading,.dglm-no-licenses){padding:18px 20px;border:1px dashed var(--dgn-line3);border-radius:14px;color:var(--dgn-muted);font-size:14.5px} body.dgn-page[data-page="account"] .dglm-error{padding:14px 18px;border:1px solid rgba(248,113,113,.35);border-left:3px solid var(--dgn-error);border-radius:12px;background:rgba(248,113,113,.05);color:#fecaca;font-size:14px} /* the license card */ body.dgn-page[data-page="account"] .dglm-license-card{position:relative;margin:0 0 20px;padding:26px 28px 24px;border:1px solid rgba(251,191,36,.24);border-radius:22px;background:var(--dgn-card-hero);box-shadow:0 44px 110px -56px rgba(251,191,36,.28),inset 0 1px 0 rgba(255,255,255,.06);color:var(--dgn-text);font-family:var(--dgn-fb)} body.dgn-page[data-page="account"] .dglm-license-header{gap:16px 24px;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dglm-license-key .label{margin-bottom:10px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dglm-license-key code, body.dgn-page[data-page="account"] .dglm-license-key-value code{padding:10px 14px;border:1px solid rgba(251,191,36,.3);border-radius:10px;background:rgba(0,0,0,.45);color:var(--dgn-gold-hi);font:600 16px/1.3 ui-monospace,'SFMono-Regular','Cascadia Mono',Consolas,monospace;letter-spacing:.06em} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-license-key-value .dglm-copy-license{flex-basis:40px;width:40px;min-width:40px;height:40px;min-height:40px;border:1px solid var(--dgn-line3);border-radius:10px;color:var(--dgn-gold)} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-license-key-value .dglm-copy-license:hover{border-color:var(--dgn-gold);background:rgba(251,191,36,.08)} body.dgn-page[data-page="account"] .dglm-license-key .dglm-license-key-notice{font-size:13px;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dglm-license-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px} body.dgn-page[data-page="account"] :is(.dglm-tier,.dglm-status){display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--dgn-line3);border-radius:999px;background:rgba(255,255,255,.03);color:#e7e7ea;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;line-height:1.3;letter-spacing:.14em} body.dgn-page[data-page="account"] :is(.dglm-tier-lifetime,.dglm-tier-annual,.dglm-tier-monthly,.dglm-tier-budget){border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.08);color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglm-status-active{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.08);color:var(--dgn-prop)} body.dgn-page[data-page="account"] .dglm-status-active::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dgn-prop);box-shadow:0 0 0 3px rgba(74,222,128,.14)} body.dgn-page[data-page="account"] :is(.dglm-status-expired,.dglm-status-suspended){border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.07);color:#fecaca} body.dgn-page[data-page="account"] .dglm-license-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 20px;padding:0;border:0;border-bottom:1px solid var(--dgn-line);background:none} /* "Expires: Never" and "MT Accounts: 1 / 2" as two kit stat cells: the label on top, the value as the figure */ body.dgn-page[data-page="account"] .dglm-info-item{padding:4px 18px 16px 0} body.dgn-page[data-page="account"] .dglm-info-item+.dglm-info-item{padding-left:20px;border-left:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dglm-info-item{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:28px;line-height:1;color:#fff;font-variant-numeric:tabular-nums} body.dgn-page[data-page="account"] .dglm-info-item strong{display:block;margin-bottom:10px;font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dglm-accounts-section{margin:0;padding:0;border:0;background:none} body.dgn-page[data-page="account"] .dglm-accounts-section h4{margin:0 0 6px;font-size:20px;line-height:1.2} body.dgn-page[data-page="account"] .dglm-accounts-help{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dglm-accounts-list{display:grid;gap:10px;margin-bottom:14px} body.dgn-page[data-page="account"] .dglm-account-row{display:flex;align-items:center;gap:10px;margin:0} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-account-input{height:48px;padding:0 16px;border:1px solid var(--dgn-line2);border-radius:10px;background:rgba(255,255,255,.03);color:#fff;font:500 15px/1.3 ui-monospace,'SFMono-Regular','Cascadia Mono',Consolas,monospace;letter-spacing:.04em} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-account-input:focus{border-color:var(--dgn-gold);box-shadow:0 0 0 3px rgba(251,191,36,.25);outline:0} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-remove-account{flex:none;width:48px;height:48px;margin:0;padding:0;border:1px solid var(--dgn-line2);border-radius:10px;background:transparent;color:var(--dgn-dim);font-size:20px;line-height:1;cursor:pointer} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-remove-account:hover{border-color:rgba(248,113,113,.5);color:#fecaca} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-add-account{height:44px;margin:0 0 18px;padding:0 18px;border:1px dashed var(--dgn-line3);border-radius:10px;background:transparent;color:#c9c9d0;font:600 14px/1 var(--dgn-fb);text-transform:none} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-add-account:hover{border-color:var(--dgn-gold);color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglm-accounts-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px} /* save: frontend.css paints it green with !important */ html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-save-accounts{height:52px !important;padding:0 28px !important;border:0 !important;border-radius:12px !important;background:var(--dgn-grad) !important;color:var(--dgn-on-gold) !important;box-shadow:0 12px 36px -16px rgba(251,191,36,.6),inset 0 1px 0 rgba(255,255,255,.55) !important;font:600 15px/1.2 var(--dgn-fb) !important;text-transform:none !important} html body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-save-accounts:hover{background:var(--dgn-grad) !important;box-shadow:0 18px 44px -16px rgba(251,191,36,.8),inset 0 1px 0 rgba(255,255,255,.6) !important} body.dgn-page[data-page="account"] .dglm-save-status{font-size:14px} body.dgn-page[data-page="account"] .dglm-upgrade-box{margin:0 0 20px;padding:18px 20px;border:1px solid rgba(251,191,36,.32);border-radius:16px;background:linear-gradient(100deg,rgba(251,191,36,.1),rgba(251,191,36,.02))} body.dgn-page[data-page="account"] .dglm-upgrade-copy strong{font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:18px;color:#fff} body.dgn-page[data-page="account"] .dglm-upgrade-copy span{color:var(--dgn-muted);font-size:14px;line-height:1.55} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-upgrade-button, body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-vip-upgrade-button{height:46px;padding:0 20px;border:1px solid rgba(251,191,36,.6);border-radius:10px;background:transparent;box-shadow:none;color:var(--dgn-gold) !important;-webkit-text-fill-color:currentColor !important;font:600 14px/1.2 var(--dgn-fb);filter:none;transform:none} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-upgrade-button:hover, body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-vip-upgrade-button:hover{background:rgba(251,191,36,.12);filter:none;transform:none} /* the capacity offer inside the license card's "Need more account slots?" box: a plain column of that gold panel (it was a faint rounded box with no padding, so its list and price touched its edges). frontend.css makes its button a block, so the label sat at the top of the 46px button: centred here. Two or more offers (none today: License Manager's get_capacity_upgrade_options() returns at most one per license) stack in one column, each after the first under a hairline with its own space; frontend.css's wrapping row put a second offer under the first at most widths, indented, with a rule down its left and its list 10px under the first button (review fix, 25 Sep 2026). One offer: unchanged. */ body.dgn-page[data-page="account"] .dglm-slot-offer{margin:0;padding:0;border:0;border-radius:0;background:none} body.dgn-page[data-page="account"] .dglm-upgrade-actions:has(>.dglm-slot-offer+.dglm-slot-offer){flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0} body.dgn-page[data-page="account"] .dglm-upgrade-actions:has(>.dglm-slot-offer+.dglm-slot-offer)>.dglm-slot-offer{flex:none} body.dgn-page[data-page="account"] .dglm-slot-offer+.dglm-slot-offer{margin-top:20px;padding-top:20px;border-top:1px solid var(--dgn-line2)} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-slot-offer .dglm-upgrade-button{display:flex;align-items:center;justify-content:center;width:100%;height:auto;min-height:46px;margin-top:14px;padding:10px 18px;text-align:center;white-space:normal} @media (min-width:601px){body.dgn-page[data-page="account"] .dglm-capacity-upgrade-box>.dglm-upgrade-copy{align-self:flex-start}} /* Upgrade to VIP: ONE card in the license card's language (Jim, 25 Sep 2026: "my license has a nice round border card.. the upgrade to vip looks square and cut off"). frontend.css draws .dglm-vip-upgrades as a square band (gold lines top and bottom, a flat gradient, no side padding, so every line started at its left edge), the intro as an inset box with a 3px gold rule, and each offer row with a bottom line. Here: the gold hairline, 22px radius, --dgn-card-hero, the license card's shadow and padding; the intro (or the "Ultimate VIP active" block) is the card's header above a hairline; each offer is a row (copy left, the price and the button in a gold-tinted panel right; stacked at <=900px) and a second offer sits under a hairline; the empty note and its support link read as text in the card. The price figures and the button keep their styling (the button only gains a gap before its arrow). */ body.dgn-page[data-page="account"] .dglm-vip-upgrades{position:relative;margin:0;padding:26px 28px;border:1px solid rgba(251,191,36,.24);border-radius:22px;background:var(--dgn-card-hero);box-shadow:0 44px 110px -56px rgba(251,191,36,.28),inset 0 1px 0 rgba(255,255,255,.06);color:var(--dgn-text);font-family:var(--dgn-fb)} body.dgn-page[data-page="account"] .dglm-vip-upgrade-intro{max-width:none;margin:0;padding:0 0 22px;border:0;border-bottom:1px solid var(--dgn-line);border-radius:0;background:none} /* the eyebrow: frontend.css sets its size, weight, colour and margin with !important */ html body.dgn-page[data-page="account"] .dglm-vip-upgrades .dglm-vip-upgrade-eyebrow{margin:0 0 12px !important;color:var(--dgn-gold) !important;font-size:11.5px !important;font-weight:700 !important} body.dgn-page[data-page="account"] :is(.dglm-vip-upgrade-intro,.dglm-vip-upgrade-status) h3{margin:0 0 8px;font-size:clamp(22px,2vw,28px);line-height:1.12;letter-spacing:-.01em} body.dgn-page[data-page="account"] :is(.dglm-vip-upgrade-intro>p:last-child,.dglm-vip-upgrade-status>div>p:last-child){max-width:640px;margin:0;color:var(--dgn-muted);font-size:14.5px;line-height:1.65} body.dgn-page[data-page="account"] .dglm-vip-upgrade-list{margin:0;padding:0;border:0} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:20px 32px;margin:0;padding:24px 0;border:0;border-radius:0;background:none} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row+.dglm-vip-upgrade-row{border-top:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row:last-child{padding-bottom:0} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row__copy>p{margin:0 0 8px;color:var(--dgn-gold);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row__copy h4{margin:0 0 6px;color:#fff;font-stretch:90%;font-weight:800;font-size:20px;line-height:1.2;letter-spacing:-.005em;text-wrap:balance} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row__copy>span{color:var(--dgn-muted);font-size:14px;line-height:1.6} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row__action{min-width:0;padding:18px 20px 20px;border:1px solid rgba(251,191,36,.3);border-radius:16px;background:linear-gradient(160deg,rgba(251,191,36,.09),rgba(251,191,36,.015))} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row__action .dglm-upgrade-credit-note{text-wrap:pretty} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglm-vip-upgrade-button{gap:8px} body.dgn-page[data-page="account"] .dglm-vip-upgrade-status{display:flex;align-items:flex-start;gap:18px;margin:0;padding:0;border:0;border-radius:0;background:none} body.dgn-page[data-page="account"] .dglm-vip-upgrade-status__mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(74,222,128,.45);border-radius:50%;background:rgba(74,222,128,.08);color:var(--dgn-prop);font-size:20px;line-height:1} body.dgn-page[data-page="account"] .dglm-vip-upgrades .dglm-vip-upgrade-empty{margin:0;padding:22px 0 0;border:0;border-radius:0;background:none;color:#d9d9df;font-size:15px;line-height:1.65} /* the support link: underlined per line of text, and balanced, so on a narrow phone it wraps as two even lines (a box border ran the card's full width under an arrow left alone on the second line; review fix, 25 Sep 2026) */ body.dgn-page[data-page="account"] .dglm-vip-upgrades>a{display:inline-block;max-width:100%;margin-top:14px;padding:0;border:0;color:var(--dgn-gold);font-weight:600;font-size:14.5px;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(251,191,36,.35);text-underline-offset:4px;text-wrap:balance} body.dgn-page[data-page="account"] .dglm-vip-upgrades>a:is(:hover,:focus-visible){color:var(--dgn-gold);text-decoration-color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglm-vip-benefit-list li::before, body.dgn-page[data-page="account"] .dglm-upgrade-gains li::before{color:var(--dgn-prop)} /* VIP Telegram */ body.dgn-page[data-page="account"] .dglm-vip__hero{gap:24px;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dglm-vip__state{border:1px solid rgba(251,191,36,.45);border-radius:999px;background:rgba(251,191,36,.08);color:var(--dgn-gold);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase} body.dgn-page[data-page="account"] .dglm-vip__state--invited{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.08);color:var(--dgn-prop)} body.dgn-page[data-page="account"] .dglm-vip__benefits{gap:0;border-top:1px solid var(--dgn-line);border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dglm-vip__benefits>article{padding:20px 22px 20px 0;border:0;border-radius:0;background:none} body.dgn-page[data-page="account"] .dglm-vip__benefits>article+article{padding-left:22px;border-left:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dglm-vip__benefits>article>span{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;font-size:24px;line-height:1;color:var(--dgn-gold);background:none;border:0;width:auto;height:auto} body.dgn-page[data-page="account"] .dglm-vip__benefits>article>strong{display:block;margin-top:12px;font-family:var(--dgn-fd);font-stretch:90%;font-weight:800;font-size:18px;color:#fff} body.dgn-page[data-page="account"] .dglm-vip__benefits>article>p{margin-top:6px;font-size:14px;line-height:1.6;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dglm-vip__action{margin-top:24px;padding:24px 26px;border:1px solid rgba(251,191,36,.3);border-radius:18px;background:linear-gradient(100deg,rgba(251,191,36,.09),rgba(251,191,36,.015))} body.dgn-page[data-page="account"] .dglm-vip__action h3{font-size:clamp(20px,1.8vw,26px);line-height:1.15} body.dgn-page[data-page="account"] .dglm-vip__action p{font-size:14.5px;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dglm-vip .dglm-vip__footnote{margin-top:16px;font-size:13px;line-height:1.6;color:var(--dgn-dim);text-align:left} body.dgn-page[data-page="account"] .dglm-vip__username input{height:48px;border:1px solid var(--dgn-line2);border-radius:10px;background:rgba(255,255,255,.03);color:#fff} /* Account Hub (paid members' performance) */ body.dgn-page[data-page="account"] .dglm-hub__hero{margin:0 0 22px;padding:0 0 22px;border:0;border-bottom:1px solid var(--dgn-line);background:none} /* audit fix, 25 Sep 2026: account-hub.css pins the hero's margin (0 0 12px) and padding (0) with !important (.dglm-hub .dglm-hub__hero), so the lead "Only trades opened by DowGold are included…" sat on the hairline under it */ html body.dgn-page[data-page="account"] .dglm-hub .dglm-hub__hero{margin:0 0 22px !important;padding:0 0 22px !important} body.dgn-page[data-page="account"] .dglm-hub__privacy-badge{border:1px solid rgba(74,222,128,.4);border-radius:999px;background:rgba(74,222,128,.07);color:var(--dgn-prop);font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase} body.dgn-page[data-page="account"] .dglm-hub__controls label>span{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.16em;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dglm-hub__controls select{min-height:48px;border:1px solid var(--dgn-line2);border-radius:10px;background-color:rgba(255,255,255,.03);color:#fff;font-size:14.5px} body.dgn-page[data-page="account"] #dglm-account-hub .dglm-hub__periods>button[type="button"]{border:1px solid transparent !important;border-radius:9px !important;color:#c9c9d0 !important;font-family:var(--dgn-fb) !important;font-weight:600 !important} body.dgn-page[data-page="account"] #dglm-account-hub .dglm-hub__periods>button[type="button"][aria-selected="true"]{border-color:rgba(251,191,36,.6) !important;background:rgba(251,191,36,.12) !important;box-shadow:none !important;color:var(--dgn-gold) !important} body.dgn-page[data-page="account"] #dglm-account-hub .dglm-hub__periods>button[type="button"]:not([aria-selected="true"]):hover{background:rgba(255,255,255,.04) !important;color:#fff !important} body.dgn-page[data-page="account"] #dglm-account-hub .dglm-hub__pagination>button[type="button"]{height:38px;padding:0 16px !important;border:1px solid var(--dgn-line3) !important;border-radius:10px !important;background:transparent !important;color:#e2e2e8 !important;font:600 13px/1 var(--dgn-fb) !important} body.dgn-page[data-page="account"] #dglm-account-hub .dglm-hub__pagination>button[type="button"]:hover:not(:disabled){border-color:var(--dgn-gold) !important;color:var(--dgn-gold) !important;background:transparent !important} body.dgn-page[data-page="account"] .dglm-hub__periods{padding:4px;border:1px solid var(--dgn-line2);border-radius:12px;background:rgba(255,255,255,.02)} body.dgn-page[data-page="account"] .dglm-hub__periods [role="tab"]{height:40px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:#c9c9d0;font:600 13.5px/1 var(--dgn-fb);text-transform:none} body.dgn-page[data-page="account"] .dglm-hub__periods [role="tab"][aria-selected="true"]{border-color:rgba(251,191,36,.6);background:rgba(251,191,36,.12);color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dglm-hub__notice{border:1px solid var(--dgn-line2);border-radius:12px;background:rgba(255,255,255,.025);color:#d9d9df} body.dgn-page[data-page="account"] :is(.dglm-hub__chart-card,.dglm-hub__win-card,.dglm-hub__kpis article,.dglm-hub__current,.dglm-hub__history){border:1px solid var(--dgn-line2);border-radius:16px;background:rgba(255,255,255,.02)} body.dgn-page[data-page="account"] :is(.dglm-hub__chart-heading span,.dglm-hub__win-card span,.dglm-hub__kpis span,.dglm-hub__current-grid span,.dglm-hub__section-heading span){font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dgn-dim)} body.dgn-page[data-page="account"] :is(.dglm-hub__chart-heading strong,.dglm-hub__win-card strong,.dglm-hub__kpis strong,.dglm-hub__current-grid strong){font-family:var(--dgn-fd);font-stretch:76%;font-weight:850;letter-spacing:-.01em;font-variant-numeric:tabular-nums} body.dgn-page[data-page="account"] .dglm-hub__chart-heading strong{font-size:38px} body.dgn-page[data-page="account"] .dglm-hub__kpis strong{font-size:24px} body.dgn-page[data-page="account"] .dglm-hub__freshness{border-radius:999px;font-size:12px} body.dgn-page[data-page="account"] .dglm-hub__table-wrap table{width:100%;border:0;border-collapse:collapse;background:none;font-size:14px} body.dgn-page[data-page="account"] .dglm-hub__table-wrap :is(th,td){padding:12px 14px 12px 0;border:0;border-bottom:1px solid var(--dgn-line);background:none;text-align:left} body.dgn-page[data-page="account"] .dglm-hub__table-wrap th{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dglm-hub__table-wrap td:last-child{text-align:right;font-variant-numeric:tabular-nums} body.dgn-page[data-page="account"] .dglm-hub__pagination button{height:38px;padding:0 16px;border:1px solid var(--dgn-line3);border-radius:10px;background:transparent;color:#e2e2e8;font:600 13px/1 var(--dgn-fb);text-transform:none} body.dgn-page[data-page="account"] .dglm-hub__pagination button:not(:disabled):hover{border-color:var(--dgn-gold);color:var(--dgn-gold)} /* ---------- 10. Support Hub (support centre app) ---------- */ body.dgn-page[data-page="account"] .dg-support-app{--dgsc-bg:transparent;--dgsc-panel:linear-gradient(180deg,#101016,#0b0b0f);--dgsc-panel-soft:#101016;--dgsc-line:var(--dgn-line2);--dgsc-line-gold:rgba(251,191,36,.3);--dgsc-gold:var(--dgn-gold);--dgsc-gold-deep:var(--dgn-gold-lo);--dgsc-green:var(--dgn-prop);--dgsc-white:var(--dgn-text);--dgsc-muted:var(--dgn-muted);--dgsc-dim:var(--dgn-dim);max-width:none;padding:0;border-radius:0;background:transparent;font-family:var(--dgn-fb);color:var(--dgn-text)} /* eyebrows and headings: support-centre.css sets them with !important */ body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-eyebrow,.dg-support-section__head p,.dg-support-panel>header p,.dg-support-form-section>header p){display:flex !important;align-items:center;gap:12px;margin:0 0 14px !important;font-family:var(--dgn-fd) !important;font-stretch:115%;font-weight:700 !important;font-size:11.5px !important;letter-spacing:.24em !important;color:var(--dgn-gold) !important} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-eyebrow,.dg-support-section__head p,.dg-support-panel>header p)::before{content:"";flex:none;width:28px;height:1.5px;background:var(--dgn-grad)} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-hero h1,.dg-support-ticket-hero h1,.dg-support-guide__hero h1,.dg-support-ticket-detail__head h1,.dg-support-auth-header h1,.dg-support-confirm h1){font-family:var(--dgn-fd) !important;font-stretch:80%;font-weight:850 !important;font-size:clamp(38px,4.2vw,64px) !important;line-height:.98 !important;letter-spacing:-.025em !important;color:var(--dgn-text) !important;text-wrap:balance} body.dgn-page[data-page="account"] .dg-support-app :is(h1,h2,h3){font-family:var(--dgn-fd)} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-section__head h2,.dg-support-panel>header h2,.dg-support-form-section>header h2,.dg-support-guide__before h2,.dg-support-guide__steps h2,.dg-support-guide__result h2,.dg-support-guide__aside h2){font-family:var(--dgn-fd) !important;font-stretch:86%;font-weight:800 !important;font-size:clamp(24px,2.2vw,30px) !important;line-height:1.08 !important;letter-spacing:-.015em !important} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-hero,.dg-support-ticket-hero,.dg-support-guide__hero,.dg-support-ticket-detail__head){padding:clamp(28px,3.4vw,48px);border:1px solid rgba(251,191,36,.22);border-radius:22px;background:radial-gradient(900px 420px at 100% 0,rgba(251,191,36,.12),rgba(217,119,6,.03) 45%,transparent 70%),var(--dgn-card-hero);box-shadow:0 44px 110px -56px rgba(251,191,36,.22),inset 0 1px 0 rgba(255,255,255,.06)} body.dgn-page[data-page="account"] .dg-support-app--home .dg-support-hero{border-radius:22px} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-hero__copy,.dg-support-ticket-hero>div,.dg-support-guide__hero>div)>p:last-child{font-size:17px;line-height:1.7;color:#c6c6ce} body.dgn-page[data-page="account"] .dg-support-app .dg-support-tabs a{font:600 14.5px/1 var(--dgn-fb)} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-section__head>span,.dg-support-panel>header>span,.dg-support-panel>header>a){font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap} body.dgn-page[data-page="account"] .dg-support-app .dg-support-access-bar{border-color:var(--dgn-line2);border-left-color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dg-support-app .dg-support-quick-actions a strong{font-size:14.5px;font-weight:600} body.dgn-page[data-page="account"] .dg-support-app .dg-support-quick-actions a>span, body.dgn-page[data-page="account"] .dg-support-app .dg-support-category>span, body.dgn-page[data-page="account"] .dg-support-app .dg-support-ticket-summary strong{font-family:var(--dgn-fd);font-stretch:74%;font-weight:850;color:var(--dgn-gold)} body.dgn-page[data-page="account"] .dg-support-app .dg-support-ticket-summary strong{font-size:40px;line-height:1;color:#fff} body.dgn-page[data-page="account"] .dg-support-app--home .dg-support-quick-actions a>span{font-size:18px} body.dgn-page[data-page="account"] .dg-support-app--home .dg-support-category>span{font-size:18px} body.dgn-page[data-page="account"] .dg-support-app .dg-support-category h3{font-family:var(--dgn-fd) !important;font-stretch:92%;font-weight:800 !important;font-size:17px !important;line-height:1.25 !important} body.dgn-page[data-page="account"] .dg-support-app .dg-support-category p{font-size:13.5px;line-height:1.6} body.dgn-page[data-page="account"] .dg-support-app .dg-support-category small{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10px;letter-spacing:.14em} body.dgn-page[data-page="account"] .dg-support-app .dg-support-guide-list a span{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;letter-spacing:.14em} body.dgn-page[data-page="account"] .dg-support-app .dg-support-guide-list a strong{font-size:15.5px;font-weight:600} body.dgn-page[data-page="account"] .dg-support-app .dg-support-safety p, body.dgn-page[data-page="account"] .dg-support-app .dg-support-empty p{font-size:13.5px} body.dgn-page[data-page="account"] .dg-support-app .dg-support-safety strong{font-size:14.5px} /* inputs (support-centre.css: !important) */ body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-search input,.dg-support-ticket-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.dg-support-ticket-form select,.dg-support-ticket-form textarea,.dg-support-reply-form textarea){border:1px solid var(--dgn-line2) !important;border-radius:10px !important;background:rgba(255,255,255,.03) !important;color:var(--dgn-text) !important;font:400 15px/1.5 var(--dgn-fb) !important} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-search input,.dg-support-ticket-form input,.dg-support-ticket-form select,.dg-support-ticket-form textarea,.dg-support-reply-form textarea):focus{border-color:var(--dgn-gold) !important;box-shadow:0 0 0 3px rgba(251,191,36,.25) !important;outline:0 !important} body.dgn-page[data-page="account"] .dg-support-app--home .dg-support-search input{border-radius:10px !important} body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-reply-form label,.dg-support-ticket-form label,.dg-support-search>label){font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d8d8de} /* help text inside those labels ("Optional · up to 3 PNG, JPG or WebP images · 5 MB each", "Tickets stay attached to this signed-in account.") reads as body copy, not a tag: the label style squeezed "ADD / SCREENSHOTS" onto two lines at 1024 (review fix) */ body.dgn-page[data-page="account"] .dg-support-app :is(.dg-support-reply-form,.dg-support-ticket-form) label small{font-family:var(--dgn-fb);font-stretch:100%;font-weight:500;font-size:12.5px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--dgn-dim)} body.dgn-page[data-page="account"] .dg-support-app .dg-support-file-input>span{flex-wrap:wrap;gap:4px 16px} body.dgn-page[data-page="account"] .dg-support-app .dg-support-file-input small{text-align:left} /* buttons (support-centre.css: !important): primary = the kit gold, outline = the kit line */ body.dgn-page[data-page="account"] .dg-support-app .dg-support-primary-button{min-height:52px;padding:0 26px !important;border:0 !important;border-radius:12px !important;background:var(--dgn-grad) !important;box-shadow:0 12px 36px -16px rgba(251,191,36,.6),inset 0 1px 0 rgba(255,255,255,.55) !important;color:var(--dgn-on-gold) !important;font:600 15px/1.2 var(--dgn-fb) !important;transition:transform .25s,box-shadow .25s} body.dgn-page[data-page="account"] .dg-support-app .dg-support-primary-button:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 18px 44px -16px rgba(251,191,36,.8),inset 0 1px 0 rgba(255,255,255,.6) !important} /* the gateway's "Sign in to view your tickets" jumps to the forms below it: the outline, so the Log in button stays the one gold. support-centre.css pins every solid-gold link's text to #050505 with color and -webkit-text-fill-color !important. */ body.dgn-page[data-page="account"] .dgn-acc-main .dg-support-app a.dg-support-primary-button.dg-support-signin-button, body.dgn-page[data-page="account"] .dgn-acc-main .dg-support-app a.dg-support-primary-button.dg-support-signin-button:is(:link,:visited,:hover,:focus,:focus-visible,:active){border:1px solid var(--dgn-line3) !important;background:rgba(255,255,255,.02) !important;box-shadow:none !important;color:var(--dgn-text) !important;-webkit-text-fill-color:currentColor !important;transform:none} body.dgn-page[data-page="account"] .dgn-acc-main .dg-support-app a.dg-support-primary-button.dg-support-signin-button:is(:hover,:focus-visible){border-color:var(--dgn-gold) !important;color:var(--dgn-gold) !important} /* the gateway's login and register buttons: support-centre.css paints both gold (.dg-support-app--auth .woocommerce-button, !important) */ body.dgn-page[data-page="account"] .dg-support-app--auth .woocommerce-button.woocommerce-form-login__submit{width:100%;min-height:56px;padding:0 28px !important;border:0 !important;border-radius:12px !important;background:var(--dgn-grad) !important;box-shadow:0 12px 36px -16px rgba(251,191,36,.6),inset 0 1px 0 rgba(255,255,255,.55) !important;color:var(--dgn-on-gold) !important;font:600 15px/1.2 var(--dgn-fb) !important} body.dgn-page[data-page="account"] .dg-support-app--auth .woocommerce-button.woocommerce-form-register__submit{width:100%;min-height:52px;padding:0 24px !important;border:1px solid rgba(251,191,36,.6) !important;border-radius:12px !important;background:transparent !important;box-shadow:none !important;color:var(--dgn-gold) !important;font:600 15px/1.2 var(--dgn-fb) !important} body.dgn-page[data-page="account"] .dg-support-app--auth .woocommerce-button.woocommerce-form-register__submit:is(:hover,:focus){background:rgba(251,191,36,.12) !important;filter:none} body.dgn-page[data-page="account"] .dg-support-app .dg-support-outline-button{min-height:52px;padding:0 24px !important;border:1px solid var(--dgn-line3) !important;border-radius:12px !important;background:rgba(255,255,255,.02) !important;color:var(--dgn-text) !important;font:600 15px/1.2 var(--dgn-fb) !important} body.dgn-page[data-page="account"] .dg-support-app .dg-support-outline-button:is(:hover,:focus-visible){border-color:var(--dgn-gold) !important;color:var(--dgn-gold) !important} /* signed-out ticket gateway: WooCommerce's login and register forms inside the support app */ body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login::before, body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login::after{content:none;display:none} body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login>:is(.u-column1,.u-column2){float:none;width:auto;margin:0;padding:28px 30px 26px;border:1px solid var(--dgn-line2);border-radius:22px;background:var(--dgn-panel)} body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login>.u-column1{border-color:rgba(251,191,36,.22);background:var(--dgn-card-hero)} body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login h2{margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--dgn-line);font-family:var(--dgn-fd);font-stretch:88%;font-weight:800;font-size:24px;color:#fff} body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms :is(form.login,form.register){margin:0;padding:0;border:0;background:none} body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-form-intro{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--dgn-muted)} /* ---------- 11. Review invitation ---------- */ body.dgn-page[data-page="account"] .dgn-acc-review{padding:0 0 96px} body.dgn-page[data-page="account"] .dgn-acc-review__in{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;padding:28px 32px;border:1px solid rgba(251,191,36,.22);border-radius:22px;background:radial-gradient(640px 220px at 100% 0,rgba(251,191,36,.08),transparent 70%),var(--dgn-panel)} body.dgn-page[data-page="account"] .dgn-acc-review .dgn-eyebrow{margin-bottom:12px} body.dgn-page[data-page="account"] .dgn-acc-review__h{font-family:var(--dgn-fd);font-stretch:86%;font-weight:800;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.015em;color:#fff} body.dgn-page[data-page="account"] .dgn-acc-review__in p:not(.dgn-eyebrow){margin-top:10px;font-size:15px;line-height:1.65;color:var(--dgn-muted)} body.dgn-page[data-page="account"] .dgn-acc-main--member .dgn-acc-app:has(+ .dgn-acc-review){padding-bottom:56px} /* ---------- 12. Wide screens ---------- */ @media (min-width:1600px){ body.dgn-page[data-page="account"] .dgn-acc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,640px);column-gap:104px;padding-top:72px} body.dgn-page[data-page="account"] .dgn-acc-band__grid{grid-template-columns:minmax(0,1fr) minmax(0,460px)} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce{grid-template-columns:minmax(0,272px) minmax(0,1fr);column-gap:72px} } /* ---------- 13. Responsive ---------- */ @media (max-width:1140px){ body.dgn-page[data-page="account"] .dgn-acc-hero__grid, body.dgn-page[data-page="account"] .dgn-acc-hero--lost .dgn-acc-hero__grid, body.dgn-page[data-page="account"] .dgn-acc-hero--sent .dgn-acc-hero__grid, body.dgn-page[data-page="account"] .dgn-acc-hero--reset .dgn-acc-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "card" "bot";padding-top:40px} body.dgn-page[data-page="account"] .dgn-acc-hero .dgn-hero__card{margin-top:36px;max-width:640px} body.dgn-page[data-page="account"] .dgn-acc-hero__bot{margin-top:40px} body.dgn-page[data-page="account"] .dgn-acc-band__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px} body.dgn-page[data-page="account"] .dgn-acc-card{max-width:560px} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce{grid-template-columns:minmax(0,1fr);gap:28px} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation{grid-column:1;position:static} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-content{grid-column:1} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:6px !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link:is([class*="--performance"],[class*="--customer-logout"]){margin-top:0 !important;padding-top:0 !important;border-top:0 !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link>a{border-color:var(--dgn-line) !important;background:rgba(255,255,255,.02) !important} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link.is-active>a::after{content:none} body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login{grid-template-columns:minmax(0,1fr)} } /* tablets (861-1140): the sign-in page used only a 640px column and left the right half of the screen empty. The forms card spans the row with Login and Register side by side (WooCommerce's own two-column set), and the benefits and the "Not a member yet?" card follow at full width (review fix). */ @media (min-width:861px) and (max-width:1140px){ body.dgn-page[data-page="account"] :is(.dgn-acc-hero--login,.dgn-acc-hero--affiliate) .dgn-hero__card{max-width:none} body.dgn-page[data-page="account"] :is(.dgn-acc-hero--login,.dgn-acc-hero--affiliate) .dgn-acc-forms #customer_login{grid-template-columns:repeat(2,minmax(0,1fr))} body.dgn-page[data-page="account"] .dgn-acc-hero--login .dgn-acc-hero__bot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;max-width:none} body.dgn-page[data-page="account"] .dgn-acc-hero--login :is(.dgn-acc-feats,.dgn-acc-join){max-width:none} body.dgn-page[data-page="account"] .dgn-acc-hero--login .dgn-acc-join{margin-top:0} body.dgn-page[data-page="account"] .dgn-acc-hero--login .dgn-acc-feats{grid-template-columns:minmax(0,1fr)} body.dgn-page[data-page="account"] .dgn-acc-hero--login .dgn-acc-feats li:nth-child(even){padding-left:0;border-left:0} body.dgn-page[data-page="account"] .dgn-acc-hero--login .dgn-acc-feats li{padding:16px 0} body.dgn-page[data-page="account"] .dgn-acc-hero--affiliate .dgn-acc-steps{max-width:none} } @media (max-width:900px){ html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul{grid-template-columns:repeat(2,minmax(0,1fr)) !important} body.dgn-page[data-page="account"] .dgn-acc-hub{grid-template-columns:minmax(0,1fr)} body.dgn-page[data-page="account"] .woocommerce-MyAccount-content .dglaf-dashboard-links{--dglaf-dashboard-direction:column !important;--dglaf-dashboard-card-width:100% !important} body.dgn-page[data-page="account"] .dglm-vip__benefits>article+article{padding-left:0;border-left:0;border-top:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-Addresses{grid-template-columns:minmax(0,1fr)} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row{grid-template-columns:minmax(0,1fr)} /* tablets (721-900px): the stacked price panel keeps a compact width, as on desktop (full width on phones, below) */ body.dgn-page[data-page="account"] .dglm-vip-upgrade-row__action{max-width:420px} } @media (max-width:720px){ body.dgn-page[data-page="account"] .dgn-acc-hero{padding-bottom:64px} body.dgn-page[data-page="account"] .dgn-acc-hero__grid{padding-top:28px} body.dgn-page[data-page="account"] .dgn-acc-hero__h{font-size:clamp(38px,11vw,56px)} body.dgn-page[data-page="account"] .dgn-acc-forms #customer_login>:is(.u-column1,.u-column2), body.dgn-page[data-page="account"] .dgn-acc-forms .woocommerce>form.lost_reset_password, body.dgn-page[data-page="account"] .dgn-acc-hero--sent .dgn-acc-forms .woocommerce, body.dgn-page[data-page="account"] .dg-support-app .dg-support-auth-forms #customer_login>:is(.u-column1,.u-column2){padding:22px 18px 20px;border-radius:18px} body.dgn-page[data-page="account"] .dgn-acc-feats{grid-template-columns:minmax(0,1fr)} body.dgn-page[data-page="account"] .dgn-acc-feats li, body.dgn-page[data-page="account"] .dgn-acc-feats li:nth-child(even){padding:16px 0;border-left:0} body.dgn-page[data-page="account"] .dgn-acc-join{padding:22px 20px 20px;border-radius:18px} body.dgn-page[data-page="account"] .dgn-acc-join .dgn-cta-row .dgn-btn{flex:1 1 100%;min-width:max-content} body.dgn-page[data-page="account"] .dgn-acc-band{padding:32px 0 28px} body.dgn-page[data-page="account"] .dgn-acc-band__h{font-size:clamp(36px,10vw,52px)} body.dgn-page[data-page="account"] .dgn-acc-band .dgn-lead{font-size:16px} /* phones: the member card on the dashboard only; on every other page the content comes first */ body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-card{display:none} body.dgn-page[data-page="account"] .dgn-acc-main--member:not(.dgn-acc-ep--dashboard) .dgn-acc-band .dgn-lead{display:none} body.dgn-page[data-page="account"] .dgn-acc-card__name{font-size:24px} body.dgn-page[data-page="account"] .dgn-acc-app{padding:28px 0 72px} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation::before{margin-bottom:10px} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link>a{min-height:44px !important;padding:9px 12px !important;font-size:13.5px !important;gap:10px} html body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-MyAccount-navigation>ul>li.woocommerce-MyAccount-navigation-link--customer-logout{grid-column:1/-1 !important} body.dgn-page[data-page="account"] :is(.dglaf-onboarding,.dglaf-license-store,.dglaf-performance,.dglaf-member-downloads,.dglaf-release-history,.dglm-hub,.dglm-vip){padding:20px 16px;border-radius:18px} html body.dgn-page[data-page="account"] .dglaf-plan-grid, html body.dgn-page[data-page="account"] .dglaf-license-store .dglaf-plan-grid{--dglaf-plan-columns:minmax(0,1fr) !important} body.dgn-page[data-page="account"] .dglaf-license-store__header{flex-direction:column;gap:12px} body.dgn-page[data-page="account"] .dglm-license-card{padding:20px 16px;border-radius:18px} body.dgn-page[data-page="account"] .dglm-license-panel>p{margin-bottom:20px} body.dgn-page[data-page="account"] .dglm-vip-upgrades{padding:20px 16px;border-radius:18px} body.dgn-page[data-page="account"] .dglm-vip-upgrade-intro{padding-bottom:20px} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row{padding:20px 0} body.dgn-page[data-page="account"] .dglm-vip-upgrade-row__action{max-width:none;padding:16px 16px 18px} body.dgn-page[data-page="account"] .dglm-vip-upgrade-status{gap:14px} body.dgn-page[data-page="account"] .dglm-vip-upgrade-status__mark{flex-basis:38px;width:38px;height:38px;font-size:18px} body.dgn-page[data-page="account"] .dglm-license-key code, body.dgn-page[data-page="account"] .dglm-license-key-value code{font-size:14px} body.dgn-page[data-page="account"] .dglm-info-item{font-size:24px} /* Account Hub figures: two a row on phones (account-hub.css stacks them one a row) */ body.dgn-page[data-page="account"] #dglm-account-hub .dglm-hub__kpis, body.dgn-page[data-page="account"] #dglm-account-hub .dglm-hub__current-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important} body.dgn-page[data-page="account"] .dglm-hub__kpis strong{font-size:21px} body.dgn-page[data-page="account"] .dgn-acc-sec{margin-bottom:20px;padding-bottom:18px} body.dgn-page[data-page="account"] .dgn-acc-app :is(.woocommerce-order-details,.woocommerce-customer-details), body.dgn-page[data-page="account"] .dgn-acc-main .woocommerce-EditAccountForm{padding:20px 16px 8px;border-radius:18px} body.dgn-page[data-page="account"] .dgn-acc-app table.shop_table_responsive tr{display:block;padding:12px 0;border-bottom:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-app table.shop_table_responsive tr :is(th,td){display:flex;justify-content:space-between;gap:16px;padding:6px 0;border:0;text-align:right} body.dgn-page[data-page="account"] .dgn-acc-app table.shop_table_responsive tr :is(th,td)::before{font-family:var(--dgn-fd);font-stretch:112%;font-weight:700;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dgn-dim);float:none} body.dgn-page[data-page="account"] .dgn-acc-app table.shop_table_responsive thead{display:none} body.dgn-page[data-page="account"] .dgn-acc-app .woocommerce-orders-table__cell-order-actions{justify-content:flex-end} /* audit fix, 24 Sep 2026: the Total cell holds "$10.00 for 1 item" as two pieces (the amount, then a text node); as flex items they spread across the row, so this cell is a block: the label left, the whole total right */ body.dgn-page[data-page="account"] .dgn-acc-app table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-total{display:block;text-align:right} body.dgn-page[data-page="account"] .dgn-acc-app table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-total::before{float:left;margin-right:16px;line-height:inherit} body.dgn-page[data-page="account"] .dgn-acc-review{padding-bottom:72px} body.dgn-page[data-page="account"] .dgn-acc-review__in{flex-direction:column;align-items:flex-start;padding:22px 20px} body.dgn-page[data-page="account"] .dgn-acc-review__in .dgn-btn{width:100%} body.dgn-page[data-page="account"] .dg-support-app .dg-support-primary-button, body.dgn-page[data-page="account"] .dg-support-app .dg-support-outline-button{width:100%} } @media (max-width:480px){ body.dgn-page[data-page="account"] .dgn-acc-card__meta{grid-template-columns:minmax(0,1fr)} body.dgn-page[data-page="account"] .dgn-acc-card__meta>div+div{padding-left:0;border-left:0;border-top:1px solid var(--dgn-line)} body.dgn-page[data-page="account"] .dgn-acc-card__top{flex-wrap:wrap} body.dgn-page[data-page="account"] .dglm-license-info{grid-template-columns:minmax(0,1fr)} body.dgn-page[data-page="account"] .dglm-info-item+.dglm-info-item{padding-left:0;border-left:0;padding-top:14px;border-top:1px solid var(--dgn-line)} } /* Audit fixes, 24 Sep 2026. /support/ "Browse by topic": the support centre lays its 8 guide areas out 3 a row from 921px, so the last row had 07 and 08 beside an empty, borderless cell. 4 a row (2 x 4) from 1600px, where the cards stay wide enough for their text; between 921 and 1599px the last card spans the empty cell when a row of 3 is left one short. */ @media (min-width:1600px){ body.dgn-page[data-page="account"] .dg-support-app--home .dg-support-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (min-width:921px) and (max-width:1599px){ body.dgn-page[data-page="account"] .dg-support-app--home .dg-support-category-grid>.dg-support-category:last-child:nth-child(3n+2){grid-column:span 2} } /* iOS Safari zooms the page when a field under 16px takes focus (the viewport meta has no maximum-scale), and the live member-zone login and register fields are 16px. On phones and touch screens every text-type field in the member zone and the Support Hub is 16px (the kit's .dgn-input and the plugins' fields are 15px, some with !important); desktops with a mouse keep 15px. */ @media (max-width:720px),(pointer:coarse){ html body.dgn-page[data-page="account"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="range"]):not([type="color"]),select,textarea){font-size:16px !important} } /* ---------- 14. Reduced motion ---------- */ @media (prefers-reduced-motion:reduce){ body.dgn-page[data-page="account"] .dgn-acc-main :is(*,*::before,*::after){transition:none !important;animation:none !important} body.dgn-page[data-page="account"] .dgn-acc-main :is(.dgn-acc-hub__i,.dglaf-plan-card__button,.dg-support-primary-button,.dglm-save-accounts,.woocommerce-form-login__submit,.dglaf-dashboard-links>a,.dg-support-quick-actions a):is(:hover,:focus-visible){transform:none !important} }