:root{--ink:#162638;--blue:#1767b1;--teal:#10a79f;--soft:#f4f7fa;--line:#dbe5ed;--red:#b53131;--dark:#101d2c}
*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55}.site-header{min-height:72px;background:#fff;border-bottom:1px solid var(--line);padding:11px max(22px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:196px;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.site-header a,.link-button{font:inherit;font-size:.92rem;font-weight:700;color:var(--ink);text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.container{max-width:1320px;margin:auto;padding:34px 22px 62px}.site-footer{padding:22px max(22px,calc((100vw - 1320px)/2));background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#5a6b7c;font-size:.9rem}.site-footer a{color:var(--blue);font-weight:700;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--teal);font-size:.76rem;font-weight:800}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 7px 20px rgba(22,43,65,.055)}.grid{display:grid;gap:17px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{font-size:2.25rem;font-weight:830;letter-spacing:-.04em}.muted{color:#617184}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--blue);background:var(--blue);color:#fff!important;border-radius:9px;text-decoration:none;font-weight:800;cursor:pointer}.button-secondary{background:#fff;color:var(--blue)!important}.button-danger{background:var(--red);border-color:var(--red)}.button-small{padding:7px 10px;font-size:.86rem}.button-row{display:flex;gap:10px;flex-wrap:wrap}.notice{background:#e4f7f1;border:1px solid #b8e7da;border-radius:10px;padding:11px 14px;margin-bottom:18px;color:#0b6259}.warning{background:#fff4dc;border:1px solid #f0d69a;border-radius:10px;padding:13px 15px;color:#684b00}.error{color:var(--red)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:#647487}.badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#e9f2fa;color:#14568e;font-weight:750;font-size:.8rem}.badge-green{background:#e4f7f1;color:#086259}.badge-red{background:#fee9e9;color:#a12828}.form-card{max-width:800px}.field{display:grid;gap:5px;margin-bottom:15px}.field label{font-weight:750}.field input,.field select,.field textarea{font:inherit;width:100%;padding:10px 11px;border:1px solid #b9c7d4;border-radius:8px;background:#fff}.field textarea{min-height:130px}.validation-summary-errors{color:var(--red);margin-bottom:14px}.code{background:var(--dark);color:#dcecff;border-radius:10px;padding:15px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:20px 0}.hero h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.04em;margin:.25rem 0 1rem}.hero p{font-size:1.08rem;color:#586777}.section-title{margin:28px 0 14px;font-size:1.5rem}.setup-shell{max-width:900px;margin:24px auto}.setup-steps{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 24px}.setup-steps span{padding:6px 9px;background:#e6eef5;border-radius:999px;font-size:.82rem;font-weight:750}.setup-steps .active{background:#d8f2ee;color:#08746e}.key-display{padding:16px;border-radius:10px;background:#101d2c;color:white;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.list{padding-left:20px}.list li{margin:5px 0}
@media(max-width:950px){.grid-4,.grid-3,.hero{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column}.brand img{width:180px}}
.automation-callout{display:flex;align-items:flex-start;gap:14px;margin:22px 0;padding:17px 18px;border:1px solid #b9e8e2;border-radius:14px;background:linear-gradient(135deg,#ecfbf8,#f4fbff)}.automation-callout h2{margin:0 0 4px;font-size:1.05rem}.automation-callout p{margin:0;color:#426070}.automation-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#0f8f89;color:#fff;font-size:1.35rem;font-weight:800}.completion-shell{text-align:center;max-width:920px}.completion-shell h1{margin:.2rem 0 1rem}.completion-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#e1f8ef;color:#087052;font-size:2rem;font-weight:900}.cron-card{text-align:left;margin-top:24px}.cron-card h2{font-size:1.05rem;margin:20px 0 7px}.cron-card h2:first-child{margin-top:0}.cron-schedule{display:inline-block;padding:9px 13px;border-radius:9px;background:#e7f1ff;color:#125493;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.code-wrap{white-space:pre-wrap;word-break:break-word}.completion-actions{justify-content:center;margin-top:20px}.automation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.automation-summary .card{padding:16px}.automation-summary .label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#688092}.automation-summary .value{font-size:1.4rem;font-weight:850;margin-top:3px}.setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}@media(max-width:800px){.automation-summary,.setting-grid{grid-template-columns:1fr}.automation-callout{align-items:flex-start}}


/* Marketplace and built-in Live Chat */
.site-header__bar{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}
.nav-toggle{display:none;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:8px 10px;font:inherit;font-weight:800;cursor:pointer}
.site-header nav.is-open{display:flex}
.workspace-page{display:grid;gap:22px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.workspace-head h1,.workspace-head h2{margin:.2rem 0}.workspace-head p{margin:5px 0 0}.empty-state{padding:23px;border:1px dashed #b9c7d4;border-radius:14px;background:#fff;color:#617184;text-align:center}.live-chat-inbox{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);gap:17px}.chat-list{display:grid;gap:7px}.chat-list__item{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none}.chat-list__item span{color:#617184;font-size:.8rem}.chat-list__item.is-active{border-color:#1767b1;background:#e9f3fd}.chat-transcript{display:grid;gap:10px;max-height:60vh;overflow:auto;padding:4px 2px}.chat-bubble{max-width:85%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.chat-bubble--agent{margin-left:auto;background:#e8f4ff;border-color:#bddcf5}.chat-bubble p{margin:4px 0}.chat-bubble small{color:#617184}.reply-form{display:grid;gap:10px;margin-top:14px}.reply-form textarea{width:100%;resize:vertical;padding:10px 11px;border:1px solid #b9c7d4;border-radius:8px;font:inherit}.button--small{padding:7px 10px;font-size:.86rem}.button--secondary{background:#fff;color:var(--blue)!important}.button--danger{background:var(--red);border-color:var(--red)}
.swal2-popup{border-radius:16px!important;font-family:Inter,Segoe UI,Arial,sans-serif!important}.swal2-confirm{background:var(--blue)!important}.swal2-cancel{background:#e6eef5!important;color:var(--ink)!important}
@media(max-width:950px){.site-header{padding:10px 18px}.site-header__bar{align-items:flex-start}.nav-toggle{display:inline-flex}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.site-header nav a,.site-header nav form{padding:10px 0;border-bottom:1px solid var(--line)}.site-header nav form{margin:0}.live-chat-inbox{grid-template-columns:1fr}.workspace-head{align-items:stretch;flex-direction:column}.workspace-head .button-row,.workspace-head .button{width:100%}.chat-transcript{max-height:none}.site-footer{padding:20px 18px}}
@media(max-width:600px){.container{padding:25px 14px 44px}.site-header{padding:9px 14px}.brand img{width:155px}.card{padding:17px}.button-row{display:grid;grid-template-columns:1fr}.button-row .button{width:100%}.chat-bubble{max-width:94%}}

/* First-time installation feedback and resilient notifications. */
.field-help{display:block;color:#647487;font-size:.84rem;line-height:1.42}.field .input-validation-error,.setup-form.was-validated .field input:invalid,.setup-form.was-validated .field select:invalid{border-color:#c63c3c;box-shadow:0 0 0 3px rgba(198,60,60,.1)}.field .error:empty{display:none}.terms-field{margin-top:18px}.terms-field>label{display:flex;align-items:flex-start;gap:9px;font-weight:650}.terms-field input{width:auto;margin-top:4px}.setup-feedback{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px;padding:13px 15px;border:1px solid;border-radius:11px}.setup-feedback strong{white-space:nowrap}.setup-feedback-error{background:#fff0f0;border-color:#f2b8b8;color:#8d2525}.setup-progress{display:flex;align-items:center;gap:10px;margin:18px 0 14px;padding:12px 14px;border-radius:10px;background:#eaf4ff;color:#144f82;font-weight:700}.setup-progress-spinner{width:18px;height:18px;border:3px solid rgba(20,79,130,.22);border-top-color:#145f9f;border-radius:50%;animation:sysautomator-spin .75s linear infinite}.setup-form button[disabled]{cursor:wait;opacity:.74}.app-toast{position:fixed;z-index:9999;top:22px;right:22px;display:flex;align-items:flex-start;gap:10px;max-width:min(430px,calc(100vw - 32px));padding:13px 12px 13px 14px;border-radius:12px;color:#fff;background:#126a60;box-shadow:0 14px 34px rgba(16,29,44,.24);opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease}.app-toast.is-visible{opacity:1;transform:translateY(0)}.app-toast[data-kind="error"]{background:#a12828}.app-toast[data-kind="warning"]{background:#8a5a00}.app-toast-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border:1px solid rgba(255,255,255,.58);border-radius:50%;font-weight:900}.app-toast-message{padding-top:1px;font-size:.92rem;font-weight:650;line-height:1.4}.app-toast-close{margin:-4px -2px -4px 4px;padding:0 4px;border:0;background:transparent;color:#fff;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}@keyframes sysautomator-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.grid-2,.grid-3{grid-template-columns:1fr}.app-toast{top:12px;right:12px}.setup-feedback{flex-direction:column}.setup-feedback strong{white-space:normal}}


/* Setup database preflight and legal agreement */
.setup-database-note{margin:0 0 18px;padding:14px 16px;border:1px solid #b9d9ef;border-radius:12px;background:#f2f9fe;color:#294a63}.setup-database-note strong{display:block;margin-bottom:6px;color:#14568e}.setup-database-note ol{margin:7px 0 0 19px;padding:0}.setup-database-note li{margin:4px 0}.setup-database-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#0e4f80}.legal-page{max-width:980px;margin:26px auto;display:grid;gap:18px}.legal-page__header{padding:28px}.legal-page__header h1{margin:.35rem 0 .65rem;letter-spacing:-.03em}.legal-page__header p{color:#516779;line-height:1.62}.legal-document{padding:30px;line-height:1.68}.legal-document h2{margin-top:0;font-size:1.45rem}.legal-document h3{margin:1.5rem 0 .45rem;font-size:1.04rem}.legal-document p{margin:.45rem 0;color:#293947}.footer-legal-link{margin-left:auto}@media(max-width:760px){.legal-document,.legal-page__header{padding:20px}.footer-legal-link{margin-left:0}}

/* --------------------------------------------------------------------------
   Public templates, direct login UI, client area, and accessible buttons.
   These rules intentionally live after legacy styles so the controls render
   with contrast even when the Identity Razor Class Library is unavailable.
   -------------------------------------------------------------------------- */
:root{--brand-accent:#1767B1;--brand-accent-dark:#0f518e;--brand-surface:#edf6ff;--brand-text:#12263a}
body{min-height:100vh;display:flex;flex-direction:column}.container{flex:1;width:100%}.site-header{position:relative;z-index:20}.site-header__bar{width:min(1320px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand__name{display:inline-block;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.86rem;font-weight:800}.brand img{width:154px}.site-header nav{justify-content:flex-end}.site-header nav>a{padding:8px 2px}.site-header .header-login,.site-header a.button,.site-header button.button,.identity-submit,.button{background:var(--brand-accent)!important;border-color:var(--brand-accent)!important;color:#fff!important;text-shadow:none!important;box-shadow:none!important}.site-header .header-login:hover,.site-header a.button:hover,.site-header button.button:hover,.identity-submit:hover,.button:hover{background:var(--brand-accent-dark)!important;border-color:var(--brand-accent-dark)!important;color:#fff!important}.button.button-secondary,.button-secondary{background:#fff!important;border-color:var(--brand-accent)!important;color:var(--brand-accent)!important}.button.button-secondary:hover,.button-secondary:hover{background:var(--brand-surface)!important;color:var(--brand-accent-dark)!important}.link-button{color:var(--ink)!important;padding:8px 2px!important;font-weight:800!important}.link-button:hover{color:var(--brand-accent)!important}.nav-signout-form{margin:0}.site-footer{margin-top:auto}.site-footer__links{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.identity-shell{min-height:calc(100vh - 270px);display:grid;place-items:center;padding:32px 0}.identity-card{width:min(100%,510px);padding:32px}.identity-card h1{margin:.25rem 0 .55rem;letter-spacing:-.035em}.identity-form{display:grid;gap:14px;margin-top:25px}.identity-form .field{margin:0}.identity-form input[type="email"],.identity-form input[type="password"]{min-height:46px;border:1px solid #9cb1c2;background:#fff;color:#13293d}.identity-form input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid color-mix(in srgb,var(--brand-accent) 20%,transparent);border-color:var(--brand-accent)}.identity-submit{width:100%;min-height:46px;margin-top:2px;font-size:1rem}.identity-help{margin:21px 0 0;color:#607386;font-size:.89rem}.identity-invitation{margin-top:22px;padding:18px;border:1px solid #d7e4ee;border-radius:14px;background:linear-gradient(145deg,#f8fbfd,#eef6fb)}.identity-invitation>strong{display:block;color:#183952;font-size:.97rem}.identity-invitation>p{margin:7px 0 0;line-height:1.55}.identity-invitation__form{margin-top:14px;gap:11px}.identity-invitation__form .identity-submit{margin-top:0}.template-midnight .identity-invitation{background:#13263a;border-color:#29465e}.template-midnight .identity-invitation>strong{color:#fff}.template-midnight .identity-invitation>p{color:#bfd0df}.check-row{display:flex;align-items:flex-start;gap:9px;color:#34495c;font-size:.92rem;font-weight:650}.check-row input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--brand-accent)}.error-reference{margin-top:15px;padding:10px 12px;border-radius:8px;background:#fff4dc;color:#684b00}.public-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:28px;align-items:stretch;margin:18px 0 32px;padding:clamp(28px,5vw,62px);border:1px solid #d6e4ee;border-radius:24px;background:linear-gradient(135deg,#f9fcff 0%,var(--brand-surface) 100%);overflow:hidden}.public-hero__content{align-self:center}.public-hero h1{max-width:740px;margin:.35rem 0 16px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em;color:#11273b}.public-hero__content>p{max-width:680px;margin:0;color:#4b6377;font-size:1.13rem;line-height:1.7}.public-hero__actions{margin-top:27px}.public-hero__panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-color:color-mix(in srgb,var(--brand-accent) 24%,#dbe5ed)}.public-hero__panel h2{margin:.6rem 0}.public-hero__panel p{margin:0;color:#587083}.public-hero__panel-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-accent);color:#fff;font-weight:950;font-size:1.3rem}.public-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0 0}.public-hero__stats div{padding:11px;border:1px solid #dfeaf2;border-radius:10px;background:#fff}.public-hero__stats dt{color:#607386;font-size:.77rem;font-weight:750}.public-hero__stats dd{margin:3px 0 0;color:#183952;font-size:1rem;font-weight:850}.public-hero__support{margin-top:19px!important;font-size:.92rem!important}.public-hero__support a{color:var(--brand-accent);font-weight:800}.public-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:15px}.public-features h2{margin:.35rem 0 .55rem;font-size:1.23rem}.public-features p{margin:0;color:#597082}.template-classic .public-hero{border-radius:5px;background:#f7f4ee;border-color:#d9cfbf}.template-classic .card{border-radius:5px;box-shadow:none}.template-classic .site-header,.template-classic .site-footer{background:#fdfbf7}.template-midnight{background:#0d1825;color:#e8f1f8}.template-midnight .site-header{background:#101e2e;border-color:#294157}.template-midnight .site-header a,.template-midnight .brand__name,.template-midnight .link-button{color:#edf6ff!important}.template-midnight .site-footer{background:#101e2e;border-color:#294157;color:#b9cbd9}.template-midnight .container{background:#0d1825}.template-midnight .public-hero{background:linear-gradient(135deg,#152a40 0%,#0f1d2b 100%);border-color:#29465e}.template-midnight .public-hero h1{color:#fff}.template-midnight .public-hero__content>p,.template-midnight .public-hero__panel p{color:#c0d1df}.template-midnight .public-hero__panel,.template-midnight .public-hero__stats div{background:#13263a;border-color:#2a4c67}.template-midnight .public-hero__stats dt{color:#afc2d1}.template-midnight .public-hero__stats dd{color:#fff}.template-midnight .public-features .card{background:#13263a;border-color:#29465e;color:#f5fbff}.template-midnight .public-features p{color:#c0d1df}.portal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:10px 0 22px}.portal-head h1{margin:.25rem 0}.portal-balance{min-width:250px;display:grid;gap:2px}.portal-balance span{color:#617184;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.portal-balance strong{font-size:2rem;letter-spacing:-.04em}.portal-summary{margin-bottom:18px}.portal-grid{align-items:start;margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-heading h2{margin:.25rem 0 0}.portal-list{display:grid;gap:1px}.portal-list article{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.portal-list article:last-child{border-bottom:0}.portal-list span{color:#637488;font-size:.9rem;text-align:right}.settings-page{display:grid;gap:22px}.settings-page__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.settings-page__head h1{margin:.2rem 0 .45rem}.settings-page__head p{margin:0;max-width:830px}.settings-form{max-width:920px}.template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0;border:0}.template-options legend{margin-bottom:9px;font-weight:800}.template-option{display:flex;align-items:flex-start;gap:10px;min-height:95px;padding:14px;border:1px solid #cad9e5;border-radius:12px;background:#fff;cursor:pointer}.template-option:has(input:checked){border-color:var(--brand-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 14%,transparent)}.template-option input{width:18px;height:18px;accent-color:var(--brand-accent)}.template-option span{display:grid;gap:4px}.template-option small{color:#637488;line-height:1.35}.table-action{color:var(--brand-accent);font-size:.86rem;font-weight:800;text-decoration:none;white-space:nowrap}.table-action:hover{text-decoration:underline}.site-header a:focus-visible,.button:focus-visible,.link-button:focus-visible,.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent) 35%,transparent);outline-offset:2px}
@media(max-width:920px){.site-header__bar{align-items:flex-start;flex-wrap:wrap}.public-hero{grid-template-columns:1fr}.public-features{grid-template-columns:1fr}.template-options{grid-template-columns:1fr}.portal-head{align-items:stretch;flex-direction:column}.portal-balance{min-width:0}.settings-page__head{align-items:stretch;flex-direction:column}.settings-page__head .button{width:100%}}
@media(max-width:760px){.brand__name{display:none}.site-header nav.is-open{display:flex}.site-header nav{width:100%}.site-header nav a,.site-header nav form{width:100%}.site-header .header-login{width:100%;margin-top:7px}.public-hero{padding:27px 20px;border-radius:17px}.public-hero h1{font-size:2.35rem}.public-hero__stats{grid-template-columns:1fr}.portal-list article{align-items:flex-start;flex-direction:column}.portal-list span{text-align:left}.site-footer{align-items:flex-start;flex-direction:column}.site-footer__links{gap:13px}.identity-card{padding:22px}.template-options{gap:9px}}

/* Locale selector is available on public, client and administrator surfaces. */
.locale-form{display:flex;align-items:center;margin-inline-start:.25rem}.locale-form select{min-height:2.2rem;max-width:12rem;border:1px solid rgba(255,255,255,.35);border-radius:.45rem;background:#fff;color:#172033;padding:.3rem .5rem;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* --------------------------------------------------------------------------
   Original SysAutomator billing portal surface: public, client, and admin.
   This is intentionally a distinct design system, not a copied WHMCS template.
   -------------------------------------------------------------------------- */
.brand-logo{width:154px!important;max-height:44px;object-fit:contain;object-position:left center}.brand--admin .brand-logo{max-width:100%;height:44px}.text-action{display:inline-flex;align-items:center;min-height:40px;color:var(--brand-accent);font-weight:800;text-decoration:none}.text-action:hover{text-decoration:underline}.field-help{font-size:.82rem;color:#617184}.logo-preview{display:flex;align-items:center;gap:18px;padding:14px;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.logo-preview img{width:180px;max-height:62px;object-fit:contain;object-position:left center}.admin-app{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr);background:#f4f7fb}.admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 14px;background:#111c2a;color:#d4dfeb;border-right:1px solid #25384e}.admin-sidebar .brand{padding:0 10px 23px;margin-bottom:10px;border-bottom:1px solid #263a50}.admin-sidebar .brand__name{color:#fff;font-size:.92rem}.admin-sidebar__label{padding:16px 10px 7px;color:#91a5ba;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.admin-nav{display:grid;gap:3px}.admin-nav a{display:flex;align-items:center;min-height:39px;padding:9px 11px;border-radius:9px;color:#d3dfeb;font-size:.91rem;font-weight:720;text-decoration:none}.admin-nav a:hover,.admin-nav a:focus-visible{background:#203851;color:#fff;outline:none}.admin-main{min-width:0}.admin-topbar{min-height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid #dde6ee}.admin-topbar strong{display:block;color:#18293a;font-size:.94rem}.admin-topbar__eyebrow{display:block;color:#758596;font-size:.71rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.admin-content{padding:30px;max-width:1560px}.is-admin .hero{padding:0;margin-bottom:28px}.is-admin .hero>div{padding:22px 26px;border:1px solid #dce6ee;border-radius:18px;background:linear-gradient(135deg,#fff,#f0f6fb)}.is-admin .hero h1{font-size:clamp(1.8rem,3vw,2.75rem)}.is-admin .card{border-radius:14px;box-shadow:0 5px 17px rgba(23,42,62,.055)}.is-admin .grid-4 .card a{display:inline-block;margin-top:9px;color:var(--brand-accent);font-size:.88rem;font-weight:800;text-decoration:none}.is-admin .grid-4 .card a:hover{text-decoration:underline}.catalog-head,.catalog-group__head,.contact-page{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:10px 0 26px}.catalog-head h1,.catalog-group__head h2,.contact-page h1{margin:.2rem 0 .5rem}.catalog-group{margin:0 0 35px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-card{display:flex;flex-direction:column}.catalog-card h3{margin:0 0 8px;font-size:1.2rem}.catalog-card .button{margin-top:auto;align-self:flex-start}.catalog-card__price{margin:18px 0;color:#253d52;font-weight:780}.catalog-prices{display:grid;gap:7px;margin:18px 0}.catalog-prices div{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:3px 10px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line)}.catalog-prices div:first-child{border-top:0;padding-top:0}.catalog-prices strong{color:#102d49}.catalog-prices span,.catalog-prices small{color:#607386;font-size:.84rem}.catalog-prices small{grid-column:1 / -1}.search-bar{display:flex;gap:10px;align-items:center;max-width:760px;padding:12px;margin-bottom:20px}.search-bar input{min-width:0;flex:1;padding:11px 12px;border:1px solid #b9c7d4;border-radius:8px;font:inherit}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card h2{margin:.35rem 0 .55rem;font-size:1.2rem}.article-card .table-action{display:inline-block;margin-top:13px}.article-page{max-width:900px;margin:14px auto;padding:clamp(22px,4vw,54px)}.article-page h1{margin:.45rem 0 .8rem;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.article-page__summary{font-size:1.12rem;color:#526b80}.article-page__body{margin-top:28px;overflow-wrap:anywhere}.article-page__body h2,.article-page__body h3{margin-top:1.6em}.article-page__body a{color:var(--brand-accent)}.contact-page{align-items:stretch;max-width:1050px;margin:18px auto}.contact-page__intro{flex:1;padding:25px 10px}.contact-form{width:min(100%,570px)}.is-client .site-header{box-shadow:0 1px 0 rgba(20,42,62,.04)}.is-client .portal-head,.is-client .workspace-head{padding-bottom:15px;border-bottom:1px solid var(--line)}.is-client .card{border-radius:14px}.is-client .badge{background:#edf5fb;color:#315a7e}.is-client .badge:has(+ *){white-space:nowrap}.identity-help a{color:var(--brand-accent);font-weight:800}.template-midnight .catalog-card,.template-midnight .article-card,.template-midnight .article-page,.template-midnight .contact-form,.template-midnight .search-bar{background:#13263a;border-color:#29465e;color:#f5fbff}.template-midnight .catalog-prices div{border-color:#29465e}.template-midnight .catalog-prices strong,.template-midnight .article-page h1{color:#fff}.template-midnight .catalog-prices span,.template-midnight .catalog-prices small,.template-midnight .article-page__summary{color:#bfd0df}.template-midnight .search-bar input{background:#0f1d2b;border-color:#365977;color:#fff}.template-midnight .contact-page__intro{color:#f4fbff}.template-midnight .contact-page__intro .muted{color:#bfd0df}@media(max-width:1100px){.admin-app{grid-template-columns:220px minmax(0,1fr)}.admin-content{padding:24px}.catalog-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.admin-app{display:block}.admin-sidebar{position:static;height:auto;overflow:visible;padding:14px}.admin-sidebar .brand{padding-bottom:14px}.admin-sidebar__label{display:none}.admin-nav{display:flex;flex-wrap:wrap;gap:5px}.admin-nav a{min-height:34px;padding:7px 9px;font-size:.82rem}.admin-topbar{padding:0 17px}.admin-content{padding:20px 15px}.catalog-head,.catalog-group__head,.contact-page{align-items:stretch;flex-direction:column}.catalog-grid,.article-grid{grid-template-columns:1fr}.contact-form{width:100%}.logo-preview{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.catalog-head .button-row{grid-template-columns:1fr}.catalog-head .button-row a{width:100%}.search-bar{align-items:stretch;flex-direction:column}.search-bar .button{width:100%}.admin-topbar{min-height:62px}.admin-topbar .button{padding:7px 9px}.brand-logo{width:135px!important}}

/* Global operation feedback: prevent duplicate writes and clearly show work in progress. */
.app-progress{position:fixed;inset:0;z-index:3000;background:rgba(15,23,42,.38);display:grid;place-items:center}.app-progress[hidden]{display:none}.app-progress__card{min-width:220px;padding:1.25rem 1.5rem;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.25);display:grid;justify-items:center;gap:.45rem;color:#172033}.app-progress__spinner{width:30px;height:30px;border:3px solid #dbe4ef;border-top-color:var(--accent,#1767b1);border-radius:50%;animation:sysautomator-spin .8s linear infinite}@keyframes sysautomator-spin{to{transform:rotate(360deg)}}button:disabled{opacity:.68;cursor:wait}.inline-form{display:inline}.table-actions{white-space:nowrap}.amount-due{font-weight:700;color:#b42318}.filter-card{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0}.filter-card .field{min-width:160px;flex:1}.form-inline{display:flex;flex-wrap:wrap;align-items:end;gap:1rem}.field-span{grid-column:1 / -1}.admin-preview-banner{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.85rem 1rem;margin:1rem 0;border:1px solid #f2bf61;border-radius:10px;background:#fff6db;color:#5e4100}.ticket-thread{display:grid;gap:1rem}.ticket-message{border:1px solid #e3e8ee;border-radius:12px;padding:1rem;background:#fff}.ticket-message--private{border-color:#a88aef;background:#f7f3ff}.ticket-message__meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.65rem;color:#536172;font-size:.9rem}.ticket-message__body{line-height:1.55;white-space:normal}.ticket-detail__facts{display:flex;flex-wrap:wrap;gap:.55rem;margin:.75rem 0 1rem}.ticket-detail__facts .badge{font-size:.82rem}@media(max-width:700px){.filter-card,.form-inline{align-items:stretch}.filter-card .field{min-width:100%}.table-actions{white-space:normal}.admin-preview-banner{align-items:flex-start}}
.migration-progress__bar{height:12px;border-radius:999px;background:#e5ebf2;overflow:hidden;margin:1rem 0}.migration-progress__bar span{display:block;height:100%;background:var(--accent,#1767b1);transition:width .35s ease}
.live-chat-launcher{position:fixed;right:1rem;bottom:1rem;z-index:1200;display:grid;justify-items:end;gap:.6rem}.live-chat-launcher__button{border:0;border-radius:999px;padding:.82rem 1.05rem;background:var(--accent,#1767b1);color:#fff;font-weight:700;box-shadow:0 8px 22px rgba(15,23,42,.25)}.live-chat-launcher iframe{width:min(360px,calc(100vw - 2rem));height:min(540px,calc(100vh - 7rem));border:0;border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,.32);background:#fff}

/* Original SysAutomator public commerce portal. */
.site-header{background:#fff;border-bottom:1px solid #e4ebf1;box-shadow:0 2px 15px rgba(27,46,66,.04)}
.site-header__utility{background:#f6f9fc;border-bottom:1px solid #e6edf3}.site-header__utility-inner{min-height:38px;display:flex;justify-content:flex-end;align-items:center;gap:12px}.portal-context-form{display:flex;align-items:center;gap:7px}.portal-context-form select{max-width:205px;padding:4px 7px;border:1px solid #d6e1eb;border-radius:6px;background:#fff;color:#33485d;font-size:.76rem}.portal-context-summary{color:#68798a;font-size:.78rem;font-weight:700}.site-header__bar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header__bar [data-primary-nav]{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:wrap}.site-header__bar [data-primary-nav]>a,.site-header__bar .link-button{color:#33485c;font-size:.89rem;font-weight:750;text-decoration:none}.site-header__bar [data-primary-nav]>a:hover,.site-header__bar .link-button:hover{color:var(--brand-accent);text-decoration:none}.site-header__bar .cart-link{white-space:nowrap}.public-main{min-height:calc(100vh - 180px);padding-top:29px;padding-bottom:48px}
.portal-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:28px;align-items:center;padding:clamp(24px,5vw,64px);border:1px solid #dce7ef;border-radius:22px;background:linear-gradient(125deg,#fbfdff,#eff7ff)}.portal-hero h1{max-width:810px;margin:0 0 14px;color:#102c47;font-size:clamp(2rem,5vw,4rem);line-height:1.04;letter-spacing:-.046em}.portal-hero p{max-width:740px;margin:0;color:#566b80;font-size:1.08rem;line-height:1.65}.portal-hero__aside{padding:22px;border-radius:16px;background:#142b42;color:#eef7ff;box-shadow:0 16px 35px rgba(16,44,71,.16)}.portal-hero__aside strong{font-size:1.2rem}.portal-hero__aside p{color:#cce0ee;font-size:.94rem}.portal-hero__aside a{display:inline-flex;margin-top:14px;color:#fff;font-weight:800}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:27px 0 43px}.quick-action{display:flex;min-height:148px;flex-direction:column;justify-content:space-between;padding:21px;border:1px solid #dce7ef;border-radius:15px;background:#fff;color:#182d41;text-decoration:none;box-shadow:0 4px 16px rgba(21,44,66,.045)}.quick-action:hover{border-color:var(--brand-accent);transform:translateY(-2px);box-shadow:0 10px 24px rgba(21,44,66,.11)}.quick-action__icon{font-size:1.65rem}.quick-action strong{font-size:1.08rem}.quick-action span{color:#66798c;font-size:.88rem}.portal-section{margin:0 0 44px}.portal-section__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.portal-section__head h2{margin:0;font-size:clamp(1.45rem,2.4vw,2rem);color:#152f48}.portal-section__head a{color:var(--brand-accent);font-weight:800;text-decoration:none}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.news-card{display:flex;min-height:205px;flex-direction:column;padding:21px;border:1px solid #dce7ef;border-radius:15px;background:#fff}.news-card time{color:#728497;font-size:.81rem;font-weight:800}.news-card h3{margin:8px 0 10px;color:#1b344c;font-size:1.12rem;line-height:1.3}.news-card p{margin:0;color:#5f7285;line-height:1.55}.news-card a{margin-top:auto;padding-top:15px;color:var(--brand-accent);font-weight:800;text-decoration:none}.announcements-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px}.announcement-list{display:grid;gap:15px}.announcement-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:17px;padding:20px;border:1px solid #dce7ef;border-radius:15px;background:#fff}.announcement-card__date{display:grid;align-content:start;gap:2px;color:#61778b;font-size:.78rem;font-weight:800}.announcement-card__date strong{color:var(--brand-accent);font-size:1.45rem}.announcement-card h2{margin:0 0 8px;font-size:1.28rem}.announcement-card h2 a{color:#18334c;text-decoration:none}.announcement-card p{margin:0;color:#5c7184;line-height:1.6}.announcement-card__meta{margin-top:12px;color:#718394;font-size:.82rem}.announcement-archive{align-self:start;padding:20px;border:1px solid #dce7ef;border-radius:14px;background:#fff}.announcement-archive h2{margin:0 0 13px;font-size:1.1rem}.announcement-archive a{display:block;padding:6px 0;color:var(--brand-accent);font-weight:700;text-decoration:none}.store-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:27px}.store-sidebar{align-self:start;position:sticky;top:14px;padding:19px;border:1px solid #dce7ef;border-radius:15px;background:#fff}.store-sidebar h2{margin:0 0 12px;font-size:1.05rem}.store-sidebar a{display:block;padding:7px 3px;color:#3c5268;font-size:.91rem;text-decoration:none}.store-sidebar a:hover{color:var(--brand-accent);font-weight:800}.store-sidebar__actions{margin-top:20px;padding-top:14px;border-top:1px solid #e5edf4}.store-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.store-toolbar h1{margin:0 0 6px;color:#172f47;font-size:clamp(1.75rem,3.4vw,2.75rem)}.store-toolbar p{margin:0;color:#617486}.store-category{margin:0 0 36px;scroll-margin-top:20px}.store-category__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:13px}.store-category__head h2{margin:0;color:#213b54;font-size:1.45rem}.store-category__head p{margin:0;color:#617486}.store-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.store-product{display:flex;flex-direction:column;padding:20px;border:1px solid #d9e5ee;border-radius:15px;background:#fff;box-shadow:0 4px 17px rgba(24,48,72,.045)}.store-product h3{margin:0 0 9px;color:#17334d;font-size:1.16rem}.store-product p{margin:0;color:#5f7386;line-height:1.55}.store-product__prices{display:grid;gap:6px;margin:18px 0}.store-product__price{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #ebf0f4;color:#4a6174;font-size:.87rem}.store-product__price:first-child{border-top:0}.store-product__price strong{color:#17334d;text-align:end}.store-product__footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px}.store-product__footer .button{white-space:nowrap}.configure-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.configure-card,.cart-card,.checkout-card{padding:24px;border:1px solid #dce7ef;border-radius:16px;background:#fff}.order-summary{align-self:start;position:sticky;top:14px;padding:23px;border:1px solid #cbdce9;border-radius:16px;background:#f9fcff}.order-summary h2{margin:0 0 15px;font-size:1.2rem;color:#17344f}.order-summary dl{display:grid;gap:11px;margin:0}.order-summary dl>div{display:flex;justify-content:space-between;gap:14px}.order-summary dt{color:#64788b}.order-summary dd{margin:0;color:#18364f;font-weight:750;text-align:end}.order-summary .total{margin-top:8px;padding-top:13px;border-top:1px solid #dce7ef}.order-summary .total dt,.order-summary .total dd{font-size:1.1rem;color:#102e4b;font-weight:850}.cart-lines{display:grid;gap:13px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:17px;border:1px solid #e0e9f0;border-radius:12px;background:#fff}.cart-line h2{margin:0 0 6px;font-size:1.05rem}.cart-line p{margin:0;color:#617486;font-size:.9rem}.cart-line__price{display:grid;justify-items:end;align-content:center;gap:8px;color:#12324e;font-weight:850}.cart-empty{padding:45px 25px;border:1px dashed #b8c8d6;border-radius:15px;color:#5f7285;text-align:center}.client-auth-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:16px}.client-auth-links a{color:var(--brand-accent);font-weight:750;text-decoration:none}.portal-preferences-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:17px;border:1px solid #dce7ef;border-radius:14px;background:#f9fcff}.portal-preferences-card .field{min-width:0}.portal-preferences-card select{width:100%}.network-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.network-card{padding:22px;border:1px solid #dce7ef;border-radius:14px;background:#fff}.network-card strong{display:block;color:#168052;font-size:1.1rem}.network-card p{margin:.55rem 0 0;color:#5c7184}.template-midnight .site-header,.template-midnight .site-header__utility,.template-midnight .store-sidebar,.template-midnight .store-product,.template-midnight .news-card,.template-midnight .announcement-card,.template-midnight .announcement-archive,.template-midnight .configure-card,.template-midnight .cart-card,.template-midnight .checkout-card,.template-midnight .network-card{background:#11243a;border-color:#29465e;color:#f5fbff}.template-midnight .site-header__bar [data-primary-nav]>a,.template-midnight .site-header__bar .link-button,.template-midnight .store-product h3,.template-midnight .store-toolbar h1,.template-midnight .store-category__head h2,.template-midnight .news-card h3,.template-midnight .announcement-card h2 a{color:#f5fbff}.template-midnight .store-product p,.template-midnight .store-toolbar p,.template-midnight .store-category__head p,.template-midnight .news-card p,.template-midnight .announcement-card p,.template-midnight .network-card p{color:#bfd0df}.template-midnight .portal-hero{border-color:#2b4b65;background:linear-gradient(125deg,#13283d,#0f2134)}.template-midnight .portal-hero h1{color:#fff}.template-midnight .portal-hero p{color:#c6d7e4}.template-midnight .store-sidebar a{color:#c9d9e6}.template-midnight .order-summary{background:#13283d;border-color:#2c4c66}.template-midnight .order-summary h2,.template-midnight .order-summary dd,.template-midnight .order-summary .total dt,.template-midnight .order-summary .total dd{color:#fff}
@media(max-width:1080px){.store-shell{grid-template-columns:210px minmax(0,1fr)}.store-products,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-hero{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:830px){.site-header__bar{min-height:64px}.site-header__bar [data-primary-nav]{display:none;width:100%;padding:14px 0}.site-header__bar [data-primary-nav].is-open{display:flex;align-items:stretch;flex-direction:column}.site-header__bar [data-primary-nav]>a,.site-header__bar .button{width:100%}.site-header__utility-inner{justify-content:center}.store-shell,.configure-layout,.checkout-layout,.announcements-layout{grid-template-columns:1fr}.store-sidebar,.order-summary{position:static}.store-products,.news-grid,.quick-actions,.network-grid{grid-template-columns:1fr}.portal-hero{padding:28px}.announcement-archive{order:-1}.portal-preferences-card{grid-template-columns:1fr 1fr}.site-header__bar [data-primary-nav] .nav-signout-form{width:100%}.site-header__bar [data-primary-nav] .link-button{padding:9px 0;text-align:start}}@media(max-width:520px){.portal-context-form{width:100%;justify-content:center}.portal-context-form select{max-width:47%}.portal-context-summary{display:none}.portal-preferences-card{grid-template-columns:1fr}.announcement-card{grid-template-columns:1fr}.announcement-card__date{grid-auto-flow:column;justify-content:start;align-items:baseline}.cart-line{grid-template-columns:1fr}.cart-line__price{justify-items:start}.site-header__utility-inner{min-height:42px}.quick-action{min-height:112px}.public-main{padding-top:20px}}
.newsletter-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,420px);gap:24px;align-items:center;padding:28px;border:1px solid #d5e5f1;border-radius:16px;background:linear-gradient(135deg,#f9fcff,#eaf5ff)}.newsletter-card h2{margin:0 0 8px;color:#17354f}.newsletter-card p{margin:0;color:#5e7387}.newsletter-card form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.newsletter-card .field{flex:1 1 210px}.newsletter-card input{width:100%}.commerce-option{margin-top:12px;padding:12px;border-top:1px solid #e5edf4}.commerce-option ul{margin:8px 0 0;padding-inline-start:20px}.commerce-option li{margin:3px 0}@media(max-width:700px){.newsletter-card{grid-template-columns:1fr}.newsletter-card form{align-items:stretch}.newsletter-card .button{width:100%}}

/* Brand-logo sizing: always preserve the uploaded image's intrinsic aspect ratio.
   The default SysAutomator logo is 1448 × 1086 (4:3), so a 44px high header logo
   renders at approximately 59px wide instead of stretching into a wide banner. */
.brand > img.brand-logo {
    display: block;
    flex: 0 0 auto;
    width: auto !important;
    height: 44px !important;
    max-height: none !important;
    object-fit: contain;
    object-position: left center;
}

.brand--admin > img.brand-logo {
    height: 40px !important;
}

@media (max-width: 760px) {
    .site-header .brand > img.brand-logo {
        height: 38px !important;
    }
}

@media (max-width: 600px) {
    .site-header .brand > img.brand-logo {
        height: 36px !important;
    }
}

/* Storefront header, language popup, pager and client operations experience. */
.site-header{position:relative;z-index:30;background:#fff;border-bottom:1px solid rgba(15,23,42,.1)}
.site-header__top{border-bottom:1px solid rgba(15,23,42,.08);background:#fff}
.site-header__top-inner,.site-header__navigation-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.site-header__navigation{background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.08)}
.site-header__navigation-inner{min-height:3.35rem}
.site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;font-size:.92rem}
.header-action{color:inherit;text-decoration:none;white-space:nowrap;font-weight:650;padding:.35rem .15rem}
.header-action:hover{color:var(--brand-accent);text-decoration:none}
.header-action--register{color:var(--brand-accent)}
.header-cart{font-weight:700}.header-divider{color:#94a3b8;font-size:1.1rem}
.language-picker{position:relative}.language-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-weight:650;padding:.35rem .15rem;white-space:nowrap}.language-picker summary::-webkit-details-marker{display:none}.language-picker[open] summary{color:var(--brand-accent)}
.language-picker__menu{position:absolute;right:0;top:calc(100% + .65rem);z-index:60;display:grid;min-width:12.5rem;max-height:23rem;overflow-y:auto;background:#fff;border:1px solid rgba(15,23,42,.16);box-shadow:0 16px 36px rgba(15,23,42,.16);border-radius:.75rem;padding:.4rem}.language-picker__form{margin:0}.language-picker__option{width:100%;border:0;background:transparent;text-align:start;padding:.6rem .7rem;border-radius:.5rem;cursor:pointer;color:#1e293b;font:inherit}.language-picker__option:hover,.language-picker__option.is-selected{background:#eef6ff;color:var(--brand-accent);font-weight:700}
.site-header__navigation nav{display:flex;align-items:center;gap:1.35rem;flex-wrap:wrap}.site-header__navigation nav a{color:#334155;text-decoration:none;font-weight:650;padding:.65rem 0}.site-header__navigation nav a:hover{color:var(--brand-accent)}.site-header .nav-toggle{display:none}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2.2rem}.quick-action{display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;align-items:center;padding:1.25rem 1.3rem;border:1px solid rgba(15,23,42,.1);border-radius:1rem;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 8px 24px rgba(15,23,42,.06);color:#0f172a;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.quick-action:hover{color:#0f172a;text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.12)}.quick-action__icon{grid-row:span 2;width:2.9rem;height:2.9rem;border-radius:.8rem;display:grid;place-items:center;background:color-mix(in srgb,var(--brand-accent) 12%,#fff);color:var(--brand-accent);font-size:1.35rem;font-weight:800}.quick-action strong{font-size:1rem}.quick-action span:last-child{font-size:.9rem;line-height:1.45;color:#64748b;margin-top:.18rem}
.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.1rem 0}.pager__links{display:flex;gap:.5rem;align-items:center}.pager__link{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:0 .8rem;border:1px solid rgba(15,23,42,.15);border-radius:.5rem;text-decoration:none;color:#334155;font-weight:650}.pager__link:hover{color:var(--brand-accent);border-color:var(--brand-accent)}.pager__link.is-disabled{opacity:.45;pointer-events:none}.pager__status{color:#64748b;font-size:.9rem}
.customer-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,.55fr);gap:1.25rem;align-items:start}.customer-summary-card{padding:1.2rem}.customer-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem 0 .75rem;border-bottom:1px solid rgba(15,23,42,.1);margin-bottom:1.2rem}.customer-tabs a{white-space:nowrap;padding:.55rem .7rem;border-radius:.5rem;color:#475569;text-decoration:none;font-weight:650;font-size:.9rem}.customer-tabs a:hover,.customer-tabs a.is-active{background:#eef6ff;color:var(--brand-accent)}.detail-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.detail-stat{border:1px solid rgba(15,23,42,.09);border-radius:.75rem;padding:.8rem;background:#fff}.detail-stat span{display:block;color:#64748b;font-size:.78rem}.detail-stat strong{display:block;margin-top:.25rem;font-size:1.05rem}.detail-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.customer-login-history{display:grid;gap:.65rem}.login-history-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid rgba(15,23,42,.08)}
@media (max-width:760px){.site-header__top-inner{min-height:4rem}.site-header__actions{gap:.55rem;font-size:.85rem}.brand__name{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header__navigation-inner{display:block;min-height:auto;padding-top:.45rem;padding-bottom:.45rem}.site-header .nav-toggle{display:inline-flex;margin:.1rem 0}.site-header__navigation nav{display:none;padding:.65rem 0;gap:.35rem;flex-direction:column;align-items:stretch}.site-header__navigation nav.is-open{display:flex}.site-header__navigation nav a{padding:.6rem 0}.quick-actions{grid-template-columns:1fr}.customer-overview{grid-template-columns:1fr}.detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-picker__menu{right:auto;left:0}.header-divider{display:none}}

/* Local licence renewal lockout: admin pages use an accessible modal-like card
   so the owner understands that public/client billing routes remain available. */
.license-lockout-page{position:relative;min-height:calc(100vh - 10rem);display:grid;place-items:center;padding:2.25rem 1rem}.license-lockout-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:50}.license-lockout-dialog{position:relative;z-index:51;width:min(42rem,100%);padding:2rem;border-radius:1.1rem;background:#fff;box-shadow:0 2rem 5rem rgba(15,23,42,.35);text-align:center}.license-lockout-icon{width:3.25rem;height:3.25rem;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;background:#fff1f2;color:#be123c;font-size:1.8rem;font-weight:800}.license-lockout-dialog h1{margin:.35rem 0 .8rem;color:#172033}.license-lockout-dialog p{margin:.65rem auto;max-width:37rem;line-height:1.55}.license-lockout-emphasis{font-weight:700;color:#9f1239}.license-lockout-details{display:grid;grid-template-columns:auto 1fr;gap:.45rem .85rem;text-align:left;max-width:31rem;margin:1.25rem auto;padding:1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc}.license-lockout-details dt{font-weight:700;color:#475569}.license-lockout-details dd{margin:0;color:#0f172a;overflow-wrap:anywhere}.license-lockout-actions{justify-content:center}.license-lockout-actions form{margin:0}@media(max-width:600px){.license-lockout-dialog{padding:1.5rem 1rem}.license-lockout-actions{display:grid;grid-template-columns:1fr}.license-lockout-actions .button,.license-lockout-actions form .button{width:100%}}

/* 1.0.11: improved public home and live-chat launcher. */
.live-chat-launcher{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1200;display:grid;justify-items:end;gap:.7rem}.live-chat-launcher__panel{max-width:17rem;padding:.72rem .82rem;border:1px solid rgba(15,23,42,.1);border-radius:.85rem;background:#fff;box-shadow:0 .8rem 2.2rem rgba(15,23,42,.16);opacity:0;pointer-events:none;transform:translateY(.35rem);transition:opacity .18s ease,transform .18s ease}.live-chat-launcher:hover .live-chat-launcher__panel,.live-chat-launcher:focus-within .live-chat-launcher__panel{opacity:1;transform:translateY(0)}.live-chat-launcher__panel-title{display:block;color:#0f2942;font-size:.82rem;font-weight:850}.live-chat-launcher__panel-copy{display:block;margin-top:.16rem;color:#64748b;font-size:.74rem;line-height:1.35}.live-chat-launcher__button{position:relative;display:inline-flex;align-items:center;gap:.58rem;min-height:3.3rem;padding:.7rem 1rem;border:0;border-radius:999px;background:linear-gradient(135deg,#0f2942,#1d527f);box-shadow:0 .8rem 2.15rem rgba(15,41,66,.35);color:#fff;cursor:pointer;font:inherit;font-weight:800;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease}.live-chat-launcher__button:hover{transform:translateY(-2px);box-shadow:0 1.05rem 2.5rem rgba(15,41,66,.42)}.live-chat-launcher__icon{width:1.3rem;height:1.3rem;flex:0 0 auto}.live-chat-launcher__pulse{position:absolute;top:.45rem;right:.5rem;width:.52rem;height:.52rem;border:2px solid #fff;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.56);animation:live-chat-pulse 1.9s infinite}.live-chat-launcher__close{display:none;font-size:1.42rem;line-height:1}.live-chat-launcher.is-open .live-chat-launcher__label,.live-chat-launcher.is-open .live-chat-launcher__pulse{display:none}.live-chat-launcher.is-open .live-chat-launcher__close{display:inline}.live-chat-launcher.is-open .live-chat-launcher__button{min-width:3.3rem;justify-content:center;padding-inline:.9rem}.live-chat-launcher iframe{width:min(390px,calc(100vw - 2.5rem));height:min(590px,calc(100vh - 6.4rem));border:0;border-radius:1rem;box-shadow:0 1.5rem 4rem rgba(15,23,42,.34);background:#fff;overflow:hidden}@keyframes live-chat-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 .55rem rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.public-home{display:grid;gap:2.3rem}.portal-hero--refined{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.32fr) minmax(17rem,.68fr);gap:2rem;padding:clamp(1.65rem,4vw,3.5rem);border:1px solid rgba(15,41,66,.12);border-radius:1.4rem;background:linear-gradient(135deg,#f8fbff 0%,#ebf5ff 56%,#f8fcff 100%);box-shadow:0 1rem 3rem rgba(15,41,66,.08)}.portal-hero--refined::after{position:absolute;right:-7rem;bottom:-8rem;width:20rem;height:20rem;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),rgba(37,99,235,0) 68%);content:"";pointer-events:none}.portal-hero--refined .portal-hero__content{position:relative;z-index:1}.portal-hero--refined h1{max-width:15ch;margin:.4rem 0 1rem;letter-spacing:-.035em;line-height:1.03}.portal-hero--refined p{max-width:42rem;font-size:1.05rem;line-height:1.65}.portal-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.portal-hero__actions .button{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}.home-region-card{position:relative;z-index:1;align-self:stretch;display:grid;align-content:start;gap:1rem;padding:1.2rem;border:1px solid rgba(15,41,66,.1);border-radius:1rem;background:rgba(255,255,255,.86);box-shadow:0 .75rem 1.8rem rgba(15,41,66,.07);backdrop-filter:blur(10px)}.home-region-card__heading{display:flex;align-items:center;gap:.75rem}.home-region-card__heading strong{display:block;color:#0f2942;font-size:.98rem}.home-region-card__heading span:last-child{display:block;margin-top:.14rem;color:#64748b;font-size:.77rem}.home-region-card__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.72rem;background:#dcfce7;color:#15803d;font-weight:900}.home-region-card__details{display:grid;grid-template-columns:1fr 1fr;gap:.72rem;margin:0}.home-region-card__details div{padding:.72rem;border-radius:.72rem;background:#f8fafc}.home-region-card__details dt{color:#64748b;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.home-region-card__details dd{margin:.26rem 0 0;color:#0f2942;font-size:.9rem;font-weight:850;overflow-wrap:anywhere}.home-region-card p{margin:0;color:#64748b;font-size:.78rem;line-height:1.45}.quick-actions--refined{margin:0}.quick-actions--refined .quick-action{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;min-height:12.1rem;padding:1.25rem;border-radius:1rem}.quick-actions--refined .quick-action__icon{width:3.1rem;height:3.1rem;display:grid;place-items:center;border-radius:.9rem;background:color-mix(in srgb,var(--brand-accent) 11%,#fff);color:var(--brand-accent)}.quick-actions--refined .quick-action__icon svg{width:1.55rem;height:1.55rem}.quick-action__body{display:grid;gap:.35rem;align-content:start}.quick-action__body strong{color:#0f2942;font-size:1.03rem}.quick-action__body>span{color:#64748b;font-size:.86rem;line-height:1.5}.quick-action__body em{margin-top:.24rem;color:var(--brand-accent);font-size:.8rem;font-style:normal;font-weight:800}.quick-action__body em b{font-size:1rem}.home-trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(15,41,66,.1);border-radius:1rem;background:rgba(15,41,66,.1)}.home-trust-strip>div{display:grid;gap:.18rem;padding:1rem 1.15rem;background:#fff}.home-trust-strip strong{color:#0f2942;font-size:1.08rem}.home-trust-strip span{color:#64748b;font-size:.78rem}.news-grid--home .news-card{min-height:220px;transition:transform .18s ease,box-shadow .18s ease}.news-grid--home .news-card:hover{transform:translateY(-3px);box-shadow:0 .85rem 1.7rem rgba(15,41,66,.1)}.newsletter-card--refined{border-radius:1.1rem;box-shadow:0 .75rem 1.8rem rgba(15,41,66,.06)}.home-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-portal-card{display:flex;flex-direction:column;min-height:15rem;padding:1.35rem;border:1px solid rgba(15,41,66,.1);border-radius:1rem;background:#fff;box-shadow:0 .5rem 1.3rem rgba(15,41,66,.04)}.home-portal-card__eyebrow{color:var(--brand-accent);font-size:.74rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.home-portal-card h2{margin:.55rem 0 .65rem;color:#0f2942;font-size:1.2rem;line-height:1.22}.home-portal-card p{margin:0;color:#64748b;font-size:.89rem;line-height:1.55}.home-portal-card .table-action{margin-top:auto;padding-top:1rem}@media(max-width:900px){.portal-hero--refined{grid-template-columns:1fr}.home-portal-grid{grid-template-columns:1fr}.home-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.live-chat-launcher{right:.8rem;bottom:.8rem}.live-chat-launcher__panel{display:none}.live-chat-launcher iframe{width:calc(100vw - 1.6rem);height:min(620px,calc(100vh - 5.3rem))}.portal-hero--refined{padding:1.35rem}.portal-hero--refined h1{font-size:clamp(2rem,9vw,2.8rem)}.home-region-card__details{grid-template-columns:1fr 1fr}.home-trust-strip{grid-template-columns:1fr 1fr}.quick-actions--refined .quick-action{min-height:0}.portal-hero__actions .button{width:100%;justify-content:center}}
.chat-list__item--identity{grid-template-columns:2.15rem minmax(0,1fr) auto;align-items:center;gap:.65rem}.chat-list__avatar,.chat-profile-heading__avatar{display:grid;place-items:center;border-radius:50%;background:#dbeafe;color:#123b65;font-size:.7rem;font-weight:850}.chat-list__avatar{width:2.15rem;height:2.15rem}.chat-list__identity{display:grid;gap:.1rem;min-width:0}.chat-list__identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list__identity small,.chat-list__time{color:#64748b;font-size:.72rem}.chat-list__time{white-space:nowrap}.chat-profile-heading{display:flex;align-items:center;gap:.75rem}.chat-profile-heading__avatar{width:2.8rem;height:2.8rem;flex:0 0 auto;font-size:.82rem}.chat-profile-heading h2{margin:0}.chat-profile-heading p{margin:.18rem 0 0}@media(max-width:520px){.chat-list__item--identity{grid-template-columns:2.15rem minmax(0,1fr)}.chat-list__time{grid-column:2}.chat-profile-heading{align-items:flex-start}}


/* Marketplace template and extension navigation */
.tab-nav{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1rem}.tab-nav a{display:inline-flex;align-items:center;min-height:2.25rem;padding:.45rem .75rem;border:1px solid var(--border,#d8e0e8);border-radius:.6rem;text-decoration:none;color:inherit;background:#fff}.tab-nav a.is-active{background:var(--brand-accent,#1767B1);border-color:var(--brand-accent,#1767B1);color:#fff}.template-marketplace-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;margin-top:.75rem}.marketplace-template-home{min-height:30vh}.marketplace-template-home .template-navigation,.marketplace-template-home .template-product-categories,.marketplace-template-home .template-client-actions{display:flex;flex-wrap:wrap;gap:.7rem}.marketplace-template-home .template-announcements{display:grid;gap:.8rem}.marketplace-template-home .template-announcements article{padding:.9rem;border:1px solid rgba(15,23,42,.12);border-radius:.75rem;background:#fff}.marketplace-template-home .template-empty{color:#64748b}

/* Editable business legal pages */
.legal-page { display: grid; gap: 20px; max-width: 1120px; margin: 0 auto; padding: 28px 0; }
.legal-page__header { padding: 28px; }
.legal-page__header h1 { margin: 7px 0 10px; }
.legal-page__layout { display: grid; grid-template-columns: minmax(190px, 250px) minmax(0, 1fr); gap: 20px; align-items: start; }
.legal-page__navigation { position: sticky; top: 22px; display: grid; gap: 12px; padding: 16px; }
.legal-page__navigation nav { display: grid; gap: 5px; }
.legal-page__navigation a { padding: 9px 10px; border-radius: 8px; color: inherit; font-weight: 700; text-decoration: none; }
.legal-page__navigation a:hover, .legal-page__navigation a.is-active { color: #fff; background: var(--brand-accent, #1767b1); }
.legal-document { padding: 30px; line-height: 1.72; overflow-wrap: anywhere; }
.legal-document > :first-child { margin-top: 0; }
.legal-document h2 { margin-top: 30px; }
.legal-document h3 { margin-top: 22px; }
.legal-document table { width: 100%; border-collapse: collapse; }
.legal-document th, .legal-document td { padding: 9px; border: 1px solid #d9e4ef; text-align: left; }
.legal-settings-layout { display: grid; grid-template-columns: minmax(200px, 270px) minmax(0, 1fr); align-items: start; gap: 20px; }
.legal-settings-nav { position: sticky; top: 22px; display: grid; gap: 10px; padding: 16px; }
.legal-settings-nav p { margin: 0; }
.legal-settings-nav nav { display: grid; gap: 6px; }
.legal-settings-nav nav a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; color: inherit; border-radius: 9px; text-decoration: none; }
.legal-settings-nav nav a:hover, .legal-settings-nav nav a.is-active { color: #fff; background: var(--brand-accent, #1767b1); }
.legal-settings-nav nav a.is-active .badge { color: #20445f; background: #fff; }
.legal-settings-form { display: grid; gap: 20px; }
.legal-settings-form__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.legal-settings-form__header h2 { margin: 0 0 6px; }
.legal-settings-form__published { flex: 0 0 auto; }
.legal-html-field textarea { min-height: 410px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: .9rem; line-height: 1.5; }
.legal-html-field__footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 7px; color: var(--muted, #64748b); }
.legal-page-guidance { padding: 16px 18px; border-left: 4px solid var(--brand-accent, #1767b1); border-radius: 10px; background: #f7fbff; }
.legal-page-guidance h3 { margin: 0 0 8px; }
.legal-page-guidance ul { margin: 0; padding-left: 20px; }
@media (max-width: 820px) {
    .legal-page__layout, .legal-settings-layout { grid-template-columns: 1fr; }
    .legal-page__navigation, .legal-settings-nav { position: static; }
}
@media (max-width: 560px) {
    .legal-page { padding: 16px 0; }
    .legal-page__header, .legal-document { padding: 20px; }
    .legal-settings-form__header { display: grid; }
}


/* 2026.07 responsive public portal and editor refinements */
.whmcs-public-header{padding:0;background:#fff;border-bottom:0;display:block;min-height:0}.whmcs-public-header .site-header__top{border-bottom:1px solid var(--line)}.whmcs-public-header .site-header__top-inner{min-height:72px;padding-top:10px;padding-bottom:10px}.whmcs-public-header .site-header__navigation{background:#173b5d}.whmcs-public-header .site-header__navigation-inner{display:flex;align-items:center;min-height:48px}.whmcs-public-header [data-primary-nav]{display:flex;align-items:stretch;gap:0;width:100%;justify-content:flex-start}.whmcs-public-header [data-primary-nav] a{display:flex;align-items:center;min-height:48px;padding:0 16px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:760}.whmcs-public-header [data-primary-nav] a:hover,.whmcs-public-header [data-primary-nav] a:focus-visible{background:rgba(255,255,255,.14);color:#fff}.whmcs-public-header .site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.whmcs-public-header .header-action{color:#273c50;text-decoration:none;font-size:.9rem;font-weight:750}.whmcs-public-header .header-action--register{padding:8px 12px;border-radius:6px;color:#fff;background:var(--brand-accent)}.whmcs-public-header .nav-signout-form{margin:0}.whmcs-public-header .link-button{color:#273c50!important;padding:0!important;background:transparent!important;border:0!important}.whmcs-home{display:grid;gap:24px}.whmcs-home__welcome{padding:clamp(24px,4vw,44px);text-align:center;border-radius:10px;background:linear-gradient(135deg,#f8fbff 0%,#edf5fd 100%)}.whmcs-home__welcome h1{margin:.35rem auto .8rem;max-width:800px;color:#173b5d;font-size:clamp(1.85rem,4.2vw,3rem);letter-spacing:-.04em}.whmcs-home__welcome p{max-width:760px;margin:auto;color:#51697d;font-size:1.05rem}.whmcs-home__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.whmcs-home-action{display:flex;align-items:center;gap:14px;min-height:104px;padding:18px;border:1px solid #d7e1eb;border-radius:10px;background:#fff;color:#183953;text-decoration:none;box-shadow:0 5px 18px rgba(18,48,76,.05);transition:transform .16s ease,box-shadow .16s ease}.whmcs-home-action:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(18,48,76,.1)}.whmcs-home-action__icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--brand-accent);color:#fff;font-size:1.35rem;font-weight:850}.whmcs-home-action span:last-child{display:grid;gap:3px}.whmcs-home-action strong{font-size:1.02rem}.whmcs-home-action small{color:#64748b}.whmcs-home__services{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}.whmcs-home__section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.whmcs-home__section-heading h2{margin:.2rem 0 0;color:#183953}.whmcs-home__services h2{margin:.2rem 0;color:#183953}.whmcs-home__bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:24px;align-items:start}.whmcs-home__newsletter{display:grid;gap:18px;padding:24px}.whmcs-home__newsletter h2{margin:.25rem 0 .6rem;color:#183953}.gateway-getting-started{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 18px;overflow:hidden;border:1px solid #d9e3ed;border-radius:10px;background:#d9e3ed}.gateway-getting-started>div{display:grid;gap:4px;padding:15px;background:#fff}.gateway-getting-started span{color:#64748b;font-size:.86rem}.gateway-provider-picker{margin:0 0 22px;padding:0;border:0}.gateway-provider-picker legend{margin:0 0 9px;font-weight:800}.gateway-provider-picker__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.gateway-provider-card{display:grid;gap:5px;min-height:100px;padding:14px;border:1px solid #cbd8e4;border-radius:9px;background:#fff;color:#183953;text-align:left;cursor:pointer}.gateway-provider-card strong{font-size:.94rem}.gateway-provider-card span{color:#64748b;font-size:.77rem;line-height:1.4}.gateway-provider-card:hover,.gateway-provider-card.is-selected{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 8%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-accent) 15%,transparent)}.gateway-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.gateway-credentials{margin:22px 0;padding-top:22px;border-top:1px solid var(--line)}.gateway-credentials__heading h2{margin:0 0 4px;font-size:1.12rem}.gateway-credentials__heading p{margin:0 0 14px}.developer-key-page{display:grid;gap:18px;max-width:860px}.developer-key-page__header{display:flex;align-items:start;justify-content:space-between;gap:18px}.developer-key-page__header h1{margin:.25rem 0}.developer-key-form{max-width:760px}.scope-picker{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.scope-picker__item{padding:6px 8px;border:1px solid #c9d8e5;border-radius:999px;background:#fff;color:#345069;cursor:pointer;font-size:.77rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.scope-picker__item.is-selected{border-color:var(--brand-accent);background:var(--brand-accent);color:#fff}.developer-key-form__security-note{display:grid;gap:3px;margin:18px 0;padding:13px 15px;border-left:4px solid var(--brand-accent);border-radius:7px;background:#f4f9fd;color:#486276;font-size:.88rem}.developer-key-form__security-note strong{color:#183953}.note-editor.note-frame{border-color:#b9c7d4;border-radius:8px}.note-editor.note-frame .note-toolbar{border-bottom-color:#d5dfe8;background:#f8fbfd}.note-editor.note-frame .note-editing-area .note-editable{min-height:170px;background:#fff;color:#182e42}.legal-html-field .note-editor.note-frame .note-editing-area .note-editable{min-height:410px}.legal-html-field textarea{font-family:inherit}.field-help{color:#64748b;font-size:.82rem;line-height:1.45}@media(max-width:960px){.gateway-provider-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.whmcs-home__bottom{grid-template-columns:1fr}.whmcs-home__actions{grid-template-columns:1fr}.gateway-getting-started{grid-template-columns:1fr}.whmcs-home__services{display:grid}.site-header__top-inner{padding-left:18px!important;padding-right:18px!important}}@media(max-width:760px){.whmcs-public-header .site-header__top-inner{align-items:flex-start;gap:10px}.whmcs-public-header .brand__name{max-width:170px}.whmcs-public-header .site-header__actions{gap:9px;font-size:.84rem}.whmcs-public-header .site-header__navigation-inner{display:block;padding:0}.whmcs-public-header .nav-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:0;border:0;border-radius:0;background:#173b5d;color:#fff;font:inherit;font-weight:800}.whmcs-public-header [data-primary-nav]{display:none;flex-direction:column;align-items:stretch}.whmcs-public-header [data-primary-nav].is-open{display:flex}.whmcs-public-header [data-primary-nav] a{min-height:44px;padding:0 18px;border-top:1px solid rgba(255,255,255,.12)}.gateway-switches{grid-template-columns:1fr}.gateway-provider-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-key-page__header{display:grid}.whmcs-home__services{padding:20px}.whmcs-home__section-heading{align-items:start;flex-direction:column}}@media(max-width:420px){.whmcs-public-header .site-header__top-inner{display:grid;grid-template-columns:1fr}.whmcs-public-header .site-header__actions{justify-content:flex-start}.gateway-provider-picker__grid{grid-template-columns:1fr}.whmcs-home-action{min-height:88px}.whmcs-home__welcome{padding:22px 16px}}

/* 1.0.7 localization, live-chat attachments, and draggable launcher */
.fraud-ip-notice{margin:0 0 1rem;padding:.8rem .95rem;border:1px solid #cfe0f0;border-radius:.75rem;background:#f5faff;color:#345069;font-size:.87rem;line-height:1.5}.fraud-ip-notice strong{color:#183953;overflow-wrap:anywhere}.whmcs-home__newsletter{width:100%;max-width:none}.whmcs-home__newsletter form{max-width:40rem}.chat-attachments{display:grid;gap:.45rem;margin:.55rem 0}.chat-attachment-link{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;max-width:100%;padding:.48rem .6rem;border:1px solid #cbd8e4;border-radius:.58rem;background:#f8fbfd;color:#173f63;font-size:.82rem;font-weight:750;overflow-wrap:anywhere;text-decoration:none}.chat-attachment-link:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.chat-admin-attachment{display:grid;gap:.35rem;padding:.7rem;border:1px dashed #b7c7d6;border-radius:.68rem;color:#345069;font-size:.84rem;font-weight:750}.chat-admin-attachment input{max-width:100%;font:inherit}.chat-admin-attachment small{color:#64748b;font-weight:500}.live-chat-launcher.is-dragging{user-select:none}.live-chat-launcher.is-dragging .live-chat-launcher__button{cursor:grabbing}.live-chat-launcher__button{touch-action:none}.live-chat-launcher[data-launcher-anchor="left"]{justify-items:start}.live-chat-launcher[data-launcher-anchor="left"] iframe{left:0;right:auto}.live-chat-launcher[data-launcher-anchor="right"]{justify-items:end}.live-chat-launcher[data-launcher-anchor="right"] iframe{right:0;left:auto}@media(max-width:620px){.live-chat-launcher[data-launcher-anchor="left"] iframe,.live-chat-launcher[data-launcher-anchor="right"] iframe{left:0;right:auto}.whmcs-home__newsletter{padding:20px}}

/* Live visitor presence and operator inbox (1.0.8). */
.live-visitors-card{display:grid;gap:1rem}.live-visitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.live-visitor-card{display:grid;gap:.82rem;padding:1rem;border:1px solid #cfdae5;border-radius:.85rem;background:#fbfdff}.live-visitor-card__top{display:grid;grid-template-columns:2.15rem minmax(0,1fr) auto;gap:.6rem;align-items:center}.live-visitor-card__top strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#163955}.live-visitor-card__top small{display:block;margin-top:.12rem;color:#64748b;font-size:.73rem}.live-visitor-card__state{padding:.26rem .42rem;border-radius:999px;background:#e8f4ff;color:#14558d;font-size:.69rem;font-weight:800}.live-visitor-card__details,.chat-visitor-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}.live-visitor-card__details>div,.chat-visitor-details>div{min-width:0;padding:.58rem .65rem;border-radius:.62rem;background:#f4f8fb}.live-visitor-card__details dt,.chat-visitor-details dt{color:#64748b;font-size:.67rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.live-visitor-card__details dd,.chat-visitor-details dd{margin:.22rem 0 0;color:#183953;font-size:.78rem;overflow-wrap:anywhere}.chat-visitor-details{margin:1rem 0}.chat-visitor-details>div:last-child{grid-column:1/-1}.notice--warning{margin:0 0 1rem;padding:.75rem .85rem;border:1px solid #f2c67d;border-radius:.7rem;background:#fff8ea;color:#864d00}@media(max-width:1100px){.live-visitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.live-visitor-grid,.live-visitor-card__details,.chat-visitor-details{grid-template-columns:1fr}.live-visitor-card__top{grid-template-columns:2.15rem minmax(0,1fr)}.live-visitor-card__state{grid-column:2;justify-self:start}.chat-visitor-details>div:last-child{grid-column:auto}}

/* Affiliate programme editor and public programme page */
.affiliate-programme-form__header,
.affiliate-programme-form__switches {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}
.affiliate-programme-form__switches {
    flex-wrap: wrap;
    justify-content: flex-end;
}
.affiliate-public-page__content {
    margin-top: 1.25rem;
}
.affiliate-public-page__content h2,
.affiliate-public-page__content h3 {
    margin-top: 1.75rem;
}
.affiliate-public-page__content ul,
.affiliate-public-page__content ol {
    padding-left: 1.4rem;
}
.affiliate-public-page__actions {
    margin-top: 1.5rem;
}
@media (max-width: 720px) {
    .affiliate-programme-form__header,
    .affiliate-programme-form__switches {
        align-items: stretch;
        flex-direction: column;
    }
}


/* 1.0.8.3 live chat, checkout, cart, and visitor-list refinements */
.live-chat-launcher iframe{position:fixed!important;z-index:1201!important;width:min(390px,calc(100vw - 24px))!important;height:min(590px,calc(100vh - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;left:auto;right:auto;top:auto;bottom:auto;border:0;border-radius:1rem;background:#fff;box-shadow:0 1.5rem 4rem rgba(15,23,42,.34);overflow:hidden}.live-chat-launcher.is-open .live-chat-launcher__panel{display:none!important}.live-visitor-table-wrap{overflow-x:auto;border:1px solid rgba(15,41,66,.1);border-radius:.9rem;background:#fff}.live-visitor-table{width:100%;border-collapse:collapse;font-size:.9rem}.live-visitor-table th,.live-visitor-table td{padding:.75rem .85rem;border-bottom:1px solid rgba(15,41,66,.08);text-align:left;vertical-align:middle}.live-visitor-table th{background:#f8fafc;color:#475569;font-size:.75rem;text-transform:uppercase;letter-spacing:.045em}.live-visitor-table tr:last-child td{border-bottom:0}.live-visitor-identity{display:flex;align-items:center;gap:.65rem;min-width:12rem}.live-visitor-identity strong{display:block;color:#0f2942}.live-visitor-identity small{display:block;color:#64748b}.live-visitor-page{max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-visitor-active{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .58rem;border-radius:999px;background:#dcfce7;color:#166534;font-size:.78rem;font-weight:800;text-decoration:none}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:1.5rem;align-items:start}.checkout-grid>*{min-width:0}.order-summary{position:sticky;top:1rem;max-width:100%;overflow-wrap:anywhere}.checkout-phone-grid{display:grid;grid-template-columns:minmax(5.2rem,8rem) minmax(0,1fr);gap:.5rem}.checkout-phone-grid select,.checkout-phone-grid input{min-width:0}.search-select{min-width:0}.cart-line{align-items:start}.cart-line strong{overflow-wrap:anywhere}.cart-line small{color:#64748b}.coupon-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.store-product__footer .button,.table .button.button-small{white-space:nowrap}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}.live-visitor-table th:nth-child(4),.live-visitor-table td:nth-child(4){display:none}}@media(max-width:620px){.live-chat-launcher iframe{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;border-radius:.85rem}.checkout-phone-grid{grid-template-columns:1fr}.coupon-input{grid-template-columns:1fr}.live-visitor-table th:nth-child(3),.live-visitor-table td:nth-child(3){display:none}.live-visitor-page{max-width:11rem}}

/* 1.0.8.6 bulk actions, unread live-chat launcher, and admin defaults */
.button-danger{background:#b42318;color:#fff;border-color:#b42318}.button-danger:hover{background:#921c12;color:#fff}.bulk-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}.bulk-action-bar select{max-width:16rem}.bulk-action-bar.card{padding:.85rem 1rem}.bulk-select-label{display:inline-flex;align-items:center;gap:.45rem}.table input[type="checkbox"]{width:1rem;height:1rem}.live-chat-launcher.has-unread .live-chat-launcher__panel,.live-chat-launcher.has-invite .live-chat-launcher__panel{display:grid;opacity:1;pointer-events:auto;transform:translateY(0);border:1px solid rgba(239,108,35,.28);box-shadow:0 1rem 2.5rem rgba(15,23,42,.16)}.live-chat-launcher.has-unread .live-chat-launcher__button{box-shadow:0 0 0 .22rem rgba(239,108,35,.22),0 1rem 2.4rem rgba(15,41,66,.38)}.live-chat-launcher__unread{position:absolute;top:-.35rem;right:-.35rem;display:grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:900;line-height:1rem}.live-chat-launcher__unread[hidden]{display:none!important}.live-chat-launcher.has-invite .live-chat-launcher__pulse,.live-chat-launcher.has-unread .live-chat-launcher__pulse{animation:liveChatPulse 1.4s ease-in-out infinite}@keyframes liveChatPulse{0%,100%{opacity:.3;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}

/* 1.0.10 public announcements + knowledgebase WHMCS-style responsive refinements */
.announcement-page-heading{margin-bottom:1rem}.announcement-mobile-filter{display:none;margin-bottom:1rem;padding:1rem}.announcement-mobile-filter label,.kb-mobile-category label{display:block;margin-bottom:.35rem;color:#183953;font-weight:800}.announcement-mobile-filter select,.kb-mobile-category select{width:100%;min-height:2.65rem;border:1px solid #cbd8e4;border-radius:.55rem;background:#fff;color:#183953;font:inherit}.announcement-page-layout,.kb-page-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.35rem;align-items:start}.announcement-sidebar,.kb-sidebar{position:sticky;top:1rem;padding:1rem}.announcement-sidebar h2,.kb-sidebar h2,.kb-tag-cloud h2{margin:0 0 .75rem;color:#183953;font-size:1rem}.announcement-archive-list,.kb-category-list{display:grid;gap:.18rem}.announcement-archive-list a,.announcement-archive-older summary,.kb-category-list a{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.45rem .5rem;border-radius:.45rem;color:#345069;text-decoration:none;font-size:.9rem;font-weight:720}.announcement-archive-list a:hover,.announcement-archive-list a.is-active,.kb-category-list a:hover,.kb-category-list a.is-active{background:#edf5fd;color:var(--brand-accent)}.announcement-archive-list strong,.kb-category-list strong{color:#64748b;font-size:.8rem}.announcement-archive-older{display:grid;gap:.18rem}.announcement-archive-older summary{cursor:pointer;list-style:none;color:var(--brand-accent)}.announcement-archive-older summary::-webkit-details-marker{display:none}.announcement-rss-link{margin-top:.65rem;border-top:1px solid #e4edf5;border-radius:0!important}.announcement-results,.kb-results{min-width:0}.announcement-results__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding:.8rem 1rem;border:1px solid #dce7ef;border-radius:.7rem;background:#fff;color:#456074;font-size:.9rem}.announcement-results__filter{padding:.25rem .55rem;border-radius:999px;background:#edf5fd;color:#183953;font-weight:800}.announcement-list,.kb-article-list{display:grid;gap:.8rem}.announcement-row{display:grid;grid-template-columns:5.8rem minmax(0,1fr);gap:1rem;padding:1rem}.announcement-row__date{display:grid;align-content:start;justify-items:center;gap:.12rem;padding:.65rem .45rem;border-radius:.65rem;background:#f4f8fc;color:#60758a;font-size:.76rem;font-weight:850;text-align:center;text-transform:uppercase}.announcement-row__date strong{color:var(--brand-accent);font-size:1.55rem;line-height:1}.announcement-row__body h2,.kb-article-row h2{margin:0 0 .35rem;font-size:1.14rem;line-height:1.3}.announcement-row__body h2 a,.kb-article-row h2 a{color:#183953;text-decoration:none}.announcement-row__body p,.kb-article-summary{display:-webkit-box;margin:.25rem 0 .65rem;color:#5f7285;font-size:.9rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.load-more-link{display:flex;align-items:center;justify-content:center;min-height:2.75rem;margin:1rem auto 0;padding:0 1rem;border:1px solid #cbd8e4;border-radius:.7rem;background:#fff;color:var(--brand-accent);font-weight:850;text-decoration:none}.infinite-loader{margin:1rem auto 0;color:#64748b;text-align:center;font-size:.9rem}.kb-mobile-category{display:none;margin-bottom:1rem;padding:1rem}.kb-search-bar{margin:0 0 1rem}.kb-selected-category{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:#64748b;font-size:.9rem}.kb-selected-category strong{color:#183953}.kb-article-row{padding:1rem}.kb-article-row .eyebrow{margin-bottom:.25rem}.kb-tag-cloud{margin-top:1rem;padding-top:1rem;border-top:1px solid #e4edf5}.kb-tag-cloud div{display:flex;flex-wrap:wrap;gap:.35rem}.kb-tag-cloud a{display:inline-flex;padding:.25rem .5rem;border:1px solid #d6e2ed;border-radius:999px;background:#fff;color:#345069;text-decoration:none;font-size:.78rem;font-weight:750}.kb-tag-cloud a:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.news-grid--home .news-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-midnight .announcement-results__bar,.template-midnight .announcement-sidebar,.template-midnight .kb-sidebar,.template-midnight .announcement-row,.template-midnight .kb-article-row,.template-midnight .announcement-mobile-filter,.template-midnight .kb-mobile-category{background:#11243a;border-color:#29465e;color:#f5fbff}.template-midnight .announcement-row__body h2 a,.template-midnight .kb-article-row h2 a,.template-midnight .announcement-sidebar h2,.template-midnight .kb-sidebar h2,.template-midnight .kb-tag-cloud h2{color:#f5fbff}.template-midnight .announcement-row__body p,.template-midnight .kb-article-summary{color:#bfd0df}
@media(max-width:900px){.announcement-page-layout,.kb-page-layout{grid-template-columns:1fr}.announcement-sidebar,.kb-sidebar{display:none}.announcement-mobile-filter,.kb-mobile-category{display:block}.announcement-results__bar{display:none}.announcement-row{grid-template-columns:1fr}.announcement-row__date{grid-auto-flow:column;justify-content:start;justify-items:start;width:fit-content;padding:.45rem .65rem}.announcement-row__date strong{font-size:1rem}.kb-search-bar{grid-template-columns:1fr}.kb-article-row,.announcement-row{padding:.9rem}}

/* WHMCS-style customer/order administration additions */
.whmcs-customer-head .notice{margin:.75rem 0 0}.two-column-definition{grid-template-columns:max-content minmax(0,1fr)}.customer-whmcs-summary{align-items:start}.customer-services-table details summary{cursor:pointer;font-weight:700;color:#0f2942}.service-secret-list{margin-top:.65rem}.service-secret-list code{display:inline-block;max-width:100%;overflow-wrap:anywhere;white-space:normal}.order-detail-heading{align-items:flex-start;justify-content:space-between}.subtle-card{background:#f8fafc;border-style:dashed}@media(max-width:800px){.two-column-definition{grid-template-columns:1fr}.order-detail-heading{display:grid}.customer-tabs{overflow:auto;white-space:nowrap}.customer-whmcs-summary{grid-template-columns:1fr!important}.customer-services-table .table{min-width:900px}}

/* 1.0.14 admin/pubic polish: status colors, rows, pagination, responsive forms */
.status-badge,.badge.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:.22rem .55rem;border-radius:999px;font-size:.76rem;font-weight:850;line-height:1;background:#e2e8f0;color:#334155;text-transform:capitalize}.status-paid,.status-active,.status-open,.status-completed,.status-accepted{background:#dcfce7!important;color:#166534!important}.status-unpaid,.status-overdue,.status-cancelled,.status-canceled,.status-failed,.status-suspended,.status-terminated{background:#fee2e2!important;color:#991b1b!important}.status-pending,.status-draft,.status-in-progress,.status-waiting,.status-customer-reply{background:#ffedd5!important;color:#9a3412!important}.status-answered,.status-on-hold{background:#dbeafe!important;color:#1d4ed8!important}.admin-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:1.1rem 0}.admin-pagination a,.admin-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.15rem;min-height:2.15rem;padding:0 .75rem;border:1px solid #d6e2ed;border-radius:.55rem;background:#fff;color:#183953;text-decoration:none;font-weight:800}.admin-pagination .is-current{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.news-list--home{display:grid;gap:.65rem}.news-list--home .news-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.9rem;padding:.9rem 1rem;border:1px solid #d9e4ee;border-radius:.75rem;background:#fff;box-shadow:0 4px 14px rgba(15,41,66,.04)}.news-row__date{color:#64748b;font-weight:850;font-size:.82rem}.news-row__body h3{margin:0 0 .25rem;font-size:1rem}.news-row__body h3 a{color:#183953;text-decoration:none}.news-row__body p{display:-webkit-box;margin:0;color:#64748b;font-size:.88rem;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inline-edit-row{display:grid;grid-template-columns:minmax(10rem,1.2fr) minmax(10rem,1.1fr) auto 6rem auto;gap:.55rem;align-items:center}.inline-edit-row input{min-width:0}.admin-responsive-grid{align-items:start}.mt-2{margin-top:.5rem}.field-span-2{grid-column:1/-1}.search-select{min-height:2.45rem}.agreement-table td{vertical-align:top}.app-toast{z-index:100000}.app-toast-close{cursor:pointer}.payment-status-paid,.invoice-status-paid{color:#166534;font-weight:850}.payment-status-unpaid,.invoice-status-unpaid,.invoice-status-overdue{color:#991b1b;font-weight:850}.payment-status-pending,.invoice-status-draft,.invoice-status-pending{color:#9a3412;font-weight:850}@media(max-width:900px){.news-list--home .news-row{grid-template-columns:1fr}.inline-edit-row{grid-template-columns:1fr}.admin-content,.public-main{min-width:0}.grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{max-width:100%;overflow-x:auto}.table{min-width:720px}}@media(max-width:620px){.grid.grid-2,.grid.grid-3,.grid.grid-4,.form-grid.two-col,.checkout-grid,.admin-responsive-grid{grid-template-columns:1fr!important}.button-row{align-items:stretch}.button-row .button,.button-row button{width:100%;justify-content:center}.site-header__top-inner,.container{max-width:100%;min-width:0}.news-list--home .news-row{padding:.8rem}.admin-pagination a,.admin-pagination span{min-width:2rem;min-height:2rem}.page-heading h1{font-size:clamp(1.45rem,8vw,2rem)}}

/* WHMCS-style client area, bulk lists, invoices, and service details */
.client-account-menu{position:relative}.client-account-menu>summary{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none}.client-account-menu>summary::-webkit-details-marker{display:none}.client-account-menu__items,.nav-dropdown__items{position:absolute;right:0;top:calc(100% + .45rem);z-index:80;display:grid;min-width:14rem;padding:.45rem;border:1px solid #d9e4ee;border-radius:.75rem;background:#fff;box-shadow:0 16px 42px rgba(15,41,66,.18)}.client-account-menu__items a,.client-account-menu__items button,.nav-dropdown__items a{display:block;width:100%;padding:.58rem .7rem;border:0;border-radius:.55rem;background:transparent;color:#183953;text-align:left;text-decoration:none;font:inherit;font-weight:700}.client-account-menu__items a:hover,.client-account-menu__items button:hover,.nav-dropdown__items a:hover{background:#f1f5f9}.nav-dropdown{position:relative}.nav-dropdown>summary{cursor:pointer;list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown__items{left:0;right:auto}.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem;align-items:start}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.metric-card{padding:.8rem;border:1px solid #d9e4ee;border-radius:.8rem;background:#fff;text-align:center}.metric-card strong{display:block;font-size:1.6rem;color:#173f63}.client-panel{margin-top:1rem;padding:1rem;border:1px solid #d9e4ee;border-radius:.85rem;background:#fff}.client-panel h2{margin-top:0}.client-service-detail{display:grid;grid-template-columns:minmax(0,1fr) 16rem;gap:1rem;align-items:start}.service-hero{padding:1rem;border:1px solid #d9e4ee;border-radius:.9rem;background:linear-gradient(135deg,#f8fafc,#eef6ff)}.service-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.service-fact{padding:.7rem;border:1px solid #e2e8f0;border-radius:.7rem;background:#fff}.service-fact span{display:block;color:#64748b;font-size:.78rem;font-weight:800;text-transform:uppercase}.bulk-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.85rem 0;padding:.75rem;border:1px solid #d9e4ee;border-radius:.75rem;background:#f8fafc}.text-danger{color:#b42318!important}.link-button{border:0;background:transparent;cursor:pointer}.whmcs-invoice{max-width:1100px;margin-inline:auto}.invoice-header-row,.invoice-addresses{gap:1rem}.invoice-status{display:inline-flex;padding:.45rem .75rem;border-radius:.6rem;font-weight:900;letter-spacing:.04em}.invoice-status.status-unpaid,.invoice-status.status-overdue{background:#fee2e2;color:#991b1b}.invoice-status.status-paid{background:#dcfce7;color:#166534}.invoice-status.status-pending{background:#ffedd5;color:#9a3412}.text-right{text-align:right}.mt-3{margin-top:1rem}.kb-category-editor{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}@media(max-width:900px){.client-dashboard-grid,.client-service-detail,.kb-category-editor{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.client-account-menu__items,.nav-dropdown__items{position:static;margin-top:.4rem;box-shadow:none}.site-nav{align-items:stretch}.site-nav a,.site-nav summary{padding:.6rem .75rem;border-radius:.55rem;background:#f8fafc}}@media(max-width:520px){.metric-row,.service-facts{grid-template-columns:1fr}.bulk-action-bar{align-items:stretch}.bulk-action-bar .button{width:100%}}

/* 1.0.16 client-area payment method and responsive layout repairs */
.is-client .public-main{max-width:1180px;width:min(1180px,calc(100% - 2rem));padding-block:1.25rem;}
.client-home-hero,.client-page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem;border:1px solid rgba(15,23,42,.08);border-radius:1rem;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 10px 30px rgba(15,23,42,.06)}
.client-home-grid,.client-payment-layout{display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:1rem;align-items:start}.client-payment-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)}
.client-home-panels,.portal-list{display:grid;gap:1rem}.whmcs-counters .card{display:flex;flex-direction:column;gap:.25rem;text-decoration:none}.whmcs-counters .card strong{font-size:1.6rem}.knowledgebase-search-inline{display:flex;gap:.5rem}.knowledgebase-search-inline input{flex:1;min-width:0}.client-service-detail{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;align-items:start}.client-service-actions{position:sticky;top:1rem;display:grid;gap:.5rem}.client-service-overview .service-product-card{border:1px solid rgba(15,23,42,.08);border-radius:.9rem;padding:1rem;background:#f8fafc}.credential-definition dd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}.payment-method-card input,.payment-method-card select,.inline-unlock-form input{width:100%}.inline-unlock-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:end;min-width:18rem}.small-token{display:inline-block;max-width:16rem;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.token-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.table .status-paid,.badge.status-paid,.badge-green{background:#dcfce7;color:#166534}.table .status-unpaid,.badge.status-unpaid,.status-overdue{background:#fee2e2;color:#991b1b}.table .status-pending,.badge.status-pending{background:#ffedd5;color:#9a3412}.table .status-active,.badge.status-active{background:#dbeafe;color:#1d4ed8}.table .status-cancelled,.badge.status-cancelled,.table .status-closed,.badge.status-closed{background:#e5e7eb;color:#374151}
@media (max-width:900px){.is-client .public-main{width:min(100% - 1rem,1180px);padding-block:.75rem}.client-home-hero,.client-page-heading{align-items:flex-start;flex-direction:column}.client-home-grid,.client-payment-layout,.client-service-detail{grid-template-columns:1fr}.client-service-actions{position:static;order:2}.knowledgebase-search-inline{flex-direction:column}.inline-unlock-form{grid-template-columns:1fr;min-width:0}.small-token{max-width:10rem}.client-account-menu__items,.language-picker__menu{right:0;left:auto;max-width:calc(100vw - 1rem)}}
@media (max-width:640px){.whmcs-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.client-info-card address{font-size:.9rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.button-row{gap:.5rem}.button-row .button,.button-row form{width:100%}.button-row form .button{width:100%}.payment-method-card{padding:1rem}.checkout-grid{grid-template-columns:1fr!important}.form-grid.two-col{grid-template-columns:1fr!important}}

/* WHMCS-style client-area repairs */
.is-client{--whmcs-blue:#0f567a;--whmcs-blue-dark:#0a4767;--whmcs-link:#005c93;--whmcs-border:#ddd;--whmcs-soft:#f5f5f5;--whmcs-text:#333;background:#fff;color:var(--whmcs-text);font-family:'Segoe UI',Arial,sans-serif}.is-client .site-header.whmcs-public-header{display:block;min-height:0;padding:0;background:#fff;border:0}.is-client .site-header__top{border-bottom:1px solid #eee;background:#fff}.is-client .site-header__top-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.is-client .brand-logo{display:none}.is-client .brand__name{display:inline-block;max-width:none;color:#07598b;font-size:2.35rem;font-weight:300;letter-spacing:.01em}.is-client .site-header__actions{display:flex;align-items:center;gap:1rem}.is-client .header-action,.is-client .language-picker>summary{display:inline-flex;align-items:center;min-height:2.35rem;padding:.35rem .6rem;border-radius:.2rem;color:#666!important;font-weight:500;background:transparent!important;border:0!important}.is-client .client-account-menu>summary{min-height:44px;padding:.65rem 1rem;background:#0b4565!important;color:#fff!important;border-radius:0}.is-client .client-account-menu__items{border-radius:0;border-color:#ccc;box-shadow:0 6px 18px rgba(0,0,0,.14)}.is-client .site-header__navigation{background:var(--whmcs-blue);border:0}.is-client .site-header__navigation-inner{display:flex;align-items:center;gap:1rem;min-height:42px}.is-client .site-header__navigation nav{display:flex;align-items:stretch;gap:0;flex:1}.is-client .site-header__navigation nav>a,.is-client .site-header__navigation summary{display:flex;align-items:center;min-height:42px;padding:0 1rem;color:#fff!important;text-decoration:none;font-weight:500}.is-client .site-header__navigation nav>a:hover,.is-client .site-header__navigation summary:hover,.is-client .site-header__navigation details[open]>summary{background:#0b4565}.is-client .nav-dropdown__items{top:100%;border-radius:0;border-color:#ccc;box-shadow:0 8px 18px rgba(0,0,0,.18)}.is-client .nav-dropdown__items a{color:#333!important}.is-client .nav-toggle{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent}.is-client .public-main{max-width:1280px;padding:22px 22px 54px}.whmcs-client-heading h1{margin:.1rem 0 .25rem;color:#07598b;font-size:2.55rem;font-weight:300;line-height:1.15}.portal-breadcrumb{display:flex;align-items:center;gap:.55rem;color:#777;font-size:.85rem}.portal-breadcrumb a{color:#337ab7;text-decoration:none}.whmcs-client-layout,.whmcs-product-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;margin-top:1.4rem}.whmcs-sidebar{display:grid;align-content:start;gap:20px}.whmcs-side-card{border:1px solid var(--whmcs-border);border-radius:4px;background:#fff;overflow:hidden}.whmcs-side-card h2{display:flex;align-items:center;gap:.55rem;margin:0;padding:12px 15px;background:#f5f5f5;color:#777;font-size:1.2rem;font-weight:300;border-bottom:1px solid #eee}.whmcs-side-card address,.whmcs-side-card>p{margin:0;padding:14px 16px;font-style:normal;line-height:1.45}.whmcs-side-card .button{margin:0 16px 14px}.button-block{display:flex;width:calc(100% - 32px)}.button-success{background:#5cb85c!important;border-color:#4cae4c!important}.button-orange{background:#f0ad4e!important;border-color:#eea236!important}.button-red{background:#d9534f!important;border-color:#d43f3a!important}.button-blue{background:#5bc0de!important;border-color:#46b8da!important}.button-slate{background:#7f8c8d!important;border-color:#6f7c7d!important}.whmcs-side-link,.whmcs-side-link-form button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 16px;border:0;border-bottom:1px solid #eee;background:#fff;color:#555!important;text-decoration:none;font:inherit;text-align:left;cursor:pointer}.whmcs-side-link:hover{background:#f8f8f8}.whmcs-side-link.is-disabled{color:#bbb!important;cursor:not-allowed}.is-active-list a.active{display:block;padding:11px 16px;background:#3d4a4d;color:#fff!important;text-decoration:none}.whmcs-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e6e6e6;background:#f5f5f5}.whmcs-stat-card{position:relative;min-height:105px;padding:18px 20px;border-right:1px solid #d7d7d7;text-decoration:none;background:#f5f5f5;color:#07598b}.whmcs-stat-card:last-child{border-right:0}.whmcs-stat-card strong{display:block;font-size:2.7rem;font-weight:300;line-height:1}.whmcs-stat-card span{display:block;margin-top:.2rem;color:#777;font-size:.8rem;font-weight:700;text-transform:uppercase}.whmcs-stat-card i{position:absolute;right:18px;top:17px;color:#c9c9c9;font-size:3.1rem;font-style:normal}.whmcs-stat-card:after{content:"";position:absolute;left:20px;right:20px;bottom:12px;height:3px;background:#5bc0de}.whmcs-stat-quotes:after{background:#5cb85c}.whmcs-stat-tickets:after{background:#d9534f}.whmcs-stat-invoices:after{background:#f0ad4e}.whmcs-kb-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;margin:16px 0;padding:0 16px;height:46px;border:1px solid #ddd;border-radius:6px;background:#fff}.whmcs-kb-search input{width:100%;border:0;outline:0;font-size:1.05rem}.whmcs-panel{border:1px solid #ddd;border-top:3px solid #999;border-radius:4px;background:#fff;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.whmcs-panel header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:11px 14px;border-bottom:1px solid #eee}.whmcs-panel h2{margin:0;color:#333;font-size:1.15rem;font-weight:400}.whmcs-panel p{padding:14px;margin:0}.whmcs-panel footer{padding:8px 14px;background:#f5f5f5;text-align:right}.whmcs-panel-orange{border-top-color:#f0ad4e}.whmcs-panel-red{border-top-color:#d9534f}.whmcs-panel-blue{border-top-color:#5bc0de}.whmcs-panel-news{border-top-color:#7f8c8d}.whmcs-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.whmcs-list{display:grid}.whmcs-list a{display:grid;gap:.15rem;padding:10px 14px;border-bottom:1px solid #eee;color:#333;text-decoration:none}.whmcs-list a:hover{background:#f8f8f8}.whmcs-list span{color:#666;font-size:.85rem}.whmcs-news-list strong{font-weight:400}.whmcs-product-main{min-width:0}.whmcs-alert-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.notice-danger{background:#f2dede!important;border-color:#ebccd1!important;color:#a94442!important}.notice-success{background:#dff0d8!important;border-color:#d6e9c6!important;color:#3c763d!important}.notice-info{background:#d9edf7!important;border-color:#bce8f1!important;color:#31708f!important}.whmcs-product-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:2rem;align-items:start}.whmcs-product-card{overflow:hidden;text-align:center;border:1px solid #ddd;border-radius:8px;background:#f0f0f0}.whmcs-product-icon{display:grid;place-items:center;width:128px;height:128px;margin:36px auto 20px;border-radius:50%;background:#333;color:#fff;font-size:4rem}.whmcs-product-card h2{margin:.2rem 1rem;font-size:1.6rem;font-weight:300}.whmcs-product-card p{margin:0 1rem 28px;font-size:1.25rem;color:#333}.whmcs-product-status{display:block;padding:10px;background:#45a745;color:#fff;font-weight:700;text-transform:uppercase}.whmcs-product-status.status-pending{background:#f0ad4e}.whmcs-product-status.status-suspended,.whmcs-product-status.status-terminated,.whmcs-product-status.status-cancelled{background:#d9534f}.whmcs-product-facts{display:grid;grid-template-columns:1fr;gap:.5rem;text-align:center}.whmcs-product-facts dt{margin-top:.35rem;color:#333;font-size:1.25rem;font-weight:300}.whmcs-product-facts dd{margin:0 0 .65rem;color:#333}.whmcs-tab-panel{margin-top:22px;border:1px solid #ddd;border-radius:4px;background:#fff}.whmcs-tab-panel h2{display:inline-flex;margin:-1px 0 0 -1px;padding:12px 16px;border:1px solid #ddd;border-bottom-color:#fff;border-radius:4px 4px 0 0;background:#fff;font-size:1rem;font-weight:400}.whmcs-credential-table,.whmcs-addon-credentials{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:.35rem 1rem;max-width:680px;margin:22px auto;padding:0 16px}.whmcs-credential-table dt,.whmcs-addon-credentials dt{font-weight:700;text-align:right}.whmcs-credential-table dd,.whmcs-addon-credentials dd{margin:0;word-break:break-word}.phone-code-grid,.checkout-phone-grid{display:grid;grid-template-columns:minmax(6.8rem,.3fr) minmax(0,1fr);gap:.45rem}.phone-code-grid select,.checkout-phone-grid select{min-width:0}.phone-code-grid input,.checkout-phone-grid input{min-width:0}.client-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start}.text-success{color:#2f7d32!important}.whmcs-table .badge{white-space:nowrap}@media(max-width:980px){.is-client .site-header__top-inner{min-height:auto;padding:12px 0;align-items:flex-start;flex-direction:column}.is-client .brand__name{font-size:1.9rem}.is-client .site-header__actions{width:100%;justify-content:space-between}.is-client .site-header__navigation-inner{align-items:stretch;flex-direction:column;padding:8px 0}.is-client .site-header__navigation nav{display:none;flex-direction:column;width:100%}.is-client .site-header__navigation nav.is-open{display:flex}.is-client .site-header__navigation nav>a,.is-client .site-header__navigation summary{padding:.75rem 1rem}.is-client .nav-dropdown__items,.is-client .client-account-menu__items{position:static;margin:.25rem 0;border-radius:0;box-shadow:none}.whmcs-client-layout,.whmcs-product-layout,.client-profile-grid,.whmcs-product-summary{grid-template-columns:1fr}.whmcs-sidebar{order:2}.whmcs-panel-grid{grid-template-columns:1fr}.whmcs-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whmcs-stat-card:nth-child(2){border-right:0}.whmcs-stat-card{border-bottom:1px solid #ddd}.whmcs-credential-table,.whmcs-addon-credentials{grid-template-columns:1fr}.whmcs-credential-table dt,.whmcs-addon-credentials dt{text-align:left}.whmcs-alert-row{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.is-client .public-main{padding:14px 10px 36px}.whmcs-client-heading h1{font-size:2rem}.whmcs-stat-grid{grid-template-columns:1fr}.whmcs-stat-card{border-right:0}.whmcs-panel header{align-items:flex-start;flex-direction:column}.phone-code-grid,.checkout-phone-grid{grid-template-columns:1fr}.whmcs-product-icon{width:96px;height:96px;font-size:3rem}.whmcs-product-facts dt{font-size:1.1rem}}

/* WHMCS client-area drop-in refinement pack */
.whmcs-alert{margin:0 0 1rem;padding:.85rem 1rem;border:1px solid transparent;border-radius:4px;font-size:.95rem;line-height:1.45}.whmcs-alert a{font-weight:700}.whmcs-alert-danger{background:#f2dede;border-color:#ebccd1;color:#a94442}.whmcs-alert-success{background:#dff0d8;border-color:#d6e9c6;color:#3c763d}.whmcs-alert-info{background:#d9edf7;border-color:#bce8f1;color:#31708f}.whmcs-side-card-danger{background:#fff5f5;border-color:#ebccd1}.whmcs-side-card-danger h2{background:#f2dede;color:#a94442}.whmcs-side-card-success{background:#f7fff4;border-color:#d6e9c6}.whmcs-side-card-success h2{background:#dff0d8;color:#3c763d}.good-message{color:#3c763d}.whmcs-table-shell{border:0;background:#fff}.whmcs-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:13px 16px;background:#525767;color:#fff}.whmcs-table-toolbar input{width:min(260px,45vw);min-height:38px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#333;padding:.45rem .7rem}.whmcs-table-wrap{overflow-x:auto}.whmcs-table{width:100%;border-collapse:collapse;background:#fff}.whmcs-table thead tr{border-bottom:4px solid #85c65f}.whmcs-table th,.whmcs-table td{padding:13px 14px;border-bottom:1px solid #e8edf1;vertical-align:middle}.whmcs-table th{background:#fbfbfb;color:#333;font-weight:500}.whmcs-table tbody tr:nth-child(even){background:#f5fbfd}.whmcs-table tbody tr:hover{background:#eef7fb}.whmcs-table tbody tr[onclick]{cursor:pointer}.whmcs-table-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 14px;background:#f7f7f7;color:#777;font-size:.85rem}.whmcs-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:118px;padding:.45rem .8rem;border:1px solid #ccc;border-radius:3px;background:#fff;font-weight:700;text-align:center}.whmcs-status-pill.status-paid,.status-paid{color:#3c763d!important}.whmcs-status-pill.status-unpaid,.whmcs-status-pill.status-overdue,.status-unpaid,.status-overdue{color:#d9534f!important}.whmcs-status-pill.status-cancelled,.whmcs-status-pill.status-refunded,.status-cancelled,.status-refunded{color:#777!important}.text-right{text-align:right}.text-center{text-align:center}.hidden-print{display:inherit}.whmcs-invoice-page{display:flex;flex-direction:column;align-items:center}.whmcs-invoice-card{width:min(100%,980px);margin:0 auto 1rem;padding:70px 90px;border:1px solid #ccc;border-radius:5px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.03)}.whmcs-invoice-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);gap:2rem;align-items:center;border-bottom:1px solid #e5e5e5;padding-bottom:2rem}.whmcs-invoice-brand{display:grid;place-items:center;width:160px;height:160px;border-radius:32px;background:linear-gradient(135deg,#6d4cff,#522ec8);color:#fff;font-size:1.55rem;font-weight:800;text-align:center}.whmcs-invoice-head h1{margin:1.5rem 0 0;color:#222;font-size:1.9rem;font-weight:400}.whmcs-invoice-status-block{text-align:center;color:#1f2933}.whmcs-invoice-status{display:block;margin-bottom:.35rem;color:#c00;font-size:1.9rem;letter-spacing:.04em}.whmcs-invoice-status.status-paid{color:#3c763d}.whmcs-invoice-pay-form{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap}.whmcs-invoice-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 0}.whmcs-invoice-address-grid h2{margin:.2rem 0 .35rem;font-size:1.05rem}.whmcs-invoice-address-grid address{font-style:normal;line-height:1.45}.whmcs-invoice-items{border:1px solid #ddd;border-radius:5px;overflow:hidden;margin-bottom:1.2rem}.whmcs-invoice-items h2{margin:0;padding:12px 16px;background:#f5f5f5;font-size:1.2rem}.whmcs-invoice-table thead tr{border-bottom:1px solid #e5e5e5}.whmcs-invoice-table tbody tr:nth-child(even),.whmcs-invoice-transactions tbody tr:nth-child(even){background:#f7f7f7}.whmcs-invoice-actions{display:flex;justify-content:flex-end;gap:.5rem}.whmcs-status-text{color:#3c763d;font-weight:700}.whmcs-upgrade-button{max-width:430px;margin:1rem 0}.whmcs-addon-row{border:1px solid #ddd;border-top:3px solid #5bc0de;border-radius:4px;background:#fff;margin:1rem auto;max-width:820px;overflow:hidden}.whmcs-addon-row header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #ddd}.whmcs-addon-row p{margin:0;padding:.45rem 16px}.whmcs-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:1rem}.whmcs-addon-card{display:grid;grid-template-rows:auto 1fr auto auto;gap:.75rem;min-height:210px;border:1px solid #ddd;border-radius:4px;background:#fff;padding:16px}.whmcs-addon-card h3{margin:0;font-size:1.15rem;font-weight:500}.whmcs-addon-card p{margin:0;color:#555;font-size:.9rem;line-height:1.45}.whmcs-addon-card.is-active{background:#f7fff4;border-color:#d6e9c6}.whmcs-addon-price{display:flex;align-items:baseline;justify-content:flex-end;gap:.35rem;font-size:1rem}.whmcs-addon-price strong{font-size:1.25rem;font-weight:400}.whmcs-message-box{border:1px solid #ddd;background:#fff}.checkout-signature-panel{margin:1rem 0;padding:1rem;border:1px solid #bce8f1;border-radius:4px;background:#d9edf7;color:#245269}.checkout-signature-panel label{display:block;margin-bottom:.35rem;font-weight:800}.checkout-signature-panel input{width:100%;min-height:42px;border:1px solid #8fc7dd;border-radius:4px;padding:.55rem .7rem;background:#fff}.checkout-signature-panel small{display:block;margin-top:.45rem}.whmcs-checkout-grid .order-summary{border-top:3px solid #666}.store-shell{align-items:start}.store-sidebar,.whmcs-store-sidebar{border:1px solid #ddd;border-radius:4px;background:#fff;overflow:hidden}.store-sidebar h2,.whmcs-store-sidebar h2{margin:0;padding:12px 15px;background:#f5f5f5;color:#777;font-size:1.15rem;font-weight:300}.store-sidebar a,.store-sidebar span,.whmcs-store-sidebar a{display:block;padding:11px 15px;border-top:1px solid #eee;color:#555;text-decoration:none}.store-sidebar a:hover{background:#f7f7f7}.store-toolbar{border-bottom:1px solid #ddd}.store-toolbar h1,.page-heading h1{color:#07598b;font-weight:300}.order-summary h2{margin-top:0;background:#666;color:#fff;padding:.9rem 1rem;text-align:center}.order-summary{overflow:hidden}.order-summary dl,.order-summary p,.order-summary .coupon-panel,.order-summary>a,.order-summary>button{margin-left:1rem;margin-right:1rem}.cart-line{border-bottom:1px solid #ddd}.cart-line__amount{text-align:right}.payment-method-card{border-top:3px solid #666}@media print{.site-header,.site-footer,.whmcs-invoice-actions,.hidden-print{display:none!important}.public-main{max-width:none!important;padding:0!important}.whmcs-invoice-card{border:0;box-shadow:none;padding:0;width:100%}}@media(max-width:900px){.whmcs-table-toolbar,.whmcs-table-footer{align-items:flex-start;flex-direction:column}.whmcs-invoice-card{padding:28px 18px}.whmcs-invoice-head,.whmcs-invoice-address-grid,.whmcs-addon-grid{grid-template-columns:1fr}.whmcs-invoice-brand{width:120px;height:120px;border-radius:24px}.text-right{text-align:left}}@media(max-width:520px){.whmcs-table th,.whmcs-table td{padding:10px 8px}.whmcs-status-pill{min-width:92px}.whmcs-invoice-head h1{font-size:1.5rem}.whmcs-invoice-status{font-size:1.45rem}}

/* WHMCS client-area flow refinement - FIX2 */
.is-client .site-header__top-inner{min-height:58px;padding-top:6px;padding-bottom:6px}
.is-client .brand__name{font-size:2rem;line-height:1.05;color:var(--brand-accent)}
.is-client .brand img{max-height:44px;width:auto}
.is-client .site-header__navigation{background:var(--brand-accent)}
.is-client .site-header__navigation-inner{min-height:36px;padding-top:0;padding-bottom:0}
.is-client .site-header__navigation nav>a,.is-client .site-header__navigation summary{padding:.48rem .95rem;font-size:.96rem;line-height:1.2;color:#fff!important}
.is-client .site-header__navigation nav>a:hover,.is-client .site-header__navigation summary:hover,.is-client .client-account-menu[open]>summary{background:color-mix(in srgb,var(--brand-accent) 72%,#000)}
.is-client .site-header__actions{gap:.75rem}
.client-account-menu__items,.language-picker__menu,.nav-dropdown__items{z-index:1200}
.client-account-menu__items form{padding:0;margin:0}.client-account-menu__items .link-button{display:block;width:100%;padding:.65rem 1rem!important;text-align:left;font-weight:400!important;color:#333!important}.client-account-menu__items .link-button:hover{background:#f6f6f6!important;color:var(--brand-accent)!important}

.whmcs-store-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.whmcs-store-main{min-width:0}.whmcs-page-heading-tight{margin-bottom:14px}.whmcs-page-heading-tight h1{margin:0 0 .15rem;color:var(--brand-accent);font-size:2.25rem;font-weight:300;letter-spacing:-.035em}.whmcs-page-heading-tight p{margin:.25rem 0;color:#333}.whmcs-store-side{display:grid;gap:1.15rem}.whmcs-side-card{border:1px solid #e5e5e5;border-radius:4px;background:#fff;overflow:hidden}.whmcs-side-card h2{display:flex;align-items:center;gap:.55rem;margin:0;padding:12px 15px;background:#f5f5f5;color:#777;font-size:1.15rem;font-weight:300}.whmcs-side-list{display:grid}.whmcs-side-list a{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-top:1px solid #eee;color:#555;text-decoration:none}.whmcs-side-list a:hover,.whmcs-side-list a.active{background:#435155;color:#fff}.whmcs-side-icon{opacity:.65}
.whmcs-configure-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.whmcs-config-product-box{background:#f7f7f7;padding:12px 16px;margin-bottom:18px}.whmcs-config-product-box h2{margin:0 0 .3rem;color:#333;font-size:1.35rem;font-weight:400}.whmcs-config-product-box p,.whmcs-config-description{margin:.25rem 0;color:#333;font-size:.93rem;line-height:1.45}.whmcs-billing-cycle-field{max-width:260px;margin:0 0 24px}.whmcs-section-separator{display:flex;align-items:center;gap:14px;margin:22px 0 18px;color:var(--brand-accent);font-size:1.1rem;text-align:center}.whmcs-section-separator:before,.whmcs-section-separator:after{content:"";height:1px;background:#ddd;flex:1}.whmcs-section-separator span{white-space:nowrap}.whmcs-config-addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}.whmcs-config-addon-card{position:relative;display:grid;grid-template-rows:auto 1fr auto auto;min-height:165px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;text-align:center;overflow:hidden;transition:border-color .15s,box-shadow .15s}.whmcs-config-addon-card:hover,.whmcs-config-addon-card.is-selected{border-color:#67b65f;box-shadow:0 0 0 2px rgba(91,184,91,.16)}.whmcs-config-addon-card input{position:absolute;left:38px;top:13px;width:20px;height:20px;accent-color:#5cb85c}.whmcs-addon-title{display:block;min-height:42px;padding:12px 16px 2px 62px;color:#222;font-weight:800;font-size:.92rem}.whmcs-addon-copy{display:block;padding:8px 18px 12px;color:#333;font-size:.86rem;line-height:1.4}.whmcs-config-addon-footer{display:block;margin-top:auto;padding:7px 10px;background:#eee;color:#333;font-size:.86rem}.whmcs-config-addon-cta{display:block;padding:8px 10px;background:#5cb85c;color:#fff;font-weight:700}.whmcs-config-addon-card.is-disabled{opacity:.55;cursor:not-allowed}.whmcs-help-strip{margin:30px 0 0;padding:13px 16px;border:1px solid #faebcc;border-radius:4px;background:#fcf8e3;color:#8a6d3b;text-align:center}.whmcs-help-strip a{color:#6b531e;font-weight:700}
.whmcs-order-summary{border:1px solid #ddd;border-radius:4px;background:#fff;box-shadow:0 3px 0 #777;overflow:hidden}.whmcs-order-summary h2{margin:0;padding:12px 14px;background:#666;color:#fff;text-align:center;font-weight:300;font-size:1.35rem}.whmcs-order-summary__body{padding:13px 13px 18px}.whmcs-order-summary__body em{display:block;color:#555;font-size:.82rem}.whmcs-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #ddd;padding:7px 0;font-size:.9rem}.whmcs-summary-row em{font-size:.8rem;color:#777}.whmcs-summary-total{padding:14px 0 12px;text-align:right;color:#222;font-size:1.85rem;font-weight:300}.whmcs-summary-total small{display:block;font-size:.75rem;color:#555}.whmcs-continue-button,.whmcs-checkout-button,.whmcs-complete-order-button{width:auto;min-width:160px;margin:8px auto 0;display:flex!important;border-radius:5px!important;font-size:1.05rem!important}.whmcs-checkout-button{min-width:190px;padding:16px 22px!important;font-size:1.35rem!important;background:#5cb85c!important;border-color:#5cb85c!important}.whmcs-continue-link{display:block;margin-top:9px;color:#333;text-align:center;text-decoration:none;font-size:.85rem}
.whmcs-cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.whmcs-cart-table-shell{overflow-x:auto}.whmcs-cart-table{width:100%;border-collapse:collapse;background:#fff}.whmcs-cart-table th{background:var(--brand-accent);color:#fff;padding:10px 13px;font-weight:700}.whmcs-cart-table td{padding:15px 13px;border-bottom:3px solid #0b4f78;vertical-align:top}.whmcs-cart-table tbody tr+tr td{border-top:1px solid #eee}.whmcs-cart-edit{margin-left:.35rem;color:#2f80bc;text-decoration:none;font-size:.85rem}.whmcs-cart-selection{font-size:.85rem;color:#555}.whmcs-qty-form{display:grid;justify-items:center;gap:5px}.whmcs-qty-form input[type=number]{width:70px;padding:6px;border:1px solid #ccc;border-radius:4px;text-align:center}.whmcs-qty-form select{max-width:170px;padding:5px;border:1px solid #ccc;border-radius:4px}.whmcs-remove-button{border:0;background:transparent;color:#333;font-size:1.5rem;font-weight:800;cursor:pointer}.whmcs-empty-cart-row{display:flex;justify-content:flex-end}.whmcs-promo-panel{margin-top:28px;padding:16px 18px;background:#f5f5f5;border:1px solid #eee}.whmcs-promo-panel h2{display:inline-block;margin:-38px 0 15px 8px;padding:12px 20px;border:1px solid #ddd;border-bottom-color:#f5f5f5;background:#fff;color:#333;font-size:1rem;font-weight:400}.whmcs-promo-form{display:grid;gap:7px}.whmcs-promo-form input{min-height:40px;border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:1rem}.whmcs-empty-cart{border:1px solid #ddd;border-radius:4px;background:#fff;padding:32px;text-align:center}.whmcs-cart-summary{position:sticky;top:12px}
.whmcs-checkout-form{max-width:1180px;margin:0 auto}.whmcs-checkout-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}.whmcs-checkout-main{min-width:0}.whmcs-account-selector{border:1px solid #eee;background:#fff;margin-bottom:20px}.whmcs-account-option{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:70px;padding:15px 32px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left}.whmcs-account-option.is-muted{background:#f5f5f5;color:#777}.whmcs-radio-dot,.whmcs-empty-radio{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-top:2px}.whmcs-radio-dot{background:#2d97d1;color:#fff;font-weight:800}.whmcs-empty-radio{border:1px solid #ccc}.whmcs-currency-badge{display:inline-block;margin-left:.35rem;padding:1px 5px;background:#5bc0de;color:#fff;font-size:.72rem;font-weight:800}.whmcs-account-option small{display:block;color:#777}.whmcs-account-help{padding:0 32px 12px;margin:0}.whmcs-login-hint{margin:0 0 12px}.whmcs-billing-collapsible details{border:1px solid #ddd;border-radius:4px;background:#fff;margin-bottom:18px}.whmcs-billing-collapsible summary{padding:12px 15px;background:#f7f7f7;cursor:pointer;font-weight:700;color:#333}.whmcs-billing-fields{padding:16px}.whmcs-client-account-box{border-radius:4px;margin-bottom:20px}.whmcs-client-account-box h2{font-size:1.1rem;margin-top:0}.whmcs-total-alert{margin:0 0 14px;padding:13px 18px;border:1px solid #d6e9c6;border-radius:4px;background:#dff0d8;color:#3c763d;text-align:center}.whmcs-payment-radio-row{display:flex;align-items:center;justify-content:center;gap:38px;flex-wrap:wrap}.whmcs-payment-radio-row label{display:flex;align-items:center;gap:8px;color:#777}.whmcs-payment-radio-row input{width:22px;height:22px;accent-color:#2d97d1}.whmcs-notes-field textarea{border-radius:4px;min-height:92px}.whmcs-terms-row{justify-content:center;margin:18px 0 12px}.whmcs-signature-panel{max-width:500px;margin:0 auto 16px;background:#f7fbff;border-color:#c8dff0;color:#333}.whmcs-signature-canvas{display:block;width:100%;height:145px;border:1px solid #bbb;border-radius:4px;background:#fff;touch-action:none;cursor:crosshair}.whmcs-signature-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.whmcs-fraud-box{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px 0 0;padding:16px;border:1px solid #faebcc;background:#fcf8e3;color:#8a6d3b;border-radius:4px}.whmcs-checkout-line{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 0;border-bottom:1px solid #ddd}.whmcs-checkout-line small{color:#555}.whmcs-checkout-line span{grid-row:1 / span 2;grid-column:2;text-align:right;font-weight:700}.whmcs-coupon-field{margin-top:14px}.whmcs-coupon-field .coupon-input{display:grid;grid-template-columns:1fr auto;gap:5px}.whmcs-checkout-summary dl{margin:10px 0 0}.whmcs-checkout-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #eee}.whmcs-checkout-summary dl .total{font-weight:800;color:#111}.whmcs-complete-order-button{background:#337ab7!important;border-color:#2e6da4!important}
@media(max-width:980px){.whmcs-store-layout,.whmcs-configure-grid,.whmcs-cart-grid,.whmcs-checkout-body{grid-template-columns:1fr}.whmcs-store-side{order:2}.whmcs-config-addon-grid{grid-template-columns:1fr}.whmcs-cart-summary{position:static}.is-client .brand__name{font-size:1.55rem}.whmcs-page-heading-tight h1{font-size:1.9rem}}
@media(max-width:560px){.whmcs-account-option{padding:13px 15px}.whmcs-payment-radio-row{justify-content:flex-start;gap:14px}.whmcs-signature-actions{align-items:stretch;flex-direction:column}.whmcs-cart-table th,.whmcs-cart-table td{padding:9px 8px}.whmcs-order-summary__body{padding:11px}.whmcs-summary-total{font-size:1.45rem}}

/* WHMCS client-area FIX4 refinements */
.whmcs-public-header .site-header__navigation-inner{min-height:38px!important}
.whmcs-public-header [data-primary-nav] a{min-height:38px!important;padding:0 12px!important;font-size:.86rem!important}
.is-client .site-header__navigation-inner{min-height:36px!important}
.is-client .site-header__navigation nav>a,.is-client .site-header__navigation summary{min-height:36px!important;padding:0 .85rem!important;font-size:.92rem!important}
.is-client .client-account-menu>summary{min-height:38px!important;padding:.45rem .85rem!important}
.whmcs-configure-grid>.whmcs-order-summary,.whmcs-cart-grid>.whmcs-order-summary,.whmcs-checkout-body>.whmcs-order-summary{position:sticky;top:12px;align-self:start}
.whmcs-config-addon-card{min-height:166px;grid-template-rows:auto 1fr auto auto}.whmcs-config-addon-card.is-selected .whmcs-config-addon-cta{background:#45a745}.whmcs-config-addon-card.is-disabled{opacity:.58;cursor:not-allowed}.whmcs-config-addon-card.is-disabled .whmcs-config-addon-cta{background:#aaa}.whmcs-config-addon-card input[disabled]{cursor:not-allowed}.whmcs-summary-addon-row span:first-child{display:grid;gap:2px}.whmcs-summary-addon-row em{display:block!important;font-size:.72rem!important;color:#777!important}
.whmcs-cart-addon-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:5px;padding-left:12px;color:#555;font-size:.87rem}.whmcs-cart-addon-line small{color:#777;text-align:right}.whmcs-checkout-addon{grid-column:1 / -1;color:#666!important;font-size:.78rem!important}
.whmcs-account-page{align-items:start}.whmcs-account-sidebar{position:sticky;top:12px}.whmcs-account-nav-card h2{font-size:1.12rem}.whmcs-account-side-list a{font-size:.96rem}.whmcs-account-main{min-width:0}.whmcs-account-main .whmcs-client-heading h1 span{color:#777;font-size:1.6rem}.whmcs-account-form{max-width:860px}.whmcs-profile-fields{gap:13px 30px}.whmcs-profile-fields .field label{font-weight:700;color:#333}.readonly-input{background:#eee!important;color:#555!important}.whmcs-sms-field{max-width:420px}.whmcs-email-preferences{margin-top:22px}.whmcs-email-preferences h2{font-weight:300;color:#333}.whmcs-email-preferences label{display:block;margin:4px 0}.whmcs-mailing-list-box{margin-top:20px;padding:18px;background:#f7f7f7}.whmcs-mailing-list-box h2{margin-top:0;font-weight:300}.whmcs-toggle-pill{display:inline-block;padding:6px 16px;border-radius:4px;background:#5cb85c;color:#fff;font-weight:700}.whmcs-account-actions{justify-content:center;margin-top:20px}.whmcs-verification-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:12px;border:1px solid #ddd;border-radius:4px;background:#f8f8f8}.whmcs-verification-strip p{margin:0}.whmcs-inline-code-form{display:flex;align-items:center;gap:8px}.whmcs-inline-code-form input{max-width:150px}.whmcs-account-intro{margin:0 0 16px}.whmcs-payment-method-panel,.whmcs-account-table-card{max-width:980px}.whmcs-payment-table-wrap{margin-top:12px}.whmcs-payment-table th{background:#f7f7f7;color:#333;border-bottom:1px solid #ddd}.whmcs-payment-table td,.whmcs-payment-table th{padding:12px 14px}.whmcs-card-icon{margin-right:8px}.whmcs-add-card-panel{max-width:760px;margin-top:22px}.inline-form{display:inline-block;margin:0 0 0 4px}.button-info{background:#5bc0de!important;border-color:#46b8da!important;color:#fff!important}.input-validation-error{border-color:#d9534f!important;box-shadow:0 0 0 2px rgba(217,83,79,.12)!important}.field-validation-error,.validation-summary-errors,.validation-summary{color:#a94442}.fraud-ip-notice.whmcs-fraud-box{gap:8px!important;padding:12px 14px!important}.fraud-ip-text{display:inline!important}.fraud-ip-text strong{margin:0!important;padding:0!important;white-space:nowrap}
@media(max-width:980px){.whmcs-configure-grid>.whmcs-order-summary,.whmcs-cart-grid>.whmcs-order-summary,.whmcs-checkout-body>.whmcs-order-summary,.whmcs-account-sidebar{position:static}.whmcs-store-layout,.whmcs-configure-grid,.whmcs-cart-grid,.whmcs-checkout-body{grid-template-columns:1fr!important}.whmcs-account-form{max-width:none}}
@media(max-width:760px){.whmcs-public-header .site-header__navigation-inner{min-height:auto!important}.whmcs-public-header [data-primary-nav] a{min-height:42px!important}.whmcs-profile-fields{grid-template-columns:1fr}.whmcs-verification-strip{display:grid}.whmcs-cart-addon-line{grid-template-columns:1fr}.whmcs-account-main .whmcs-client-heading h1 span{display:block;font-size:1.1rem}}

/* WHMCS client-area FIX5 website settings, addon-cycle, and language refinements */
.site-header__navigation{min-height:36px!important}.site-header__navigation-inner{min-height:34px!important}.site-header__navigation nav>a,.site-header__navigation .nav-dropdown>summary{min-height:34px!important;padding-top:.42rem!important;padding-bottom:.42rem!important;line-height:1.1!important}.whmcs-public-header .site-header__navigation-inner{min-height:34px!important}.whmcs-public-header [data-primary-nav] a{min-height:34px!important;padding-top:.42rem!important;padding-bottom:.42rem!important}.whmcs-addon-cycle-select{width:100%;margin:.55rem 0 .4rem;border:1px solid #ddd;border-radius:3px;background:#f9f9f9;padding:.45rem .55rem;color:#444;font:inherit}.whmcs-config-addon-card{cursor:pointer}.whmcs-config-addon-card.is-disabled{cursor:not-allowed;opacity:.62}.whmcs-config-addon-card.is-selected .whmcs-addon-cycle-select{border-color:#55b957;background:#fff}.whmcs-summary-addon-row span:first-child{min-width:0}.whmcs-summary-addon-row em{font-style:normal}.whmcs-configure-grid>.whmcs-order-summary,.whmcs-cart-grid>.whmcs-order-summary,.whmcs-checkout-body>.whmcs-order-summary{position:sticky;top:10px;align-self:start}@media(max-width:980px){.whmcs-configure-grid>.whmcs-order-summary,.whmcs-cart-grid>.whmcs-order-summary,.whmcs-checkout-body>.whmcs-order-summary{position:static}.site-header__navigation-inner{min-height:40px!important}.site-header__navigation nav>a,.site-header__navigation .nav-dropdown>summary{min-height:40px!important;padding-top:.58rem!important;padding-bottom:.58rem!important}}

/* FIX6: WHMCS-like checkout mobile action bar and safer optional-field validation styling */
@media (max-width: 760px) {
  body:has(.whmcs-checkout-form) { padding-bottom: 5.75rem; }
  .whmcs-checkout-body { grid-template-columns: 1fr !important; gap: 1rem !important; }
  .whmcs-checkout-summary { position: static !important; top: auto !important; }
  .whmcs-checkout-summary .whmcs-order-summary__body { padding-bottom: 5rem; }
  .whmcs-complete-order-button {
    position: fixed !important;
    left: .75rem !important;
    right: .75rem !important;
    bottom: .75rem !important;
    z-index: 1200 !important;
    width: calc(100% - 1.5rem) !important;
    min-height: 3.25rem !important;
    border-radius: .65rem !important;
    font-size: 1.08rem !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
  }
}

/* FIX7: mobile configure/cart action bars and header dropdown overlay fixes */
.site-header__navigation,
.whmcs-public-header .site-header__navigation,
.is-client .site-header__navigation {
  min-height: 32px !important;
}
.site-header__navigation-inner,
.whmcs-public-header .site-header__navigation-inner,
.is-client .site-header__navigation-inner {
  min-height: 32px !important;
}
.site-header__navigation nav>a,
.site-header__navigation .nav-dropdown>summary,
.whmcs-public-header [data-primary-nav] a,
.is-client .site-header__navigation nav>a,
.is-client .site-header__navigation summary {
  min-height: 32px !important;
  padding-top: .32rem !important;
  padding-bottom: .32rem !important;
  line-height: 1.05 !important;
}

@media (max-width: 760px) {
  body:has(.whmcs-configure-form),
  body:has(.whmcs-cart-grid) {
    padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px));
  }

  .whmcs-configure-grid,
  .whmcs-cart-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .whmcs-configure-grid > .whmcs-order-summary,
  .whmcs-cart-grid > .whmcs-order-summary {
    position: static !important;
    top: auto !important;
  }

  .whmcs-continue-button,
  .whmcs-checkout-button {
    position: fixed !important;
    left: .75rem !important;
    right: .75rem !important;
    bottom: calc(.75rem + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 1400 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 1.5rem) !important;
    min-height: 3.25rem !important;
    margin: 0 !important;
    border-radius: .65rem !important;
    font-size: 1.08rem !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
  }

  .language-picker,
  .client-account-menu {
    position: static !important;
  }

  .language-picker__menu,
  .client-account-menu__items {
    position: fixed !important;
    left: .75rem !important;
    right: .75rem !important;
    top: calc(4.25rem + env(safe-area-inset-top, 0px)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: min(72vh, 28rem) !important;
    overflow-y: auto !important;
    margin: 0 !important;
    border-radius: .5rem !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.22) !important;
    z-index: 2000 !important;
  }

  .client-account-menu__items a,
  .client-account-menu__items button,
  .language-picker__option {
    min-height: 2.75rem !important;
    padding: .75rem .9rem !important;
  }

  .whmcs-public-header .site-header__navigation-inner,
  .is-client .site-header__navigation-inner {
    min-height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .whmcs-public-header .nav-toggle,
  .is-client .nav-toggle {
    min-height: 38px !important;
  }

  .whmcs-public-header [data-primary-nav] a,
  .is-client .site-header__navigation nav>a,
  .is-client .site-header__navigation summary {
    min-height: 38px !important;
  }
}

@media (max-width: 420px) {
  .language-picker__menu,
  .client-account-menu__items {
    top: calc(5.25rem + env(safe-area-inset-top, 0px)) !important;
  }
}

/* FIX8: WHMCS-like account mailing preference and verification controls */
.whmcs-mailing-toggle{display:flex;align-items:center;gap:0;margin-top:12px}
.whmcs-toggle-choice{display:inline-flex;align-items:center;margin:0;cursor:pointer}
.whmcs-toggle-choice input{position:absolute;opacity:0;pointer-events:none}
.whmcs-toggle-choice span{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:7px 16px;border:1px solid #d5d5d5;background:#fff;color:#555;font-weight:700}
.whmcs-toggle-choice:first-child span{border-radius:4px 0 0 4px}
.whmcs-toggle-choice:last-child span{border-left:0;border-radius:0 4px 4px 0}
.whmcs-toggle-choice input:checked + span{background:#5cb85c;border-color:#4cae4c;color:#fff}
.whmcs-toggle-choice:last-child input:checked + span{background:#777;border-color:#666;color:#fff}
.whmcs-verification-strip .muted{color:#777}
.whmcs-mailing-list-box .field-help{display:block;margin-top:8px}


/* FIX18: admin licence/customer-limit enforcement and updater status UI */
.software-updates-card{max-width:980px}.software-update-warning{margin:1rem 0}.software-update-warning p{margin:.35rem 0 0}.plan-limit-backdrop{position:fixed;inset:0;z-index:2600;background:rgba(12,27,43,.44);backdrop-filter:blur(2px)}.plan-limit-modal{position:fixed;z-index:2610;top:50%;left:50%;width:min(560px,calc(100vw - 2rem));transform:translate(-50%,-50%);padding:1.35rem;border:1px solid #f0c36d;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(12,27,43,.32)}.plan-limit-modal h2{margin:.15rem 2rem .6rem 0;color:#653d00}.plan-limit-modal p{margin:.2rem 0 1rem}.plan-limit-modal__close{position:absolute;top:.65rem;right:.75rem;width:2rem;height:2rem;border:0;border-radius:999px;background:#f7efe0;color:#653d00;font-size:1.4rem;line-height:1;cursor:pointer}.plan-limit-modal__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0 0 1rem}.plan-limit-modal__stats div{padding:.75rem;border:1px solid #ead7b1;border-radius:10px;background:#fff9ec}.plan-limit-modal__stats dt{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a641e}.plan-limit-modal__stats dd{margin:.22rem 0 0;font-size:1.1rem;font-weight:850;color:#31210a}@media(max-width:620px){.plan-limit-modal{top:auto;bottom:1rem;transform:translateX(-50%);max-height:calc(100vh - 2rem);overflow:auto}.plan-limit-modal__stats{grid-template-columns:1fr}}

.order-activation-services{display:grid;gap:14px}
.order-activation-service{border:1px solid var(--border-color,#dfe4ea);border-radius:12px;padding:16px;background:var(--surface-soft,#f8fafc)}
.order-activation-service__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.order-activation-service__head small{display:block;color:var(--muted-color,#667085);margin-top:3px}
.order-activation-fields{align-items:start}
.password-input-row{display:flex;gap:8px}
.password-input-row input{min-width:0;flex:1}
.order-activation-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border-color,#dfe4ea);margin-top:18px;padding-top:18px}
.order-activation-footer .button{min-width:230px}
.field-validation-error{display:block;color:#b42318;font-size:.82rem;margin-top:4px}
.validation-summary:empty{display:none}
@media(max-width:800px){
  .order-activation-service__head,.order-activation-footer{align-items:stretch;flex-direction:column}
  .order-activation-footer .button{width:100%;min-width:0}
  .password-input-row{align-items:stretch}
  .password-input-row .button{white-space:nowrap}
}

.affiliate-page{display:grid;gap:22px}.affiliate-page__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}.affiliate-page__heading h1{margin:.2rem 0}.affiliate-breadcrumbs{font-size:.9rem;font-weight:700}.affiliate-breadcrumbs span{padding:0 .35rem;color:#8da0b2}.affiliate-empty-state{display:grid;gap:14px;text-align:center}.affiliate-dashboard{display:grid;gap:22px}.affiliate-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.affiliate-stat-card{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:18px}.affiliate-stat-card__icon{display:grid;place-items:center;width:76px;height:76px;border-radius:20px;font-size:2rem;background:rgba(255,255,255,.55)}.affiliate-stat-card__value{font-size:2.6rem;line-height:1;font-weight:320;letter-spacing:-.04em}.affiliate-stat-card__label{margin-top:7px;font-size:1.15rem}.affiliate-stat-card--gold{background:#efe8d0;color:#8f6f2f}.affiliate-stat-card--blue{background:#d9edf9;color:#2b6c93}.affiliate-stat-card--green{background:#deedd8;color:#2f7c39}.affiliate-referral-link-box{display:grid;gap:12px;text-align:center}.affiliate-referral-link-box__title{font-size:1.05rem;font-weight:800;color:#22374a}.affiliate-referral-link-box__input-row{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.affiliate-referral-link-box__input-row input{width:min(100%,820px);min-height:3.1rem;padding:0 16px;border:1px solid #d5dee7;border-radius:14px;text-align:center;font-size:1.08rem}.affiliate-balance-panel{max-width:820px;display:grid;gap:8px;margin:0 auto;width:100%}.affiliate-balance-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 18px;border:1px solid #e6e9ee;background:#f5f6f8}.affiliate-balance-row strong{font-size:1.04rem}.affiliate-withdraw-section{display:grid;gap:12px;justify-items:center;text-align:center}.affiliate-withdraw-button{min-width:250px;background:#e68f97;border-color:#e68f97}.affiliate-withdraw-button.is-disabled,.affiliate-withdraw-button:disabled{opacity:.72;cursor:not-allowed}.affiliate-referrals-head{margin-top:8px}.affiliate-table-wrap{border:1px solid #d6dee7;border-radius:14px;overflow:hidden}.affiliate-table thead th{background:#4b5568;color:#fff;font-size:.82rem;letter-spacing:.03em}.affiliate-table tbody td{background:#fff}.affiliate-table__empty{text-align:center;padding:22px!important}.affiliate-linktous{display:grid;gap:12px}.affiliate-linktous h2{margin:.2rem 0 0}.affiliate-linktous__code{padding:16px;border-radius:12px;background:#101d2c;color:#e8f2fb;word-break:break-all}.affiliate-linktous__code a{color:#fff;font-weight:800}.affiliate-programme-content{display:grid;gap:12px}@media(max-width:900px){.affiliate-stat-grid{grid-template-columns:1fr}.affiliate-referral-link-box__input-row input{width:100%}.affiliate-balance-row{flex-direction:column;align-items:flex-start}.affiliate-withdraw-button{width:100%}.affiliate-page__heading{align-items:flex-start}.affiliate-referral-link-box__input-row .button{width:100%}}

/* FIX60 · Products / Services commerce editor */
.commerce-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem}.commerce-page-heading__copy{min-width:0}.commerce-page-heading__copy h1{margin:.2rem 0 .35rem;line-height:1.12}.commerce-page-heading__copy p{margin:0}.commerce-page-heading__actions{display:flex;gap:.65rem;flex-wrap:wrap}.commerce-page-heading__actions .button{min-width:8.5rem}.commerce-bulk-form{display:grid;gap:1rem}.commerce-panel{padding:0;overflow:hidden;border-radius:1rem}.commerce-panel[open]{border-color:#b8cfe0;box-shadow:0 12px 30px rgba(22,43,65,.08)}.commerce-panel__summary{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 1rem;align-items:center;gap:.85rem;padding:1.15rem 1.25rem;cursor:pointer;list-style:none;background:#fff;user-select:none}.commerce-panel__summary::-webkit-details-marker,.commerce-addon-card__summary::-webkit-details-marker{display:none}.commerce-panel__summary:hover{background:#f7fbff}.commerce-panel__summary-icon{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:.8rem;background:#e8f2fb;color:#145f9f;font-size:1.15rem;font-weight:900}.commerce-panel__summary strong{display:block;color:#17334a;font-size:1.06rem}.commerce-panel__summary small{display:block;margin-top:.2rem;color:#677b8d;font-size:.82rem;font-weight:650}.commerce-panel__chevron{width:.7rem;height:.7rem;border-right:2px solid #60778a;border-bottom:2px solid #60778a;transform:rotate(45deg);transition:transform .18s ease}.commerce-panel[open]>.commerce-panel__summary .commerce-panel__chevron,.commerce-addon-card[open]>.commerce-addon-card__summary .commerce-panel__chevron{transform:rotate(225deg)}.commerce-panel__body{display:grid;gap:1rem;padding:1.25rem;border-top:1px solid #dfe8ef;background:#fbfdff}.commerce-section-head,.commerce-subsection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.commerce-section-head h2,.commerce-subsection-head h3{margin:0 0 .25rem}.commerce-section-head p,.commerce-subsection-head p{margin:0}.commerce-add-button{white-space:nowrap}.commerce-matrix{display:grid;gap:.55rem;min-width:0}.commerce-matrix__head,.commerce-price-row{display:grid;grid-template-columns:minmax(10.5rem,1.35fr) minmax(9.5rem,1fr) minmax(8.25rem,.78fr) minmax(8.25rem,.78fr) minmax(6.2rem,.55fr) minmax(6.5rem,.55fr);gap:.7rem;align-items:end}.commerce-matrix__head{padding:0 .8rem;color:#64798b;font-size:.74rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.commerce-price-row{position:relative;padding:.85rem;border:1px solid #dbe5ed;border-radius:.8rem;background:#fff;box-shadow:0 3px 10px rgba(15,41,66,.035);transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.commerce-price-row:focus-within{border-color:#7fb1d6;box-shadow:0 0 0 3px rgba(31,111,174,.1)}.commerce-price-row.has-duplicate-price{border-color:#c63c3c;box-shadow:0 0 0 3px rgba(198,60,60,.12)}.commerce-price-row.is-pending-remove,.commerce-addon-card.is-pending-remove{border-color:#e0b8b8;background:#fff6f6;opacity:.72}.commerce-price-row.is-pending-remove:after{position:absolute;inset:0;pointer-events:none;border-radius:.8rem;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(161,40,40,.03) 8px,rgba(161,40,40,.03) 16px);content:""}.commerce-field{min-width:0;margin:0}.commerce-field label{display:block;margin-bottom:.3rem;color:#40586b;font-size:.78rem;font-weight:800}.commerce-field input,.commerce-field select,.commerce-field textarea{width:100%;min-width:0;min-height:2.55rem;padding:.55rem .65rem;border:1px solid #b8c8d5;border-radius:.55rem;background:#fff;color:#183247;font:inherit}.commerce-field textarea{min-height:5rem;resize:vertical}.commerce-field input:focus,.commerce-field select:focus,.commerce-field textarea:focus{outline:3px solid rgba(23,103,177,.13);border-color:#1767b1}.commerce-money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #b8c8d5;border-radius:.55rem;background:#fff}.commerce-money-input:focus-within{outline:3px solid rgba(23,103,177,.13);border-color:#1767b1}.commerce-money-input>span{align-self:stretch;display:grid;place-items:center;min-width:3.25rem;padding:0 .5rem;border-right:1px solid #d4dfe7;background:#eef4f8;color:#4c667a;font-size:.75rem;font-weight:850}.commerce-money-input>input{border:0!important;border-radius:0!important;outline:0!important}.commerce-active-toggle{display:flex;align-items:center;gap:.5rem;min-height:2.55rem;margin:0;padding:.55rem .65rem;border:1px solid #d7e2ea;border-radius:.55rem;background:#f8fbfd;color:#344d60;font-size:.84rem;font-weight:800;cursor:pointer}.commerce-active-toggle input{width:1.05rem;height:1.05rem;margin:0;accent-color:#1767b1}.commerce-row-actions{display:grid;gap:.3rem;align-content:end}.commerce-row-actions .button{width:100%;min-height:2.55rem;padding:.5rem .7rem}.commerce-remove-state{color:#9a2d2d;font-size:.74rem;font-weight:800;text-align:center}.commerce-empty-state{padding:1.25rem}.commerce-addon-list{gap:.75rem}.commerce-addon-card{overflow:hidden;border:1px solid #d7e3ec;border-radius:.85rem;background:#fff}.commerce-addon-card__summary{display:grid;grid-template-columns:minmax(0,1fr) auto 1rem;align-items:center;gap:.75rem;padding:1rem 1.1rem;cursor:pointer;list-style:none}.commerce-addon-card__summary:hover{background:#f7fbff}.commerce-addon-card__summary strong{display:block;color:#193a53}.commerce-addon-card__summary small{display:block;margin-top:.2rem;color:#687e8f}.commerce-addon-card__body{display:grid;gap:1rem;padding:1rem;border-top:1px solid #dfe8ef;background:#fbfdff}.commerce-addon-fields,.commerce-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.commerce-field--wide{grid-column:1/-1}.commerce-addon-switches,.commerce-create-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;grid-column:1/-1}.commerce-addon-switches .commerce-delete-addon{margin-left:auto}.commerce-save-bar{position:sticky;z-index:20;bottom:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid #c4d8e8;border-radius:.9rem;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(16,29,44,.16);backdrop-filter:blur(10px)}.commerce-save-bar>div{display:grid;gap:.1rem}.commerce-save-bar>div span{font-size:.82rem}.commerce-save-all{min-width:11.5rem;min-height:2.8rem}.commerce-bulk-form.is-dirty .commerce-save-bar{border-color:#73a7d2;box-shadow:0 14px 34px rgba(23,103,177,.18)}.commerce-create-form{display:grid;gap:1rem}.commerce-config-list{display:grid;gap:.65rem}.commerce-config-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid #dbe5ed;border-radius:.7rem;background:#fff}.commerce-config-card p{margin:.2rem 0}.commerce-config-create{padding-top:1rem;border-top:1px solid #dfe8ef}.commerce-delete-addon{white-space:nowrap}@media(max-width:1180px){.commerce-matrix__head{display:none}.commerce-price-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.commerce-price-row .commerce-active-toggle,.commerce-price-row .commerce-row-actions{align-self:end}.commerce-row-actions{grid-template-columns:1fr}.commerce-field label{font-size:.82rem}}@media(max-width:760px){.commerce-page-heading{align-items:flex-start;flex-direction:column}.commerce-page-heading__actions{width:100%}.commerce-page-heading__actions .button{flex:1}.commerce-panel__summary{grid-template-columns:2.35rem minmax(0,1fr) .75rem;padding:1rem}.commerce-panel__summary-icon{width:2.3rem;height:2.3rem}.commerce-panel__body{padding:.85rem}.commerce-price-row,.commerce-addon-fields,.commerce-create-grid{grid-template-columns:1fr}.commerce-field--wide{grid-column:auto}.commerce-addon-switches,.commerce-create-actions{align-items:stretch;flex-direction:column}.commerce-addon-switches .commerce-active-toggle,.commerce-create-actions .commerce-active-toggle,.commerce-addon-switches .button,.commerce-create-actions .button{width:100%}.commerce-addon-switches .commerce-delete-addon{margin-left:0}.commerce-save-bar{bottom:.4rem;align-items:stretch;flex-direction:column}.commerce-save-all{width:100%}.commerce-config-card{align-items:flex-start;flex-direction:column}.commerce-config-card form,.commerce-config-card .button{width:100%}}

/* FIX65: automatic registration/checkout regional defaults */
.registration-card{width:min(100%,58rem)}
.registration-form .registration-location-field,
.whmcs-billing-fields .checkout-location-field{min-width:0}
.phone-code-readonly>input:first-child,
.readonly-regional-value{background:#f4f7fa!important;color:#334155!important;font-weight:700;cursor:not-allowed}
.phone-code-readonly>input:first-child{max-width:8rem;text-align:center}
[data-province-field] select[hidden],
[data-province-field] input[hidden]{display:none!important}
.registration-location-field .search-select,
.checkout-location-field .search-select,
.registration-location-field input,
.checkout-location-field input{width:100%}
@media(max-width:620px){
  .registration-card{width:100%}
  .phone-code-readonly>input:first-child{max-width:none}
}

/* FIX66: customer invoice bulk operations */
.customer-invoice-admin{overflow:hidden}
.customer-invoice-bulk-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:0 0 .9rem;padding:.75rem;border:1px solid #dbe6ee;border-radius:.75rem;background:#f7fafc}
.customer-invoice-bulk-actions .button{min-height:2.45rem;padding:.55rem .9rem;white-space:nowrap}
.customer-invoice-admin .table-check{width:3rem;min-width:3rem;text-align:center}
.customer-invoice-admin .table-check input{width:1.05rem;height:1.05rem;margin:0;accent-color:#1767b1}
@media(max-width:720px){
  .customer-invoice-bulk-actions{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-invoice-bulk-actions .button{width:100%;white-space:normal}
}
@media(max-width:450px){.customer-invoice-bulk-actions{grid-template-columns:1fr}}

/* FIX67: payment authorization and email history */
.payment-method-card__head,
.recurring-authorization-card__title,
.signature-field__label,
.client-email-dialog__head,
.client-email-dialog__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.payment-method-form { display: grid; gap: 1rem; }
.payment-card-number-shell { position: relative; }
.payment-card-number-shell input { padding-right: 9.5rem; }
.payment-brand-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.8rem;
    min-height: 1.85rem;
    padding: .25rem .65rem;
    border: 1px solid #cbd5e1;
    border-radius: .55rem;
    background: #f8fafc;
    color: #172033;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
    white-space: nowrap;
}
.payment-card-number-shell > .payment-brand-pill {
    position: absolute;
    top: 50%;
    right: .55rem;
    transform: translateY(-50%);
    pointer-events: none;
}
.payment-brand-pill[data-brand="Visa"], .payment-brand-pill--visa { color: #17357a; }
.payment-brand-pill[data-brand="Mastercard"], .payment-brand-pill--mastercard { color: #9d2400; }
.payment-brand-pill[data-brand="American Express"], .payment-brand-pill--americanexpress { color: #006fcf; }
.payment-brand-pill[data-brand="Discover"], .payment-brand-pill--discover { color: #8a3d00; }
.payment-expiry-grid { grid-template-columns: minmax(8rem, .8fr) minmax(8rem, .8fr) minmax(10rem, 1fr); }
.recurring-authorization-card {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #cbd5e1;
    border-radius: .9rem;
    background: #f8fafc;
}
.recurring-authorization-card__title small { display: block; margin-top: .2rem; color: #64748b; }
.agreement-checkbox-row {
    display: grid;
    grid-template-columns: 1.15rem minmax(0, 1fr);
    align-items: start;
    gap: .65rem;
    margin: 0;
    line-height: 1.45;
}
.agreement-checkbox-row input[type="checkbox"] {
    width: 1.15rem;
    height: 1.15rem;
    margin: .18rem 0 0;
}
.agreement-checkbox-row--compact { align-items: center; }
.signature-field { display: grid; gap: .55rem; }
.signature-pad-shell {
    position: relative;
    overflow: hidden;
    min-height: 145px;
    border: 2px dashed #94a3b8;
    border-radius: .75rem;
    background: #fff;
    touch-action: none;
}
.signature-pad-shell.has-error { border-color: #dc2626; box-shadow: 0 0 0 3px rgba(220,38,38,.12); }
.signature-pad-shell canvas { display: block; width: 100%; height: 145px; cursor: crosshair; touch-action: none; }
.signature-pad-shell > span {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    color: #94a3b8;
    pointer-events: none;
    text-align: center;
}
.payment-method-actions { justify-content: flex-end; }
.client-email-dialog {
    width: min(900px, calc(100vw - 2rem));
    max-height: min(88vh, 900px);
    padding: 0;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 24px 70px rgba(15,23,42,.3);
}
.client-email-dialog::backdrop { background: rgba(15,23,42,.58); }
.client-email-dialog__head { padding: 1rem 1.25rem; border-bottom: 1px solid #e2e8f0; }
.client-email-dialog__head h2 { margin: .15rem 0 0; font-size: 1.2rem; }
.client-email-dialog__close { border: 0; background: transparent; font-size: 2rem; line-height: 1; cursor: pointer; }
.client-email-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
    padding: 1rem 1.25rem;
    background: #f8fafc;
}
.client-email-meta div { min-width: 0; }
.client-email-meta dt { font-size: .72rem; font-weight: 800; text-transform: uppercase; color: #64748b; }
.client-email-meta dd { margin: .2rem 0 0; overflow-wrap: anywhere; }
.client-email-error { margin: 1rem 1.25rem 0; display: grid; gap: .25rem; }
.client-email-body { padding: 1rem 1.25rem; }
.client-email-body iframe { width: 100%; min-height: 420px; border: 1px solid #e2e8f0; border-radius: .75rem; background: #fff; }
.client-email-body pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
.client-email-dialog__actions { padding: 0 1.25rem 1.25rem; justify-content: flex-end; }
.email-status { display: inline-flex; padding: .25rem .55rem; border-radius: 999px; background: #e2e8f0; font-size: .78rem; font-weight: 700; }
.email-status--sent { background: #dcfce7; color: #166534; }
.email-status--failed { background: #fee2e2; color: #991b1b; }
.email-status--queued, .email-status--processing { background: #dbeafe; color: #1e40af; }

@media (max-width: 720px) {
    .payment-expiry-grid, .client-email-meta { grid-template-columns: 1fr; }
    .recurring-authorization-card__title, .payment-method-card__head { align-items: flex-start; }
    .payment-card-number-shell input { padding-right: 7.5rem; }
}

/* FIX68: cancellation workflow, invoice creation, and order review */
.cancellation-page-heading,
.admin-orders-heading,
.admin-order-detail-heading,
.invoice-create-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}
.cancellation-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}
.cancellation-summary-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 92px;
    padding: 1rem 1.2rem;
    border: 1px solid #dce3ec;
    border-radius: .9rem;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-shadow: 0 5px 18px rgba(15,23,42,.05);
}
.cancellation-summary-card span { color: #64748b; font-weight: 700; }
.cancellation-summary-card strong { font-size: 1.8rem; color: #172033; }
.cancellation-summary-card.is-active { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.12); }
.cancellation-filter-card,
.admin-orders-filter {
    display: grid;
    grid-template-columns: minmax(250px, 1.6fr) minmax(190px, .65fr) auto auto;
    align-items: end;
    gap: .9rem;
    margin-bottom: 1rem;
    padding: 1rem;
}
.cancellation-filter-card .field,
.admin-orders-filter .field { margin: 0; }
.cancellation-request-list { overflow: hidden; padding: 0; }
.cancellation-list-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid #e3e8ef;
    background: #f8fafc;
}
.cancellation-select-all { margin: 0; }
.cancellation-rows { display: grid; }
.cancellation-request-card { border-bottom: 1px solid #e5eaf0; background: #fff; }
.cancellation-request-card:last-child { border-bottom: 0; }
.cancellation-request-card > summary {
    display: grid;
    grid-template-columns: 32px minmax(220px, 1.4fr) minmax(125px, .55fr) auto minmax(130px, .55fr);
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    cursor: pointer;
    list-style: none;
}
.cancellation-request-card > summary::-webkit-details-marker { display: none; }
.cancellation-request-card[open] > summary { background: #f8fafc; box-shadow: inset 4px 0 #2563eb; }
.cancellation-row-check { display: grid; place-items: center; }
.cancellation-row-check input { width: 1.05rem; height: 1.05rem; }
.cancellation-request-main { min-width: 0; display: grid; gap: .18rem; }
.cancellation-request-main strong,
.cancellation-request-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cancellation-request-main small,
.cancellation-request-type,
.cancellation-request-date { color: #64748b; }
.cancellation-request-type { font-weight: 700; font-size: .85rem; }
.cancellation-request-date { text-align: right; font-size: .82rem; }
.cancellation-request-body {
    display: grid;
    grid-template-columns: minmax(260px, .9fr) minmax(300px, 1.1fr);
    gap: 1.25rem;
    padding: 1.1rem 1rem 1.25rem 3.85rem;
    border-top: 1px solid #e8edf3;
}
.cancellation-reason-panel {
    padding: 1rem;
    border: 1px solid #dce3ec;
    border-radius: .8rem;
    background: #f8fafc;
}
.cancellation-reason-panel p { min-height: 3rem; margin: .55rem 0 1rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.cancellation-row-actions { justify-content: flex-end; }
.cancellation-empty-state,
.admin-empty-state { padding: 2.5rem 1rem !important; text-align: center; }
.admin-empty-state strong,
.admin-empty-state span { display: block; }
.admin-empty-state span { margin-top: .3rem; color: #64748b; }

.invoice-create-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    align-items: start;
    gap: 1.2rem;
}
.invoice-create-form-card { padding: 0; overflow: hidden; }
.invoice-create-form-card form { display: grid; }
.invoice-form-section { padding: 1.25rem; border-bottom: 1px solid #e3e8ef; }
.invoice-form-section__head { display: flex; align-items: flex-start; gap: .75rem; margin-bottom: 1rem; }
.invoice-form-section__head > span {
    display: grid;
    place-items: center;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #172033;
    color: #fff;
    font-weight: 800;
}
.invoice-form-section__head h2 { margin: 0; font-size: 1.05rem; }
.invoice-form-section__head p { margin: .15rem 0 0; color: #64748b; font-size: .86rem; }
.selected-customer-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid #cbd5e1;
    border-radius: .85rem;
    background: #f8fafc;
}
.selected-customer-avatar {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #dbeafe;
    color: #1d4ed8;
    font-weight: 900;
}
.selected-customer-card > div:nth-child(2) { min-width: 0; display: grid; gap: .15rem; }
.selected-customer-card span,
.selected-customer-card small { color: #64748b; overflow-wrap: anywhere; }
.selected-customer-currency { padding: .35rem .55rem; border-radius: 999px; background: #172033; color: #fff !important; font-weight: 800; }
.invoice-create-actions { display: flex; gap: .7rem; justify-content: flex-end; padding: 1.1rem 1.25rem; background: #f8fafc; }
.invoice-live-summary { position: sticky; top: 1rem; padding: 1.2rem; }
.invoice-live-summary h2 { margin: .3rem 0 1rem; }
.invoice-live-summary dl { display: grid; grid-template-columns: 1fr auto; gap: .75rem; margin: 0 0 1rem; }
.invoice-live-summary dt,
.invoice-live-summary dd { margin: 0; }
.invoice-live-summary dd { text-align: right; }
.invoice-live-summary dl > :nth-last-child(-n+2) { padding-top: .75rem; border-top: 1px solid #dce3ec; font-size: 1.08rem; }

.admin-orders-filter { grid-template-columns: minmax(260px, 1.5fr) minmax(210px, .65fr) auto; }
.admin-orders-filter__actions { display: flex; gap: .55rem; align-items: center; }
.admin-orders-list-card { padding: 0; overflow: hidden; }
.admin-orders-list-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.2rem; border-bottom: 1px solid #e3e8ef; }
.admin-orders-list-head h2 { margin: 0; }
.admin-orders-list-head p { margin: .25rem 0 0; }
.admin-orders-count { padding: .4rem .65rem; border-radius: 999px; background: #eef2f7; color: #475569; font-size: .82rem; font-weight: 800; white-space: nowrap; }
.admin-orders-table td { vertical-align: middle; }
.admin-order-number,
.admin-order-customer,
.admin-order-invoice-state { display: grid; gap: .18rem; color: inherit; text-decoration: none; }
.admin-order-number { color: #1d4ed8; font-weight: 800; }
.admin-order-number:hover,
.admin-order-customer:hover strong { text-decoration: underline; }
.admin-order-number small,
.admin-order-customer small,
.admin-order-invoice-state small { color: #64748b; font-weight: 400; }
.admin-order-invoice-state { justify-items: start; }
.admin-orders-table__action { text-align: right; }
.status-not-created { background: #eef2f7; color: #475569; }

.admin-order-title-row { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.admin-order-title-row h1 { margin-right: .2rem; }
.admin-order-status-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.admin-order-status-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem;
}
.admin-order-status-card__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: .75rem; background: #eef2ff; font-size: 1.2rem; }
.admin-order-status-card > div { min-width: 0; display: grid; gap: .1rem; }
.admin-order-status-card small { color: #64748b; font-weight: 700; }
.admin-order-status-card strong { font-size: 1.02rem; }
.admin-order-status-card span:last-child { overflow-wrap: anywhere; color: #64748b; font-size: .82rem; }
.admin-order-summary-card { margin-bottom: 1rem; padding: 1.2rem; }
.admin-order-section-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.admin-order-section-head h2 { margin: .15rem 0 0; }
.admin-order-total { font-size: 1.35rem; font-weight: 900; color: #172033; }
.admin-order-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.admin-order-summary-grid .compact-definition { padding: 1rem; border: 1px solid #e3e8ef; border-radius: .8rem; background: #f8fafc; }
.admin-order-payment-note { margin: 1rem 0 0; }
.admin-order-accordion { margin-bottom: 1rem; padding: 0; overflow: hidden; }
.admin-order-accordion > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    cursor: pointer;
    list-style: none;
    background: #fff;
}
.admin-order-accordion > summary::-webkit-details-marker { display: none; }
.admin-order-accordion > summary::after { content: "+"; margin-left: auto; font-size: 1.4rem; color: #64748b; }
.admin-order-accordion[open] > summary::after { content: "−"; }
.admin-order-accordion[open] > summary { background: #f8fafc; border-bottom: 1px solid #e3e8ef; }
.admin-order-accordion > summary > span:first-child { display: grid; gap: .12rem; }
.admin-order-accordion > summary small { color: #64748b; text-transform: uppercase; letter-spacing: .05em; font-size: .7rem; font-weight: 800; }
.admin-order-accordion__count { margin-left: auto; padding: .32rem .55rem; border-radius: 999px; background: #eef2f7; color: #475569; font-size: .78rem; font-weight: 800; }
.admin-order-accordion__body { padding: 1.2rem; }
.admin-order-activation-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e3e8ef; }
.admin-order-config { display: block; max-width: 320px; max-height: 90px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }

.client-cancellation-panel { scroll-margin-top: 1rem; }
.client-cancellation-panel__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.client-cancellation-panel__head > div { display: flex; align-items: flex-start; gap: .75rem; }
.client-cancellation-panel__head h2 { margin: 0; }
.client-cancellation-panel__head p { margin: .25rem 0 0; color: #64748b; }
.client-cancellation-panel__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: .65rem; background: #fee2e2; color: #991b1b; font-size: 1.15rem; }
.client-cancellation-status { margin-bottom: 1rem; padding: 1rem; border: 1px solid #dce3ec; border-radius: .8rem; background: #f8fafc; }
.client-cancellation-status.status-open { border-color: #f4c76b; background: #fffbeb; }
.client-cancellation-status.status-accepted { border-color: #86d6a6; background: #f0fdf4; }
.client-cancellation-status.status-rejected { border-color: #f4a7a7; background: #fff7f7; }
.client-cancellation-status > strong { display: block; margin-bottom: .7rem; }
.client-cancellation-status dl { display: grid; grid-template-columns: minmax(130px, .35fr) 1fr; gap: .45rem .8rem; margin: 0; }
.client-cancellation-status dt { color: #64748b; font-weight: 700; }
.client-cancellation-status dd { margin: 0; }
.client-cancellation-reason { white-space: pre-wrap; overflow-wrap: anywhere; }
.client-cancellation-form { display: grid; gap: 1rem; }
.client-cancellation-form fieldset { display: grid; gap: .65rem; margin: 0; padding: 0; border: 0; }
.client-cancellation-form legend { margin-bottom: .35rem; font-weight: 800; }
.client-cancellation-choice {
    display: grid;
    grid-template-columns: 1.1rem minmax(0, 1fr);
    align-items: start;
    gap: .65rem;
    padding: .85rem;
    border: 1px solid #dce3ec;
    border-radius: .75rem;
    cursor: pointer;
}
.client-cancellation-choice:has(input:checked) { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.1); background: #f8fbff; }
.client-cancellation-choice input { margin-top: .22rem; }
.client-cancellation-choice span { display: grid; gap: .15rem; }
.client-cancellation-choice small { color: #64748b; }
.client-cancellation-form__reason textarea { width: 100%; resize: vertical; }
.client-cancellation-form__footer { display: flex; justify-content: flex-end; }

@media (max-width: 1050px) {
    .admin-order-status-grid { grid-template-columns: 1fr; }
    .invoice-create-layout { grid-template-columns: 1fr; }
    .invoice-live-summary { position: static; }
    .cancellation-request-card > summary { grid-template-columns: 30px minmax(180px, 1fr) auto auto; }
    .cancellation-request-date { display: none; }
}
@media (max-width: 820px) {
    .cancellation-page-heading,
    .admin-orders-heading,
    .admin-order-detail-heading,
    .invoice-create-heading { align-items: flex-start; flex-direction: column; }
    .cancellation-summary-grid { grid-template-columns: 1fr; }
    .cancellation-filter-card,
    .admin-orders-filter { grid-template-columns: 1fr; }
    .admin-orders-filter__actions { flex-wrap: wrap; }
    .cancellation-request-body,
    .admin-order-summary-grid { grid-template-columns: 1fr; }
    .cancellation-request-body { padding-left: 1rem; }
    .admin-order-activation-footer { align-items: stretch; flex-direction: column; }
}
@media (max-width: 680px) {
    .cancellation-list-toolbar { align-items: stretch; flex-direction: column; }
    .cancellation-list-toolbar .button-row { display: grid; grid-template-columns: 1fr 1fr; }
    .cancellation-request-card > summary { grid-template-columns: 28px minmax(0, 1fr) auto; }
    .cancellation-request-type { display: none; }
    .selected-customer-card { grid-template-columns: 42px minmax(0, 1fr); }
    .selected-customer-currency { grid-column: 1 / -1; justify-self: start; }
    .admin-orders-table thead { display: none; }
    .admin-orders-table,
    .admin-orders-table tbody,
    .admin-orders-table tr,
    .admin-orders-table td { display: block; width: 100%; }
    .admin-orders-table tr { padding: 1rem; border-bottom: 1px solid #e3e8ef; }
    .admin-orders-table td { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: .65rem; padding: .38rem 0; border: 0; }
    .admin-orders-table td::before { content: attr(data-label); color: #64748b; font-size: .78rem; font-weight: 800; }
    .admin-orders-table__action { display: block !important; padding-top: .75rem !important; }
    .admin-orders-table__action::before { display: none; }
    .admin-orders-table__action .button { width: 100%; }
    .admin-order-status-card { grid-template-columns: 42px minmax(0, 1fr); }
    .admin-order-status-card .button { grid-column: 1 / -1; }
    .client-cancellation-status dl { grid-template-columns: 1fr; }
    .client-cancellation-status dt { margin-top: .35rem; }
}

/* FIX70: SMTP settings and connection diagnostics */
.smtp-settings-page{max-width:1120px;margin:0 auto}.smtp-provider-note,.smtp-diagnostic-note{display:grid;gap:.55rem}.smtp-provider-note p,.smtp-diagnostic-note p{margin:0}.smtp-provider-note__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.smtp-provider-note__grid span{display:flex;flex-direction:column;gap:.1rem;padding:.65rem .75rem;border:1px solid rgba(30,86,125,.18);border-radius:.65rem;background:rgba(255,255,255,.58)}.smtp-security-summary{display:flex;align-items:center;min-height:2.65rem;padding:.65rem .8rem;border:1px solid #b9d7c8;border-radius:.65rem;background:#effaf4;color:#166534;font-weight:850}.smtp-security-summary[data-kind="warning"]{border-color:#f0c36a;background:#fff7e6;color:#8a5a00}.smtp-settings-form input[readonly]{background:#f3f6f9;color:#415466;cursor:not-allowed}.smtp-tls-check{align-self:end;min-height:2.65rem;margin:0}.smtp-test-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}.smtp-test-flow span{display:flex;align-items:center;gap:.55rem;padding:.7rem .75rem;border:1px solid #d7e3ec;border-radius:.7rem;background:#f8fbfd;color:#385268;font-size:.86rem;font-weight:750}.smtp-test-flow b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--brand-accent);color:#fff}.smtp-settings-form .button-row{justify-content:flex-end}@media(max-width:900px){.smtp-provider-note__grid,.smtp-test-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.smtp-provider-note__grid,.smtp-test-flow{grid-template-columns:1fr}.smtp-settings-form .button-row{justify-content:stretch}}

/* FIX72: reliable client payment-method authorization form */
.whmcs-add-card-panel[hidden]{display:none!important}
.payment-method-card{width:min(100%,900px);max-width:900px;padding:1.25rem}
.payment-method-card__head{margin-bottom:.25rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}
.payment-method-card__head h2{margin:.15rem 0 0}
.payment-panel-close{width:2.5rem;min-width:2.5rem;height:2.5rem;padding:0;font-size:1.35rem;line-height:1}
.payment-method-validation-summary:empty,.payment-method-validation-summary.validation-summary-valid{display:none}
.payment-method-validation-summary.validation-summary-errors{display:block;margin:0;padding:.85rem 1rem;border:1px solid #fecaca;border-radius:.75rem;background:#fef2f2;color:#991b1b}
.payment-method-validation-summary ul{margin:.2rem 0 .2rem 1.15rem;padding:0}
.payment-method-form>.field,.payment-method-form>.form-grid,.payment-method-form>.recurring-authorization-card{min-width:0}
.recurring-authorization-card{border:1px solid #b8c7d8;background:linear-gradient(180deg,#f8fbff 0%,#f8fafc 100%);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.recurring-authorization-card__title{padding-bottom:.8rem;border-bottom:1px solid #dbe5ef}
.recurring-authorization-card__title>div{min-width:0}
.recurring-authorization-card__title strong{display:block;font-size:1.02rem;color:#172033}
.recurring-authorization-card__title a{white-space:nowrap}
.agreement-checkbox-row{display:flex;align-items:flex-start;gap:.7rem;width:100%;padding:.7rem .8rem;border:1px solid #dbe5ef;border-radius:.7rem;background:#fff;cursor:pointer}
.agreement-checkbox-row input[type="checkbox"]{flex:0 0 1.15rem;width:1.15rem;height:1.15rem;margin:.12rem 0 0;accent-color:#1767b1}
.agreement-checkbox-row span{min-width:0;line-height:1.45}
.agreement-checkbox-row--compact{width:max-content;max-width:100%;padding:.55rem .7rem}
.payment-signature-card{padding:.85rem;border:1px solid #d7e0ea;border-radius:.8rem;background:#fff}
.payment-signature-card .signature-field__label{align-items:flex-start}
.payment-signature-card .signature-field__label>div{min-width:0}
.payment-signature-card .signature-field__label small{display:block;margin-top:.25rem;color:#64748b;line-height:1.4}
.payment-signature-card .signature-pad-shell{display:block;width:100%;min-height:180px;border:2px dashed #7c8ea3;background:#fff;box-shadow:inset 0 1px 3px rgba(15,23,42,.06)}
.payment-signature-card .signature-pad-shell canvas{display:block;width:100%;height:180px;min-height:180px;background:#fff;cursor:crosshair;touch-action:none}
.payment-signature-card .signature-pad-shell>span{width:min(90%,32rem);font-weight:700}
.signature-client-error{margin-top:.15rem}
.payment-method-actions{padding-top:.25rem;border-top:1px solid #e2e8f0}
.payment-method-actions .button{min-width:9rem}
.payment-card-number-shell .payment-brand-pill{min-width:7.5rem}
@media(max-width:720px){
  .payment-method-card{padding:1rem}
  .payment-method-card__head,.recurring-authorization-card__title,.signature-field__label{align-items:flex-start;flex-direction:column}
  .payment-panel-close{position:absolute;right:1rem}
  .recurring-authorization-card__title a{white-space:normal}
  .payment-signature-card .signature-pad-shell,.payment-signature-card .signature-pad-shell canvas{min-height:155px;height:155px}
  .payment-method-actions{display:grid;grid-template-columns:1fr}
  .payment-method-actions .button{width:100%}
}

/* FIX75: universally rendered public-home cart icon and controlled client panels. */
.whmcs-home-action__icon--cart svg{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.whmcs-side-link[data-cancellation-toggle].is-active{background:color-mix(in srgb,var(--brand-accent) 10%,#fff);color:var(--brand-accent)}
.client-cancellation-panel[hidden]{display:none!important}
.payment-method-managed-notice{margin:14px 0 0}

/* FIX85: phone-safe full-screen live chat. */
.live-chat-launcher iframe.is-mobile-fullscreen{position:fixed!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;z-index:2147483000!important}
@media(max-width:620px){.live-chat-launcher.is-open{inset:0!important;pointer-events:none}.live-chat-launcher.is-open iframe{pointer-events:auto}.live-chat-launcher.is-open .live-chat-launcher__button{position:fixed;right:max(.65rem,env(safe-area-inset-right));top:max(.65rem,env(safe-area-inset-top));z-index:2147483001}}

/* 2026.07.13: responsive public content, moderated comments, and profile points */
.article-page,
.article-detail,
.article-page__body,
.article-detail .prose {
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    overflow-wrap: anywhere;
}
.article-page__body *,
.article-detail .prose * { box-sizing: border-box; }
.article-page__body > *,
.article-detail .prose > * { max-width: 100% !important; }
.article-page__body img,
.article-detail .prose img {
    display: block;
    width: auto !important;
    max-width: 80% !important;
    height: auto !important;
    margin: 1rem auto;
    object-fit: contain;
}
.article-page__body figure,
.article-detail .prose figure {
    width: 100% !important;
    max-width: 100% !important;
    margin: 1rem auto;
    overflow: hidden;
}
.article-page__body iframe,
.article-page__body video,
.article-detail .prose iframe,
.article-detail .prose video {
    max-width: 100% !important;
}
.article-page__body table,
.article-page__body pre,
.article-detail .prose table,
.article-detail .prose pre {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}
.content-comments { margin-top: 1.25rem; padding: clamp(1rem, 3vw, 1.5rem); }
.content-comments__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.content-comments__header h2 { margin:.15rem 0 0; }
.community-points-badge { display:inline-flex; align-items:center; gap:.25rem; padding:.36rem .62rem; border-radius:999px; background:#fff7d6; color:#7a5200; font-size:.82rem; font-weight:800; white-space:nowrap; }
.community-points-badge--small { padding:.16rem .42rem; font-size:.72rem; }
.content-comment-form { display:grid; gap:.55rem; margin:1rem 0 1.25rem; padding:1rem; border:1px solid #dbe4ee; border-radius:.9rem; background:#f8fafc; }
.content-comment-form label { font-weight:800; }
.content-comment-form textarea,
.content-comment__reply textarea { width:100%; min-height:6rem; padding:.7rem .75rem; border:1px solid #cbd5e1; border-radius:.7rem; resize:vertical; font:inherit; }
.content-comment-form__footer { display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
.content-comment-form__footer small { color:#64748b; }
.content-comments__signin { padding:.8rem 1rem; border-radius:.75rem; background:#f1f5f9; }
.content-comments__list { display:grid; gap:.85rem; }
.content-comment { min-width:0; padding:1rem; border:1px solid #e2e8f0; border-radius:.85rem; background:#fff; }
.content-comment--reply { margin-top:.7rem; background:#f8fafc; }
.content-comment__meta { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.content-comment__meta time { margin-left:auto; color:#64748b; font-size:.76rem; }
.content-comment__body { margin:.75rem 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.content-comment__reply summary { width:max-content; cursor:pointer; color:#174e7a; font-weight:800; }
.content-comment__reply form { display:grid; gap:.55rem; margin-top:.55rem; }
.content-comment__reply button { justify-self:start; }
.content-comment__replies { margin-left:clamp(.35rem, 3vw, 1.5rem); padding-left:clamp(.35rem, 2vw, 1rem); border-left:2px solid #dbe4ee; }
.community-profile-card { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; padding:1rem 1.15rem; border:1px solid #eadca7; border-radius:.9rem; background:linear-gradient(135deg,#fffdf4,#fff8db); }
.community-profile-card h2,.community-profile-card p { margin:.2rem 0; }
.comment-stats-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-bottom:1rem; }
.comment-stats-grid .stat-card { display:grid; gap:.2rem; padding:1rem; border:1px solid #dbe4ee; border-radius:.85rem; background:#fff; color:inherit; text-decoration:none; }
.comment-stats-grid .stat-card strong { font-size:1.6rem; }
.comment-stats-grid .stat-card.active { border-color:#2563eb; box-shadow:0 0 0 2px rgba(37,99,235,.12); }
.comment-moderation-card { padding:1rem; }
.comment-moderation-card .filter-row { display:grid; grid-template-columns:minmax(140px,.35fr) minmax(220px,1fr) minmax(110px,.2fr) auto; gap:.65rem; }
.comment-moderation-card select,.comment-moderation-card input { width:100%; padding:.67rem .75rem; border:1px solid #cbd5e1; border-radius:.65rem; }
.comment-moderation-list { display:grid; gap:.8rem; margin-top:1rem; }
.comment-moderation-row { min-width:0; padding:1rem; border:1px solid #e2e8f0; border-radius:.85rem; }
.comment-moderation-row__top { display:flex; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
.comment-moderation-row h2 { margin:.65rem 0 .35rem; font-size:1rem; }
.comment-moderation-row__author { color:#475569; font-size:.84rem; }
.comment-moderation-row__body { padding:.75rem; border-radius:.65rem; background:#f8fafc; white-space:pre-wrap; overflow-wrap:anywhere; }
.status-pending { background:#fff7ed; color:#9a3412; }
.status-approved { background:#ecfdf3; color:#027a48; }
.status-rejected { background:#fff1f2; color:#b42318; }
@media (max-width: 700px) {
    .comment-stats-grid { grid-template-columns:1fr; }
    .comment-moderation-card .filter-row { grid-template-columns:1fr; }
    .content-comment__meta time { width:100%; margin-left:0; }
}
@media (max-width: 620px) {
    .live-chat-launcher iframe.is-mobile-fullscreen { border-radius:.9rem !important; box-shadow:0 18px 50px rgba(15,23,42,.28) !important; }
}

/* FIX86: keyboard-safe public live chat. Inline !important dimensions are set from visualViewport. */
.live-chat-launcher iframe.is-mobile-fullscreen{
    min-width:0!important;
    min-height:0!important;
    transform:none!important;
}
@media(max-width:620px){
    .live-chat-launcher.is-open iframe.is-mobile-fullscreen{
        margin:0!important;
    }
}


/* FIX: Public live chat starts at the bottom-left. Dragged positions are applied
   inline by _Layout.cshtml and retained in sessionStorage for the current tab. */
.live-chat-launcher{
    left:max(1rem,env(safe-area-inset-left));
    right:auto;
    bottom:max(1rem,env(safe-area-inset-bottom));
    justify-items:start;
}
.live-chat-launcher[data-launcher-anchor="left"]{
    justify-items:start;
}
@media(max-width:620px){
    .live-chat-launcher{
        left:max(.8rem,env(safe-area-inset-left));
        right:auto;
        bottom:max(.8rem,env(safe-area-inset-bottom));
    }
}

/* Shared list pagination: never render clickable page 0/overflow links and keep
   ticket/order/invoice/customer paging usable on narrow screens. */
.pager__link.is-current{background:#334155;border-color:#334155;color:#fff;pointer-events:none}
@media(max-width:720px){.pager{align-items:flex-start}.pager__links{width:100%;overflow-x:auto;padding-bottom:.25rem}.pager__link{flex:0 0 auto}}