: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}.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}}