/* Generated by tools/build-css-bundle.mjs from templates/ucartz/css/uc-site.css, templates/ucartz/css/uc-dark.css, orderforms/ucartz_cart/css/ucartz-cart.css, templates/ucartz/css/custom.css. Do not edit by hand. */

/* ==== templates/ucartz/css/uc-site.css ==== */
/* Generated by tools/build-site-css.mjs from https://www.ucartz.com/assets/css/theme.min.css. Do not edit by hand. */
.uc-site .h2,.uc-site .h3,.uc-site h2,.uc-site h3{letter-spacing:-.022rem}.uc-site .text-inherit{color:var(--gk-gray-800)}.uc-site .text-inherit.active,.uc-site .text-inherit:hover{color:var(--gk-primary)!important}:root,[data-bs-theme=light]{--gk-blue:#0d6efd;--gk-indigo:#6610f2;--gk-purple:#6f42c1;--gk-pink:#d63384;--gk-red:#dc3545;--gk-orange:#fd7e14;--gk-yellow:#ffc107;--gk-green:#198754;--gk-teal:#20c997;--gk-cyan:#0dcaf0;--gk-black:#000;--gk-gray:#475569;--gk-gray-dark:#1e293b;--gk-gray-black:#000;--gk-gray-50:#f8fafc;--gk-gray-100:#f1f5f9;--gk-gray-200:#e2e8f0;--gk-gray-300:#cbd5e1;--gk-gray-400:#94a3b8;--gk-gray-500:#5b6b82;--gk-gray-600:#475569;--gk-gray-700:#334155;--gk-gray-800:#1e293b;--gk-gray-900:#0f172a;--gk-gray-1000:#0b1324;--gk-gray-white:#fff;--gk-primary:#6336f4;--gk-secondary:#ff5a1f;--gk-accent:#6336f4;--gk-cta:#ff5a1f;--gk-success:#16a34a;--gk-info:#0ea5e9;--gk-warning:#f59e0b;--gk-danger:#dc2626;--gk-light:#f1f5f9;--gk-dark:#0f172a;--gk-white:#fff;--gk-light-primary:#ebe7ff;--gk-light-danger:#fad9d8;--gk-light-info:#e1f6ff;--gk-light-warning:#ffeeda;--gk-light-secondary:#ffe6dd;--gk-light-accent:#ebe7ff;--gk-light-success:#dcfce7;--gk-light-dark:#d1cfd8;--gk-dark-primary:#5c49bf;--gk-dark-warning:#c28135;--gk-dark-info:#51a0c2;--gk-dark-danger:#ae302e;--gk-dark-success:#139a74;--gk-dark-secondary:#bf4417;--gk-dark-accent:#5c49bf;--gk-primary-rgb:99,54,244;--gk-secondary-rgb:255,90,31;--gk-accent-rgb:99,54,244;--gk-cta-rgb:255,90,31;--gk-success-rgb:22,163,74;--gk-info-rgb:14,165,233;--gk-warning-rgb:245,158,11;--gk-danger-rgb:220,38,38;--gk-light-rgb:241,245,249;--gk-dark-rgb:15,23,42;--gk-light-primary-rgb:235,231,255;--gk-light-danger-rgb:250,217,216;--gk-light-info-rgb:225,246,255;--gk-light-warning-rgb:255,238,218;--gk-light-secondary-rgb:255,230,221;--gk-light-accent-rgb:235,231,255;--gk-light-success-rgb:220,252,231;--gk-light-dark-rgb:209,207,216;--gk-dark-primary-rgb:92,73,191;--gk-dark-warning-rgb:194,129,53;--gk-dark-info-rgb:81,160,194;--gk-dark-danger-rgb:174,48,46;--gk-dark-success-rgb:19,154,116;--gk-dark-secondary-rgb:191,68,23;--gk-dark-accent-rgb:92,73,191;--gk-primary-text-emphasis:#281662;--gk-secondary-text-emphasis:#66240c;--gk-success-text-emphasis:#09411e;--gk-info-text-emphasis:#06425d;--gk-warning-text-emphasis:#623f04;--gk-danger-text-emphasis:#580f0f;--gk-light-text-emphasis:#334155;--gk-dark-text-emphasis:#334155;--gk-primary-bg-subtle:#e0d7fd;--gk-secondary-bg-subtle:#ffded2;--gk-success-bg-subtle:#d0eddb;--gk-info-bg-subtle:#cfedfb;--gk-warning-bg-subtle:#fdecce;--gk-danger-bg-subtle:#f8d4d4;--gk-light-bg-subtle:#f8fafc;--gk-dark-bg-subtle:#94a3b8;--gk-primary-border-subtle:#c1affb;--gk-secondary-border-subtle:#ffbda5;--gk-success-border-subtle:#a2dab7;--gk-info-border-subtle:#9fdbf6;--gk-warning-border-subtle:#fbd89d;--gk-danger-border-subtle:#f1a8a8;--gk-light-border-subtle:#e2e8f0;--gk-dark-border-subtle:#5b6b82;--gk-white-rgb:255,255,255;--gk-black-rgb:0,0,0;--gk-font-sans-serif:"Geist","Geist Fallback",sans-serif;--gk-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--gk-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--gk-body-font-family:"Geist","Geist Fallback",sans-serif;--gk-body-font-size:0.938rem;--gk-body-font-weight:400;--gk-body-line-height:1.6;--gk-body-color:#334155;--gk-body-color-rgb:51,65,85;--gk-body-bg:#f1f5f9;--gk-body-bg-rgb:241,245,249;--gk-emphasis-color:#000;--gk-emphasis-color-rgb:0,0,0;--gk-secondary-color:rgba(51,65,85,.75);--gk-secondary-color-rgb:51,65,85;--gk-secondary-bg:#e2e8f0;--gk-secondary-bg-rgb:226,232,240;--gk-tertiary-color:rgba(51,65,85,.5);--gk-tertiary-color-rgb:51,65,85;--gk-tertiary-bg:#f1f5f9;--gk-tertiary-bg-rgb:241,245,249;--gk-heading-color:var(--gk-gray-800);--gk-link-color:#6336f4;--gk-link-color-rgb:99,54,244;--gk-link-decoration:none;--gk-link-hover-color:#4f2bc3;--gk-link-hover-color-rgb:79,43,195;--gk-code-color:#d63384;--gk-highlight-color:#334155;--gk-highlight-bg:#fff3cd;--gk-border-width:1px;--gk-border-style:solid;--gk-border-color:var(--gk-border-color);--gk-border-color-translucent:#cbd5e1;--gk-border-radius:0.375rem;--gk-border-radius-sm:0.25rem;--gk-border-radius-lg:0.5rem;--gk-border-radius-xl:0.75rem;--gk-border-radius-xxl:2rem;--gk-border-radius-2xl:var(--gk-border-radius-xxl);--gk-border-radius-pill:50rem;--gk-box-shadow:0px 3px 6px rgba(17,24,39,.1);--gk-box-shadow-sm:0px 1px 3px rgba(17,24,39,.09);--gk-box-shadow-lg:0 6px 8px 0 rgba(17,24,39,.08),0 0 0 1px rgba(17,24,39,.04);--gk-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--gk-focus-ring-width:0.25rem;--gk-focus-ring-opacity:0.25;--gk-focus-ring-color:rgba(99,54,244,.25);--gk-form-valid-color:#16a34a;--gk-form-valid-border-color:#16a34a;--gk-form-invalid-color:#dc2626;--gk-form-invalid-border-color:#dc2626}[data-bs-theme=dark]{color-scheme:dark;--gk-body-color:#cbd5e1;--gk-body-color-rgb:203,213,225;--gk-body-bg-rgb:15,23,42;--gk-emphasis-color:#fff;--gk-emphasis-color-rgb:255,255,255;--gk-secondary-color:rgba(203,213,225,.75);--gk-secondary-color-rgb:203,213,225;--gk-secondary-bg:#1e293b;--gk-secondary-bg-rgb:30,41,59;--gk-tertiary-color:rgba(203,213,225,.5);--gk-tertiary-color-rgb:203,213,225;--gk-tertiary-bg:#172033;--gk-tertiary-bg-rgb:23,32,51;--gk-primary-text-emphasis:#a186f8;--gk-secondary-text-emphasis:#ff9c79;--gk-success-text-emphasis:#73c892;--gk-info-text-emphasis:#6ec9f2;--gk-warning-text-emphasis:#f9c56d;--gk-danger-text-emphasis:#ea7d7d;--gk-light-text-emphasis:#f1f5f9;--gk-dark-text-emphasis:#cbd5e1;--gk-primary-bg-subtle:#140b31;--gk-secondary-bg-subtle:#331206;--gk-success-bg-subtle:#04210f;--gk-info-bg-subtle:#03212f;--gk-warning-bg-subtle:#312002;--gk-danger-bg-subtle:#2c0808;--gk-light-bg-subtle:#1e293b;--gk-dark-bg-subtle:#0f151e;--gk-primary-border-subtle:#3b2092;--gk-secondary-border-subtle:#993613;--gk-success-border-subtle:#0d622c;--gk-info-border-subtle:#08638c;--gk-warning-border-subtle:#935f07;--gk-danger-border-subtle:#841717;--gk-light-border-subtle:#334155;--gk-dark-border-subtle:#1e293b;--gk-heading-color:inherit;--gk-link-color:#a186f8;--gk-link-hover-color:#b49ffa;--gk-link-color-rgb:161,134,248;--gk-link-hover-color-rgb:180,159,250;--gk-code-color:#e685b5;--gk-highlight-color:#cbd5e1;--gk-highlight-bg:#664d03;--gk-border-color-translucent:hsla(0,0%,100%,.15);--gk-form-valid-color:#75b798;--gk-form-valid-border-color:#75b798;--gk-form-invalid-color:#ea868f;--gk-form-invalid-border-color:#ea868f}.uc-site *,.uc-site :after,.uc-site :before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}.uc-site .h2,.uc-site .h3,.uc-site .h5,.uc-site h2,.uc-site h3,.uc-site h5{color:var(--gk-heading-color);font-family:Geist,Geist Fallback,sans-serif;font-weight:600;line-height:1.5;margin-bottom:.5rem;margin-top:0}.uc-site .h2,.uc-site h2{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.uc-site .h2,.uc-site h2{font-size:1.5rem}}.uc-site .h3,.uc-site h3{font-size:1.25rem}.uc-site .h5,.uc-site h5{font-size:.875rem}.uc-site p{margin-bottom:1rem;margin-top:0}.uc-site ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}.uc-site ul ul{margin-bottom:0}.uc-site .small,.uc-site small{font-size:.875em}.uc-site a{color:rgba(var(--gk-link-color-rgb),var(--gk-link-opacity,1));text-decoration:none}.uc-site a:hover{--gk-link-color-rgb:var(--gk-link-hover-color-rgb)}.uc-site a:not([href]):not([class]),.uc-site a:not([href]):not([class]):hover{color:inherit;text-decoration:none}.uc-site img,.uc-site svg{vertical-align:middle}.uc-site button{border-radius:0}.uc-site button:focus:not(:focus-visible){outline:0}.uc-site button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;text-transform:none}.uc-site [type=button],.uc-site button{-webkit-appearance:button}.uc-site [type=button]:not(:disabled),.uc-site button:not(:disabled){cursor:pointer}.uc-site ::-moz-focus-inner{border-style:none;padding:0}.uc-site ::-webkit-datetime-edit-day-field,.uc-site ::-webkit-datetime-edit-fields-wrapper,.uc-site ::-webkit-datetime-edit-hour-field,.uc-site ::-webkit-datetime-edit-minute,.uc-site ::-webkit-datetime-edit-month-field,.uc-site ::-webkit-datetime-edit-text,.uc-site ::-webkit-datetime-edit-year-field{padding:0}.uc-site ::-webkit-inner-spin-button{height:auto}.uc-site ::-webkit-search-decoration{-webkit-appearance:none}.uc-site ::-webkit-color-swatch-wrapper{padding:0}.uc-site ::file-selector-button{-webkit-appearance:button;font:inherit}.uc-site .list-unstyled{list-style:none;padding-left:0}.uc-site .img-fluid{height:auto;max-width:100%}.uc-site .container{--gk-gutter-x:2.5rem;--gk-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--gk-gutter-x)*.5);padding-right:calc(var(--gk-gutter-x)*.5);width:100%}@media (min-width:576px){.uc-site .container{max-width:540px}}@media (min-width:768px){.uc-site .container{max-width:720px}}@media (min-width:992px){.uc-site .container{max-width:960px}}@media (min-width:1200px){.uc-site .container{max-width:1140px}}@media (min-width:1400px){.uc-site .container{max-width:1320px}}:root{--gk-breakpoint-xs:0;--gk-breakpoint-sm:576px;--gk-breakpoint-md:768px;--gk-breakpoint-lg:992px;--gk-breakpoint-xl:1200px;--gk-breakpoint-xxl:1400px}.uc-site .row{--gk-gutter-x:1.5rem;--gk-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--gk-gutter-x)*-.5);margin-right:calc(var(--gk-gutter-x)*-.5);margin-top:calc(var(--gk-gutter-y)*-1)}.uc-site .row>*{flex-shrink:0;margin-top:var(--gk-gutter-y);max-width:100%;padding-left:calc(var(--gk-gutter-x)*.5);padding-right:calc(var(--gk-gutter-x)*.5);width:100%}.uc-site .col{flex:1 0 0}.uc-site .row-cols-1>*{flex:0 0 auto;width:100%}.uc-site .col-6{flex:0 0 auto;width:50%}.uc-site .col-12{flex:0 0 auto;width:100%}.uc-site .g-0{--gk-gutter-x:0;--gk-gutter-y:0}.uc-site .g-2{--gk-gutter-x:0.5rem;--gk-gutter-y:0.5rem}.uc-site .g-3{--gk-gutter-x:1rem;--gk-gutter-y:1rem}.uc-site .gx-4{--gk-gutter-x:1.5rem}.uc-site .gy-6{--gk-gutter-y:2.5rem}@media (min-width:768px){.uc-site .row-cols-md-2>*{flex:0 0 auto;width:50%}.uc-site .col-md-3{flex:0 0 auto;width:25%}.uc-site .col-md-4{flex:0 0 auto;width:33.33333333%}.uc-site .col-md-6{flex:0 0 auto;width:50%}}@media (min-width:992px){.uc-site .col-lg-3{flex:0 0 auto;width:25%}.uc-site .col-lg-4{flex:0 0 auto;width:33.33333333%}.uc-site .col-lg-8{flex:0 0 auto;width:66.66666667%}.uc-site .col-lg-9{flex:0 0 auto;width:75%}.uc-site .g-lg-3{--gk-gutter-x:1rem;--gk-gutter-y:1rem}}@media (min-width:1200px){.uc-site .g-xl-4{--gk-gutter-x:1.5rem;--gk-gutter-y:1.5rem}}.uc-site .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3){border-bottom-right-radius:0;border-top-right-radius:0}.uc-site .btn{--gk-btn-padding-x:1rem;--gk-btn-padding-y:0.5rem;--gk-btn-font-size:0.875rem;--gk-btn-font-weight:600;--gk-btn-line-height:1.6;--gk-btn-color:var(--gk-body-color);--gk-btn-bg:transparent;--gk-btn-border-width:var(--gk-border-width);--gk-btn-border-color:transparent;--gk-btn-border-radius:0.375rem;--gk-btn-hover-border-color:transparent;--gk-btn-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);--gk-btn-disabled-opacity:0.65;--gk-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--gk-btn-focus-shadow-rgb),.5);background-color:var(--gk-btn-bg);border:var(--gk-btn-border-width) solid var(--gk-btn-border-color);border-radius:var(--gk-btn-border-radius);color:var(--gk-btn-color);cursor:pointer;display:inline-block;font-family:var(--gk-btn-font-family);font-size:var(--gk-btn-font-size);font-weight:var(--gk-btn-font-weight);line-height:var(--gk-btn-line-height);padding:var(--gk-btn-padding-y) var(--gk-btn-padding-x);text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle}@media (prefers-reduced-motion:reduce){.uc-site .btn{transition:none}}.uc-site .btn:hover{background-color:var(--gk-btn-hover-bg);border-color:var(--gk-btn-hover-border-color);color:var(--gk-btn-hover-color)}.uc-site .btn:focus-visible{background-color:var(--gk-btn-hover-bg);border-color:var(--gk-btn-hover-border-color);box-shadow:var(--gk-btn-focus-box-shadow);color:var(--gk-btn-hover-color);outline:0}.uc-site .btn.active,.uc-site .btn.show,.uc-site .btn:first-child:active,.uc-site :not(.btn-check)+.btn:active{background-color:var(--gk-btn-active-bg);border-color:var(--gk-btn-active-border-color);color:var(--gk-btn-active-color)}.uc-site .btn.active:focus-visible,.uc-site .btn.show:focus-visible,.uc-site .btn:first-child:active:focus-visible,.uc-site :not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--gk-btn-focus-box-shadow)}.uc-site .btn:disabled{background-color:var(--gk-btn-disabled-bg);border-color:var(--gk-btn-disabled-border-color);color:var(--gk-btn-disabled-color);opacity:var(--gk-btn-disabled-opacity);pointer-events:none}.uc-site .btn-primary{--gk-btn-color:#fff;--gk-btn-bg:#6336f4;--gk-btn-border-color:#6336f4;--gk-btn-hover-color:#fff;--gk-btn-hover-bg:#542ecf;--gk-btn-hover-border-color:#4f2bc3;--gk-btn-focus-shadow-rgb:122,84,246;--gk-btn-active-color:#fff;--gk-btn-active-bg:#4f2bc3;--gk-btn-active-border-color:#4a29b7;--gk-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--gk-btn-disabled-color:#fff;--gk-btn-disabled-bg:#6336f4;--gk-btn-disabled-border-color:#6336f4}.uc-site .btn-light{--gk-btn-color:#000;--gk-btn-bg:#f1f5f9;--gk-btn-border-color:#f1f5f9;--gk-btn-hover-color:#000;--gk-btn-hover-bg:#cdd0d4;--gk-btn-hover-border-color:#c1c4c7;--gk-btn-focus-shadow-rgb:205,208,212;--gk-btn-active-color:#000;--gk-btn-active-bg:#c1c4c7;--gk-btn-active-border-color:#b5b8bb;--gk-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--gk-btn-disabled-color:#000;--gk-btn-disabled-bg:#f1f5f9;--gk-btn-disabled-border-color:#f1f5f9}.uc-site .btn-outline-primary{--gk-btn-color:#6336f4;--gk-btn-border-color:#6336f4;--gk-btn-hover-color:#fff;--gk-btn-hover-bg:#6336f4;--gk-btn-hover-border-color:#6336f4;--gk-btn-focus-shadow-rgb:99,54,244;--gk-btn-active-color:#fff;--gk-btn-active-bg:#6336f4;--gk-btn-active-border-color:#6336f4;--gk-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--gk-btn-disabled-color:#6336f4;--gk-btn-disabled-bg:transparent;--gk-btn-disabled-border-color:#6336f4;--gk-gradient:none}.uc-site .collapse:not(.show){display:none}.uc-site .collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.uc-site .collapsing{transition:none}}.uc-site .dropdown,.uc-site .dropdown-center{position:relative}.uc-site .dropdown-toggle{white-space:nowrap}.uc-site .dropdown-toggle:after{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block}.uc-site .dropdown-toggle:empty:after{margin-left:0}.uc-site .dropdown-menu{--gk-dropdown-zindex:1000;--gk-dropdown-min-width:10rem;--gk-dropdown-padding-x:0;--gk-dropdown-padding-y:0.5rem;--gk-dropdown-spacer:0.125rem;--gk-dropdown-font-size:0.938rem;--gk-dropdown-color:var(--gk-gray-700);--gk-dropdown-bg:var(--gk-dropdown-background);--gk-dropdown-border-color:var(--gk-border-color);--gk-dropdown-border-radius:var(--gk-border-radius);--gk-dropdown-border-width:var(--gk-border-width);--gk-dropdown-inner-border-radius:calc(var(--gk-border-radius) - var(--gk-border-width));--gk-dropdown-divider-bg:var(--gk-border-color);--gk-dropdown-divider-margin-y:0.5rem;--gk-dropdown-box-shadow:var(--gk-dropdown-shadow);--gk-dropdown-link-color:var(--gk-dropdown-link-color);--gk-dropdown-link-hover-color:var(--gk-dropdown-link-hover-color);--gk-dropdown-link-hover-bg:var(--gk-dropdown-link-hover-bg);--gk-dropdown-link-active-color:var(--gk-dropdown-link-hover-color);--gk-dropdown-link-active-bg:var(--gk-dropdown-link-hover-bg);--gk-dropdown-link-disabled-color:var(--gk-tertiary-color);--gk-dropdown-item-padding-x:1rem;--gk-dropdown-item-padding-y:0.25rem;--gk-dropdown-header-color:#475569;--gk-dropdown-header-padding-x:1rem;--gk-dropdown-header-padding-y:0.5rem;background-clip:padding-box;background-color:var(--gk-dropdown-bg);border:var(--gk-dropdown-border-width) solid var(--gk-dropdown-border-color);border-radius:var(--gk-dropdown-border-radius);color:var(--gk-dropdown-color);display:none;font-size:var(--gk-dropdown-font-size);list-style:none;margin:0;min-width:var(--gk-dropdown-min-width);padding:var(--gk-dropdown-padding-y) var(--gk-dropdown-padding-x);position:absolute;text-align:left;z-index:var(--gk-dropdown-zindex)}.uc-site .dropdown-menu-end{--bs-position:end}.uc-site .dropup .dropdown-toggle:after{border-bottom:.3em solid;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:0;content:""}.uc-site .dropup .dropdown-toggle:empty:after{margin-left:0}.uc-site .dropend .dropdown-toggle:after{border-bottom:.3em solid transparent;border-left:.3em solid;border-right:0;border-top:.3em solid transparent;content:""}.uc-site .dropend .dropdown-toggle:empty:after{margin-left:0}.uc-site .dropend .dropdown-toggle:after{vertical-align:0}.uc-site .dropstart .dropdown-toggle:after{content:"";display:inline-block;display:none;margin-left:.255em;vertical-align:.255em}.uc-site .dropstart .dropdown-toggle:before{border-bottom:.3em solid transparent;border-right:.3em solid;border-top:.3em solid transparent;content:"";display:inline-block;vertical-align:.255em}.uc-site .dropstart .dropdown-toggle:empty:after{margin-left:0}.uc-site .dropstart .dropdown-toggle:before{vertical-align:0}.uc-site .dropdown-item{background-color:transparent;border:0;border-radius:var(--gk-dropdown-item-border-radius,0);clear:both;color:var(--gk-dropdown-link-color);display:block;font-weight:400;padding:var(--gk-dropdown-item-padding-y) var(--gk-dropdown-item-padding-x);text-align:inherit;white-space:nowrap;width:100%}.uc-site .dropdown-item:focus,.uc-site .dropdown-item:hover{background-color:var(--gk-dropdown-link-hover-bg);color:var(--gk-dropdown-link-hover-color)}.uc-site .dropdown-item.active,.uc-site .dropdown-item:active{background-color:var(--gk-dropdown-link-active-bg);color:var(--gk-dropdown-link-active-color);text-decoration:none}.uc-site .dropdown-item.disabled,.uc-site .dropdown-item:disabled{background-color:transparent;color:var(--gk-dropdown-link-disabled-color);pointer-events:none}.uc-site .dropdown-menu.show{display:block}.uc-site .btn-group>.btn.dropdown-toggle-split:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.uc-site .dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.uc-site .dropdown-toggle-split:after,.uc-site .dropend .dropdown-toggle-split:after,.uc-site .dropup .dropdown-toggle-split:after{margin-left:0}.uc-site .dropstart .dropdown-toggle-split:before{margin-right:0}.uc-site .btn-sm+.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.uc-site .btn-lg+.dropdown-toggle-split{padding-left:.9375rem;padding-right:.9375rem}.uc-site .nav{--gk-nav-link-padding-x:1rem;--gk-nav-link-padding-y:0.5rem;--gk-nav-link-color:var(--gk-link-color);--gk-nav-link-hover-color:var(--gk-link-hover-color);--gk-nav-link-disabled-color:var(--gk-secondary-color);display:flex;flex-wrap:wrap;list-style:none;margin-bottom:0;padding-left:0}.uc-site .nav-link{background:0 0;border:0;color:var(--gk-nav-link-color);display:block;font-size:var(--gk-nav-link-font-size);font-weight:var(--gk-nav-link-font-weight);padding:var(--gk-nav-link-padding-y) var(--gk-nav-link-padding-x);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.uc-site .nav-link{transition:none}}.uc-site .nav-link:focus,.uc-site .nav-link:hover{color:var(--gk-nav-link-hover-color)}.uc-site .nav-link:focus-visible{box-shadow:0 0 0 .25rem rgba(99,54,244,.25);outline:0}.uc-site .nav-link:disabled{color:var(--gk-nav-link-disabled-color);cursor:default;pointer-events:none}.uc-site .navbar{--gk-navbar-padding-x:0;--gk-navbar-padding-y:0.5rem;--gk-navbar-color:var(--gk-gray-500);--gk-navbar-hover-color:var(--gk-gray-600);--gk-navbar-disabled-color:var(--gk-gray-400);--gk-navbar-active-color:var(--gk-primary);--gk-navbar-brand-padding-y:0.3124rem;--gk-navbar-brand-margin-end:1rem;--gk-navbar-brand-font-size:1.1725rem;--gk-navbar-brand-color:var(--gk-primary);--gk-navbar-brand-hover-color:var(--gk-primary);--gk-navbar-nav-link-padding-x:0.5rem;--gk-navbar-toggler-padding-y:0.25rem;--gk-navbar-toggler-padding-x:0.75rem;--gk-navbar-toggler-font-size:1.1725rem;--gk-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%236336f4' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");--gk-navbar-toggler-border-color:rgba(var(--gk-emphasis-color-rgb),0.15);--gk-navbar-toggler-border-radius:0.375rem;--gk-navbar-toggler-focus-width:0.25rem;--gk-navbar-toggler-transition:box-shadow 0.15s ease-in-out;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--gk-navbar-padding-y) var(--gk-navbar-padding-x);position:relative}.uc-site .navbar>.container,.uc-site .navbar>.container-fluid{align-items:center;display:flex;flex-wrap:inherit;justify-content:space-between}.uc-site .navbar-brand{color:var(--gk-navbar-brand-color);font-size:var(--gk-navbar-brand-font-size);margin-right:var(--gk-navbar-brand-margin-end);padding-bottom:var(--gk-navbar-brand-padding-y);padding-top:var(--gk-navbar-brand-padding-y);white-space:nowrap}.uc-site .navbar-brand:focus,.uc-site .navbar-brand:hover{color:var(--gk-navbar-brand-hover-color)}.uc-site .navbar-nav{--gk-nav-link-padding-x:0;--gk-nav-link-padding-y:0.5rem;--gk-nav-link-color:var(--gk-navbar-color);--gk-nav-link-hover-color:var(--gk-navbar-hover-color);--gk-nav-link-disabled-color:var(--gk-navbar-disabled-color);display:flex;flex-direction:column;list-style:none;margin-bottom:0;padding-left:0}.uc-site .navbar-nav .nav-link.active,.uc-site .navbar-nav .nav-link.show{color:var(--gk-navbar-active-color)}.uc-site .navbar-nav .dropdown-menu{position:static}.uc-site .navbar-collapse{align-items:center;flex-basis:100%;flex-grow:1}.uc-site .navbar-toggler{background-color:transparent;border:var(--gk-border-width) solid var(--gk-navbar-toggler-border-color);border-radius:var(--gk-navbar-toggler-border-radius);color:var(--gk-navbar-color);font-size:var(--gk-navbar-toggler-font-size);line-height:1;padding:var(--gk-navbar-toggler-padding-y) var(--gk-navbar-toggler-padding-x);transition:var(--gk-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.uc-site .navbar-toggler{transition:none}}.uc-site .navbar-toggler:hover{text-decoration:none}.uc-site .navbar-toggler:focus{box-shadow:0 0 0 var(--gk-navbar-toggler-focus-width);outline:0;text-decoration:none}@media (min-width:992px){.uc-site .navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.uc-site .navbar-expand-lg .navbar-nav{flex-direction:row}.uc-site .navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.uc-site .navbar-expand-lg .navbar-nav .nav-link{padding-left:var(--gk-navbar-nav-link-padding-x);padding-right:var(--gk-navbar-nav-link-padding-x)}.uc-site .navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.uc-site .navbar-expand-lg .navbar-toggler{display:none}.uc-site .navbar-expand-lg .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.uc-site .navbar-expand-lg .offcanvas .offcanvas-header{display:none}.uc-site .navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}@media (min-width:1200px){.uc-site .navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.uc-site .navbar-expand-xl .navbar-nav{flex-direction:row}.uc-site .navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.uc-site .navbar-expand-xl .navbar-nav .nav-link{padding-left:var(--gk-navbar-nav-link-padding-x);padding-right:var(--gk-navbar-nav-link-padding-x)}.uc-site .navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.uc-site .navbar-expand-xl .navbar-toggler{display:none}.uc-site .navbar-expand-xl .offcanvas{background-color:transparent!important;border:0!important;flex-grow:1;height:auto!important;position:static;transform:none!important;transition:none;visibility:visible!important;width:auto!important;z-index:auto}.uc-site .navbar-expand-xl .offcanvas .offcanvas-header{display:none}.uc-site .navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;overflow-y:visible;padding:0}}.uc-site .navbar[data-bs-theme=dark]{--gk-navbar-color:hsla(0,0%,100%,.55);--gk-navbar-hover-color:hsla(0,0%,100%,.75);--gk-navbar-disabled-color:hsla(0,0%,100%,.25);--gk-navbar-active-color:#fff;--gk-navbar-brand-color:#fff;--gk-navbar-brand-hover-color:#fff;--gk-navbar-toggler-border-color:hsla(0,0%,100%,.1);--gk-navbar-toggler-icon-bg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.uc-site .badge{--gk-badge-padding-x:0.5rem;--gk-badge-padding-y:0.33rem;--gk-badge-font-size:0.75rem;--gk-badge-font-weight:500;--gk-badge-color:#fff;--gk-badge-border-radius:var(--gk-border-radius);border-radius:var(--gk-badge-border-radius);color:var(--gk-badge-color);display:inline-block;font-size:var(--gk-badge-font-size);font-weight:var(--gk-badge-font-weight);line-height:1;padding:var(--gk-badge-padding-y) var(--gk-badge-padding-x);text-align:center;vertical-align:baseline;white-space:nowrap}.uc-site .badge:empty{display:none}.uc-site .btn .badge{position:relative;top:-1px}.uc-site .list-group{--gk-list-group-color:var(--gk-body-color);--gk-list-group-bg:var(--gk-card-bg);--gk-list-group-border-color:var(--gk-border-color);--gk-list-group-border-width:var(--gk-border-width);--gk-list-group-border-radius:var(--gk-border-radius);--gk-list-group-item-padding-x:1.25rem;--gk-list-group-item-padding-y:0.75rem;--gk-list-group-action-color:var(--gk-gray-500);--gk-list-group-action-hover-color:var(--gk-gray-600);--gk-list-group-action-hover-bg:var(--gk-gray-100);--gk-list-group-action-active-color:var(--gk-gray-600);--gk-list-group-action-active-bg:var(--gk-gray-100);--gk-list-group-disabled-color:var(--gk-secondary-color);--gk-list-group-disabled-bg:var(--gk-card-bg);--gk-list-group-active-color:#fff;--gk-list-group-active-bg:#6336f4;--gk-list-group-active-border-color:#6336f4;border-radius:var(--gk-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;padding-left:0}.uc-site .list-group-item{background-color:var(--gk-list-group-bg);border:var(--gk-list-group-border-width) solid var(--gk-list-group-border-color);color:var(--gk-list-group-color);display:block;padding:var(--gk-list-group-item-padding-y) var(--gk-list-group-item-padding-x);position:relative}.uc-site .list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.uc-site .list-group-item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.uc-site .list-group-item:disabled{background-color:var(--gk-list-group-disabled-bg);color:var(--gk-list-group-disabled-color);pointer-events:none}.uc-site .list-group-item.active{background-color:var(--gk-list-group-active-bg);border-color:var(--gk-list-group-active-border-color);color:var(--gk-list-group-active-color);z-index:2}.uc-site .list-group-item+.list-group-item{border-top-width:0}.uc-site .list-group-item+.list-group-item.active{border-top-width:var(--gk-list-group-border-width);margin-top:calc(var(--gk-list-group-border-width)*-1)}.uc-site .list-group-item-action{color:var(--gk-list-group-action-color);text-align:inherit;width:100%}.uc-site .list-group-item-action:not(.active):focus,.uc-site .list-group-item-action:not(.active):hover{background-color:var(--gk-list-group-action-hover-bg);color:var(--gk-list-group-action-hover-color);text-decoration:none;z-index:1}.uc-site .list-group-item-action:not(.active):active{background-color:var(--gk-list-group-action-active-bg);color:var(--gk-list-group-action-active-color)}[data-bs-theme=dark]{--gk-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.uc-site .visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.uc-site .visually-hidden:not(caption){position:absolute!important}.uc-site .visually-hidden *{overflow:hidden!important}.uc-site .object-fit-cover{object-fit:cover!important}.uc-site .overflow-hidden{overflow:hidden!important}.uc-site .d-block{display:block!important}.uc-site .d-flex{display:flex!important}.uc-site .d-inline-flex{display:inline-flex!important}.uc-site .d-none{display:none!important}.uc-site .shadow{box-shadow:var(--gk-box-shadow)!important}.uc-site .position-relative{position:relative!important}.uc-site .border{border:var(--gk-border-width) var(--gk-border-style) var(--gk-border-color)!important}.uc-site .border-0{border:0!important}.uc-site .border-top{border-top:var(--gk-border-width) var(--gk-border-style) var(--gk-border-color)!important}.uc-site .border-bottom{border-bottom:var(--gk-border-width) var(--gk-border-style) var(--gk-border-color)!important}.uc-site .w-100{width:100%!important}.uc-site .h-100{height:100%!important}.uc-site .flex-column{flex-direction:column!important}.uc-site .flex-wrap{flex-wrap:wrap!important}.uc-site .align-items-start{align-items:flex-start!important}.uc-site .align-items-center{align-items:center!important}.uc-site .mt-0{margin-top:0!important}.uc-site .mt-2{margin-top:.5rem!important}.uc-site .mt-3{margin-top:1rem!important}.uc-site .mt-4{margin-top:1.5rem!important}.uc-site .me-2{margin-right:.5rem!important}.uc-site .mb-0{margin-bottom:0!important}.uc-site .mb-1{margin-bottom:.25rem!important}.uc-site .mb-2{margin-bottom:.5rem!important}.uc-site .mb-3{margin-bottom:1rem!important}.uc-site .mb-4{margin-bottom:1.5rem!important}.uc-site .mb-6{margin-bottom:2.5rem!important}.uc-site .ms-1{margin-left:.25rem!important}.uc-site .ms-2{margin-left:.5rem!important}.uc-site .ms-3{margin-left:1rem!important}.uc-site .ms-auto{margin-left:auto!important}.uc-site .p-2{padding:.5rem!important}.uc-site .p-3{padding:1rem!important}.uc-site .px-0{padding-left:0!important;padding-right:0!important}.uc-site .px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.uc-site .py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.uc-site .py-3{padding-bottom:1rem!important;padding-top:1rem!important}.uc-site .pt-8{padding-top:3.5rem!important}.uc-site .pb-0{padding-bottom:0!important}.uc-site .pb-6{padding-bottom:2.5rem!important}.uc-site .pb-8{padding-bottom:3.5rem!important}.uc-site .gap-2{gap:.5rem!important}.uc-site .gap-3{gap:1rem!important}.uc-site .gap-4{gap:1.5rem!important}.uc-site .fs-3{font-size:1.25rem!important}.uc-site .fs-5{font-size:.875rem!important}.uc-site .fs-6{font-size:.75rem!important}.uc-site .fw-semibold{font-weight:600!important}.uc-site .fw-bold{font-weight:700!important}.uc-site .text-nowrap{white-space:nowrap!important}.uc-site .text-primary{--gk-text-opacity:1;color:#6336f4!important}.uc-site .text-secondary{--gk-text-opacity:1;color:#ff5a1f!important}.uc-site .bg-white{--gk-bg-opacity:1;background-color:#fff!important}.uc-site .rounded-3{border-radius:var(--gk-border-radius-lg)!important}.uc-site .rounded-circle{border-radius:50%!important}.uc-site .z-3{z-index:3!important}@media (min-width:576px){.uc-site .d-sm-flex{display:flex!important}}@media (min-width:992px){.uc-site .d-lg-block{display:block!important}.uc-site .flex-lg-row{flex-direction:row!important}.uc-site .justify-content-lg-between{justify-content:space-between!important}.uc-site .align-items-lg-center{align-items:center!important}.uc-site .mt-lg-0{margin-top:0!important}.uc-site .gap-lg-3{gap:1rem!important}.uc-site .gap-lg-4{gap:1.5rem!important}.uc-site .text-lg-end{text-align:right!important}}@media (min-width:1200px){.uc-site .d-xl-block{display:block!important}.uc-site .d-xl-flex{display:flex!important}.uc-site .d-xl-inline-flex{display:inline-flex!important}.uc-site .d-xl-none{display:none!important}.uc-site .order-xl-3{order:3!important}.uc-site .mt-xl-0{margin-top:0!important}.uc-site .ms-xl-3{margin-left:1rem!important}.uc-site .p-xl-4{padding:1.5rem!important}}@font-face{font-display:block;font-family:bootstrap-icons;src:url(/assets/fonts/bootstrap-icons.woff2?f3241304e4063a506a93537386866864) format("woff2"),url(/assets/fonts/bootstrap-icons.woff?f3241304e4063a506a93537386866864) format("woff")}.uc-site .bi:before,.uc-site [class*=" bi-"]:before,.uc-site [class^=bi-]:before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-variant:normal;font-weight:400!important;line-height:1;text-transform:none;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uc-site .bi-check-circle-fill:before{content:"\f26a"}.uc-site .bi-circle-half:before{content:"\f288"}.uc-site .bi-facebook:before{content:"\f344"}.uc-site .bi-instagram:before{content:"\f437"}.uc-site .bi-linkedin:before{content:"\f472"}.uc-site .bi-megaphone:before{content:"\f484"}.uc-site .bi-moon-stars-fill:before{content:"\f495"}.uc-site .bi-sun-fill:before{content:"\f5a1"}.uc-site .bi-twitter-x:before{content:"\f8db"}:root{--gk-body-bg:#f1f5f9;--gk-body-color:#334155;--gk-navbar-vertical-bg:#fff;--gk-navbar-bg:#fff;--gk-card-background:#fff;--gk-input-bg:#fff;--gk-input-disabled-bg:#e2e8f0;--gk-input-focus-border:#b19bfa;--gk-input-border:#94a3b8;--gk-input-placeholder-color:#5b6b82;--gk-input-focus-box-shadow:0px 0px 0px 3px rgba(231,225,253,.75);--gk-input-check-border:var(--gk-input-border);--gk-input-group-addon-bg:#e2e8f0;--gk-form-text-color:#94a3b8;--gk-form-label-color:#334155;--gk-border-color:#e2e8f0;--gk-page-link-hover-color:#f1f5f9;--gk-dropdown-background:#fff;--gk-dropdown-link-color:#0f172a;--gk-dropdown-link-hover-color:#0e1526;--gk-dropdown-link-hover-bg:#f1f5f9;--gk-dropdown-border-width:0px;--gk-dropdown-shadow:0 10px 30px 0 rgba(31,45,61,.1);--gk-modal-bg:#f1f5f9;--gk-progress-background:#cbd5e1;--gk-btn-ghost-bg:#cbd5e1;--gk-tagify-border-color:#cbd5e1;--gk-navbar-vertical-bg:#1e293b;--gk-navbar-vertical-link:#94a3b8;--gk-navbar-vertical-link-hover:#cbd5e1;--gk-primary-50:#f8f7ff;--gk-primary-100:#efecff;--gk-primary-200:#dad3ff;--gk-primary-300:#c4b8ff;--gk-primary-400:#a594ff;--gk-primary-600:#6c55e0;--gk-primary-700:#5946b8;--gk-primary-800:#45368f;--gk-primary-900:#312766;--gk-secondary-50:#fff7f4;--gk-secondary-100:#ffefe9;--gk-secondary-200:#ffded2;--gk-secondary-300:#ffc5b1;--gk-secondary-400:#ffa484;--gk-secondary-600:#d94d1a;--gk-secondary-700:#b33f16;--gk-secondary-800:#8c3211;--gk-secondary-900:#66240c;--gk-accent-50:#f8f7ff;--gk-accent-100:#efecff;--gk-accent-200:#dad3ff;--gk-accent-300:#c4b8ff;--gk-accent-400:#a594ff;--gk-accent-600:#6c55e0;--gk-accent-700:#5946b8;--gk-accent-800:#45368f;--gk-accent-900:#312766;--gk-primary-hover:#6c55e0;--gk-primary-pressed:#5946b8;--gk-secondary-hover:#d94d1a;--gk-secondary-pressed:#b33f16;--gk-accent-hover:#6c55e0;--gk-accent-pressed:#5946b8;--gk-on-primary:#fff;--gk-on-secondary:#fff;--gk-on-accent:#fff;--gk-surface-subtle:#f8fafc;--gk-surface-muted:#f1f5f9;--gk-border-strong:#cbd5e1;--gk-text-disabled:#94a3b8;--gk-text-muted:#5b6b82;--gk-text-secondary:#475569;--gk-text-body:#1e293b;--gk-text-ink:#0f172a}[data-bs-theme=dark] .uc-site .btn-primary{--gk-btn-bg:#9d88ff;--gk-btn-border-color:#9d88ff;--gk-btn-hover-bg:#8574d9;--gk-btn-hover-border-color:#7e6dcc;--gk-btn-focus-shadow-rgb:172,154,255;--gk-btn-active-bg:#7e6dcc;--gk-btn-active-border-color:#7666bf;--gk-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--gk-btn-disabled-bg:#9d88ff;--gk-btn-disabled-border-color:#9d88ff}[data-bs-theme=dark] .uc-site .btn-light{--gk-btn-color:#fff;--gk-btn-bg:#0f172a;--gk-btn-border-color:#0f172a;--gk-btn-hover-color:#fff;--gk-btn-hover-bg:#0d1424;--gk-btn-hover-border-color:#0c1222;--gk-btn-focus-shadow-rgb:51,58,74;--gk-btn-active-color:#fff;--gk-btn-active-bg:#0c1222;--gk-btn-active-border-color:#0b1120;--gk-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--gk-btn-disabled-color:#fff;--gk-btn-disabled-bg:#0f172a;--gk-btn-disabled-border-color:#0f172a}[data-bs-theme=dark] .uc-site .btn-outline-primary{--gk-btn-color:#9d88ff;--gk-btn-border-color:#9d88ff;--gk-btn-hover-color:#fff;--gk-btn-hover-bg:#9d88ff;--gk-btn-hover-border-color:#9d88ff;--gk-btn-focus-shadow-rgb:157,136,255;--gk-btn-active-color:#fff;--gk-btn-active-bg:#9d88ff;--gk-btn-active-border-color:#9d88ff;--gk-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);--gk-btn-disabled-color:#9d88ff;--gk-btn-disabled-bg:transparent;--gk-btn-disabled-border-color:#9d88ff;--gk-gradient:none}[data-bs-theme=dark]{--gk-gray-100:#0b1324;--gk-gray-200:#0f172a;--gk-gray-300:#1e293b;--gk-gray-400:#334155;--gk-gray-500:#8494a9;--gk-gray-600:#8d9db2;--gk-gray-700:#94a3b8;--gk-gray-800:#cbd5e1;--gk-gray-900:#e2e8f0;--gk-gray-1000:#f1f5f9;--gk-primary:#9d88ff;--gk-secondary:#ff7e50;--gk-accent:#9d88ff;--gk-cta:#ff7e50;--gk-success:#2acd66;--gk-info:#4bb8e9;--gk-warning:#eeb34f;--gk-danger:#db6464;--gk-light:#0f172a;--gk-dark:#fff;--gk-white:#0f172a;--gk-light-primary:#1e1a3d;--gk-light-secondary:#402014;--gk-light-accent:#1e1a3d;--gk-light-danger:#442626;--gk-light-info:#184457;--gk-light-success:#25483e;--gk-light-warning:#5a4327}[data-bs-theme=dark] .uc-site .text-primary{color:#9d88ff!important}[data-bs-theme=dark] .uc-site .text-secondary{color:#ff7e50!important}[data-bs-theme=dark] .uc-site .bg-white{background-color:RGBA(15,23,42,var(--gk-bg-opacity,1))!important}[data-bs-theme=dark] .uc-site ::selection{background-color:#eeb34f;color:#0b1324}[data-bs-theme=dark]{--gk-body:#0f172a;--gk-body-bg:#0f172a;--gk-body-color:#94a3b8;--gk-heading-color:#fff;--gk-navbar-bg:#1e293b;--gk-card-background:#1e293b;--gk-input-bg:#0b1324;--gk-input-disabled-bg:#1e293b;--gk-input-focus-border:#734af5;--gk-input-placeholder-color:#8d9db2;--gk-input-border:#475569;--gk-form-text-color:#8d9db2;--gk-form-label-color:#8d9db2;--gk-input-focus-box-shadow:0px 0px 0px 3px rgba(131,97,254,.5);--gk-input-check-border:var(--gk-input-border);--gk-border-color:#334155;--gk-dropdown-background:#1e293b;--gk-dropdown-link-color:#8d9db2;--gk-dropdown-link-hover-color:#b7c0cb;--gk-dropdown-link-hover-bg:#37465b;--gk-dropdown-border-width:1px;--gk-dropdown-shadow:0 8px 12px 1px rgba(11,9,36,.29);--gk-page-link-hover-color:#f1f5f9;--gk-modal-bg:#334155;--gk-progress-background:#334155;--gk-btn-ghost-bg:#334155;--gk-tagify-border-color:#0b1324;--gk-navbar-vertical-bg:#1e293b;--gk-navbar-vertical-link:#8d9db2;--gk-navbar-vertical-link-hover:#cbd5e1;--gk-primary-hover:#b0a0ff;--gk-primary-pressed:#8670f0;--gk-secondary-hover:#ff9873;--gk-secondary-pressed:#d96b44;--gk-accent-hover:#b0a0ff;--gk-accent-pressed:#8670f0;--gk-on-primary:#fff;--gk-on-secondary:var(--gk-gray-100);--gk-on-accent:var(--gk-gray-100);--gk-surface-subtle:#0f172a;--gk-surface-muted:#1e293b;--gk-border-strong:#334155;--gk-text-disabled:#8494a9;--gk-text-muted:#8d9db2;--gk-text-secondary:#94a3b8;--gk-text-body:#cbd5e1;--gk-text-ink:#e2e8f0}[data-bs-theme=dark] .uc-site .logo-inverse,[data-bs-theme=dark] .uc-site .navbar .navbar-brand{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}[data-bs-theme=dark] .uc-site .btn-primary{--gk-btn-color:#fff;--gk-btn-bg:#6c55e0;--gk-btn-border-color:#6c55e0;--gk-btn-hover-color:#fff;--gk-btn-hover-bg:#5946b8;--gk-btn-hover-border-color:#5946b8;--gk-btn-active-color:#fff;--gk-btn-active-bg:#45368f;--gk-btn-active-border-color:#45368f;--gk-btn-disabled-color:#fff;--gk-btn-disabled-bg:#6c55e0;--gk-btn-disabled-border-color:#6c55e0}.uc-site .btn-icon{display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:.92969rem;font-weight:400;height:2.5rem;padding:0;width:2.5rem}.uc-site .theme-icon-active{line-height:1.5}.uc-site .btn-outline-primary{background-color:transparent!important;border-color:var(--gk-cta)!important;color:var(--gk-cta-text)!important}.uc-site .btn-outline-primary.active,.uc-site .btn-outline-primary:active,.uc-site .btn-outline-primary:focus,.uc-site .btn-outline-primary:hover{background-color:rgba(var(--gk-cta-rgb),.08)!important;border-color:var(--gk-cta)!important;color:var(--gk-cta-text)!important}.uc-site .navbar{background-color:var(--gk-navbar-bg);box-shadow:0 1px 3px rgba(17,24,39,.09);padding:.625rem 1rem}.uc-site .navbar .navbar-brand{flex-shrink:0;padding-bottom:.2rem;padding-top:.2rem}.uc-site .navbar .navbar-toggler{border:1px solid var(--gk-primary);padding:.75rem .563rem}.uc-site .navbar .navbar-toggler:focus{box-shadow:none;outline:0}.uc-site .navbar .navbar-toggler .icon-bar{background-color:var(--gk-primary);display:block;height:2px;margin-top:.25rem;-webkit-transition:all .2s;transition:all .2s;width:20px}.uc-site .navbar .navbar-toggler .top-bar{background-color:var(--gk-primary);transform:rotate(45deg);transform-origin:16% 190%}.uc-site .navbar .navbar-toggler .middle-bar{opacity:0}.uc-site .navbar .navbar-toggler .bottom-bar{background-color:var(--gk-primary);transform:rotate(-45deg);transform-origin:10% -80%}.uc-site .navbar .navbar-collapse .navbar-toggler{position:absolute;right:.5rem;top:.6rem;z-index:1}.uc-site .navbar .navbar-toggler.collapsed .top-bar{background-color:var(--gk-primary);transform:rotate(0)}.uc-site .navbar .navbar-toggler.collapsed .middle-bar{opacity:1}.uc-site .navbar .navbar-toggler.collapsed .bottom-bar{background-color:var(--gk-primary);transform:rotate(0)}.uc-site .navbar .dropdown .dropdown-toggle:after{background-repeat:no-repeat;background-size:.625rem .625rem;border:none;color:var(--gk-gray-600);content:"\e92e";float:right;font-family:Feather!important;font-size:16px;margin-left:.375rem}@media (max-width:1400px) and (min-width:1200px){.uc-site .navbar .dropdown .dropdown-toggle:after{font-size:.8rem!important}}.uc-site .navbar .dropdown-menu{border:none;color:var(--gk-gray-800);line-height:1.2rem;margin:1.125rem 0;min-width:14rem;padding:1rem .75rem;top:28px}.uc-site .navbar .dropdown-menu .dropdown-submenu a:after{position:absolute;right:1rem;transform:rotate(-90deg)}.uc-site .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu{border-radius:.5rem;box-shadow:var(--gk-dropdown-shadow);left:100%;min-width:16rem;right:0;top:-18px}.uc-site .navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-menu{border-radius:.5rem;box-shadow:var(--gk-dropdown-shadow);left:auto;min-width:16rem;right:100%;top:-18px}.uc-site .navbar .dropdown-fullwidth{position:static}.uc-site .navbar .dropdown-fullwidth .dropdown-menu{left:0;margin:1.25rem auto;padding:1rem 0;right:0;top:42px}.uc-site .navbar .mega-features-dropdown .dropdown-menu{border-radius:.75rem}.uc-site .navbar .mega-features-dropdown .mega-features-image-wrap{background-color:var(--gk-light);min-height:100%}.uc-site .navbar .mega-features-dropdown .mega-feature-item .mega-feature-icon{align-items:center;display:flex;flex:0 0 auto;height:52px;justify-content:center;position:relative;width:52px}.uc-site .navbar .mega-features-dropdown .mega-feature-item .mega-feature-icon:before{background-color:#f9f9fb;border-radius:50%;content:"";inset:0;position:absolute;transition:transform .25s ease,opacity .25s ease}.uc-site .navbar .mega-features-dropdown .mega-feature-item .mega-feature-icon i{color:var(--gk-gray-600);font-size:1.85rem;position:relative;transition:color .2s ease;z-index:1}.uc-site .navbar .mega-features-dropdown .mega-feature-item .mega-feature-icon i.icon-primary{color:var(--gk-primary)}.uc-site .navbar .mega-features-dropdown .mega-feature-item .mega-feature-icon i.icon-secondary{color:var(--gk-secondary)}.uc-site .navbar .mega-features-dropdown .mega-feature-item:hover{background-color:var(--gk-light);color:var(--gk-cta)}.uc-site .navbar .mega-features-dropdown .mega-feature-item:hover .mega-feature-icon:before{opacity:.85;transform:scale(1.06)}.uc-site .navbar .mega-features-dropdown .mega-feature-item:hover .mega-feature-icon i.icon-primary{color:var(--gk-primary)}.uc-site .navbar .mega-features-dropdown .mega-feature-item:hover .mega-feature-icon i.icon-secondary{color:var(--gk-secondary)}.uc-site .navbar .mega-features-dropdown .mega-feature-badge--new{background-color:var(--gk-success);border-radius:.25rem;color:var(--gk-white);font-size:.625rem;font-weight:600;letter-spacing:.03em;line-height:1.4;padding:.2em .5em;text-transform:uppercase;vertical-align:middle}@media (min-width:1200px){.uc-site .navbar .navbar-collapse{align-items:center;display:flex!important;flex-grow:1;margin-left:auto}.uc-site .navbar .navbar-collapse .navbar-nav{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.125rem;margin-left:auto!important;margin-right:0!important}.uc-site .navbar .navbar-collapse form{flex-shrink:0;margin-left:.75rem}.uc-site .navbar .order-xl-3{align-items:center;display:flex;gap:.5rem;margin-left:1rem!important}}.uc-site .navbar .navbar-nav .nav-item .nav-link{color:var(--gk-gray-800);font-weight:500;padding:.3125rem .6rem}@media (max-width:1400px) and (min-width:1200px){.uc-site .navbar .navbar-nav .nav-item .nav-link{font-size:.8rem!important}}@media (max-width:1200px){.uc-site .navbar .navbar-nav .nav-item .nav-link{border-bottom:1px solid var(--gk-gray-200);padding:.75rem 0!important}.uc-site .navbar .navbar-nav .nav-item .nav-link:hover{color:var(--gk-dark)}}.uc-site .navbar .navbar-nav .nav-item .nav-link:hover{color:var(--gk-cta)}.uc-site .navbar .navbar-nav .nav-item .nav-link.active{color:var(--gk-primary)}.uc-site .navbar .navbar-nav .nav-item .nav-link:focus-visible{box-shadow:none!important}@media (max-width:1200px){.uc-site .navbar .navbar-nav .dropdown-menu,.uc-site .navbar .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu{box-shadow:none;margin:0}.uc-site .navbar .mega-features-dropdown .dropdown-menu{padding:.5rem!important}.uc-site .navbar .mega-features-dropdown .mega-feature-item .mega-feature-icon{height:38px;width:38px}.uc-site .navbar .mega-features-dropdown .mega-feature-item .mega-feature-icon i{font-size:1.4rem}}@media (min-width:1200px){.uc-site .navbar .dropdown-menu{display:block;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:hidden}.uc-site .navbar .dropdown-menu-end{left:auto;right:0}.uc-site .navbar .dropdown-submenu:hover>.dropdown-menu,.uc-site .navbar .dropdown:hover>.dropdown-menu{opacity:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);visibility:visible}}[data-bs-theme=dark] .uc-site .mega-features-dropdown .mega-feature-item:hover .mega-feature-icon i.icon-primary{color:var(--gk-primary)}[data-bs-theme=dark] .uc-site .mega-features-dropdown .mega-feature-item:hover .mega-feature-icon i.icon-secondary{color:var(--gk-secondary)}.uc-site .footer{background-color:var(--gk-body-bg);color:var(--gk-gray-600)}.uc-site .footer .border-bottom,.uc-site .footer .border-top{border-color:#94a3b8!important}.uc-site .footer .footer-logo{display:block;height:40px;object-fit:contain;width:auto}.uc-site .footer .footer-desc{color:var(--gk-gray-600);font-size:.875rem;font-weight:500;line-height:1.8;max-width:300px}@media (max-width:991.98px){.uc-site .footer .footer-desc{max-width:100%}}.uc-site .footer .legal-badge{align-items:center;background-color:var(--gk-gray-100);border:1px solid var(--gk-border-color-translucent);border-radius:.375rem;color:var(--gk-gray-600);display:inline-flex;font-size:.75rem;gap:.375rem;padding:.25rem .875rem;transition:border-color .2s ease;white-space:nowrap;width:fit-content}.uc-site .footer .legal-badge i.bi{flex-shrink:0;font-size:.875rem}.uc-site .footer .payment-methods{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.uc-site .footer .payment-methods .payment-item{align-items:center;display:flex;justify-content:center}.uc-site .footer .payment-methods .payment-icon{display:block;height:28px;width:auto}.uc-site .footer .footer-social-label{color:var(--gk-gray-700);font-size:.875rem}.uc-site .footer .footer-social-icon{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--gk-gray-500);display:inline-flex;height:34px;justify-content:center;text-decoration:none;transition:color .2s ease,transform .2s ease;width:34px}.uc-site .footer .footer-social-icon i.bi{font-size:1.15rem}.uc-site .footer .footer-social-icon:hover{background-color:transparent;border-color:transparent;color:#6336f4;transform:translateY(-2px)}@media (min-width:992px){.uc-site .footer .footer-cta{margin-left:-2.5rem;padding-left:2.5rem}}.uc-site .footer .footer-cta .footer-cta-title{color:var(--gk-gray-800);font-size:2.3rem;font-weight:600;letter-spacing:-.04em;line-height:1.5}@media (max-width:767.98px){.uc-site .footer .footer-cta .footer-cta-title{font-size:clamp(1.25rem,5vw,1.5rem)}}.uc-site .footer .footer-col-heading{color:var(--gk-gray-800);font-size:.875rem;position:relative;text-transform:uppercase!important}.uc-site .footer .footer-copy{color:var(--gk-gray-600);font-size:.875rem;font-weight:500}@media (min-width:992px){.uc-site .footer .footer-main-row .footer-left-col{border-right:1px solid #94a3b8;padding-right:2.5rem}.uc-site .footer .footer-main-row .footer-right-col{padding-left:2.5rem}}@media (min-width:768px) and (max-width:991.98px){.uc-site .footer .footer-main-row .footer-left-col{border-bottom:1px solid #94a3b8;padding-bottom:2rem}.uc-site .footer .footer-main-row .footer-right-col{padding-top:.5rem}}.uc-site .footer .footer-watermark{bottom:0;height:520px;object-fit:contain;object-position:right bottom;pointer-events:none;position:absolute;right:-80px;user-select:none;width:520px;z-index:0}@media (max-width:991.98px){.uc-site .footer .footer-watermark{display:none!important}}@media (min-width:992px) and (max-width:1199.98px){.uc-site .footer .footer-watermark{height:380px;right:-60px;width:380px}}@media (min-width:1200px) and (max-width:1399.98px){.uc-site .footer .footer-watermark{height:460px;right:-70px;width:460px}}@media (min-width:1400px){.uc-site .footer .footer-watermark{height:560px;right:-80px;width:560px}}.uc-site .footer .footer-watermark--light{display:block;opacity:.05}.uc-site .footer .footer-watermark--dark{display:none}.uc-site .nav-footer .nav-link{color:var(--gk-gray-600);font-size:.875rem;font-weight:500;line-height:1.5rem;padding:.2rem 1rem}.uc-site .nav-footer .nav-link:focus,.uc-site .nav-footer .nav-link:hover{color:var(--gk-primary)}@media (min-width:992px){[data-bs-theme=dark] .uc-site .footer .footer-main-row .footer-left-col{border-right-color:hsla(0,0%,100%,.12)}}@media (min-width:768px) and (max-width:991.98px){[data-bs-theme=dark] .uc-site .footer .footer-main-row .footer-left-col{border-bottom-color:hsla(0,0%,100%,.12)}}[data-bs-theme=dark] .uc-site .footer .border-bottom,[data-bs-theme=dark] .uc-site .footer .border-top{border-color:hsla(0,0%,100%,.12)!important}[data-bs-theme=dark] .uc-site .footer .footer-social-icon{color:var(--gk-gray-400)}[data-bs-theme=dark] .uc-site .footer .footer-social-icon:hover{color:#fff}[data-bs-theme=dark] .uc-site .footer .footer-watermark--light{display:none}[data-bs-theme=dark] .uc-site .footer .footer-watermark--dark{display:block;opacity:.05}@media (max-width:991.98px){.uc-site .footer .footer-col-heading{font-size:.875rem}}@media (max-width:767.98px){.uc-site .footer .payment-methods{gap:.375rem}.uc-site .footer .payment-methods .payment-icon{height:22px}.uc-site .footer .footer-social-icon{height:30px;width:30px}.uc-site .footer .footer-social-icon i.bi{font-size:1rem}.uc-site .footer .footer-col-heading{font-size:.875rem}.uc-site .nav-footer .nav-link{padding:.15rem .75rem}}@media (max-width:575.98px){.uc-site .footer .footer-copy{font-size:.75rem}.uc-site .footer .legal-badge span{font-size:.7rem}.uc-site .footer .payment-methods{gap:.25rem}}@media (min-width:992px) and (max-width:1199.98px){.uc-site .footer .legal-badge{font-size:.7rem;padding:.25rem .625rem}}[data-bs-theme=dark] .uc-site .footer{color:var(--gk-gray-700)}[data-bs-theme=dark] .uc-site .footer .footer-copy,[data-bs-theme=dark] .uc-site .footer .footer-desc,[data-bs-theme=dark] .uc-site .footer .legal-badge,[data-bs-theme=dark] .uc-site .footer .nav-footer .nav-link{color:var(--gk-gray-700);font-weight:400}[data-bs-theme=dark] .uc-site .footer .nav-footer .nav-link:focus,[data-bs-theme=dark] .uc-site .footer .nav-footer .nav-link:hover{color:var(--gk-primary)}.uc-site .nav-x-0 .nav-link{padding-left:0!important;padding-right:0!important}.uc-site .sidenav.navbar{align-items:start;background-color:transparent;border-radius:0!important;border-right:1px dashed var(--gk-gray-300);box-shadow:none;height:100%;min-width:240px;overflow:auto;padding-top:5rem;position:fixed;z-index:1}@media (max-width:576px){.uc-site .sidenav.navbar{border-top:1px solid var(--gk-gray-300);padding:.5rem 1.5rem}}@media (min-width:576px) and (max-width:767.98px){.uc-site .sidenav.navbar{border-top:1px solid var(--gk-gray-300);padding:.5rem 1.5rem}}@media (max-width:990px){.uc-site .sidenav.navbar{align-items:center;background-color:var(--gk-gray-200);border-bottom:1px dashed var(--gk-gray-200);border-right:0;border-top:1px dashed var(--gk-gray-400);height:auto;min-width:0;padding-top:.75rem;position:absolute;top:60px;width:100%}}.uc-site .sidenav.navbar .navbar-header{color:var(--gk-gray-500);font-size:.6875rem;font-weight:500;letter-spacing:1px;margin-bottom:.2rem;padding:.3rem .4rem;text-transform:uppercase}.uc-site .sidenav.navbar .navbar-nav{width:100%}.uc-site .sidenav.navbar .navbar-nav .nav-item{margin-bottom:.125rem}.uc-site .sidenav.navbar .navbar-nav .nav-item .nav-link{align-items:center;background-color:transparent;border-bottom:0;border-radius:.5rem;color:var(--gk-gray-600)!important;display:flex;font-size:.875rem;font-weight:500;padding:.3rem .7rem!important;position:relative}.uc-site .sidenav.navbar .navbar-nav .nav-item .nav-link .nav-icon{margin-right:.5rem;opacity:1}.uc-site .sidenav.navbar .navbar-nav .nav-item .nav-link:hover{background-color:var(--gk-gray-300)!important;color:var(--gk-gray-700)!important}.uc-site .sidenav.navbar .navbar-nav .nav-item .nav-link:hover .nav-icon{opacity:1}.uc-site .sidenav.navbar .navbar-nav .nav-item .nav-link.active{background-color:var(--gk-gray-300);border-radius:.5rem;color:var(--gk-gray-700)!important}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse{margin-bottom:.125rem}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link{align-items:center;background-color:transparent;border-bottom:0;border-radius:.5rem;color:var(--gk-gray-600)!important;display:flex;font-size:.875rem;font-weight:500;padding:.3rem .7rem!important;position:relative}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link:after{content:"\e92e";font-family:Feather!important;font-size:.875rem;opacity:.5;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link .nav-icon{margin-right:.5rem;opacity:1}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link:hover{background-color:var(--gk-gray-300)!important;color:var(--gk-gray-700)!important}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link:hover .nav-icon{opacity:1}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link [aria-expanded=true],.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link.active{background-color:var(--gk-gray-300);color:var(--gk-gray-700)!important}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link [aria-expanded=true]:after,.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .nav-sub-link.active:after{content:"\e931"}.uc-site .sidenav.navbar .navbar-nav .nav-item.nav-collapse .collapse .nav-item .nav-link.active{background-color:var(--gk-gray-300);color:var(--gk-gray-700)!important}.uc-site .dropdown-menu{box-shadow:var(--gk-dropdown-shadow);padding:.5rem;z-index:1021}.uc-site .dropdown-item{align-items:center;border-radius:.25rem;display:flex;font-weight:500;line-height:28px;padding:.125rem 1rem}.uc-site .dropdown-item:last-child{border-bottom:0}.uc-site .dropdown-item:hover.dropdown-toggle:after{color:var(--gk-primary)}.uc-site .dropdown-item:hover{background-color:var(--gk-light);color:var(--gk-primary)}.uc-site .dropdown-menu-md{border-radius:.5rem;min-width:17rem!important}.uc-site .dropdown-toggle:after{border:0;content:"\e92e";float:right;font-family:Feather!important;margin-left:.255em;vertical-align:.255em}.uc-site .dropup .dropdown-toggle:after{content:"\e931"}.uc-site .dropend .dropdown-toggle:after,.uc-site .dropup .dropdown-toggle:after{border:0;display:inline-block;font-family:Feather!important;margin-left:.255em;vertical-align:.255em}.uc-site .dropend .dropdown-toggle:after{content:"\e930"}.uc-site .dropstart .dropdown-toggle:before{border:0;content:"\e92f";display:none;font-family:Feather!important;margin-right:.255em}.uc-site ::-webkit-scrollbar{background:0 0;background:var(--gk-gray-100);width:6px}.uc-site ::-webkit-scrollbar-thumb{background:var(--gk-gray-300);border-radius:.5rem}:root,[data-bs-theme=light]{--gk-cta-text:#b33f16;--gk-primary-fill:var(--gk-primary);--gk-success-text:#15803d;--gk-danger-text:#b91c1c;--gk-warning-text:#b45309;--gk-info-text:#0369a1}[data-bs-theme=dark]{--gk-cta-text:var(--gk-cta);--gk-primary-fill:#6c55e0;--gk-success-text:var(--gk-success);--gk-danger-text:var(--gk-danger);--gk-warning-text:var(--gk-warning);--gk-info-text:var(--gk-info)}.uc-site .text-secondary{color:var(--gk-cta-text)!important}@font-face{ascent-override:98.8%;descent-override:28.4%;font-family:Geist Fallback;font-weight:100 500;line-gap-override:0;size-adjust:102.2%;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Helvetica Neue"),local("Roboto")}@font-face{ascent-override:98.9%;descent-override:28.4%;font-family:Geist Fallback;font-weight:600 900;line-gap-override:0;size-adjust:102.2%;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Helvetica Neue Bold"),local("Roboto Bold")}.uc-site .h2,.uc-site .h3,.uc-site h2,.uc-site h3{letter-spacing:-.015em}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.uc-site .dropdown .dropdown-toggle:after{display:none}}:root{--ucz-mock-amber-500:#f59e0b;--ucz-mock-amber-600:#d97706;--ucz-mock-black:#000;--ucz-mock-blue-500:#3b82f6;--ucz-mock-blue-600:#2563eb;--ucz-mock-blue-650:#3182ce;--ucz-mock-debian-red:#d70a53;--ucz-mock-emerald-500:#10b981;--ucz-mock-emerald-600:#059669;--ucz-mock-gray-400:#9ca3af;--ucz-mock-green-400:#4ade80;--ucz-mock-green-500:#22c55e;--ucz-mock-green-600:#16a34a;--ucz-mock-hex-1b8a45:#1b8a45;--ucz-mock-hex-23a0df:#23a0df;--ucz-mock-hex-2496ed:#2496ed;--ucz-mock-hex-2d3748:#2d3748;--ucz-mock-hex-333333:#333;--ucz-mock-hex-38a169:#38a169;--ucz-mock-hex-4a5568:#4a5568;--ucz-mock-hex-63b3ed:#63b3ed;--ucz-mock-hex-6b7280:#6b7280;--ucz-mock-hex-805ad5:#805ad5;--ucz-mock-hex-9333ea:#9333ea;--ucz-mock-hex-a3a3a3:#a3a3a3;--ucz-mock-hex-cbd5e1:#cbd5e1;--ucz-mock-hex-db2777:#db2777;--ucz-mock-hex-dc2626:#dc2626;--ucz-mock-hex-dd6b20:#dd6b20;--ucz-mock-hex-e0f2fe:#e0f2fe;--ucz-mock-hex-e1faea:#e1faea;--ucz-mock-hex-e5e7eb:#e5e7eb;--ucz-mock-hex-eab308:#eab308;--ucz-mock-hex-ebf8ff:#ebf8ff;--ucz-mock-hex-eef2f9:#eef2f9;--ucz-mock-hex-f0fff4:#f0fff4;--ucz-mock-hex-f3f4f6:#f3f4f6;--ucz-mock-hex-f4f5f7:#f4f5f7;--ucz-mock-hex-f8fafc:#f8fafc;--ucz-mock-hex-faf5ff:#faf5ff;--ucz-mock-hex-fdf2f8:#fdf2f8;--ucz-mock-hex-ff6c2c:#ff6c2c;--ucz-mock-hex-fff4e5:#fff4e5;--ucz-mock-hex-fffaf0:#fffaf0;--ucz-mock-indigo-500:#6366f1;--ucz-mock-ink-950:#0b0f19;--ucz-mock-mac-close:#ff5f56;--ucz-mock-mac-close-edge:#e0443e;--ucz-mock-mac-max:#27c93f;--ucz-mock-mac-max-edge:#1aab29;--ucz-mock-mac-min:#ffbd2e;--ucz-mock-mac-min-edge:#dea123;--ucz-mock-n8n-red:#e73a5a;--ucz-mock-neutral-300:#d4d4d4;--ucz-mock-neutral-350:#ccc;--ucz-mock-orange-500:#f97316;--ucz-mock-pink-500:#ec4899;--ucz-mock-purple-300:#9f75ff;--ucz-mock-red-500:#ef4444;--ucz-mock-rose-500:#f43f5e;--ucz-mock-rose-600:#e11d48;--ucz-mock-sky-400:#38bdf8;--ucz-mock-sky-500:#0ea5e9;--ucz-mock-sky-600:#0284c7;--ucz-mock-slate-200:#e2e8f0;--ucz-mock-slate-400:#94a3b8;--ucz-mock-slate-500:#64748b;--ucz-mock-slate-600:#475569;--ucz-mock-slate-800:#1e293b;--ucz-mock-slate-900:#0f172a;--ucz-mock-slate-blue-300:#a8b2d1;--ucz-mock-term-black:#0c0c0c;--ucz-mock-term-line:#2d2d2d;--ucz-mock-term-line-dark:#1a1a1a;--ucz-mock-term-panel:#1f1f1f;--ucz-mock-term-panel-2:#1e1e1e;--ucz-mock-tokyo-blue:#7aa2f7;--ucz-mock-tokyo-green:#9ece6a;--ucz-mock-tokyo-purple:#bb9af7;--ucz-mock-ubuntu-orange:#e95420;--ucz-mock-violet-500:#8b5cf6;--ucz-mock-violet-600:#7c3aed;--ucz-mock-violet-700:#6d28d9;--ucz-mock-vscode-blue:#569cd6;--ucz-mock-vscode-cyan:#9cdcfe;--ucz-mock-vscode-green:#6a9955;--ucz-mock-vscode-teal:#4ec9b0;--ucz-mock-white:#fff;--ucz-mock-windows-blue:#00a4ef;--ucz-mock-yellow-400:#facc15}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:300 800;src:url(/assets/fonts/geist/geist-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:300 800;src:url(/assets/fonts/geist/geist-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.uc-site .navbar-img-light{display:block!important}.uc-site .navbar-img-dark,[data-bs-theme=dark] .uc-site .navbar-img-light{display:none!important}[data-bs-theme=dark] .uc-site .navbar-img-dark{display:block!important}

/* ==== templates/ucartz/css/uc-dark.css ==== */
/* Generated by tools/build-dark.mjs from the WHMCS stylesheets (dark mode only). Do not edit: re-run the script. */
[data-bs-theme=dark] body.uc-clientarea{background-color:var(--gk-card-background);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea a,[data-bs-theme=dark] body.uc-clientarea a:hover{color:#b6a6ff}[data-bs-theme=dark] body.uc-clientarea a:not([href]):not([class]):hover{color:inherit}[data-bs-theme=dark] body.uc-clientarea caption{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .mark,[data-bs-theme=dark] body.uc-clientarea mark{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .blockquote-footer{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .img-thumbnail{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .figure-caption,[data-bs-theme=dark] body.uc-clientarea code{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .table,[data-bs-theme=dark] body.uc-clientarea pre{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .table td,[data-bs-theme=dark] body.uc-clientarea .table th{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table thead th{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table tbody+tbody{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-bordered,[data-bs-theme=dark] body.uc-clientarea .table-bordered td,[data-bs-theme=dark] body.uc-clientarea .table-bordered th{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-hover tbody tr:hover{background-color:rgba(0,0,0,.075);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-primary:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-primary:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-primary:hover>th{background-color:#9fcdff}[data-bs-theme=dark] body.uc-clientarea .table-secondary tbody+tbody,[data-bs-theme=dark] body.uc-clientarea .table-secondary td,[data-bs-theme=dark] body.uc-clientarea .table-secondary th,[data-bs-theme=dark] body.uc-clientarea .table-secondary thead th{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-secondary:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-secondary:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-secondary:hover>th{background-color:#c8cbcf}[data-bs-theme=dark] body.uc-clientarea .table-success tbody+tbody,[data-bs-theme=dark] body.uc-clientarea .table-success td,[data-bs-theme=dark] body.uc-clientarea .table-success th,[data-bs-theme=dark] body.uc-clientarea .table-success thead th{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-success:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-success:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-success:hover>th{background-color:#b1dfbb}[data-bs-theme=dark] body.uc-clientarea .table-info tbody+tbody,[data-bs-theme=dark] body.uc-clientarea .table-info td,[data-bs-theme=dark] body.uc-clientarea .table-info th,[data-bs-theme=dark] body.uc-clientarea .table-info thead th{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-info:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-info:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-info:hover>th{background-color:#abdde5}[data-bs-theme=dark] body.uc-clientarea .table-warning,[data-bs-theme=dark] body.uc-clientarea .table-warning>td,[data-bs-theme=dark] body.uc-clientarea .table-warning>th{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .table-warning tbody+tbody,[data-bs-theme=dark] body.uc-clientarea .table-warning td,[data-bs-theme=dark] body.uc-clientarea .table-warning th,[data-bs-theme=dark] body.uc-clientarea .table-warning thead th{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-warning:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-warning:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-warning:hover>th{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-danger:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-danger:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-danger:hover>th{background-color:#f1b0b7}[data-bs-theme=dark] body.uc-clientarea .table-light,[data-bs-theme=dark] body.uc-clientarea .table-light>td,[data-bs-theme=dark] body.uc-clientarea .table-light>th{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .table-light tbody+tbody,[data-bs-theme=dark] body.uc-clientarea .table-light td,[data-bs-theme=dark] body.uc-clientarea .table-light th,[data-bs-theme=dark] body.uc-clientarea .table-light thead th{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-light:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-light:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-light:hover>th{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-dark:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-dark:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-dark:hover>th{background-color:#b9bbbe}[data-bs-theme=dark] body.uc-clientarea .table-hover .table-active:hover,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-active:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}[data-bs-theme=dark] body.uc-clientarea .table .thead-light th{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .table-dark.table-hover tbody tr:hover{background-color:hsla(0,0%,100%,.075);color:#fff}[data-bs-theme=dark] body.uc-clientarea .form-control{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .form-control:focus{background-color:var(--gk-card-background);border-color:#6336f4;color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .form-control::-moz-placeholder{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .form-control::placeholder{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .form-control:disabled,[data-bs-theme=dark] body.uc-clientarea .form-control[readonly]{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea select.form-control:focus::-ms-value{background-color:var(--gk-card-background);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .form-control-plaintext{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .form-check-input:disabled~.form-check-label,[data-bs-theme=dark] body.uc-clientarea .form-check-input[disabled]~.form-check-label,[data-bs-theme=dark] body.uc-clientarea .valid-feedback{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .form-control.is-valid:focus,[data-bs-theme=dark] body.uc-clientarea .was-validated .form-control:valid:focus{border-color:#28a745}[data-bs-theme=dark] body.uc-clientarea .custom-select.is-valid:focus,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-select:valid:focus{border-color:#28a745}[data-bs-theme=dark] body.uc-clientarea .form-check-input.is-valid~.form-check-label,[data-bs-theme=dark] body.uc-clientarea .was-validated .form-check-input:valid~.form-check-label{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-control-input.is-valid~.custom-control-label,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-control-input:valid~.custom-control-label{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-control-input.is-valid:checked~.custom-control-label:before,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-control-input:valid:checked~.custom-control-label:before{background-color:#34ce57;border-color:#34ce57}[data-bs-theme=dark] body.uc-clientarea .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before{border-color:#28a745}[data-bs-theme=dark] body.uc-clientarea .custom-file-input.is-valid:focus~.custom-file-label,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745}[data-bs-theme=dark] body.uc-clientarea .invalid-feedback{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .form-control.is-invalid:focus,[data-bs-theme=dark] body.uc-clientarea .was-validated .form-control:invalid:focus{border-color:#dc3545}[data-bs-theme=dark] body.uc-clientarea .custom-select.is-invalid:focus,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-select:invalid:focus{border-color:#dc3545}[data-bs-theme=dark] body.uc-clientarea .form-check-input.is-invalid~.form-check-label,[data-bs-theme=dark] body.uc-clientarea .was-validated .form-check-input:invalid~.form-check-label{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-control-input.is-invalid~.custom-control-label,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-control-input:invalid~.custom-control-label{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-control-input.is-invalid:checked~.custom-control-label:before,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-control-input:invalid:checked~.custom-control-label:before{background-color:#e4606d;border-color:#e4606d}[data-bs-theme=dark] body.uc-clientarea .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before{border-color:#dc3545}[data-bs-theme=dark] body.uc-clientarea .custom-file-input.is-invalid:focus~.custom-file-label,[data-bs-theme=dark] body.uc-clientarea .was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545}[data-bs-theme=dark] body.uc-clientarea .dropdown-menu{background-color:var(--gk-card-background);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .dropdown-divider{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .dropdown-item{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .dropdown-item:focus,[data-bs-theme=dark] body.uc-clientarea .dropdown-item:hover{background-color:var(--gk-card-background);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .dropdown-item.active,[data-bs-theme=dark] body.uc-clientarea .dropdown-item:active{background-color:#6336f4;color:#fff}[data-bs-theme=dark] body.uc-clientarea .dropdown-item.disabled,[data-bs-theme=dark] body.uc-clientarea .dropdown-item:disabled{background-color:transparent;color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .dropdown-header{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .dropdown-item-text{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .input-group-text{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-control-input:checked~.custom-control-label:before{background-color:#6336f4;border-color:#6336f4;color:#fff}[data-bs-theme=dark] body.uc-clientarea .custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .custom-control-input:not(:disabled):active~.custom-control-label:before{background-color:#b3d7ff;border-color:var(--gk-border-color);color:#fff}[data-bs-theme=dark] body.uc-clientarea .custom-control-input:disabled~.custom-control-label,[data-bs-theme=dark] body.uc-clientarea .custom-control-input[disabled]~.custom-control-label{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-control-input:disabled~.custom-control-label:before,[data-bs-theme=dark] body.uc-clientarea .custom-control-input[disabled]~.custom-control-label:before{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .custom-control-label:before{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{background-color:#6336f4;border-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}[data-bs-theme=dark] body.uc-clientarea .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(0,123,255,.5)}[data-bs-theme=dark] body.uc-clientarea .custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}[data-bs-theme=dark] body.uc-clientarea .custom-switch .custom-control-input:checked~.custom-control-label:after{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(0,123,255,.5)}[data-bs-theme=dark] body.uc-clientarea .custom-select{border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-select:focus{border-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .custom-select:focus::-ms-value{background-color:var(--gk-card-background);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-select:disabled{background-color:var(--gk-tertiary-bg);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-file-input:focus~.custom-file-label{border-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .custom-file-input:disabled~.custom-file-label,[data-bs-theme=dark] body.uc-clientarea .custom-file-input[disabled]~.custom-file-label{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .custom-file-label{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-file-label:after{background-color:var(--gk-tertiary-bg);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .custom-range::-webkit-slider-thumb{background-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}[data-bs-theme=dark] body.uc-clientarea .custom-range::-webkit-slider-runnable-track{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .custom-range::-moz-range-thumb{background-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .custom-range::-moz-range-thumb:active{background-color:#b3d7ff}[data-bs-theme=dark] body.uc-clientarea .custom-range::-moz-range-track{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .custom-range::-ms-thumb{background-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .custom-range::-ms-thumb:active{background-color:#b3d7ff}[data-bs-theme=dark] body.uc-clientarea .custom-range::-ms-fill-lower,[data-bs-theme=dark] body.uc-clientarea .custom-range::-ms-fill-upper{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}[data-bs-theme=dark] body.uc-clientarea .custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}[data-bs-theme=dark] body.uc-clientarea .custom-range:disabled::-ms-thumb{background-color:#adb5bd}[data-bs-theme=dark] body.uc-clientarea .nav-link.disabled{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .nav-tabs{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .nav-tabs .nav-link:focus,[data-bs-theme=dark] body.uc-clientarea .nav-tabs .nav-link:hover{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .nav-tabs .nav-link.disabled{background-color:transparent;border-color:transparent;color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .nav-tabs .nav-item.show .nav-link,[data-bs-theme=dark] body.uc-clientarea .nav-tabs .nav-link.active{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .nav-pills .nav-link.active,[data-bs-theme=dark] body.uc-clientarea .nav-pills .show>.nav-link{background-color:#6336f4;color:#fff}[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-brand,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-brand:focus,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-brand:hover,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .nav-link,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .nav-link:focus,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .nav-link:hover{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .active>.nav-link,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .nav-link.active,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .nav-link.show,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-nav .show>.nav-link,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-text,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-text a,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-text a:focus,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-text a:hover,[data-bs-theme=dark] body.uc-clientarea .navbar-light .navbar-toggler{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-brand:focus,[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-brand:hover{color:#fff}[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-nav .nav-link:focus,[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-nav .active>.nav-link,[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-nav .nav-link.active,[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-nav .nav-link.show,[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-nav .show>.nav-link,[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-text a:focus,[data-bs-theme=dark] body.uc-clientarea .navbar-dark .navbar-text a:hover{color:#fff}[data-bs-theme=dark] body.uc-clientarea .card,[data-bs-theme=dark] body.uc-clientarea .mc-promo-login,[data-bs-theme=dark] body.uc-clientarea .mc-promo-manage{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .breadcrumb{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .breadcrumb-item+.breadcrumb-item:before,[data-bs-theme=dark] body.uc-clientarea .breadcrumb-item.active{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .page-link{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#b6a6ff}[data-bs-theme=dark] body.uc-clientarea .page-link:hover{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:#b6a6ff}[data-bs-theme=dark] body.uc-clientarea .page-item.active .page-link{background-color:#6336f4;border-color:#6336f4;color:#fff}[data-bs-theme=dark] body.uc-clientarea .page-item.disabled .page-link{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .badge-primary{background-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea a.badge-primary:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-primary:hover{background-color:#6336f4;color:#fff}[data-bs-theme=dark] body.uc-clientarea a.badge-secondary:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-secondary:hover{background-color:#545b62;color:#fff}[data-bs-theme=dark] body.uc-clientarea a.badge-success:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-success:hover{background-color:#1e7e34;color:#fff}[data-bs-theme=dark] body.uc-clientarea a.badge-info:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-info:hover{background-color:#117a8b;color:#fff}[data-bs-theme=dark] body.uc-clientarea .badge-warning{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea a.badge-warning:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-warning:hover{background-color:#d39e00;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea a.badge-danger:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-danger:hover{background-color:#bd2130;color:#fff}[data-bs-theme=dark] body.uc-clientarea .badge-light{background-color:var(--gk-card-background);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea a.badge-light:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-light:hover{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea a.badge-dark:focus,[data-bs-theme=dark] body.uc-clientarea a.badge-dark:hover{background-color:#1d2124;color:#fff}[data-bs-theme=dark] body.uc-clientarea .jumbotron{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .alert-primary{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-primary hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-primary .alert-link{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-secondary{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-secondary hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-secondary .alert-link{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-success{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-success hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-success .alert-link{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-info{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-info hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-info .alert-link{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-warning{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .alert-warning hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-warning .alert-link{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-danger{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-danger hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-danger .alert-link{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-light{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-light hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-light .alert-link{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .alert-dark{border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .alert-dark hr{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .alert-dark .alert-link{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .progress{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .progress-bar{background-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .list-group-item-action{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-action:hover{background-color:var(--gk-card-background);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .list-group-item-action:active{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .list-group-item.disabled,[data-bs-theme=dark] body.uc-clientarea .list-group-item:disabled{background-color:var(--gk-card-background);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .list-group-item.active{background-color:#6336f4;border-color:#6336f4;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-primary{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-primary.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-primary.list-group-item-action:hover{background-color:#9fcdff;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-primary.list-group-item-action.active{background-color:#004085;border-color:#004085;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-secondary{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-secondary.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-secondary.list-group-item-action:hover{background-color:#c8cbcf;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-secondary.list-group-item-action.active{background-color:#383d41;border-color:#383d41;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-success{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-success.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-success.list-group-item-action:hover{background-color:#b1dfbb;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-success.list-group-item-action.active{background-color:#155724;border-color:#155724;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-info{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-info.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-info.list-group-item-action:hover{background-color:#abdde5;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-info.list-group-item-action.active{background-color:#0c5460;border-color:#0c5460;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-warning,[data-bs-theme=dark] body.uc-clientarea .list-group-item-warning.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-warning.list-group-item-action:hover{background-color:var(--gk-tertiary-bg);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .list-group-item-warning.list-group-item-action.active{background-color:#856404;border-color:#856404;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-danger{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-danger.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-danger.list-group-item-action:hover{background-color:#f1b0b7;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-danger.list-group-item-action.active{background-color:#721c24;border-color:#721c24;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-light{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-light.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-light.list-group-item-action:hover{background-color:var(--gk-tertiary-bg);color:#818182}[data-bs-theme=dark] body.uc-clientarea .list-group-item-light.list-group-item-action.active{background-color:#818182;border-color:#818182;color:#fff}[data-bs-theme=dark] body.uc-clientarea .list-group-item-dark{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-dark.list-group-item-action:focus,[data-bs-theme=dark] body.uc-clientarea .list-group-item-dark.list-group-item-action:hover{background-color:#b9bbbe;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .list-group-item-dark.list-group-item-action.active{background-color:#1b1e21;border-color:#1b1e21;color:#fff}[data-bs-theme=dark] body.uc-clientarea .close,[data-bs-theme=dark] body.uc-clientarea .close:hover{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .toast{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .toast-header{background-color:var(--gk-card-background);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .modal-content{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .modal-header{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .modal-footer{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .popover{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .bs-popover-auto[x-placement^=top]>.arrow:after,[data-bs-theme=dark] body.uc-clientarea .bs-popover-top>.arrow:after{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .bs-popover-auto[x-placement^=right]>.arrow:after,[data-bs-theme=dark] body.uc-clientarea .bs-popover-right>.arrow:after{border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .bs-popover-auto[x-placement^=bottom] .popover-header:before,[data-bs-theme=dark] body.uc-clientarea .bs-popover-auto[x-placement^=bottom]>.arrow:after,[data-bs-theme=dark] body.uc-clientarea .bs-popover-bottom .popover-header:before,[data-bs-theme=dark] body.uc-clientarea .bs-popover-bottom>.arrow:after{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .bs-popover-auto[x-placement^=left]>.arrow:after,[data-bs-theme=dark] body.uc-clientarea .bs-popover-left>.arrow:after{border-left-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .popover-header{background-color:var(--gk-tertiary-bg);border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .popover-body{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .carousel-control-next:focus,[data-bs-theme=dark] body.uc-clientarea .carousel-control-next:hover,[data-bs-theme=dark] body.uc-clientarea .carousel-control-prev:focus,[data-bs-theme=dark] body.uc-clientarea .carousel-control-prev:hover{color:#fff}[data-bs-theme=dark] body.uc-clientarea .carousel-indicators li{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .bg-primary,[data-bs-theme=dark] body.uc-clientarea a.bg-primary:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-primary:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-primary:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-primary:hover{background-color:#6336f4!important}[data-bs-theme=dark] body.uc-clientarea a.bg-secondary:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-secondary:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-secondary:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-secondary:hover{background-color:#545b62!important}[data-bs-theme=dark] body.uc-clientarea a.bg-success:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-success:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-success:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-success:hover{background-color:#1e7e34!important}[data-bs-theme=dark] body.uc-clientarea a.bg-info:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-info:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-info:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-info:hover{background-color:#117a8b!important}[data-bs-theme=dark] body.uc-clientarea a.bg-warning:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-warning:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-warning:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-warning:hover{background-color:#d39e00!important}[data-bs-theme=dark] body.uc-clientarea a.bg-danger:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-danger:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-danger:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-danger:hover{background-color:#bd2130!important}[data-bs-theme=dark] body.uc-clientarea .bg-light{background-color:var(--gk-card-background)!important}[data-bs-theme=dark] body.uc-clientarea a.bg-light:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-light:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-light:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-light:hover{background-color:var(--gk-tertiary-bg)!important}[data-bs-theme=dark] body.uc-clientarea a.bg-dark:focus,[data-bs-theme=dark] body.uc-clientarea a.bg-dark:hover,[data-bs-theme=dark] body.uc-clientarea button.bg-dark:focus,[data-bs-theme=dark] body.uc-clientarea button.bg-dark:hover{background-color:#1d2124!important}[data-bs-theme=dark] body.uc-clientarea .bg-white{background-color:var(--gk-card-background)!important}[data-bs-theme=dark] body.uc-clientarea .border{border-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .border-top{border-top-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .border-right{border-right-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .border-bottom{border-bottom-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .border-left{border-left-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .border-primary{border-color:#6336f4!important}[data-bs-theme=dark] body.uc-clientarea .border-light,[data-bs-theme=dark] body.uc-clientarea .border-warning,[data-bs-theme=dark] body.uc-clientarea .border-white{border-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .text-primary,[data-bs-theme=dark] body.uc-clientarea a.text-primary:focus,[data-bs-theme=dark] body.uc-clientarea a.text-primary:hover{color:#b6a6ff!important}[data-bs-theme=dark] body.uc-clientarea .text-secondary,[data-bs-theme=dark] body.uc-clientarea .text-success,[data-bs-theme=dark] body.uc-clientarea a.text-secondary:focus,[data-bs-theme=dark] body.uc-clientarea a.text-secondary:hover{color:#94a3b8!important}[data-bs-theme=dark] body.uc-clientarea a.text-success:focus,[data-bs-theme=dark] body.uc-clientarea a.text-success:hover{color:var(--gk-body-color)!important}[data-bs-theme=dark] body.uc-clientarea .text-info,[data-bs-theme=dark] body.uc-clientarea a.text-info:focus,[data-bs-theme=dark] body.uc-clientarea a.text-info:hover{color:#94a3b8!important}[data-bs-theme=dark] body.uc-clientarea a.text-warning:focus,[data-bs-theme=dark] body.uc-clientarea a.text-warning:hover{color:#ba8b00!important}[data-bs-theme=dark] body.uc-clientarea .text-danger{color:#94a3b8!important}[data-bs-theme=dark] body.uc-clientarea a.text-danger:focus,[data-bs-theme=dark] body.uc-clientarea a.text-danger:hover{color:var(--gk-body-color)!important}[data-bs-theme=dark] body.uc-clientarea a.text-light:focus,[data-bs-theme=dark] body.uc-clientarea a.text-light:hover{color:#cbd3da!important}[data-bs-theme=dark] body.uc-clientarea .text-body,[data-bs-theme=dark] body.uc-clientarea .text-dark,[data-bs-theme=dark] body.uc-clientarea a.text-dark:focus,[data-bs-theme=dark] body.uc-clientarea a.text-dark:hover{color:var(--gk-body-color)!important}[data-bs-theme=dark] body.uc-clientarea .text-muted{color:#94a3b8!important}[data-bs-theme=dark] body.uc-clientarea .text-black-50{color:var(--gk-body-color)!important}[data-bs-theme=dark] body.uc-clientarea a:hover{color:var(--text-accented)}[data-bs-theme=dark] body.uc-clientarea .alert:has(form){background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea form[data-role=json-form] .has-error input.form-control,[data-bs-theme=dark] body.uc-clientarea form[data-role=json-form] .has-error select.form-control,[data-bs-theme=dark] body.uc-clientarea form[data-role=json-form] .has-error textarea.form-control{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .select-account{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .select-account a{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .select-account a:hover{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .continue-container,[data-bs-theme=dark] body.uc-clientarea .invite-box{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .form-group .field-error-msg,[data-bs-theme=dark] body.uc-clientarea a.admin-inline-edit:hover{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .form-control.is-warning:focus{border-color:var(--warning)}[data-bs-theme=dark] body.uc-clientarea .login-form .form-control:focus{border-color:var(--border-lifted)}[data-bs-theme=dark] body.uc-clientarea .login-form #inputPassword:focus{border-right:none}[data-bs-theme=dark] body.uc-clientarea header.header{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea header.header .topbar .active-client .input-group-text{background-color:transparent;border:0;color:hsla(0,0%,100%,.75)}[data-bs-theme=dark] body.uc-clientarea header.header .toolbar .nav-link{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea header.header .toolbar .nav-link:hover{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea header.header .search:focus-within{border-color:#a5a5a5}[data-bs-theme=dark] body.uc-clientarea header.header .navbar a{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea header.header .dropdown-item.active,[data-bs-theme=dark] body.uc-clientarea header.header .dropdown-item:active{background-color:#ccc}[data-bs-theme=dark] body.uc-clientarea .master-breadcrumb .breadcrumb .breadcrumb-item.active{color:var(--text-accented)}[data-bs-theme=dark] body.uc-clientarea .form-control:focus{border-color:var(--border-accented)}[data-bs-theme=dark] body.uc-clientarea .modal .modal-header{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .modal-localisation .item-selector .item{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .modal-localisation .item-selector .item:hover{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .modal-localisation .item-selector .item.active{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off:hover{background-color:var(--bg-accented)}[data-bs-theme=dark] body.uc-clientarea .responsive-tabs-sm .nav-item a:hover{background-color:var(--gk-tertiary-bg);border-bottom:0}@media (max-width:767.98px){[data-bs-theme=dark] body.uc-clientarea .responsive-tabs-sm{background-color:var(--gk-card-background);border-left-color:var(--gk-border-color);border-right-color:var(--gk-border-color);border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .responsive-tabs-sm .nav-item{border-bottom-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .responsive-tabs-sm .nav-item a.active{background-color:var(--gk-card-background)!important;border:0}[data-bs-theme=dark] body.uc-clientarea .responsive-tabs-sm-connector .channel{background-color:var(--gk-card-background);border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .responsive-tabs-sm-connector .bottom-border{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .responsive-tabs-sm-connector.store .channel{border-left-color:var(--gk-border-color)}}[data-bs-theme=dark] body.uc-clientarea .pagination>.active>a,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>a:focus,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>a:hover,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>span,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>span:focus,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>span:hover{color:#fff}[data-bs-theme=dark] body.uc-clientarea .sidebar .list-group-item.active,[data-bs-theme=dark] body.uc-clientarea .sidebar .list-group-item.active:focus,[data-bs-theme=dark] body.uc-clientarea .sidebar .list-group-item.active:hover{background-color:var(--bg-lifted);color:var(--text-accented)}[data-bs-theme=dark] body.uc-clientarea .home-domain-search .input-group-wrapper{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .action-icon-btns a{background-color:var(--gk-card-background);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .action-icon-btns a:hover{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea #frmDomainHomepage #btnTransfer:active,[data-bs-theme=dark] body.uc-clientarea #frmDomainHomepage #btnTransfer:focus,[data-bs-theme=dark] body.uc-clientarea #frmDomainHomepage #btnTransfer:hover{background:var(--grayscale-lifted);border-color:var(--grayscale-lifted)}[data-bs-theme=dark] body.uc-clientarea .client-home-cards .card-header{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .client-home-cards .list-group{border-bottom-color:var(--gk-border-color)!important;border-top-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea .client-home-cards .list-group .list-group-item{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .tiles .tile{background-color:var(--gk-card-background);border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .tiles .tile:hover{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .tiles .tile:hover i{color:#aaa}@media (max-width:1199.98px){[data-bs-theme=dark] body.uc-clientarea .tiles div:first-child>.tile,[data-bs-theme=dark] body.uc-clientarea .tiles div:nth-child(2)>.tile{border-bottom-color:var(--gk-border-color)}}[data-bs-theme=dark] body.uc-clientarea .primary-content .client-home-cards .card .card-footer,[data-bs-theme=dark] body.uc-clientarea .primary-content .client-home-cards .mc-promo-login .card-footer,[data-bs-theme=dark] body.uc-clientarea .primary-content .client-home-cards .mc-promo-manage .card-footer,[data-bs-theme=dark] body.uc-clientarea .secondary-cart-body #domainRenewals{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .twofa-setup .activation-msg{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .twofa-setup .backup-code{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .twofa-module{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .twofa-module.active{border-color:#6336f4}[data-bs-theme=dark] body.uc-clientarea .popover-user-notifications{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .popover-user-notifications ul li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .popover-user-notifications ul li a{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .popover-user-notifications ul li a:hover{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .popover-user-notifications ul li i.far.fa-exclamation-circle,[data-bs-theme=dark] body.uc-clientarea .popover-user-notifications ul li i.fas.fa-exclamation-circle{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .verification-banner{background-color:var(--gk-card-background);border-bottom-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .verification-banner .fal,[data-bs-theme=dark] body.uc-clientarea .verification-banner .far,[data-bs-theme=dark] body.uc-clientarea .verification-banner .fas{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .md-editor{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .md-editor>.md-preview,[data-bs-theme=dark] body.uc-clientarea .md-editor>textarea.markdown-editor{background-color:var(--gk-card-background)!important;border-bottom-color:var(--gk-border-color)!important;border-top-color:var(--gk-border-color)!important}[data-bs-theme=dark] body.uc-clientarea div.md-editor.active{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .markdown-content h1,[data-bs-theme=dark] body.uc-clientarea .markdown-content h2,[data-bs-theme=dark] body.uc-clientarea .markdown-content h3,[data-bs-theme=dark] body.uc-clientarea .markdown-content h4,[data-bs-theme=dark] body.uc-clientarea .md-preview h1,[data-bs-theme=dark] body.uc-clientarea .md-preview h2,[data-bs-theme=dark] body.uc-clientarea .md-preview h3,[data-bs-theme=dark] body.uc-clientarea .md-preview h4{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .markdown-content blockquote,[data-bs-theme=dark] body.uc-clientarea .md-preview blockquote{border-left-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .markdown-content table,[data-bs-theme=dark] body.uc-clientarea .markdown-content table>thead>tr>th,[data-bs-theme=dark] body.uc-clientarea .md-preview table,[data-bs-theme=dark] body.uc-clientarea .md-preview table>thead>tr>th{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .markdown-content table>tbody>tr>td,[data-bs-theme=dark] body.uc-clientarea .md-preview table>tbody>tr>td{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .store-order-container .store-domain-tabs li a{background-color:var(--gk-card-background);border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .store-order-container .store-domain-tabs li.active a{background-color:var(--gk-card-background);border-bottom:1px solid transparent}[data-bs-theme=dark] body.uc-clientarea .store-order-container .store-domain-tab-content{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .store-order-container .domain-validation.ok{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .promo-banner{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .promo-banner.codeguard{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .promo-banner.ox a,[data-bs-theme=dark] body.uc-clientarea .promo-banner.sitebuilder a,[data-bs-theme=dark] body.uc-clientarea .promo-banner.threesixtymonitoring a{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-metrics-row>div:not(:last-child){border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .client-home-cards div[menuitemname=ThreesixtymonitoringLogin] .threesixtymonitoring-metric{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .upgrade .product-to-be-upgraded,[data-bs-theme=dark] body.uc-clientarea .upgrade .products .product{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .upgrade .products .product ul{border-left-color:var(--gk-border-color);border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .upgrade .products .product .footer{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .upgrade .products .product ul li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .upgrade .products .product ul li span{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .upgrade .products .fa-check{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .kb-article-item:hover,[data-bs-theme=dark] body.uc-clientarea .kb-category a:hover{background-color:var(--bg-lifted)}[data-bs-theme=dark] body.uc-clientarea .ticket-reply .rating span.star:hover:before,[data-bs-theme=dark] body.uc-clientarea .ticket-reply .rating span.star:hover~span.star:before,[data-bs-theme=dark] body.uc-clientarea .ticket-reply .rating-done span.star.active:before{color:#f2de88}[data-bs-theme=dark] body.uc-clientarea .mc-promo-login .view-ticket .content,[data-bs-theme=dark] body.uc-clientarea .mc-promo-manage .view-ticket .content,[data-bs-theme=dark] body.uc-clientarea .view-ticket .card-body,[data-bs-theme=dark] body.uc-clientarea .view-ticket .mc-promo-login .content,[data-bs-theme=dark] body.uc-clientarea .view-ticket .mc-promo-manage .content{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .view-ticket .posted-by{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .view-ticket .attachments{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .view-ticket .attachment-list li span{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .ticketfeedbackstaffcont,[data-bs-theme=dark] body.uc-clientarea .view-ticket .attachment-list li figure{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea #registration label{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #registration .sub-heading{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #registration .sub-heading span{background-color:var(--gk-card-background);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea #registration .field,[data-bs-theme=dark] body.uc-clientarea #registration .form-control{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #registration .form-control:focus{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #registration .field[disabled],[data-bs-theme=dark] body.uc-clientarea #registration .field[readonly],[data-bs-theme=dark] body.uc-clientarea #registration .form-control[disabled],[data-bs-theme=dark] body.uc-clientarea #registration .form-control[readonly]{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea div.credit-card{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .auth3d-area,[data-bs-theme=dark] body.uc-clientarea .submit-3d{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .invoice-summary-table td.total-row{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea div.credit-card .logo-visa{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea div.credit-card .logo-mastercard{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea div.credit-card .logo-discover{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea div.product-details div.product-icon,[data-bs-theme=dark] body.uc-clientarea tr.masspay-total td{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea div.product-details-tab-container{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .featured-tld{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .featured-tld .price{background-color:var(--gk-card-background);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-row{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-row.highlighted{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-pricing-header .col-sm-2,[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-pricing-header .col-sm-4,[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-pricing-header .col-xs-2,[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-pricing-header .col-xs-4,[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-pricing-header div:nth-child(odd){background-color:var(--gk-tertiary-bg)}@media (min-width:768px){[data-bs-theme=dark] body.uc-clientarea .domain-pricing .two-row-center{border-right-color:var(--gk-border-color)}}[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper table.table-list{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_asc,[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_desc{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .pagination>li>a,[data-bs-theme=dark] body.uc-clientarea .pagination>li>span{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .page-item.active .page-link,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>a,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>a:focus,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>a:hover,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>span,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>span:focus,[data-bs-theme=dark] body.uc-clientarea .pagination>.active>span:hover{background-color:#4f5360;border-color:#4f5360}[data-bs-theme=dark] body.uc-clientarea table.table-list thead th{background-color:var(--gk-card-background);border-bottom-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .table-list>tbody>tr>td a.border-left{border-left-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .table-list>tbody>tr:hover>td,[data-bs-theme=dark] body.uc-clientarea .table-list>tbody>tr>td{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea table.ox-table-accounts tbody.account-entry>tr:hover{background-color:rgba(0,0,0,.05)}[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper .dataTables_filter label .form-control{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item.active,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item.active:focus,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item.active:hover{background-color:var(--bg-lifted);color:var(--text)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-body .products .product header,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-body .view-cart-empty,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-selection-options,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-selection-options .option-selected,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .secondary-cart-body .view-cart-tabs .nav-tabs a[aria-expanded=true],[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .sub-heading span{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #frmConfigureProduct .form-control{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-pricing .tld-filters .badge,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-pricing .tld-pricing-header .tld-column,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-pricing .tld-pricing-header div,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel .panel-footer,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel .panel-heading{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-pricing .tld-pricing-header:has(~.filtered-row) .tld-column{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-promo-box{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .intl-tel-input .selected-flag .iti-arrow{border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[data-bs-theme=dark] body.uc-clientarea .intl-tel-input .selected-flag .iti-arrow.up{border-bottom:4px solid #555;border-top:none}[data-bs-theme=dark] body.uc-clientarea .intl-tel-input .country-list{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .intl-tel-input .country-list .divider{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,.05)}[data-bs-theme=dark] body.uc-clientarea .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,[data-bs-theme=dark] body.uc-clientarea .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}[data-bs-theme=dark] body.uc-clientarea .intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,.05)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover{background-color:#025aa5;border-color:#01549b;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:disabled{background-color:#0275d8;border-color:#0275d8}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:active,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary.dropdown-toggle,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary.dropdown-toggle{background-color:#025aa5;border-color:#01549b;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:hover,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary:hover{background-color:var(--gk-tertiary-bg);border-color:#adadad;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary:disabled{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary:active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary:active,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary.dropdown-toggle,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary.dropdown-toggle{background-color:var(--gk-tertiary-bg);border-color:#adadad;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:hover,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:hover{background-color:#31b0d5;border-color:#2aabd2;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:disabled{background-color:#5bc0de;border-color:#5bc0de}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info:active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info:active,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info.dropdown-toggle,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info.dropdown-toggle{background-color:#31b0d5;border-color:#2aabd2;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:hover,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:hover{background-color:#449d44;border-color:#419641;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:disabled{background-color:#5cb85c;border-color:#5cb85c}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success:active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success:active,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success.dropdown-toggle,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success.dropdown-toggle{background-color:#449d44;border-color:#419641;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:hover,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:hover{background-color:#ec971f;border-color:#eb9316;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:disabled{background-color:#f0ad4e;border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning:active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning:active,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning.dropdown-toggle,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning.dropdown-toggle{background-color:#ec971f;border-color:#eb9316;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:hover,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:hover{background-color:#c9302c;border-color:#c12e2a;color:#fff}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.disabled,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:disabled{background-color:#d9534f;border-color:#d9534f}[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger:active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.active,[data-bs-theme=dark] body.uc-clientarea .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger:active,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger.dropdown-toggle,[data-bs-theme=dark] body.uc-clientarea .show>.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger.dropdown-toggle{background-color:#c9302c;border-color:#c12e2a;color:#fff}[data-bs-theme=dark] body.uc-clientarea .md-editor .md-footer,[data-bs-theme=dark] body.uc-clientarea .md-editor>.md-header{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .md-editor>.md-preview{background-color:var(--gk-card-background);border-bottom-color:var(--gk-border-color);border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .md-editor>textarea{background-color:var(--gk-tertiary-bg);border-bottom-color:var(--gk-border-color);border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .md-editor>textarea:focus{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .md-editor.active{border-color:#66afe9}[data-bs-theme=dark] body.uc-clientarea .md-editor .md-controls .md-control:hover{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .md-editor.md-fullscreen-mode,[data-bs-theme=dark] body.uc-clientarea .md-editor.md-fullscreen-mode .md-input,[data-bs-theme=dark] body.uc-clientarea .md-editor.md-fullscreen-mode .md-preview{background-color:var(--gk-card-background)!important}[data-bs-theme=dark] body.uc-clientarea .md-editor.md-fullscreen-mode .md-preview{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .md-editor.md-fullscreen-mode .md-input:focus,[data-bs-theme=dark] body.uc-clientarea .md-editor.md-fullscreen-mode .md-input:hover{background-color:var(--gk-card-background)!important;color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea table.dataTable td.dt-control:before{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea table.dataTable>tbody>tr.selected>*{color:#fff}[data-bs-theme=dark] body.uc-clientarea table.dataTable>tbody>tr.selected a{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea table.dataTable.dtr-column>tbody>tr>td.control:before,[data-bs-theme=dark] body.uc-clientarea table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,[data-bs-theme=dark] body.uc-clientarea table.dataTable.dtr-column>tbody>tr>th.control:before,[data-bs-theme=dark] body.uc-clientarea table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,[data-bs-theme=dark] body.uc-clientarea table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,[data-bs-theme=dark] body.uc-clientarea table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea table.dataTable>tbody>tr.child:hover{background:0 0!important}[data-bs-theme=dark] body.uc-clientarea table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea div.dtr-modal div.dtr-modal-display{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea div.dtr-modal div.dtr-modal-close{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea div.dtr-modal div.dtr-modal-close:hover{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .lb-outerContainer{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .captcha-overlay-popup{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .card{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .invoice-container{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .unpaid{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .paid{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .refunded{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .invoice-container td.total-row{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart label,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart p.domain-renewal-desc,[data-bs-theme=dark] body.uc-clientarea .service-renewals .div-renewal-period-label{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .sub-heading{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-advanced .multiselect,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-advanced label,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .sub-heading span,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .sub-heading-borderless span{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-advanced .multiselect-container li.active a{background-color:unset}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-advanced input[type=checkbox]{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .products .product{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .products .product header{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel-addon .panel-body label,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .products .product header span{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel-addon .panel-price{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel-addon-selected{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-selection-options .option{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-selection-options .option-selected{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-available,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-invalid,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-unavailable{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .transfer-eligible{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .transfer-not-eligible{background-color:var(--gk-tertiary-bg);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .product-info{background-color:var(--gk-card-background);border-bottom-color:var(--gk-border-color);border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .summary-container{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .summary-totals{border-bottom-color:var(--gk-border-color);border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .apply-credit-container{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cc-input-container{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cc-input-container .existing-cc-grid{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .field,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .form-control{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .form-control:focus{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .field[disabled],[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .field[readonly],[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .form-control[disabled],[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .form-control[readonly],[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-items .item{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-items .item:nth-child(2n){background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-items .item-domain{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .bordered-totals,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .subtotal{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .recurring-charges{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true],[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true]{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-tabs .tab-content{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-promotion-code{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-gateway-checkout{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .domain-checker-container .input-group-box{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .domain-checker-invalid,[data-bs-theme=dark] body.uc-clientarea .domain-checker-unavailable{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .domain-pricing .two-row-center{border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .spotlight-tlds{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .spotlight-tld{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .spotlight-tld .invalid,[data-bs-theme=dark] body.uc-clientarea .spotlight-tld .unavailable{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .suggested-domains .domain-lookup-suggestions-loader,[data-bs-theme=dark] body.uc-clientarea .suggested-domains .domain-lookup-suggestions-message{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .domain-promo-box{background-color:var(--gk-card-background);border-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .domain-renewals,[data-bs-theme=dark] body.uc-clientarea .service-renewals{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .addon-renewals .service-renewal,[data-bs-theme=dark] body.uc-clientarea .domain-renewals,[data-bs-theme=dark] body.uc-clientarea .service-renewals{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .domain-renewals .domain-renewal,[data-bs-theme=dark] body.uc-clientarea .service-renewals .service-renewal{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .addon-renewals .service-renewal:nth-child(2n),[data-bs-theme=dark] body.uc-clientarea .domain-renewals .domain-renewal:nth-child(2n),[data-bs-theme=dark] body.uc-clientarea .service-renewals .service-renewal:nth-child(2n){background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .service-renewals .div-renewal-ineligible{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .addon-promo-container,[data-bs-theme=dark] body.uc-clientarea .addon-renewals>div{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo .body{background-color:var(--gk-card-background);border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.marketgoo .expander,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.marketgoo .price,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.sitelockvpn .expander,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.sitelockvpn .price,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.threesixtymonitoring .expander,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.threesixtymonitoring .fa-check,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.threesixtymonitoring .price,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.weebly .expander,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.weebly .price{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.xovinow .expander,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.xovinow .fa-check,[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .mc-promo.xovinow .price{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .default-captcha{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .account-select-container{border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .account-select-container div.account{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .account-select-container div.account.active{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .product-recommendations .product-recommendation{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .product-recommendations .product-recommendation .body{background-color:var(--gk-card-background);border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .hero{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .product-options .item{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page .product-options p{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page .product-options .price{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.mail-services .product-options .item{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.mail-services .product-options .icon,[data-bs-theme=dark] body.uc-clientarea .landing-page.mail-services .product-options .price{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page .navbar .navbar-nav>li>a{border-bottom-color:var(--gk-border-color)}@media (min-width:768px){[data-bs-theme=dark] body.uc-clientarea .landing-page .navbar.navbar-expand-md .navbar-nav>li>a{border-left-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .navbar.navbar-expand-md .navbar-nav>li:last-child>a{border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .navbar.navbar-expand .navbar-nav>li>a{border-left-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .navbar.navbar-expand .navbar-nav>li:last-child>a{border-right-color:var(--gk-border-color)}}[data-bs-theme=dark] body.uc-clientarea .landing-page .navbar .navbar-nav>li.active>a{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page .light-grey-bg{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs>li>a,[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs>li>a:focus,[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs>li>a:hover{background-color:var(--gk-tertiary-bg);border:0}[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs>li.active>a,[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs>li.active>a:focus,[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs>li.active>a:hover{background-color:var(--gk-card-background);border:0;border-top:3px solid #2cc9f2}[data-bs-theme=dark] body.uc-clientarea .landing-page .tab-content{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.mail-services .benefits i{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page .pricing-item{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .pricing-item ul li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .pricing-item .feature-heading{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.weebly .weebly-lite-plan{background-color:var(--gk-tertiary-bg);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page .features,[data-bs-theme=dark] body.uc-clientarea .landing-page.weebly .faq{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .validation-levels .item{background-color:var(--gk-card-background);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .ideal-for.dv i,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .what-is-ssl .far,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .what-is-ssl .fas{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .ssl-benefits .row{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .ssl-benefits i{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .browser-notice .wrapper,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .detailed-info{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .detailed-info .card-body{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .standout-2{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl ul.ssl-certs-all li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl ul.ssl-certs-all li.featured{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .features .feature:hover{background-color:#999;color:#fff}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .row-pricing-table ul li{background-color:var(--gk-card-background);border-bottom-color:var(--gk-border-color);color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .certificate-options.ev .col-md-3.sidebar ul li,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .certificate-options.ev .col-md-4.sidebar ul li,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .certificate-options.ev .col-md-6.sidebar ul li,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .certificate-options.ov .col-md-3.sidebar ul li,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .certificate-options.ov .col-md-4.sidebar ul li,[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .certificate-options.ov .col-md-6.sidebar ul li{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ssl .dashed-border{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .sitebuilder-upgrade-container,[data-bs-theme=dark] body.uc-clientarea .weebly-upgrade-container{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .sitebuilder-upgrade-container .promo-wrapper,[data-bs-theme=dark] body.uc-clientarea .weebly-upgrade-container .promo-wrapper{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelock .plans .plan{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelock .plans .plan ul li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelock .plans .plan ul li span{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelock .features .far,[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelock .features .fas,[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelock .plans .fa-check{color:#94a3b8}@media (min-width:768px){[data-bs-theme=dark] body.uc-clientarea .landing-page.codeguard .overview-features li{border-right-color:var(--gk-border-color)}}[data-bs-theme=dark] body.uc-clientarea .landing-page.codeguard .faqs{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.codeguard .irs-slider,[data-bs-theme=dark] body.uc-clientarea .landing-page.codeguard .irs-slider:hover{border:none}[data-bs-theme=dark] body.uc-clientarea .landing-page.codeguard .irs-line{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .feature.alternate-bg{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .feature.pricing .pricing-box{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .feature.pricing .cycle{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .feature.pricing .price{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .feature.pricing ul li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .dividing-line{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .feature.world span{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitelockvpn .feature.countries{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .feature-wrapper{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .plan .pricing,[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .plan.marketgoo_pro .header h4{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .plan ul{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .plan ul li{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .plan.labels ul li{border-right-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .carousel .carousel-indicators li,[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .plan.marketgoo_pro ul{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .testimonials .testimonial{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.marketgoo .faqs{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .stand-out{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .stand-out h2{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ox h3{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .pricing table{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .pricing td:not(.no-border),[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .pricing th{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .faqs,[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .pricing table tr:nth-child(2n) td:first-child{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder,[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .intro{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .nav-tabs>li>a{background-color:var(--gk-tertiary-bg);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .nav-tabs a.active,[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .nav-tabs a.active:focus,[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .nav-tabs a.active:hover{background-color:var(--gk-tertiary-bg);border:0;color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .features p{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .templates{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .templates .previews .show-more div,[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .templates .previews img{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .templates .previews .show-more div .icon-wrapper{background-color:#ccc;color:#fff}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .templates .previews .thumb-wrapper .type-label{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .templates .previews .tplname{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .templates .previews a:hover .tplname{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .pricing-table{background-color:var(--gk-card-background);border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.sitebuilder .pricing-table-row:not(.col-heading):nth-child(2n){background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .body-intro,[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .hero-image{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .feature-block .title{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .screenshots .screenshot-thumb:hover .overlay{background-color:rgba(0,0,0,.5)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .pricing .starting-from{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .cart-items,[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .service-selector{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .cart-items .item:nth-child(odd){background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .cart-totals{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .service-selector .product-name{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .service-selector .domain-name,[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .service-selector .price{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .faqs .border-line{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .wp-toolkit .faqs .faq-title{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .feature-tabs .nav-tabs>li>a,[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .feature-tabs .nav-tabs>li>a:focus,[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .feature-tabs .nav-tabs>li>a:hover{background-color:var(--gk-tertiary-bg);border:0;color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .feature-tabs .nav-tabs>li>a.active,[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .feature-tabs .nav-tabs>li>a.active:focus,[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .feature-tabs .nav-tabs>li>a.active:hover{background-color:#10069f;border:0;color:#fff}[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .pricing .money-back,[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .pricing .money-back span,[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .pricing .plan .plan-name,[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .pricing .plan-features{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .pricing .plan .plan-price{border-bottom-color:var(--gk-border-color);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .pricing .plan-feature.row-highlight{background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.xovinow .pricing .plan-feature i{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn{background-color:var(--gk-card-background);color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .hero{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .blue{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .line-break{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .feature.logo,[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .hero .available .divider .line{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .keep-data-safe-card,[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .feature.threat .threats-div .col-10{border-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .comparison .col-12 .col-2:nth-of-type(2),[data-bs-theme=dark] body.uc-clientarea .landing-page.nordvpn .comparison .col-12:nth-child(odd):not(:first-child):not(:last-child){background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .row-revenue,[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .section-header,[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .section-header .form-control,[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring h1,[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring h2,[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring h3{color:var(--gk-body-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .modal-results .result-positive{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .modal-results .div-modal-border{border-bottom-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .nav-link{color:#94a3b8}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .nav-primary .nav-link{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .modal-results .modal-header,[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .nav-primary .nav-link.active{color:#fff}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .nav-secondary .nav-link{background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .nav-secondary .nav-link.active{background-color:var(--gk-card-background);border-top:3px solid #9b65db}[data-bs-theme=dark] body.uc-clientarea .div-pricing>div:nth-child(2)>div{border-top-color:var(--gk-border-color)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels ul li:nth-child(2n+2){background-color:var(--gk-tertiary-bg)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .div-pricing-container .div-feature-values ul li:nth-child(2n+2){background-color:var(--gk-card-background)}[data-bs-theme=dark] body.uc-clientarea .landing-page.threesixtymonitoring .section-faq .card-header{background-color:var(--gk-card-background);border-bottom-color:var(--gk-border-color)}

/* ==== orderforms/ucartz_cart/css/ucartz-cart.css ==== */
/*
 * Ucartz order form (ucartz_cart, child of Standard Cart). Loaded by the system theme head (includes/head.tpl) with the deploy version, on
 * every order page. Colours come from the website tokens (--gk-*), which switch between light and dark.
 * Standard Cart, not Nexus Cart: Nexus Cart's domain page uses WHMCS's v2 store API, which in 9.0.9 returns INR
 * amounts under every currency label (.com shown as $1370.34 USD; the real price is $14.43), takes 4 to 5 s and runs
 * in a Shadow DOM. Standard Cart renders prices on the server, like the current Lagom pages.
 */

/* ---------- 2. Layout: sidebar and body, page heading ---------- */
body.uc-clientarea #order-standard_cart { color: var(--gk-body-color); }
body.uc-clientarea #order-standard_cart .header-lined { margin-bottom: 1.5rem; padding: 0; border: 0; }
body.uc-clientarea #order-standard_cart .header-lined h1 {
    font-size: 1.75rem !important; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 0.4rem;
    color: var(--gk-heading-color, var(--gk-gray-900));
}
body.uc-clientarea #order-standard_cart .header-lined p { color: var(--gk-gray-600); font-size: 1rem; margin: 0; max-width: 46rem; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .header-lined h1 { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .header-lined p { color: #94a3b8; }
@media (max-width: 767.98px) { body.uc-clientarea #order-standard_cart .header-lined h1 { font-size: 1.4rem !important; } }

/* Sidebar (categories, actions, currency): website cards */
body.uc-clientarea #order-standard_cart .cart-sidebar .card, body.uc-clientarea #order-standard_cart .cart-sidebar .panel {
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-radius: 0.5rem; box-shadow: var(--uc-shadow-sm); overflow: hidden;
}
body.uc-clientarea #order-standard_cart .cart-sidebar .card-header, body.uc-clientarea #order-standard_cart .cart-sidebar h3 {
    font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--gk-gray-600); background: transparent;
}
body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item {
    border: 0; border-radius: 0 !important; padding: 0.5rem 1rem; font-size: 0.875rem; color: var(--gk-gray-700); background: transparent;
}
body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item:hover { background: var(--gk-tertiary-bg); color: var(--gk-primary); }
body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item.active {
    background: var(--gk-light-primary) !important; color: var(--gk-primary) !important; font-weight: 600; box-shadow: inset 3px 0 0 var(--gk-primary);
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item { color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item:hover { color: #c4b8ff; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .cart-sidebar .list-group-item.active { background: rgba(157, 136, 255, 0.14) !important; color: #c4b8ff !important; }

/* Phones and tablets: the category selector cards (sidebar-collapsed) */
body.uc-clientarea #order-standard_cart .sidebar-collapsed { margin-bottom: 1.25rem; }
body.uc-clientarea #order-standard_cart .sidebar-collapsed .panel, body.uc-clientarea #order-standard_cart .sidebar-collapsed .card {
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-radius: 0.5rem; margin-bottom: 0.75rem; box-shadow: none;
}
body.uc-clientarea #order-standard_cart .sidebar-collapsed .panel-heading, body.uc-clientarea #order-standard_cart .sidebar-collapsed .card-header {
    background: transparent; border: 0; padding: 0.75rem 1rem 0.25rem; font-size: 0.8125rem; font-weight: 600; color: var(--gk-gray-600);
}
body.uc-clientarea #order-standard_cart .sidebar-collapsed .panel-body, body.uc-clientarea #order-standard_cart .sidebar-collapsed .card-body { padding: 0.25rem 1rem 0.9rem; }
body.uc-clientarea #order-standard_cart select, body.uc-clientarea #order-standard_cart .form-control, body.uc-clientarea #order-standard_cart .field, body.uc-clientarea #order-standard_cart textarea.field {
    background-color: var(--gk-input-bg) !important; color: var(--gk-body-color) !important; border: 1px solid var(--gk-input-border) !important;
    border-radius: 0.375rem !important; font-size: 0.9375rem; min-height: 2.6rem; box-shadow: none;
}
body.uc-clientarea #order-standard_cart select:focus, body.uc-clientarea #order-standard_cart .form-control:focus, body.uc-clientarea #order-standard_cart .field:focus {
    border-color: var(--gk-primary) !important; box-shadow: 0 0 0 0.25rem rgba(99, 54, 244, 0.15) !important; outline: 0;
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart select option { background: #0b1324; color: #e2e8f0; }

/* ---------- 3. Store: plan cards, the website's split cards (ucartz.com/hire-an-expert) ---------- */
body.uc-clientarea #order-standard_cart .uc-plan-grid { margin-left: -0.6rem; margin-right: -0.6rem; }
body.uc-clientarea #order-standard_cart .uc-plan-col { display: flex; padding: 0 0.6rem; margin-bottom: 1.25rem; }
/* Tones: soft panel colour and the strong colour for icon and accents, as on the website */
body.uc-clientarea #order-standard_cart .uc-tone-primary { --uc-tone: #6336f4; --uc-tone-soft: rgba(99, 54, 244, 0.1); --uc-tone-text: #5b2ee0; }
body.uc-clientarea #order-standard_cart .uc-tone-danger { --uc-tone: #dc2626; --uc-tone-soft: rgba(220, 38, 38, 0.1); --uc-tone-text: #b91c1c; }
body.uc-clientarea #order-standard_cart .uc-tone-info { --uc-tone: #0ea5e9; --uc-tone-soft: rgba(14, 165, 233, 0.1); --uc-tone-text: #0369a1; }
body.uc-clientarea #order-standard_cart .uc-tone-success { --uc-tone: #16a34a; --uc-tone-soft: rgba(22, 163, 74, 0.1); --uc-tone-text: #166534; }
body.uc-clientarea #order-standard_cart .uc-tone-warning { --uc-tone: #f59e0b; --uc-tone-soft: rgba(245, 158, 11, 0.12); --uc-tone-text: #92400e; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-tone-primary { --uc-tone: #9d88ff; --uc-tone-soft: rgba(157, 136, 255, 0.14); --uc-tone-text: #bdb0ff; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-tone-danger { --uc-tone: #f87171; --uc-tone-soft: rgba(248, 113, 113, 0.13); --uc-tone-text: #fca5a5; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-tone-info { --uc-tone: #38bdf8; --uc-tone-soft: rgba(56, 189, 248, 0.13); --uc-tone-text: #7dd3fc; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-tone-success { --uc-tone: #4ade80; --uc-tone-soft: rgba(74, 222, 128, 0.12); --uc-tone-text: #86efac; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-tone-warning { --uc-tone: #fbbf24; --uc-tone-soft: rgba(251, 191, 36, 0.13); --uc-tone-text: #fcd34d; }

body.uc-clientarea #order-standard_cart .products .product.uc-plan {
    display: flex; flex-direction: column; width: 100%; margin: 0; padding: 0; overflow: hidden; float: none;
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
body.uc-clientarea #order-standard_cart .products .product.uc-plan:hover { transform: translateY(-6px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); border-color: var(--uc-tone) !important; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .products .product.uc-plan { box-shadow: none; }
/* Panel: soft tone with the website's dot grid, white icon tile, white chips */
body.uc-clientarea #order-standard_cart .uc-plan-top {
    position: relative; min-height: 168px; padding: 1.5rem 1rem 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.9rem;
    color: var(--uc-tone); background-color: var(--uc-tone-soft);
    background-image: radial-gradient(color-mix(in srgb, var(--uc-tone) 22%, transparent) 1px, transparent 1px); background-size: 18px 18px;
}
body.uc-clientarea #order-standard_cart .uc-plan-icon {
    width: 4.25rem; height: 4.25rem; border-radius: 1.25rem; display: flex; align-items: center; justify-content: center; font-size: 1.75rem;
    color: var(--uc-tone-text); background: var(--gk-card-background); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); transition: transform 0.4s ease;
}
body.uc-clientarea #order-standard_cart .uc-plan:hover .uc-plan-icon { transform: translateY(-4px) scale(1.05); }
body.uc-clientarea #order-standard_cart .uc-plan-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4rem; max-width: 100%; }
body.uc-clientarea #order-standard_cart .uc-plan-chips span {
    font-size: 0.72rem; font-weight: 600; line-height: 1.2; padding: 0.4rem 0.6rem; border-radius: 999px; text-transform: none;
    color: var(--gk-gray-800); background: var(--gk-card-background); border: 1px solid var(--gk-border-color);
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan-chips span { color: #e2e8f0; }
/* Body overlaps the panel slightly, like the website card */
body.uc-clientarea #order-standard_cart .uc-plan-body {
    position: relative; z-index: 2; margin-top: -10px; flex: 1 1 auto; display: flex; flex-direction: column;
    background: var(--gk-card-background); border-radius: 16px 16px 0 0; padding: 1.25rem 1.25rem 1.25rem;
}
body.uc-clientarea #order-standard_cart .uc-plan header { margin: 0 0 0.6rem; padding: 0; background: transparent !important; border: 0 !important; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
body.uc-clientarea #order-standard_cart .uc-plan header span:first-child {
    font-size: 1.15rem !important; font-weight: 800; letter-spacing: -0.3px; color: var(--gk-gray-900) !important; text-transform: none;
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan header span:first-child { color: #f8fafc !important; }
body.uc-clientarea #order-standard_cart .uc-plan header .qty { font-size: 0.7rem !important; font-weight: 700; padding: 0.2rem 0.55rem; border-radius: 999px; background: var(--uc-tone-soft); color: var(--uc-tone-text) !important; }
body.uc-clientarea #order-standard_cart .uc-plan div.product-desc { float: none; width: 100%; padding: 0; margin: 0 0 1rem; font-size: 0.875rem; flex: 1 1 auto; }
body.uc-clientarea #order-standard_cart .uc-plan div.product-desc p { color: var(--gk-gray-700); line-height: 1.5; margin-bottom: 0.75rem; }
body.uc-clientarea #order-standard_cart .uc-plan div.product-desc ul { list-style: none; margin: 0; padding: 0; }
body.uc-clientarea #order-standard_cart .uc-plan div.product-desc li {
    position: relative; padding: 0.35rem 0 0.35rem 1.5rem; line-height: 1.45; color: var(--gk-gray-700); border: 0;
}
body.uc-clientarea #order-standard_cart .uc-plan div.product-desc li::before {
    content: ""; position: absolute; left: 0.2rem; top: 0.55rem; width: 0.35rem; height: 0.65rem;
    border: solid var(--uc-tone); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
body.uc-clientarea #order-standard_cart .uc-plan span.feature-value { font-weight: 700; color: var(--gk-gray-900); }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan div.product-desc p, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan div.product-desc li { color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan span.feature-value { color: #f8fafc; }
/* Footer: price on the left (wraps safely for long currencies such as INR), order button on the right */
body.uc-clientarea #order-standard_cart .uc-plan footer {
    float: none; width: 100%; margin-top: auto; padding: 0.9rem 0 0; border-top: 1px solid var(--gk-border-color); background: transparent;
    display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.6rem 0.75rem; text-align: left;
}
body.uc-clientarea #order-standard_cart .uc-plan div.product-pricing { margin: 0; min-width: 0; flex: 1 1 8rem; line-height: 1.2; }
body.uc-clientarea #order-standard_cart .uc-plan .uc-plan-cycle {
    display: block; font-size: 0.62rem; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--gk-gray-700); margin-bottom: 0.2rem;
}
body.uc-clientarea #order-standard_cart .uc-plan div.product-pricing span.price {
    display: block; font-size: 1.4rem !important; font-weight: 800; letter-spacing: -0.5px; line-height: 1.1; color: var(--gk-gray-900);
    overflow-wrap: anywhere;
}
body.uc-clientarea #order-standard_cart .uc-plan div.product-pricing small { display: block; margin-top: 0.25rem; font-size: 0.75rem; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan .uc-plan-cycle { color: #94a3b8; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan div.product-pricing span.price { color: #f8fafc; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan div.product-pricing small { color: #94a3b8; }
body.uc-clientarea #order-standard_cart .uc-plan .btn-order-now {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; margin: 0; white-space: nowrap;
    padding: 0.5rem 1rem !important; font-size: 0.875rem !important; font-weight: 600; border-radius: 0.375rem !important;
    background: var(--gk-primary) !important; border: 1px solid var(--gk-primary) !important; color: #fff !important;
}
body.uc-clientarea #order-standard_cart .uc-plan .btn-order-now:hover { background: #542ecf !important; border-color: #542ecf !important; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan .btn-order-now { background: #6336f4 !important; border-color: #6336f4 !important; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan .btn-order-now:hover { background: #7652ff !important; border-color: #7652ff !important; }
@media (max-width: 575.98px) {
    body.uc-clientarea #order-standard_cart .uc-plan-top { min-height: 140px; }
    body.uc-clientarea #order-standard_cart .uc-plan .btn-order-now { flex: 1 1 100%; }
}

/* ---------- 4. Configure product: fields, billing cycle, add-ons, order summary ---------- */
body.uc-clientarea #order-standard_cart .product-info {
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-radius: 0.75rem; padding: 1.25rem 1.5rem; margin-bottom: 1.25rem;
}
body.uc-clientarea #order-standard_cart .product-info .product-title { font-size: 1.25rem; font-weight: 700; color: var(--gk-heading-color, var(--gk-gray-900)); margin-bottom: 0.4rem; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .product-info .product-title { color: #f1f5f9; }
body.uc-clientarea #order-standard_cart .sub-heading { border-top: 1px solid var(--gk-border-color); height: auto; margin: 2rem 0 1.25rem; text-align: left; }
body.uc-clientarea #order-standard_cart .sub-heading span, body.uc-clientarea #order-standard_cart .sub-heading-borderless {
    position: relative; top: -0.8rem; padding: 0 0.75rem 0 0; background: var(--gk-body-bg) !important; color: var(--gk-gray-700) !important;
    font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .sub-heading span { color: #cbd5e1 !important; }
body.uc-clientarea #order-standard_cart .field-container { margin-bottom: 1rem; }
body.uc-clientarea #order-standard_cart label { font-weight: 600; font-size: 0.875rem; color: var(--gk-form-label-color, var(--gk-gray-700)); }
body.uc-clientarea #order-standard_cart .panel-addon {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important;
    box-shadow: none; transition: border-color 0.15s;
}
body.uc-clientarea #order-standard_cart .panel-addon:hover { border-color: var(--gk-primary) !important; }
body.uc-clientarea #order-standard_cart .panel-addon .panel-body { color: var(--gk-body-color); font-size: 0.875rem; }
body.uc-clientarea #order-standard_cart .panel-addon .panel-body label { color: var(--gk-heading-color, var(--gk-gray-900)); font-weight: 700; }
body.uc-clientarea #order-standard_cart .panel-addon .panel-price { background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-700) !important; font-weight: 600; }
body.uc-clientarea #order-standard_cart .panel-addon .panel-add { background: var(--gk-light-primary) !important; color: var(--gk-primary) !important; font-weight: 600; border-radius: 0 0 0.75rem 0.75rem; }
body.uc-clientarea #order-standard_cart .panel-addon-selected { border-color: var(--gk-primary) !important; box-shadow: 0 0 0 1px var(--gk-primary); }
body.uc-clientarea #order-standard_cart .panel-addon-selected .panel-add { background: var(--gk-primary) !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel-addon .panel-price { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel-addon .panel-add { background: rgba(157, 136, 255, 0.14) !important; color: #c4b8ff !important; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .panel-addon-selected .panel-add { background: #6336f4 !important; color: #fff !important; }

/* Order summary: a calm card, the total in large type, the continue button full width */
body.uc-clientarea #order-standard_cart .order-summary {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important;
    border-top: 4px solid var(--gk-primary) !important; box-shadow: var(--uc-shadow-sm); overflow: hidden;
}
body.uc-clientarea #order-standard_cart .order-summary h2 {
    background: transparent !important; color: var(--gk-heading-color, var(--gk-gray-900)) !important; font-size: 1rem !important; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.05em; padding: 1rem 1.25rem 0.5rem; margin: 0; text-align: left;
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary h2 { color: #f1f5f9 !important; }
body.uc-clientarea #order-standard_cart .order-summary .summary-container { background: transparent !important; padding: 0.5rem 1.25rem 1.25rem; color: var(--gk-body-color); font-size: 0.875rem; }
body.uc-clientarea #order-standard_cart .order-summary .product-name { font-size: 1rem; font-weight: 700; color: var(--gk-heading-color, var(--gk-gray-900)); }
body.uc-clientarea #order-standard_cart .order-summary .product-group { color: var(--gk-gray-600); font-size: 0.8125rem; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .product-name { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .product-group { color: #94a3b8; }
body.uc-clientarea #order-standard_cart .order-summary .summary-totals { border-color: var(--gk-border-color) !important; }
body.uc-clientarea #order-standard_cart .order-summary .total-due-today { padding-top: 0.5rem; }
body.uc-clientarea #order-standard_cart .order-summary .total-due-today .amt {
    display: block; font-size: 1.75rem !important; font-weight: 800; letter-spacing: -0.02em; color: var(--gk-heading-color, var(--gk-gray-900));
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .total-due-today .amt { color: #f8fafc; }
body.uc-clientarea #order-standard_cart .order-summary .total-due-today span:not(.amt) { color: var(--gk-gray-600); font-size: 0.8125rem; }
body.uc-clientarea #order-standard_cart .order-summary .btn, body.uc-clientarea #order-standard_cart #btnCompleteProductConfig, body.uc-clientarea #order-standard_cart #checkout, body.uc-clientarea #order-standard_cart .btn-checkout {
    width: 100%; padding: 0.7rem 1rem !important; font-size: 1rem !important; font-weight: 600; border-radius: 0.375rem !important;
}
body.uc-clientarea #order-standard_cart #btnCompleteProductConfig, body.uc-clientarea #order-standard_cart .btn-checkout, body.uc-clientarea #order-standard_cart #checkout {
    background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important;
}
body.uc-clientarea #order-standard_cart #btnCompleteProductConfig:hover, body.uc-clientarea #order-standard_cart .btn-checkout:hover, body.uc-clientarea #order-standard_cart #checkout:hover { background: #542ecf !important; border-color: #542ecf !important; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart #btnCompleteProductConfig, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart .btn-checkout, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart #checkout { background: #6336f4 !important; border-color: #6336f4 !important; }

/* ---------- 5. Cart and checkout (standard_cart pages, outside the component) ---------- */
body.uc-clientarea #order-standard_cart .view-cart-items-header {
    background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-600) !important; border-radius: 0.5rem 0.5rem 0 0;
    font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;
}
body.uc-clientarea #order-standard_cart .view-cart-items { border: 1px solid var(--gk-border-color) !important; border-radius: 0 0 0.5rem 0.5rem; background: var(--gk-card-background); }
body.uc-clientarea #order-standard_cart .view-cart-items .item { background: transparent !important; border-color: var(--gk-border-color) !important; color: var(--gk-body-color); }
body.uc-clientarea #order-standard_cart .view-cart-items .item-title { font-weight: 700; color: var(--gk-heading-color, var(--gk-gray-900)); }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .view-cart-items .item-title { color: #f1f5f9; }
body.uc-clientarea #order-standard_cart .view-cart-items .item-group, body.uc-clientarea #order-standard_cart .view-cart-items .item-domain { color: var(--gk-gray-600); }
body.uc-clientarea #order-standard_cart .view-cart-tabs .nav-tabs .nav-link { font-weight: 600; }
body.uc-clientarea #order-standard_cart .view-cart-tabs .tab-content { background: var(--gk-card-background) !important; border-color: var(--gk-border-color) !important; color: var(--gk-body-color); }
body.uc-clientarea #order-standard_cart .empty-cart .btn { border-radius: 0.375rem; }
body.uc-clientarea #order-standard_cart .already-registered, body.uc-clientarea #order-standard_cart .account-select-container .account, body.uc-clientarea #order-standard_cart .cc-input-container, body.uc-clientarea #order-standard_cart .apply-credit-container, body.uc-clientarea #order-standard_cart .marketing-email-optin {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.5rem !important; color: var(--gk-body-color);
}
body.uc-clientarea #order-standard_cart .account-select-container .account.active { border-color: var(--gk-primary) !important; box-shadow: 0 0 0 1px var(--gk-primary); }
body.uc-clientarea #order-standard_cart .payment-methods label, body.uc-clientarea #order-standard_cart .radio-inline { font-weight: 500; }
body.uc-clientarea #order-standard_cart .prepend-icon .field-icon { color: var(--gk-gray-500); }
body.uc-clientarea #order-standard_cart .field.has-error, body.uc-clientarea #order-standard_cart .has-error .field { border-color: #dc2626 !important; }

/* MarketConnect promo pages (SSL, email, backups...) inside the order form */
body.uc-clientarea #order-standard_cart .landing-page .hero, body.uc-clientarea .landing-page .hero { background: var(--gk-gray-900, #0f172a) !important; }

/* Panel title when a plan has no feature fields (its list is in the description): the website card's title chip */
body.uc-clientarea #order-standard_cart .uc-plan-title {
    font-weight: 700; font-size: 1.05rem; line-height: 1.3; text-align: center; padding: 0.45rem 1rem; border-radius: 0.75rem; max-width: 90%;
    color: var(--gk-gray-900); background: var(--gk-card-background); border: 1px solid var(--gk-border-color);
}
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-plan-title { color: #f8fafc; }
/* Standard Cart hides icons inside product cards: the panel icon must show */
body.uc-clientarea #order-standard_cart .uc-plan-icon i { display: inline-block !important; }

/* Phones: no row may be wider than the screen (Standard Cart rows keep -15px margins inside unpadded columns) */
@media (max-width: 767.98px) {
    body.uc-clientarea #order-standard_cart .uc-plan-grid { margin-left: 0; margin-right: 0; }
    body.uc-clientarea #order-standard_cart .uc-plan-col { padding-left: 0; padding-right: 0; }
    body.uc-clientarea #order-standard_cart .cart-body .row, body.uc-clientarea #order-standard_cart .secondary-cart-body .row, body.uc-clientarea #order-standard_cart .domain-checker-container .row, body.uc-clientarea #order-standard_cart .view-cart-items .row { margin-left: 0; margin-right: 0; }
    body.uc-clientarea #order-standard_cart .secondary-cart-sidebar, body.uc-clientarea #order-standard_cart .secondary-cart-body, body.uc-clientarea #order-standard_cart .cart-body, body.uc-clientarea #order-standard_cart .cart-sidebar {
        padding-left: 0; padding-right: 0; max-width: 100%;
    }
}

/* ---------- 6. Domain register and transfer (domainregister.tpl, domaintransfer.tpl) ---------- */
/* Search banner: the website's soft purple panel with the dot grid, instead of the yellow block and globe image */
body.uc-clientarea .domain-checker-container {
    background-color: rgba(99, 54, 244, 0.08) !important; border: 1px solid var(--gk-border-color); border-radius: 16px !important; overflow: hidden;
}
body.uc-clientarea .domain-checker-bg {
    padding: 3.5rem 1.25rem !important; background-image: radial-gradient(rgba(99, 54, 244, 0.22) 1px, transparent 1px) !important;
    background-size: 18px 18px !important; background-position: 0 0 !important; background-repeat: repeat !important;
}
[data-bs-theme=dark] body.uc-clientarea .domain-checker-container { background-color: rgba(157, 136, 255, 0.1) !important; }
[data-bs-theme=dark] body.uc-clientarea .domain-checker-bg { background-image: radial-gradient(rgba(157, 136, 255, 0.22) 1px, transparent 1px) !important; }
body.uc-clientarea .domain-checker-container .input-group-box {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color); border-radius: 0.75rem !important;
    padding: 0.5rem !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08); max-width: 44rem; margin: 0 auto;
}
body.uc-clientarea .domain-checker-container .input-group-box .form-control { border: 0 !important; box-shadow: none !important; font-size: 1rem; min-height: 2.9rem; margin-bottom: 0; }
body.uc-clientarea .domain-checker-container .input-group-box .btn { min-height: 2.9rem; font-weight: 600; border-radius: 0.5rem !important; }
@media (max-width: 575.98px) {
    body.uc-clientarea .domain-checker-bg { padding: 2rem 0.75rem !important; }
    body.uc-clientarea .domain-checker-container .input-group-box .form-control { margin-bottom: 0.5rem; border: 1px solid var(--gk-input-border) !important; }
}
body.uc-clientarea .domain-checker-available, body.uc-clientarea #order-standard_cart .domain-checker-available { color: #15803d !important; }
body.uc-clientarea .domain-checker-unavailable, body.uc-clientarea .domain-checker-invalid, body.uc-clientarea #order-standard_cart .domain-checker-unavailable, body.uc-clientarea #order-standard_cart .domain-checker-invalid { color: #b91c1c !important; }
[data-bs-theme=dark] body.uc-clientarea .domain-checker-available, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-available { color: #86efac !important; }
[data-bs-theme=dark] body.uc-clientarea .domain-checker-unavailable, [data-bs-theme=dark] body.uc-clientarea .domain-checker-invalid, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-unavailable, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart .domain-checker-invalid { color: #fca5a5 !important; }
body.uc-clientarea .domain-checker-result-headline { font-weight: 600; }

/* Spotlight TLDs and search suggestions */
body.uc-clientarea .spotlight-tlds { background: transparent !important; padding: 0 !important; margin: 1.25rem 0 !important; }
body.uc-clientarea .spotlight-tld {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important;
    color: var(--gk-body-color); font-weight: 700; height: auto !important; min-height: 112px;
}
body.uc-clientarea .spotlight-tld .btn:not(.domain-contact-support), body.uc-clientarea .suggested-domains .btn:not(.domain-contact-support) {
    background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important; border-radius: 0.375rem !important; font-weight: 600;
}
[data-bs-theme=dark] body.uc-clientarea .spotlight-tld .btn:not(.domain-contact-support), [data-bs-theme=dark] body.uc-clientarea .suggested-domains .btn:not(.domain-contact-support) { background: #6336f4 !important; border-color: #6336f4 !important; }
body.uc-clientarea .spotlight-tld .unavailable, body.uc-clientarea .spotlight-tld .invalid { background: var(--gk-tertiary-bg) !important; border-color: var(--gk-border-color) !important; color: var(--gk-gray-500) !important; }
body.uc-clientarea .suggested-domains, body.uc-clientarea .suggested-domains .card, body.uc-clientarea .suggested-domains .panel { background: var(--gk-card-background) !important; border-color: var(--gk-border-color) !important; border-radius: 0.75rem; overflow: hidden; }
body.uc-clientarea .suggested-domains .panel-heading, body.uc-clientarea .suggested-domains .card-header { border-bottom: 2px solid var(--gk-primary) !important; background: var(--gk-card-background) !important; font-weight: 700; color: var(--gk-heading-color, inherit); }
body.uc-clientarea .suggested-domains .list-group-item { background: var(--gk-card-background) !important; border-color: var(--gk-border-color) !important; color: var(--gk-body-color); }
body.uc-clientarea .suggested-domains .domain-lookup-suggestions-message, body.uc-clientarea .suggested-domains .domain-lookup-suggestions-loader { background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-600); opacity: 1 !important; }
body.uc-clientarea .suggested-domains .promo.hot { background: #dc2626 !important; }
body.uc-clientarea .suggested-domains .promo.sale { background: #b45309 !important; }
body.uc-clientarea .suggested-domains .promo.new { background: #15803d !important; }
body.uc-clientarea .spotlight-tld-hot { background: #dc2626 !important; }
body.uc-clientarea .spotlight-tld-sale { background: #b45309 !important; }
body.uc-clientarea .spotlight-tld-new { background: #15803d !important; }

/* TLD price list: category pills, header, rows */
body.uc-clientarea .domain-pricing h4, body.uc-clientarea #order-standard_cart .domain-pricing h4 { font-weight: 700; font-size: 1.05rem; color: var(--gk-heading-color, inherit); }
body.uc-clientarea .domain-pricing .tld-filters a, body.uc-clientarea .domain-pricing .tld-filters .badge {
    display: inline-block; margin: 0 0.3rem 0.4rem 0; padding: 0.35rem 0.7rem; border-radius: 999px !important; font-size: 0.78rem; font-weight: 600;
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; color: var(--gk-gray-700) !important; text-decoration: none;
}
body.uc-clientarea .domain-pricing .tld-filters a:hover { border-color: var(--gk-primary) !important; color: var(--gk-primary) !important; }
body.uc-clientarea .domain-pricing .tld-filters a.badge-success, body.uc-clientarea .domain-pricing .tld-filters a.active, body.uc-clientarea .domain-pricing .tld-filters .badge-success {
    background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important;
}
[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-filters a, [data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-filters .badge { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-filters a.badge-success, [data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-filters a.active { background: #6336f4 !important; border-color: #6336f4 !important; color: #fff !important; }
body.uc-clientarea .domain-pricing .bg-white { background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color); border-radius: 0.75rem; overflow: hidden; }
body.uc-clientarea .domain-pricing .tld-pricing-header .tld-column, body.uc-clientarea .domain-pricing .tld-pricing-header > div, body.uc-clientarea .domain-pricing .tld-pricing-header div:nth-child(odd) {
    background: var(--gk-tertiary-bg) !important; border: 0 !important; border-bottom: 2px solid var(--gk-border-color) !important; border-radius: 0 !important;
    font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--gk-gray-600); padding: 0.7rem 0.5rem !important;
}
[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-pricing-header > div { color: #94a3b8; }
body.uc-clientarea .domain-pricing .tld-row { border-bottom: 1px solid var(--gk-border-color) !important; color: var(--gk-body-color); padding: 0.35rem 0 !important; }
body.uc-clientarea .domain-pricing .tld-row:hover { background: var(--gk-tertiary-bg); }
body.uc-clientarea .domain-pricing .tld-row.highlighted { background: var(--gk-light-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .domain-pricing .tld-row.highlighted { background: rgba(157, 136, 255, 0.1) !important; }
body.uc-clientarea .domain-pricing .tld-row strong, body.uc-clientarea .domain-pricing .tld-row .col-md-4 { color: var(--gk-heading-color, inherit); font-weight: 700; }
body.uc-clientarea .domain-pricing .two-row-center { border-right: 1px solid var(--gk-border-color) !important; }
body.uc-clientarea .domain-pricing small, body.uc-clientarea .domain-pricing .small { color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .domain-pricing small, [data-bs-theme=dark] body.uc-clientarea .domain-pricing .small { color: #94a3b8; }

/* Promo boxes under the price list (Add Web Hosting, Transfer your domain) */
body.uc-clientarea .domain-promo-box {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important;
    color: var(--gk-body-color) !important; padding: 1.25rem 1.4rem !important;
}
body.uc-clientarea .domain-promo-box h3 { font-weight: 700; font-size: 1.15rem; color: var(--gk-heading-color, inherit); }
body.uc-clientarea .domain-promo-box p.font-bold, body.uc-clientarea .domain-promo-box .text-warning, body.uc-clientarea .domain-promo-box .text-primary { color: var(--gk-primary) !important; font-weight: 600; }
[data-bs-theme=dark] body.uc-clientarea .domain-promo-box p.font-bold, [data-bs-theme=dark] body.uc-clientarea .domain-promo-box .text-warning, [data-bs-theme=dark] body.uc-clientarea .domain-promo-box .text-primary { color: #c4b8ff !important; }
body.uc-clientarea .domain-promo-box .small { color: var(--gk-gray-600) !important; }
body.uc-clientarea .domain-promo-box .btn, body.uc-clientarea .domain-promo-box .btn-warning, body.uc-clientarea .domain-promo-box .btn-primary {
    background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important; font-weight: 600; border-radius: 0.375rem !important;
}
[data-bs-theme=dark] body.uc-clientarea .domain-promo-box .btn { background: #6336f4 !important; border-color: #6336f4 !important; }
body.uc-clientarea .domain-promo-box i, body.uc-clientarea .domain-promo-box .fas, body.uc-clientarea .domain-promo-box .far { color: var(--gk-primary) !important; opacity: 0.85; }
[data-bs-theme=dark] body.uc-clientarea .domain-promo-box i, [data-bs-theme=dark] body.uc-clientarea .domain-promo-box .fas { color: #9d88ff !important; }

/* Cart: continue shopping link, empty cart button */
body.uc-clientarea #order-standard_cart .order-summary .btn-continue-shopping { color: var(--gk-primary) !important; background: transparent !important; border: 0 !important; font-weight: 600; width: 100%; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .order-summary .btn-continue-shopping { color: #c4b8ff !important; }
body.uc-clientarea #order-standard_cart .empty-cart .btn { background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-700) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.375rem !important; }
body.uc-clientarea #order-standard_cart .empty-cart .btn:hover { color: #b91c1c !important; border-color: #fca5a5 !important; }
body.uc-clientarea #order-standard_cart .uc-addon-change { color: #b91c1c !important; font-weight: 600; padding: 0 0.35rem; text-decoration: none; }
body.uc-clientarea #order-standard_cart .uc-addon-change:hover { text-decoration: underline; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-addon-change { color: #fca5a5 !important; }
/* Standard Cart paints the search banner with a yellow gradient image and each spotlight TLD's price strip in its
   registry colour: our soft panel instead, and neutral price bars */
body.uc-clientarea .domain-checker-container { background-image: none !important; }
body.uc-clientarea .spotlight-tld .price, body.uc-clientarea .spotlight-tlds .price {
    background: var(--gk-tertiary-bg) !important; color: var(--gk-heading-color, var(--gk-gray-900)) !important;
    font-weight: 700; border-top: 1px solid var(--gk-border-color); text-shadow: none;
}
[data-bs-theme=dark] body.uc-clientarea .spotlight-tld .price { color: #f1f5f9 !important; }
body.uc-clientarea .featured-tld { background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important; overflow: hidden; box-shadow: none !important; }
body.uc-clientarea .featured-tld .price, body.uc-clientarea .featured-tld .price[class*=" "] {
    background: var(--gk-tertiary-bg) !important; color: var(--gk-heading-color, var(--gk-gray-900)) !important; font-weight: 700; border-top: 1px solid var(--gk-border-color);
}
[data-bs-theme=dark] body.uc-clientarea .featured-tld .price { color: #f1f5f9 !important; }
/* TLD logos are dark artwork on transparent: give them a light plate in dark mode so .net stays readable */
[data-bs-theme=dark] body.uc-clientarea .featured-tld .img-container { background: #f8fafc; border-radius: 0.5rem; margin: 0.5rem; }

/* ---------- 7. MarketConnect store pages (store/ssl-certificates, site builder, email, backup, VPN, SEO...) ---------- */
/* One brand layer over every vendor landing page, instead of each vendor's own colours */
body.uc-clientarea .landing-page, body.uc-clientarea .landing-page.bg-white { background: var(--gk-body-bg) !important; color: var(--gk-body-color); }
body.uc-clientarea .landing-page .hero {
    background-color: rgba(99, 54, 244, 0.07) !important; background-image: radial-gradient(rgba(99, 54, 244, 0.16) 1px, transparent 1px) !important;
    background-size: 18px 18px !important; color: var(--gk-gray-700) !important; border-bottom: 1px solid var(--gk-border-color); padding: 3.5rem 1rem !important;
}
[data-bs-theme=dark] body.uc-clientarea .landing-page .hero {
    background-color: rgba(157, 136, 255, 0.08) !important; background-image: radial-gradient(rgba(157, 136, 255, 0.18) 1px, transparent 1px) !important; color: #cbd5e1 !important;
}
body.uc-clientarea .landing-page .hero h1, body.uc-clientarea .landing-page .hero h2, body.uc-clientarea .landing-page .hero h3 {
    color: var(--gk-gray-900) !important; font-weight: 700 !important; letter-spacing: -0.02em; text-shadow: none !important;
}
body.uc-clientarea .landing-page .hero h4, body.uc-clientarea .landing-page .hero p, body.uc-clientarea .landing-page .hero .lead { color: var(--gk-gray-700) !important; text-shadow: none !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .hero h1, [data-bs-theme=dark] body.uc-clientarea .landing-page .hero h2,
[data-bs-theme=dark] body.uc-clientarea .landing-page .hero h3 { color: #f8fafc !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .hero h4, [data-bs-theme=dark] body.uc-clientarea .landing-page .hero p,
[data-bs-theme=dark] body.uc-clientarea .landing-page .hero .lead { color: #cbd5e1 !important; }
/* Coloured vendor bands (SSL blue, orange and yellow standouts...) become calm tinted sections */
body.uc-clientarea .landing-page .validation-levels, body.uc-clientarea .landing-page .standout-1, body.uc-clientarea .landing-page .pricing,
body.uc-clientarea .landing-page .plans, body.uc-clientarea .landing-page .competitive-upgrade-promo {
    background-color: var(--gk-tertiary-bg) !important; background-image: none !important; color: var(--gk-body-color) !important;
}
body.uc-clientarea .landing-page .validation-levels h3, body.uc-clientarea .landing-page .standout-1 h3,
body.uc-clientarea .landing-page h2, body.uc-clientarea .landing-page h3, body.uc-clientarea .landing-page .content-block h3 { color: var(--gk-heading-color, var(--gk-gray-900)) !important; font-weight: 700 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page h2, [data-bs-theme=dark] body.uc-clientarea .landing-page h3,
[data-bs-theme=dark] body.uc-clientarea .landing-page .validation-levels h3 { color: #f1f5f9 !important; }
body.uc-clientarea .landing-page p, body.uc-clientarea .landing-page li, body.uc-clientarea .landing-page .standout-2,
body.uc-clientarea .landing-page .ssl-benefits .row { color: var(--gk-body-color) !important; }
/* Cards inside the bands */
body.uc-clientarea .landing-page .validation-levels .item, body.uc-clientarea .landing-page .plan, body.uc-clientarea .landing-page .pricing .plan,
body.uc-clientarea .landing-page .ssl-certs-all {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); color: var(--gk-body-color) !important;
}
body.uc-clientarea .landing-page .validation-levels .item * { color: inherit; }
body.uc-clientarea .landing-page .validation-levels .item strong, body.uc-clientarea .landing-page .validation-levels .item h4 { color: var(--gk-heading-color, var(--gk-gray-900)) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .validation-levels .item strong, [data-bs-theme=dark] body.uc-clientarea .landing-page .validation-levels .item h4 { color: #f1f5f9 !important; }
/* Vendor logos are dark artwork: a light plate in dark mode keeps them readable */
[data-bs-theme=dark] body.uc-clientarea .landing-page .validation-levels .item img:not(li img), [data-bs-theme=dark] body.uc-clientarea .landing-page .hero img { background: #f8fafc; border-radius: 0.5rem; padding: 0.4rem 0.6rem; }
/* Buttons: brand primary, website size and radius */
body.uc-clientarea .landing-page .btn:not(.btn-link):not(.btn-default), body.uc-clientarea .landing-page .validation-levels .item .btn,
body.uc-clientarea .landing-page .buy-btn .btn, body.uc-clientarea .landing-page .certificate-options .btn {
    background: var(--gk-primary) !important; border: 1px solid var(--gk-primary) !important; color: #fff !important; font-weight: 600 !important;
    font-size: 0.9375rem !important; padding: 0.55rem 1.4rem !important; border-radius: 0.375rem !important; width: auto; min-width: 7rem;
}
body.uc-clientarea .landing-page .btn:not(.btn-link):not(.btn-default):hover { background: #542ecf !important; border-color: #542ecf !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .btn:not(.btn-link):not(.btn-default) { background: #6336f4 !important; border-color: #6336f4 !important; }
body.uc-clientarea .landing-page a:not(.btn) { color: var(--gk-primary); text-decoration: none; font-weight: 600; }
body.uc-clientarea .landing-page a:not(.btn):hover { text-decoration: underline; }
[data-bs-theme=dark] body.uc-clientarea .landing-page a:not(.btn) { color: #c4b8ff !important; }
/* Tabs: the website's underline tabs */
body.uc-clientarea .landing-page .nav-tabs { border-bottom: 1px solid var(--gk-border-color) !important; flex-wrap: wrap; justify-content: center; }
body.uc-clientarea .landing-page .nav-tabs > li > a, body.uc-clientarea .landing-page .nav-tabs .nav-link {
    background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important;
    color: var(--gk-gray-600) !important; font-weight: 600 !important; font-size: 0.875rem !important; text-transform: none !important; padding: 0.75rem 0.9rem !important;
}
body.uc-clientarea .landing-page .nav-tabs > li.active > a, body.uc-clientarea .landing-page .nav-tabs a.active, body.uc-clientarea .landing-page .nav-tabs > li > a:hover {
    color: var(--gk-primary) !important; border-bottom-color: var(--gk-primary) !important; background: transparent !important;
}
[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs > li > a { color: #94a3b8 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs > li.active > a, [data-bs-theme=dark] body.uc-clientarea .landing-page .nav-tabs a.active { color: #c4b8ff !important; border-bottom-color: #9d88ff !important; }
body.uc-clientarea .landing-page .tab-content { background: transparent !important; color: var(--gk-body-color); }
/* Icons and highlights */
body.uc-clientarea .landing-page .ssl-benefits i, body.uc-clientarea .landing-page .features i, body.uc-clientarea .landing-page .feature i { color: var(--gk-primary) !important; opacity: 1; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .ssl-benefits i, [data-bs-theme=dark] body.uc-clientarea .landing-page .features i { color: #9d88ff !important; }
body.uc-clientarea .landing-page .ssl-benefits .row div, body.uc-clientarea .landing-page .ssl-benefits .row span { color: var(--gk-gray-700) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .ssl-benefits .row div, [data-bs-theme=dark] body.uc-clientarea .landing-page .ssl-benefits .row span { color: #cbd5e1 !important; }
body.uc-clientarea .landing-page ul.ssl-certs-all li.featured, body.uc-clientarea .landing-page .featured:not(.plan) { background: var(--gk-light-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page ul.ssl-certs-all li.featured { background: rgba(157, 136, 255, 0.12) !important; }
@media (max-width: 575.98px) { body.uc-clientarea .landing-page .hero { padding: 2.25rem 1rem !important; } }
/* Landing pages on phones: images scale, comparison tables scroll in their own box, button groups and logo rows wrap */
body.uc-clientarea .landing-page img { max-width: 100%; height: auto; }
@media (max-width: 767.98px) {
    body.uc-clientarea .landing-page { overflow-x: hidden; }
    body.uc-clientarea .landing-page table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    body.uc-clientarea .landing-page .btn-group { display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: center; }
    body.uc-clientarea .landing-page .btn-group > .btn { flex: 0 1 auto; margin: 0 !important; border-radius: 0.375rem !important; }
    body.uc-clientarea .landing-page .row:not(.no-wrap) { flex-wrap: wrap; }
    body.uc-clientarea .landing-page .row > .col-2 { flex: 0 0 33.333%; max-width: 33.333%; }
}

/* MarketConnect, part 2 (20 Oct 2026): structural rules by WHMCS's shared landing-page classes, so a vendor page added
   later gets the same look without its own rules. tools/check-store-pages.cjs screenshots every store page and
   reports low contrast, off-brand colour bands, wrapped menus and sideways scrolling. */
/* Sections: even spacing, no page-coloured gaps between bands */
body.uc-clientarea .landing-page .content-block { margin: 0 !important; padding: 3rem 0 !important; }
body.uc-clientarea .landing-page .light-grey-bg { background: var(--gk-tertiary-bg) !important; color: var(--gk-body-color) !important; }
/* Section menu (Overview, Pricing, FAQ...): the website's underline tabs on one line; on phones it scrolls sideways
   instead of hiding behind a second menu button */
body.uc-clientarea .landing-page > .navbar { background: var(--gk-card-background) !important; border-bottom: 1px solid var(--gk-border-color); padding: 0 !important; margin: 0 !important; }
body.uc-clientarea .landing-page > .navbar .navbar-toggler, body.uc-clientarea .landing-page > .navbar .navbar-brand { display: none !important; }
body.uc-clientarea .landing-page > .navbar .navbar-collapse { display: flex !important; flex-basis: 100%; overflow-x: auto; scrollbar-width: none; }
body.uc-clientarea .landing-page > .navbar .navbar-collapse::-webkit-scrollbar { display: none; }
body.uc-clientarea .landing-page > .navbar .navbar-nav { flex-direction: row !important; flex-wrap: nowrap; width: auto !important; margin: 0 auto; gap: 0.25rem; }
body.uc-clientarea .landing-page > .navbar .navbar-nav > li { width: auto !important; flex: 0 0 auto; }
body.uc-clientarea .landing-page > .navbar .nav-link {
    border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: transparent !important; white-space: nowrap;
    padding: 0.85rem 1rem !important; font-size: 0.9rem !important; font-weight: 600 !important; color: var(--gk-gray-600) !important; text-decoration: none !important;
}
body.uc-clientarea .landing-page > .navbar .nav-link:hover, body.uc-clientarea .landing-page > .navbar .nav-link:focus-visible { color: var(--gk-primary) !important; border-bottom-color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page > .navbar .nav-link { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page > .navbar .nav-link:hover { color: #c4b8ff !important; border-bottom-color: #9d88ff !important; }
/* Content tabs on phones: one scrolling row, like the menu above (WHMCS stacks them in a box) */
@media (max-width: 767.98px) {
    body.uc-clientarea .landing-page .nav-tabs.responsive-tabs-sm { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; justify-content: flex-start; border: 0 !important; border-bottom: 1px solid var(--gk-border-color) !important; scrollbar-width: none; }
    body.uc-clientarea .landing-page .nav-tabs.responsive-tabs-sm > li { flex: 0 0 auto; width: auto !important; float: none; display: block !important; border: 0 !important; }
    body.uc-clientarea .landing-page .responsive-tabs-sm-connector { display: none !important; }
}
body.uc-clientarea .landing-page .tabs .nav-tabs { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
/* Vendor feature bands (email filtering cards...): calm tinted band, cards in the website's card style */
body.uc-clientarea .landing-page .product-options { background: var(--gk-tertiary-bg) !important; padding: 3rem 0 !important; }
body.uc-clientarea .landing-page .product-options .item {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); color: var(--gk-body-color) !important;
}
body.uc-clientarea .landing-page .product-options .item h4 { color: var(--gk-heading-color, var(--gk-gray-900)) !important; font-weight: 700 !important; }
body.uc-clientarea .landing-page .product-options .item > span { color: var(--gk-gray-700) !important; font-weight: 600; }
body.uc-clientarea .landing-page .product-options .icon, body.uc-clientarea .landing-page .product-options .price { color: var(--gk-primary) !important; }
body.uc-clientarea .landing-page .product-options .price { font-weight: 700; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .product-options .item h4 { color: #f1f5f9 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .product-options .item > span { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .product-options .icon, [data-bs-theme=dark] body.uc-clientarea .landing-page .product-options .price { color: #c4b8ff !important; }
body.uc-clientarea .landing-page .product-options .item .btn { min-width: 0; padding: 0.5rem 1.1rem !important; }
body.uc-clientarea .landing-page .product-options .item .btn.btn-learn-more { background: transparent !important; color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .product-options .item .btn.btn-learn-more { color: #c4b8ff !important; border-color: #9d88ff !important; }
body.uc-clientarea .landing-page .powered-by { color: var(--gk-gray-600) !important; }
/* "Powered by" logos are white artwork: dark in light mode */
body.uc-clientarea .landing-page .powered-by img { filter: brightness(0) opacity(0.7); max-height: 2.5rem; width: auto; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .powered-by { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .powered-by img { filter: none; }
body.uc-clientarea .landing-page .benefits { background: var(--gk-light-primary) !important; border: 1px solid var(--gk-border-color); border-radius: 0.75rem !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .benefits { background: rgba(157, 136, 255, 0.08) !important; }
/* Tick lists: wrapped lines stay beside the tick */
body.uc-clientarea .landing-page .benefits .row > div { display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.35rem; }
body.uc-clientarea .landing-page .benefits .row > div > i { flex: none; padding: 0 !important; line-height: 1.2; }
/* Order band ("Sign Up and Get Started"): the website's navy call-to-action, white text, gold prices */
body.uc-clientarea .landing-page .get-started { background: linear-gradient(135deg, #060845 0%, #343399 100%) !important; color: #fff !important; padding: 3.5rem 0 !important; }
body.uc-clientarea .landing-page .get-started h2, body.uc-clientarea .landing-page .get-started h3, body.uc-clientarea .landing-page .get-started h4,
body.uc-clientarea .landing-page .get-started .price { color: #fff !important; }
body.uc-clientarea .landing-page .get-started h4 { font-size: 1rem; font-weight: 700; margin: 1.25rem 0 0.6rem; }
body.uc-clientarea .landing-page .get-started .price { font-weight: 700; }
body.uc-clientarea .landing-page .get-started label, body.uc-clientarea .landing-page .get-started p { color: #e2e8f0 !important; }
body.uc-clientarea .landing-page .get-started .additional-options br { display: none; }
body.uc-clientarea .landing-page .get-started .additional-options label {
    display: block; position: relative; margin: 0 0 0.6rem; padding: 0 0 0 1.85rem; font-weight: 500; line-height: 1.45; cursor: pointer;
}
body.uc-clientarea .landing-page .get-started .additional-options label span { color: #ffc83d !important; font-weight: 700; }
body.uc-clientarea .landing-page .get-started .form-check-input {
    position: absolute; left: 0; top: 0.15rem; width: 1.15rem; height: 1.15rem; margin: 0 !important; appearance: auto !important; -webkit-appearance: checkbox !important;
    background: none !important; accent-color: #ffc83d;
}
body.uc-clientarea .landing-page .get-started .btn-group .btn { background: transparent !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, 0.55) !important; }
body.uc-clientarea .landing-page .get-started .btn-group .btn.active, body.uc-clientarea .landing-page .get-started .btn-group .btn:hover { background: #fff !important; color: #060845 !important; border-color: #fff !important; }
body.uc-clientarea .landing-page .get-started .btn.btn-order-now:not(.btn-link), body.uc-clientarea .landing-page .get-started button.btn[type=submit]:not(.btn-link) {
    background: #ffc83d !important; border-color: #ffc83d !important; color: #060845 !important; font-weight: 700 !important;
}
body.uc-clientarea .landing-page .get-started .btn.btn-order-now:not(.btn-link):hover, body.uc-clientarea .landing-page .get-started button.btn[type=submit]:not(.btn-link):hover { background: #ffb703 !important; border-color: #ffb703 !important; }
@media (max-width: 767.98px) {
    body.uc-clientarea .landing-page .get-started .text-right { text-align: left !important; margin-top: 1.5rem; }
}
/* Segmented buttons (billing cycles, product choice): brand primary for the chosen one */
body.uc-clientarea .landing-page .btn-group > .btn-default {
    background: var(--gk-card-background) !important; color: var(--gk-gray-700) !important; border: 1px solid var(--gk-border-color) !important; font-weight: 600 !important;
}
body.uc-clientarea .landing-page .btn-group > .btn-default.active { background: var(--gk-primary) !important; color: #fff !important; border-color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .btn-group > .btn-default { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .btn-group > .btn-default.active { background: #6336f4 !important; border-color: #6336f4 !important; color: #fff !important; }
/* Vendor call-to-action buttons that WHMCS marks btn-default (CodeGuard Order Now, NordVPN Get the deal, Weebly sign up) */
body.uc-clientarea .landing-page .order-btn, body.uc-clientarea .landing-page .btn-get-nord, body.uc-clientarea .landing-page .btn-signup,
body.uc-clientarea .landing-page .secure-wildcard .btn-default {
    background: var(--gk-primary) !important; border: 1px solid var(--gk-primary) !important; color: #fff !important; font-weight: 600 !important; border-radius: 0.375rem !important;
}
[data-bs-theme=dark] body.uc-clientarea .landing-page .order-btn, [data-bs-theme=dark] body.uc-clientarea .landing-page .btn-get-nord,
[data-bs-theme=dark] body.uc-clientarea .landing-page .btn-signup, [data-bs-theme=dark] body.uc-clientarea .landing-page .secure-wildcard .btn-default { background: #6336f4 !important; border-color: #6336f4 !important; }
/* Pricing cards and plan boxes */
body.uc-clientarea .landing-page .pricing-item, body.uc-clientarea .landing-page .weebly-lite-plan {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important; overflow: hidden;
}
body.uc-clientarea .landing-page .pricing-item .price, body.uc-clientarea .landing-page .pricing-container .price { color: var(--gk-heading-color, var(--gk-gray-900)) !important; font-weight: 700; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .pricing-item .price, [data-bs-theme=dark] body.uc-clientarea .landing-page .pricing-container .price { color: #f8fafc !important; }
/* Accordions (SSL "Help me choose", NordVPN FAQ): tinted header instead of the stock blue */
body.uc-clientarea .landing-page .accordion .card { background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important; overflow: hidden; margin-bottom: 0.75rem; }
body.uc-clientarea .landing-page .accordion .card-header { background: var(--gk-light-primary) !important; color: var(--gk-heading-color, var(--gk-gray-900)) !important; border-bottom: 1px solid var(--gk-border-color) !important; }
body.uc-clientarea .landing-page .accordion .card-header *, body.uc-clientarea .landing-page .accordion .card-header .btn-link { color: inherit !important; text-decoration: none !important; font-weight: 700 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .accordion .card-header { background: rgba(157, 136, 255, 0.12) !important; color: #f1f5f9 !important; }
/* Storage slider (CodeGuard): brand colours, readable scale */
body.uc-clientarea .landing-page .irs-bar, body.uc-clientarea .landing-page .irs-single, body.uc-clientarea .landing-page .irs-from,
body.uc-clientarea .landing-page .irs-to { background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important; }
body.uc-clientarea .landing-page .irs-handle, body.uc-clientarea .landing-page .irs-slider { border-color: var(--gk-primary) !important; }
body.uc-clientarea .landing-page .irs-grid-text { color: var(--gk-gray-600) !important; font-size: 0.75rem !important; }
body.uc-clientarea .landing-page .irs-line { background: var(--gk-border-color) !important; border-color: var(--gk-border-color) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .irs-grid-text { color: #94a3b8 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .irs-line { background: #334155 !important; }
/* CodeGuard slider handle: WHMCS's store.css points at ../../../../assets/img/... (one folder too far up for WHMCS in
   /clients), so every visitor got a 404 for /assets/img/marketconnect/codeguard/slider.png, often many times while
   moving the slider, and enough of them got an IP blocked by the security monitor (20 Oct 2026). Same image, correct
   path; the browser only loads the background of the rule that wins, so the broken address is never requested. */
body.uc-clientarea .landing-page.codeguard .irs-slider, body.uc-clientarea .landing-page.codeguard .irs-slider:hover {
    background: url(/clients/assets/img/marketconnect/codeguard/slider.png) no-repeat !important;
}
/* OX App Suite: brand hero and table headers */
body.uc-clientarea .landing-page.ox .header { background: linear-gradient(135deg, #060845 0%, #343399 100%) !important; }
body.uc-clientarea .landing-page.ox .header h1 { color: #fff !important; }
body.uc-clientarea .landing-page.ox .pricing th { background: var(--gk-primary) !important; color: #fff !important; }
body.uc-clientarea .landing-page.ox .pricing th.feature { background: #047a3c !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .pricing th { background: #6336f4 !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .pricing th.feature { background: #047a3c !important; }
/* SSL: the "View all" and "Help me choose" links (WHMCS colours them white) and the quote column, whose Bootstrap 3
   push class shifted it past the right edge on tablets */
body.uc-clientarea .landing-page #btnViewAllCerts, body.uc-clientarea .landing-page #btnHelpMeChoose { color: var(--gk-primary) !important; text-decoration: underline !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page #btnViewAllCerts, [data-bs-theme=dark] body.uc-clientarea .landing-page #btnHelpMeChoose { color: #c4b8ff !important; }
body.uc-clientarea .landing-page [class*="col-md-push-"] { left: auto !important; }
@media (max-width: 991.98px) { body.uc-clientarea .landing-page .google-quote { display: block; font-size: 1.15rem !important; line-height: 1.4; } }
body.uc-clientarea .landing-page.ox .feature-block .title { color: var(--gk-heading-color, var(--gk-gray-900)) !important; font-weight: 700; }
[data-bs-theme=dark] body.uc-clientarea .landing-page.ox .feature-block .title { color: #f1f5f9 !important; }
/* Feature strips with light-grey vendor labels (CodeGuard) */
body.uc-clientarea .landing-page .overview-features li, body.uc-clientarea .landing-page .overview-features li span { color: var(--gk-gray-700) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .overview-features li, [data-bs-theme=dark] body.uc-clientarea .landing-page .overview-features li span { color: #cbd5e1 !important; }
body.uc-clientarea .landing-page .trusted-by, body.uc-clientarea .landing-page .trusted-by .text-right { color: var(--gk-gray-600) !important; }
[data-bs-theme=dark] body.uc-clientarea .landing-page .trusted-by, [data-bs-theme=dark] body.uc-clientarea .landing-page .trusted-by .text-right { color: #cbd5e1 !important; }
/* Vendor logo above the hero title: a logo, not a banner */
body.uc-clientarea .landing-page .hero .logo-container img, body.uc-clientarea .landing-page .hero > .container > img { max-height: 6rem; width: auto; max-width: 100%; padding-bottom: 0; margin-bottom: 1.25rem; }
@media (max-width: 575.98px) { body.uc-clientarea .landing-page .hero .logo-container img, body.uc-clientarea .landing-page .hero > .container > img { max-height: 4rem; } }
/* Closing vendor logo (a section that holds only the logo): sized like a footer badge, not a 200px poster */
body.uc-clientarea .landing-page > .content-block:last-of-type img, body.uc-clientarea .landing-page .content-block.trusted-by img { max-height: 7rem; width: auto; }
/* Vendor artwork drawn for white pages gets a light plate in dark mode */
[data-bs-theme=dark] body.uc-clientarea .landing-page > .content-block:last-of-type img, [data-bs-theme=dark] body.uc-clientarea .landing-page .available img,
[data-bs-theme=dark] body.uc-clientarea .landing-page .comparison-container img, [data-bs-theme=dark] body.uc-clientarea .landing-page .logos img {
    background: #f8fafc; border-radius: 0.5rem; padding: 0.4rem 0.6rem;
}

/* Store page: currency selector beside the heading (guests) */
body.uc-clientarea #order-standard_cart .uc-store-head { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "title cur" "lead cur"; column-gap: 1.25rem; align-items: start; }
body.uc-clientarea #order-standard_cart .uc-store-head > h1 { grid-area: title; }
body.uc-clientarea #order-standard_cart .uc-store-head > p { grid-area: lead; }
body.uc-clientarea #order-standard_cart .uc-store-currency { grid-area: cur; display: flex; align-items: center; gap: 0.5rem; margin: 0.25rem 0 0; }
body.uc-clientarea #order-standard_cart .uc-store-currency label { margin: 0; font-size: 0.8125rem; font-weight: 600; color: var(--gk-gray-600); white-space: nowrap; }
body.uc-clientarea #order-standard_cart .uc-store-currency select { width: auto; min-width: 7.5rem; min-height: 2.4rem; padding: 0.35rem 2rem 0.35rem 0.75rem; font-weight: 600; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-store-currency label { color: #94a3b8; }
@media (max-width: 575.98px) {
    body.uc-clientarea #order-standard_cart .uc-store-head { grid-template-columns: 1fr; grid-template-areas: "cur" "title" "lead"; }
    body.uc-clientarea #order-standard_cart .uc-store-currency { margin-bottom: 0.75rem; justify-content: flex-end; }
}

/* Configure product: billing cycle savings line (uc-site.js) */
body.uc-clientarea .uc-cycle-save { margin-top: 0.5rem; font-size: 0.875rem; font-weight: 600; color: var(--gk-gray-600); display: flex; align-items: center; gap: 0.4rem; }
body.uc-clientarea .uc-cycle-save:empty { display: none; }
body.uc-clientarea .uc-cycle-save.is-on { color: #15803d; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle-save { color: #94a3b8; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle-save.is-on { color: #86efac; }

/* Store: feature value and label on one line in the plan list */
body.uc-clientarea #order-standard_cart .uc-plan span.feature-value { display: inline !important; margin-right: 0.25rem; }
/* Compare plans table (products.tpl) */
body.uc-clientarea #order-standard_cart .uc-compare { margin: 1rem 0 2rem; }
body.uc-clientarea #order-standard_cart .uc-compare-title { display: flex; align-items: center; gap: 0.5rem; font-size: 1.25rem; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 0.9rem; color: var(--gk-gray-900); }
body.uc-clientarea #order-standard_cart .uc-compare-title i { color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-title { color: #f8fafc; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-title i { color: #b6a6ff; }
body.uc-clientarea #order-standard_cart .uc-compare-scroll { overflow-x: auto; border: 1px solid var(--gk-border-color); border-radius: 16px; background: var(--gk-card-background); -webkit-overflow-scrolling: touch; }
body.uc-clientarea #order-standard_cart .uc-compare-scroll:focus-visible { outline: 2px solid var(--gk-primary); outline-offset: 2px; }
body.uc-clientarea #order-standard_cart .uc-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.9rem; min-width: 34rem; }
body.uc-clientarea #order-standard_cart .uc-compare-table th, body.uc-clientarea #order-standard_cart .uc-compare-table td { padding: 0.75rem 1rem; text-align: center; border-bottom: 1px solid var(--gk-border-color); color: var(--gk-body-color); background: var(--gk-card-background); }
body.uc-clientarea #order-standard_cart .uc-compare-table thead th { font-size: 0.95rem; font-weight: 800; color: var(--gk-gray-900); background: var(--gk-tertiary-bg); }
body.uc-clientarea #order-standard_cart .uc-compare-table tbody th { text-align: left; font-weight: 600; color: var(--gk-gray-600); position: sticky; left: 0; z-index: 1; white-space: nowrap; }
body.uc-clientarea #order-standard_cart .uc-compare-table thead th:first-child { position: sticky; left: 0; z-index: 2; }
body.uc-clientarea #order-standard_cart .uc-compare-table tbody tr:hover td, body.uc-clientarea #order-standard_cart .uc-compare-table tbody tr:hover th { background: var(--gk-tertiary-bg); }
body.uc-clientarea #order-standard_cart .uc-compare-price td { font-size: 1.05rem; font-weight: 800; color: var(--gk-gray-900); }
body.uc-clientarea #order-standard_cart .uc-compare-order td, body.uc-clientarea #order-standard_cart .uc-compare-order th { border-bottom: 0; }
body.uc-clientarea #order-standard_cart .uc-compare-order .btn { white-space: nowrap; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-table thead th, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-price td { color: #f8fafc; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-table tbody th { color: #94a3b8; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-table td { color: #e2e8f0; }
@media (max-width: 575.98px) { body.uc-clientarea #order-standard_cart .uc-compare-table th, body.uc-clientarea #order-standard_cart .uc-compare-table td { padding: 0.6rem 0.7rem; font-size: 0.8125rem; } }
/* Compare plans: prices on one line; room for the scrollbar under the Order buttons */
body.uc-clientarea #order-standard_cart .uc-compare-price td { white-space: nowrap; }
body.uc-clientarea #order-standard_cart .uc-compare-order td { padding-bottom: 1.25rem; }
body.uc-clientarea #order-standard_cart .uc-compare-scroll { padding-bottom: 0.35rem; scrollbar-width: thin; scrollbar-color: var(--gk-gray-400) transparent; }
body.uc-clientarea #order-standard_cart .uc-compare-scroll::-webkit-scrollbar { height: 8px; }
body.uc-clientarea #order-standard_cart .uc-compare-scroll::-webkit-scrollbar-thumb { background: var(--gk-gray-400); border-radius: 8px; }
body.uc-clientarea #order-standard_cart .uc-compare-scroll::-webkit-scrollbar-track { background: transparent; margin: 0 1rem; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-scroll { scrollbar-color: #475569 transparent; }
[data-bs-theme=dark] body.uc-clientarea #order-standard_cart .uc-compare-scroll::-webkit-scrollbar-thumb { background: #475569; }
/* Out of stock plans (products.tpl): a quiet grey label instead of Order Now, with a link to ask sales */
#order-standard_cart .uc-out-of-stock { display: inline-flex; align-items: center; gap: 0.35rem; background: #e2e8f0; color: #475569; border: 1px solid #e2e8f0; cursor: not-allowed; font-weight: 600; }
[data-bs-theme=dark] #order-standard_cart .uc-out-of-stock { background: #1e293b; color: #94a3b8; border-color: #334155; }
#order-standard_cart .uc-stock-ask { margin-left: 0.6rem; font-size: 0.85rem; font-weight: 600; }

/* Domain configuration (configuredomains.tpl): one card per domain with its period and hosting status, add-on cards
   with an icon and left-aligned text (the whole card stays clickable: WHMCS's script toggles it), nameservers card. */
#order-standard_cart .uc-cd-domain, #order-standard_cart .uc-cd-ns { background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-radius: 14px; padding: 1.25rem 1.5rem 0.5rem; margin: 0 0 1.25rem; }
#order-standard_cart .uc-cd-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.6rem 1rem; margin-bottom: 1rem; }
#order-standard_cart .uc-cd-name, #order-standard_cart .uc-cd-ns-title { display: flex; align-items: center; gap: 0.55rem; margin: 0; font-size: 1.15rem; font-weight: 800; color: var(--gk-gray-900); overflow-wrap: anywhere; }
#order-standard_cart .uc-cd-name i, #order-standard_cart .uc-cd-ns-title i { color: var(--gk-primary); }
#order-standard_cart .uc-cd-chips { display: flex; flex-wrap: wrap; gap: 0.45rem; }
#order-standard_cart .uc-cd-chip { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.75rem; border-radius: 999px; font-size: 0.85rem; background: var(--gk-light); border: 1px solid var(--gk-border-color); color: var(--gk-gray-700); }
#order-standard_cart .uc-cd-chip-k { color: var(--gk-gray-600); }
#order-standard_cart .uc-cd-chip-ok { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
#order-standard_cart .uc-cd-chip-note a { font-weight: 700; margin-left: 0.15rem; }
#order-standard_cart .uc-cd-ns-help { margin: 0.4rem 0 1rem; color: var(--gk-gray-600); font-size: 0.925rem; }
#order-standard_cart .uc-cd-domain .addon-products { margin-top: 0.25rem; }
#order-standard_cart .uc-cd-domain .panel-addon { height: 100%; display: flex; flex-direction: column; margin: 0; text-align: left; border: 1px solid var(--gk-border-color) !important; border-radius: 12px !important; background: var(--gk-card-background) !important; overflow: hidden; cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease; }
#order-standard_cart .uc-cd-domain .panel-addon:hover { border-color: var(--gk-primary) !important; box-shadow: 0 6px 18px rgba(99, 54, 244, 0.1); }
#order-standard_cart .uc-cd-domain .panel-addon .panel-body { flex: 1 1 auto; display: grid; grid-template-columns: auto 1fr; column-gap: 0.75rem; row-gap: 0.35rem; align-items: start; padding: 1rem 1.1rem 0.75rem !important; font-size: 0.9rem; line-height: 1.55; color: var(--gk-gray-600); text-align: left !important; }
#order-standard_cart .uc-cd-addon-icon { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--gk-light-primary); color: var(--gk-primary); font-size: 1.05rem; }
#order-standard_cart .uc-cd-domain .panel-addon .panel-body label { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 0.975rem; font-weight: 700; color: var(--gk-gray-900); }
#order-standard_cart .uc-cd-domain .panel-addon .panel-price { padding: 0.55rem 1.1rem !important; text-align: left !important; font-weight: 700; font-size: 0.9rem; color: var(--gk-gray-900); background: var(--gk-light) !important; border-top: 1px solid var(--gk-border-color); }
#order-standard_cart .uc-cd-domain .panel-addon .panel-add { padding: 0.6rem 1.1rem !important; text-align: center; font-weight: 700; font-size: 0.9rem; background: var(--gk-light-primary) !important; color: #4c1fd6 !important; border-top: 1px solid var(--gk-border-color); }
#order-standard_cart .uc-cd-domain .panel-addon.panel-addon-selected { border-color: #15803d !important; box-shadow: 0 0 0 1px #15803d inset; }
#order-standard_cart .uc-cd-domain .panel-addon.panel-addon-selected .panel-add { background: #15803d !important; color: #fff !important; }
#order-standard_cart .uc-cd-ns .form-group label { font-weight: 600; font-size: 0.875rem; }
#order-standard_cart .uc-cd-continue { display: flex; justify-content: flex-end; padding: 0.5rem 0 1rem; }
#order-standard_cart .uc-cd-continue .btn { display: inline-flex; align-items: center; gap: 0.5rem; padding-left: 1.75rem; padding-right: 1.75rem; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-domain, [data-bs-theme=dark] #order-standard_cart .uc-cd-ns { background: #1e293b; border-color: #2c3a50; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-name, [data-bs-theme=dark] #order-standard_cart .uc-cd-ns-title, [data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon .panel-body label, [data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon .panel-price { color: #f1f5f9; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-name i, [data-bs-theme=dark] #order-standard_cart .uc-cd-ns-title i { color: #b49ffa; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-chip { background: #172033; border-color: #2c3a50; color: #cbd5e1; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-chip-k { color: #a8b5c7; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-chip-ok { background: rgba(42, 205, 102, 0.1); border-color: rgba(42, 205, 102, 0.35); color: #86efac; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-ns-help, [data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon .panel-body { color: #cbd5e1; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon { background: #172033 !important; border-color: #2c3a50 !important; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon .panel-price { background: #1e293b !important; border-top-color: #2c3a50; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-addon-icon { background: rgba(157, 136, 255, 0.16); color: #c4b5ff; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon .panel-add { background: rgba(157, 136, 255, 0.14) !important; color: #d4cbff !important; border-top-color: #2c3a50; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon:hover { border-color: #9d88ff !important; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon.panel-addon-selected { border-color: #2acd66 !important; box-shadow: 0 0 0 1px #2acd66 inset; }
[data-bs-theme=dark] #order-standard_cart .uc-cd-domain .panel-addon.panel-addon-selected .panel-add { background: #15803d !important; color: #fff !important; }
@media (max-width: 575.98px) {
    #order-standard_cart .uc-cd-domain, #order-standard_cart .uc-cd-ns { padding: 1rem 1rem 0.25rem; }
    #order-standard_cart .uc-cd-continue .btn { width: 100%; justify-content: center; }
}

/* Coupon (viewcart.tpl): celebration banner right after applying (confetti once, none with reduced motion), the
   applied coupon as a green ticket, the discount line in green with a minus, and a "You save" badge in the summary. */
#order-standard_cart .uc-promo-win { position: relative; display: flex; align-items: center; gap: 0.85rem; margin: 0 0 1rem; padding: 1rem 1.15rem; border-radius: 14px; overflow: hidden; background: linear-gradient(120deg, #ecfdf5 0%, #f0fdf4 60%, #fefce8 100%); border: 1px solid #86efac; color: #14532d; animation: ucPromoIn 0.45s cubic-bezier(.2, .9, .3, 1.3) both; }
#order-standard_cart .uc-promo-win-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #15803d; color: #fff; font-size: 1.2rem; box-shadow: 0 6px 16px rgba(21, 128, 61, 0.3); }
#order-standard_cart .uc-promo-win-text { display: flex; flex-direction: column; gap: 0.1rem; font-size: 0.95rem; line-height: 1.45; }
#order-standard_cart .uc-promo-win-text strong { font-size: 1.05rem; font-weight: 800; }
#order-standard_cart .uc-promo-win .uc-promo-amt { font-weight: 800; }
#order-standard_cart .uc-confetti { position: absolute; inset: 0; pointer-events: none; }
#order-standard_cart .uc-confetti i { position: absolute; top: -10px; width: 7px; height: 12px; border-radius: 2px; opacity: 0; animation: ucConfetti 1.6s ease-out 0.15s 1 both; }
#order-standard_cart .uc-confetti i:nth-child(odd) { background: #6336f4; } #order-standard_cart .uc-confetti i:nth-child(even) { background: #ff5a1f; } #order-standard_cart .uc-confetti i:nth-child(3n) { background: #16a34a; } #order-standard_cart .uc-confetti i:nth-child(4n) { background: #f59e0b; }
#order-standard_cart .uc-confetti i:nth-child(1) { left: 6%; animation-delay: .1s } #order-standard_cart .uc-confetti i:nth-child(2) { left: 14%; animation-delay: .25s } #order-standard_cart .uc-confetti i:nth-child(3) { left: 23%; animation-delay: .05s } #order-standard_cart .uc-confetti i:nth-child(4) { left: 31%; animation-delay: .3s } #order-standard_cart .uc-confetti i:nth-child(5) { left: 40%; animation-delay: .15s } #order-standard_cart .uc-confetti i:nth-child(6) { left: 48%; animation-delay: .35s } #order-standard_cart .uc-confetti i:nth-child(7) { left: 57%; animation-delay: .2s } #order-standard_cart .uc-confetti i:nth-child(8) { left: 65%; animation-delay: .05s } #order-standard_cart .uc-confetti i:nth-child(9) { left: 73%; animation-delay: .3s } #order-standard_cart .uc-confetti i:nth-child(10) { left: 81%; animation-delay: .12s } #order-standard_cart .uc-confetti i:nth-child(11) { left: 89%; animation-delay: .22s } #order-standard_cart .uc-confetti i:nth-child(12) { left: 95%; animation-delay: .08s }
@keyframes ucConfetti { 0% { opacity: 0; transform: translateY(0) rotate(0deg); } 10% { opacity: 1; } 100% { opacity: 0; transform: translateY(110px) rotate(320deg); } }
@keyframes ucPromoIn { 0% { opacity: 0; transform: translateY(-6px) scale(0.98); } 100% { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .uc-promo-win { animation: none; } #order-standard_cart .uc-confetti { display: none; } }
#order-standard_cart .uc-promo-ticket { position: relative; display: flex; align-items: center; gap: 0.9rem; padding: 0.95rem 1rem; border-radius: 12px; background: #f0fdf4; border: 1.5px dashed #22c55e; }
#order-standard_cart .uc-promo-ticket-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: #dcfce7; color: #15803d; font-size: 1.15rem; }
#order-standard_cart .uc-promo-ticket-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.2rem; }
#order-standard_cart .uc-promo-ticket-top { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
#order-standard_cart .uc-promo-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 800; font-size: 0.95rem; letter-spacing: 0.06em; padding: 0.15rem 0.55rem; border-radius: 6px; background: #fff; border: 1px solid #bbf7d0; color: #14532d; }
#order-standard_cart .uc-promo-ok { font-size: 0.8rem; font-weight: 700; color: #15803d; }
#order-standard_cart .uc-promo-desc { font-size: 0.9rem; color: var(--gk-gray-700); }
#order-standard_cart .uc-promo-save { font-size: 0.9rem; color: #15803d; }
#order-standard_cart .uc-promo-remove { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.7rem; border-radius: 999px; font-size: 0.82rem; font-weight: 600; color: var(--gk-gray-700) !important; border: 1px solid var(--gk-border-color); background: var(--gk-card-background); text-decoration: none !important; }
#order-standard_cart .uc-promo-remove:hover { color: #b91c1c !important; border-color: #fca5a5; }
#order-standard_cart .uc-sum-discount, #order-standard_cart .uc-sum-discount span { color: #15803d !important; font-weight: 700; }
#order-standard_cart .uc-sum-save { display: flex; align-items: center; justify-content: center; gap: 0.45rem; margin: 0.85rem 0 0; padding: 0.5rem 0.75rem; border-radius: 999px; background: #dcfce7; color: #14532d; font-size: 0.875rem; }
[data-bs-theme=dark] #order-standard_cart .uc-promo-win { background: linear-gradient(120deg, rgba(34, 197, 94, 0.16) 0%, rgba(34, 197, 94, 0.08) 60%, rgba(245, 158, 11, 0.1) 100%); border-color: rgba(74, 222, 128, 0.45); color: #dcfce7; }
[data-bs-theme=dark] #order-standard_cart .uc-promo-ticket { background: rgba(34, 197, 94, 0.08); border-color: rgba(74, 222, 128, 0.55); }
[data-bs-theme=dark] #order-standard_cart .uc-promo-ticket-icon { background: rgba(34, 197, 94, 0.18); color: #86efac; }
[data-bs-theme=dark] #order-standard_cart .uc-promo-code { background: #0f172a; border-color: rgba(74, 222, 128, 0.4); color: #bbf7d0; }
[data-bs-theme=dark] #order-standard_cart .uc-promo-ok, [data-bs-theme=dark] #order-standard_cart .uc-promo-save, [data-bs-theme=dark] #order-standard_cart .uc-sum-discount, [data-bs-theme=dark] #order-standard_cart .uc-sum-discount span { color: #86efac !important; }
[data-bs-theme=dark] #order-standard_cart .uc-promo-desc { color: #cbd5e1; }
[data-bs-theme=dark] #order-standard_cart .uc-promo-remove { background: #172033; border-color: #2c3a50; color: #cbd5e1 !important; }
[data-bs-theme=dark] #order-standard_cart .uc-sum-save { background: rgba(34, 197, 94, 0.14); color: #bbf7d0; }
@media (max-width: 575.98px) {
    #order-standard_cart .uc-promo-ticket { flex-wrap: wrap; }
    #order-standard_cart .uc-promo-remove { margin-left: auto; }
}
/* Savings card in the order summary (uc-site.js cartSavings): billing period saving, coupon saving, total */
#order-standard_cart .uc-savings { margin: 0.9rem 0 0.25rem; padding: 0.9rem 1rem; border-radius: 14px; background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 55%, #fefce8 100%); border: 1px solid #86efac; color: #14532d; animation: ucPromoIn 0.45s cubic-bezier(.2, .9, .3, 1.3) both; }
#order-standard_cart .uc-savings-head { display: flex; align-items: center; gap: 0.55rem; margin-bottom: 0.55rem; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
#order-standard_cart .uc-savings-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: #15803d; color: #fff; font-size: 0.85rem; }
#order-standard_cart .uc-savings-row { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; padding: 0.3rem 0; font-size: 0.9rem; line-height: 1.4; }
#order-standard_cart .uc-savings-row span { color: #166534; }
#order-standard_cart .uc-savings-row span i { width: 1.1em; margin-right: 0.25rem; color: #15803d; }
#order-standard_cart .uc-savings-row strong { white-space: nowrap; font-weight: 800; color: #15803d; }
#order-standard_cart .uc-savings-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.05em; padding: 0.05rem 0.4rem; border-radius: 5px; background: #fff; border: 1px solid #bbf7d0; }
#order-standard_cart .uc-savings-total { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; margin-top: 0.45rem; padding-top: 0.55rem; border-top: 1px dashed #86efac; font-weight: 800; }
#order-standard_cart .uc-savings-total strong { font-size: 1.25rem; color: #15803d; white-space: nowrap; }
#order-standard_cart .uc-promo-win-text > span { display: block; }
[data-bs-theme=dark] #order-standard_cart .uc-savings { background: linear-gradient(135deg, rgba(34, 197, 94, 0.16) 0%, rgba(34, 197, 94, 0.08) 55%, rgba(245, 158, 11, 0.1) 100%); border-color: rgba(74, 222, 128, 0.45); color: #dcfce7; }
[data-bs-theme=dark] #order-standard_cart .uc-savings-row span { color: #bbf7d0; }
[data-bs-theme=dark] #order-standard_cart .uc-savings-row span i, [data-bs-theme=dark] #order-standard_cart .uc-savings-row strong, [data-bs-theme=dark] #order-standard_cart .uc-savings-total strong { color: #86efac; }
[data-bs-theme=dark] #order-standard_cart .uc-savings-code { background: #0f172a; border-color: rgba(74, 222, 128, 0.4); color: #bbf7d0; }
[data-bs-theme=dark] #order-standard_cart .uc-savings-total { border-top-color: rgba(74, 222, 128, 0.45); }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .uc-savings { animation: none; } }
#order-standard_cart .uc-savings-more { display: flex; align-items: center; gap: 0.45rem; margin-top: 0.6rem; padding: 0.55rem 0.75rem; border-radius: 10px; background: #fff; border: 1px solid #fcd34d; color: #92400e !important; font-size: 0.875rem; font-weight: 600; text-decoration: none !important; transition: border-color 0.15s ease, transform 0.15s ease; }
#order-standard_cart .uc-savings-more:hover { border-color: #f59e0b; transform: translateY(-1px); }
#order-standard_cart .uc-savings-more i:last-child { margin-left: auto; }
#order-standard_cart .uc-savings:not(:has(.uc-savings-row)) { background: transparent; border: 0; padding: 0; }
[data-bs-theme=dark] #order-standard_cart .uc-savings-more { background: rgba(245, 158, 11, 0.1); border-color: rgba(238, 179, 79, 0.45); color: #fcd34d !important; }
@media (prefers-reduced-motion: reduce) { #order-standard_cart .uc-savings-more { transition: none; } #order-standard_cart .uc-savings-more:hover { transform: none; } }
/* MarketConnect promo in the cart (CodeGuard and others): price text readable in both modes (was light green on white) */
#order-standard_cart [id^="promo_"] .header .cta .price, #order-standard_cart .mc-promo .header .cta .price { color: #3f6212 !important; }
[data-bs-theme=dark] #order-standard_cart [id^="promo_"] .header .cta .price, [data-bs-theme=dark] #order-standard_cart .mc-promo .header .cta .price { color: #bef264 !important; }
#order-standard_cart .btn-remove-from-cart { color: var(--gk-gray-600) !important; }
[data-bs-theme=dark] #order-standard_cart .btn-remove-from-cart { color: #cbd5e1 !important; }

/* Phones and tablets, the collapsed sidebar above the order pages (owner: confusing): WHMCS showed three dropdowns,
   "Categories", "Actions" (reading "View Cart" on the cart itself) and "Choose Currency" (whose box wrongly said
   "Choose Another Category"), plus a second currency selector. Now: only the category picker on store and configure
   pages, nothing on the cart and checkout, and one clearly labelled currency selector. */
#order-standard_cart .sidebar-collapsed > .panel:not(:first-child) { display: none !important; }
body.uc-tpl-viewcart #order-standard_cart .sidebar-collapsed > .panel { display: none !important; }
#order-standard_cart .sidebar-collapsed > .form-inline { display: flex !important; align-items: center; justify-content: flex-end; gap: 0.6rem; float: none !important; margin: 0 0 1rem; }
#order-standard_cart .sidebar-collapsed > .form-inline::before { content: "Currency"; font-size: 0.875rem; font-weight: 600; color: var(--gk-gray-700); }
[data-bs-theme=dark] #order-standard_cart .sidebar-collapsed > .form-inline::before { color: #cbd5e1; }
#order-standard_cart .sidebar-collapsed > .form-inline select { width: auto; min-width: 7.5rem; }

/* Plan cards on phones (owner: specs showed twice): a slim tinted band with the icon and plan name instead of the
   tall header with feature chips (they repeated the list below), each spec on one line, price and Order Now
   closer to the top. Larger screens keep the split card. */
#order-standard_cart .uc-plan-title-phone { display: none; }
@media (max-width: 575.98px) {
    #order-standard_cart .uc-plan .uc-plan-top { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 0.8rem; min-height: 0 !important; height: auto !important; padding: 0.9rem 1.1rem !important; text-align: left; }
    #order-standard_cart .uc-plan .uc-plan-chips { display: none !important; }
    #order-standard_cart .uc-plan .uc-plan-icon { width: 44px !important; height: 44px !important; min-width: 44px; margin: 0 !important; border-radius: 12px !important; font-size: 1.15rem !important; }
    #order-standard_cart .uc-plan .uc-plan-title, #order-standard_cart .uc-plan .uc-plan-title-phone { display: block; margin: 0; font-size: 1.15rem; font-weight: 800; letter-spacing: 0.01em; color: var(--gk-gray-900); text-align: left; }
    #order-standard_cart .uc-plan .uc-plan-body > header > span[id$="-name"] { display: none; }
    #order-standard_cart .uc-plan .uc-plan-body { padding-top: 0.9rem !important; }
    #order-standard_cart .uc-plan .uc-plan-body header { margin-bottom: 0.25rem; }
    #order-standard_cart .uc-plan .product-desc ul { margin: 0 0 0.75rem; }
    #order-standard_cart .uc-plan .product-desc li { display: flex !important; align-items: baseline; flex-wrap: wrap; gap: 0 0.35rem; padding: 0.3rem 0 0.3rem 1.6rem !important; margin: 0 !important; line-height: 1.45; font-size: 0.95rem; }
    #order-standard_cart .uc-plan .product-desc li .feature-value { display: inline !important; margin: 0 !important; font-weight: 800; }
    #order-standard_cart .uc-plan footer { padding-top: 0.85rem !important; }
    [data-bs-theme=dark] #order-standard_cart .uc-plan .uc-plan-title, [data-bs-theme=dark] #order-standard_cart .uc-plan .uc-plan-title-phone { color: #f1f5f9; }
}
/* Savings card in narrow summary columns (tablets): labels wrap, amounts stay whole */
#order-standard_cart .uc-savings-row, #order-standard_cart .uc-savings-total { flex-wrap: wrap; }
#order-standard_cart .uc-savings-row > span { flex: 1 1 9rem; min-width: 0; }
#order-standard_cart .uc-savings-row > strong, #order-standard_cart .uc-savings-total > strong { margin-left: auto; }
#order-standard_cart .uc-savings-more { flex-wrap: wrap; }
#order-standard_cart .uc-savings, #order-standard_cart .uc-savings * { max-width: 100%; }
@media (max-width: 575.98px) {
    #order-standard_cart .uc-plan .uc-plan-title, #order-standard_cart .uc-plan .uc-plan-title-phone { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }
    #order-standard_cart .uc-plan .uc-plan-body { margin-top: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
}
/* Domain register: link from the shortened price table to the full Domain Pricing page */
#order-standard_cart .uc-all-tlds { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 1rem 0 1.5rem; padding: 0.8rem 1rem; border-radius: 12px; border: 1px dashed var(--gk-border-color); background: var(--gk-card-background); font-weight: 700; text-decoration: none !important; }
#order-standard_cart .uc-all-tlds:hover { border-color: var(--gk-primary); }
[data-bs-theme=dark] #order-standard_cart .uc-all-tlds { background: #172033; border-color: #2c3a50; color: #c4b5ff !important; }

/* ==== templates/ucartz/css/custom.css ==== */
/*
 * Ucartz client area: WHMCS (Nexus, Bootstrap 4) styled with the ucartz.com design tokens.
 *
 * The --gk-* variables come from the website (css/uc-site.css, built by tools/build-site-css.mjs), including
 * its dark-mode set under [data-bs-theme=dark]. Every component below uses them, so the client area matches
 * the website in light and dark mode without separate colour lists. Values copied from the website:
 *   buttons 0.5rem/1rem padding, 0.875rem, weight 600, radius 0.375rem; cards radius 0.5rem, padding 1.5rem,
 *   border --gk-border-color, shadow --gk-box-shadow-sm; inputs 0.5rem/1rem, 0.875rem, border --gk-input-border;
 *   labels weight 600; badges 0.75rem, weight 500, radius 0.375rem; headings weight 600, letter-spacing -0.022rem.
 * Only presentation changes here, never WHMCS behaviour.
 */

/* ---------- 1. Nexus variables mapped to the website tokens (also used by the Nexus Cart pages) ---------- */
:root {
    --white: var(--gk-card-background, #fff);
    --neutral-50: #f8fafc;
    --neutral-100: var(--gk-gray-100, #f1f5f9);
    --neutral-200: var(--gk-gray-200, #e2e8f0);
    --neutral-300: var(--gk-gray-300, #cbd5e1);
    --neutral-400: var(--gk-gray-400, #94a3b8);
    --neutral-500: var(--gk-gray-500, #5b6b82);
    --neutral-600: var(--gk-gray-600, #475569);
    --neutral-700: var(--gk-gray-700, #334155);
    --neutral-800: var(--gk-gray-800, #1e293b);
    --neutral-900: var(--gk-gray-900, #0f172a);
    --neutral-950: #0b1324;
    --primary-50: var(--gk-primary-50, #f8f7ff);
    --primary-100: var(--gk-primary-100, #efecff);
    --primary-200: var(--gk-primary-200, #dad3ff);
    --primary-300: var(--gk-primary-300, #c4b8ff);
    --primary-400: var(--gk-primary-400, #a594ff);
    --primary-500: var(--gk-primary, #6336f4);
    --primary-600: var(--gk-primary, #6336f4);
    --primary-700: var(--gk-primary-700, #5946b8);
    --primary-800: var(--gk-primary-800, #45368f);
    --primary-900: var(--gk-primary-900, #312766);
    --primary: var(--gk-primary, #6336f4);
    --primary-lifted: #542ecf;
    --primary-accented: #4a28b7;
    --secondary: var(--gk-secondary, #ff5a1f);
    --secondary-lifted: #d94d1a;
    --secondary-accented: #b33f16;
    --success: var(--gk-success, #16a34a);
    --success-lifted: #15803d;
    --info: var(--gk-info, #0ea5e9);
    --info-lifted: #0369a1;
    --warning: var(--gk-warning, #f59e0b);
    --warning-lifted: #92400e;
    --error: var(--gk-danger, #dc2626);
    --error-lifted: #b91c1c;
    --grayscale: var(--gk-gray-800, #1e293b);
    --text: var(--gk-gray-800, #1e293b);
    --text-accented: var(--gk-gray-700, #334155);
    --text-lifted: var(--gk-gray-600, #475569);
    --text-muted: var(--gk-gray-500, #5b6b82);
    --border-muted: var(--gk-border-color, #e2e8f0);
    --border: var(--gk-border-color, #e2e8f0);
    --bg: var(--gk-card-background, #fff);
    --bg-muted: var(--gk-body-bg, #f1f5f9);
    --bg-lifted: var(--gk-tertiary-bg, #f1f5f9);
    --bg-accented: var(--gk-secondary-bg, #e2e8f0);
    --bg-inverted: var(--gk-primary, #6336f4);
    --rounding-sm: 0.25rem;
    --rounding-md: 0.375rem;
    --rounding-lg: 0.5rem;
    --uc-shadow-sm: var(--gk-box-shadow-sm, 0 1px 3px rgba(17, 24, 39, 0.09));
    --uc-shadow: var(--gk-box-shadow, 0 3px 6px rgba(17, 24, 39, 0.1));
}
[data-bs-theme=dark] {
    --neutral-50: #0b1324;
    --neutral-950: #ffffff;
    --primary-50: rgba(157, 136, 255, 0.12);
    --primary-100: rgba(157, 136, 255, 0.18);
    --primary-lifted: #b6a6ff;
    --text: #e2e8f0;
    --text-accented: #cbd5e1;
    --text-lifted: #94a3b8;
    --uc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --uc-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
}

/* ---------- 2. Page ---------- */
body.uc-clientarea {
    font-family: "Geist", "Geist Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.938rem;
    line-height: 1.6;
    color: var(--gk-body-color);
    background: var(--gk-body-bg);
    -webkit-font-smoothing: antialiased;
}
body.uc-clientarea h1, body.uc-clientarea h2, body.uc-clientarea h3,
body.uc-clientarea h4, body.uc-clientarea h5, body.uc-clientarea h6,
body.uc-clientarea .h1, body.uc-clientarea .h2, body.uc-clientarea .h3,
body.uc-clientarea .h4, body.uc-clientarea .h5, body.uc-clientarea .h6 {
    font-family: inherit;
    font-weight: 600;
    color: var(--gk-heading-color);
    letter-spacing: -0.022rem;
    line-height: 1.3;
}
body.uc-clientarea h1, body.uc-clientarea .h1 { font-size: calc(1.325rem + 0.9vw); }
body.uc-clientarea h2, body.uc-clientarea .h2 { font-size: calc(1.275rem + 0.3vw); }
body.uc-clientarea h3, body.uc-clientarea .h3 { font-size: 1.25rem; }
body.uc-clientarea h4, body.uc-clientarea .h4 { font-size: 1.05rem; }
body.uc-clientarea h5, body.uc-clientarea .h5 { font-size: 0.95rem; }
@media (min-width: 1200px) {
    body.uc-clientarea h1, body.uc-clientarea .h1 { font-size: 2rem; }
    body.uc-clientarea h2, body.uc-clientarea .h2 { font-size: 1.5rem; }
}
body.uc-clientarea a { color: var(--gk-link-color); text-decoration: none; }
body.uc-clientarea a:hover { color: var(--gk-link-hover-color, #542ecf); }
body.uc-clientarea .text-muted, body.uc-clientarea small.text-muted { color: var(--gk-gray-500) !important; }
body.uc-clientarea hr { border-color: var(--gk-border-color); }
body.uc-clientarea ::selection { background: var(--gk-primary-200, #dad3ff); }

body.uc-clientarea .master-breadcrumb { background: transparent; padding: 1rem 0 0; }
body.uc-clientarea .breadcrumb { background: transparent; padding: 0; margin: 0; font-size: 0.8125rem; }
body.uc-clientarea .breadcrumb-item a { color: var(--gk-gray-500); }
body.uc-clientarea .breadcrumb-item.active { color: var(--gk-gray-700); }
body.uc-clientarea #main-body { padding: 1.5rem 0 4rem; background: transparent; }
body.uc-clientarea .header-lined, body.uc-clientarea .header-lined h1 { border: 0; }

/* ---------- 3. Buttons (website sizes and colours) ---------- */
body.uc-clientarea .btn {
    padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 600; line-height: 1.6;
    border-radius: 0.375rem; box-shadow: none; transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
body.uc-clientarea .btn-lg { padding: 0.75rem 1.25rem; font-size: 1rem; border-radius: 0.5rem; }
body.uc-clientarea .btn-sm, body.uc-clientarea .btn-xs { padding: 0.25rem 0.75rem; font-size: 0.8125rem; border-radius: 0.25rem; }
body.uc-clientarea .btn-primary,
body.uc-clientarea .btn-primary:not(:disabled):not(.disabled):active {
    background: var(--gk-primary); border-color: var(--gk-primary); color: #fff;
}
body.uc-clientarea .btn-primary:hover, body.uc-clientarea .btn-primary:focus {
    background: #542ecf; border-color: #4f2bc3; color: #fff;
}
body.uc-clientarea .btn-outline-primary { color: var(--gk-primary); border-color: var(--gk-primary); background: transparent; }
body.uc-clientarea .btn-outline-primary:hover { background: var(--gk-primary); color: #fff; }
body.uc-clientarea .btn-default, body.uc-clientarea .btn-secondary, body.uc-clientarea .btn-light,
body.uc-clientarea .btn-outline-secondary, body.uc-clientarea .btn-outline-default {
    background: var(--gk-card-background); color: var(--gk-gray-800); border: 1px solid var(--gk-border-color);
}
body.uc-clientarea .btn-default:hover, body.uc-clientarea .btn-secondary:hover, body.uc-clientarea .btn-light:hover,
body.uc-clientarea .btn-outline-secondary:hover, body.uc-clientarea .btn-outline-default:hover {
    background: var(--gk-tertiary-bg); color: var(--gk-primary); border-color: var(--gk-gray-300);
}
body.uc-clientarea .btn-success { background: var(--gk-success); border-color: var(--gk-success); color: #fff; }
body.uc-clientarea .btn-danger { background: var(--gk-danger); border-color: var(--gk-danger); color: #fff; }
body.uc-clientarea .btn-warning { background: var(--gk-warning); border-color: var(--gk-warning); color: #1e293b; }
body.uc-clientarea .btn-info { background: var(--gk-info); border-color: var(--gk-info); color: #fff; }
body.uc-clientarea .btn-link { color: var(--gk-link-color); font-weight: 600; }
body.uc-clientarea .btn:focus, body.uc-clientarea .btn.focus { box-shadow: 0 0 0 0.25rem rgba(99, 54, 244, 0.25); }
body.uc-clientarea :focus-visible { outline: 2px solid var(--gk-primary-400, #a594ff); outline-offset: 2px; }

/* ---------- 4. Cards and panels ---------- */
body.uc-clientarea .card, body.uc-clientarea .panel, body.uc-clientarea .modal-content {
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color);
    border-radius: 0.5rem; box-shadow: var(--uc-shadow-sm); color: var(--gk-body-color);
}
body.uc-clientarea .card-body { padding: 1.5rem; }
body.uc-clientarea .card-header, body.uc-clientarea .card-footer {
    background: var(--gk-card-background); border-color: var(--gk-border-color); padding: 1rem 1.5rem;
}
body.uc-clientarea .card-header { border-radius: 0.5rem 0.5rem 0 0; font-weight: 600; color: var(--gk-heading-color); }
body.uc-clientarea .card-footer { border-radius: 0 0 0.5rem 0.5rem; background: var(--gk-tertiary-bg); }
body.uc-clientarea .card-title { font-weight: 600; color: var(--gk-heading-color); }

/* ---------- 5. Forms ---------- */
body.uc-clientarea label, body.uc-clientarea .form-label, body.uc-clientarea .control-label {
    font-weight: 600; color: var(--gk-form-label-color); font-size: 0.875rem;
}
body.uc-clientarea .form-control, body.uc-clientarea .custom-select, body.uc-clientarea select.form-control {
    padding: 0.5rem 1rem; height: auto; font-size: 0.875rem; line-height: 1.6;
    color: var(--gk-body-color); background-color: var(--gk-input-bg);
    border: 1px solid var(--gk-input-border); border-radius: 0.375rem;
}
body.uc-clientarea .form-control::placeholder { color: var(--gk-gray-400); }
body.uc-clientarea .form-control:focus, body.uc-clientarea .custom-select:focus {
    border-color: var(--gk-primary); box-shadow: 0 0 0 0.25rem rgba(99, 54, 244, 0.15);
    background-color: var(--gk-input-bg); color: var(--gk-body-color);
}
body.uc-clientarea .input-group-text {
    padding: 0.5rem 1rem; font-size: 0.875rem; background: var(--gk-input-bg);
    border: 1px solid var(--gk-input-border); color: var(--gk-gray-500);
}
body.uc-clientarea .custom-control-input:checked ~ .custom-control-label::before { background: var(--gk-primary); border-color: var(--gk-primary); }
body.uc-clientarea .form-text, body.uc-clientarea .help-block { color: var(--gk-gray-500); font-size: 0.8125rem; }

/* ---------- 6. Tables ---------- */
body.uc-clientarea .table { color: var(--gk-body-color); background: var(--gk-card-background); }
body.uc-clientarea .table th, body.uc-clientarea .table td { border-color: var(--gk-border-color); vertical-align: middle; padding: 0.85rem 1rem; }
body.uc-clientarea .table thead th, body.uc-clientarea table.dataTable thead th {
    background: var(--gk-tertiary-bg); color: var(--gk-gray-600); font-size: 0.75rem; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid var(--gk-border-color);
}
body.uc-clientarea .table-hover tbody tr:hover, body.uc-clientarea table.dataTable tbody tr:hover { background: var(--gk-tertiary-bg); }
body.uc-clientarea .table-container, body.uc-clientarea .dataTables_wrapper {
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-radius: 0.5rem; padding: 0.5rem;
}

/* ---------- 7. Status badges: one pill style, colour by meaning (website light-* colours) ---------- */
body.uc-clientarea .badge, body.uc-clientarea .label, body.uc-clientarea .status {
    font-size: 0.75rem; font-weight: 500; padding: 0.33rem 0.6rem; border-radius: 0.375rem; line-height: 1;
}
body.uc-clientarea .status-active, body.uc-clientarea .status-paid, body.uc-clientarea .status-completed,
body.uc-clientarea .status-accepted, body.uc-clientarea .label-success, body.uc-clientarea .badge-success {
    background: var(--gk-light-success, #dcfce7); color: var(--gk-success-text, #15803d);
}
body.uc-clientarea .status-pending, body.uc-clientarea .status-pending-transfer, body.uc-clientarea .status-unpaid,
body.uc-clientarea .status-delivered, body.uc-clientarea .status-draft, body.uc-clientarea .label-warning, body.uc-clientarea .badge-warning {
    background: var(--gk-light-warning, #ffeeda); color: var(--gk-warning-text, #92400e);
}
body.uc-clientarea .status-suspended, body.uc-clientarea .status-terminated, body.uc-clientarea .status-overdue,
body.uc-clientarea .status-fraud, body.uc-clientarea .status-expired, body.uc-clientarea .status-dead,
body.uc-clientarea .label-danger, body.uc-clientarea .badge-danger {
    background: var(--gk-light-danger, #fad9d8); color: var(--gk-danger-text, #b91c1c);
}
body.uc-clientarea .status-open, body.uc-clientarea .status-answered, body.uc-clientarea .status-customer-reply,
body.uc-clientarea .status-in-progress, body.uc-clientarea .label-info, body.uc-clientarea .badge-info {
    background: var(--gk-light-info, #e1f6ff); color: var(--gk-info-text, #0369a1);
}
body.uc-clientarea .status-cancelled, body.uc-clientarea .status-closed, body.uc-clientarea .status-refunded,
body.uc-clientarea .status-collections, body.uc-clientarea .status-transferred-away, body.uc-clientarea .label-default,
body.uc-clientarea .badge-secondary, body.uc-clientarea .badge-light {
    background: var(--gk-secondary-bg, #e2e8f0); color: var(--gk-gray-700);
}
body.uc-clientarea .badge-primary { background: var(--gk-light-primary, #ebe7ff); color: var(--gk-primary); }

/* ---------- 8. Side navigation (WHMCS sidebars) and lists ---------- */
body.uc-clientarea .sidebar .card { overflow: hidden; }
body.uc-clientarea .sidebar .card-header { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--gk-gray-500); padding: 0.85rem 1.25rem; }
body.uc-clientarea .list-group-item {
    background: var(--gk-card-background); border-color: var(--gk-border-color); color: var(--gk-gray-700); font-size: 0.875rem; padding: 0.65rem 1.25rem;
}
body.uc-clientarea .list-group-item-action:hover, body.uc-clientarea a.list-group-item:hover { background: var(--gk-tertiary-bg); color: var(--gk-primary); }
body.uc-clientarea .list-group-item.active, body.uc-clientarea .list-group-item.active:hover {
    background: var(--gk-light-primary, #ebe7ff); color: var(--gk-primary); border-color: var(--gk-border-color); font-weight: 600;
    box-shadow: inset 3px 0 0 var(--gk-primary);
}

/* ---------- 9. Alerts, dropdowns, modals, popovers, tabs ---------- */
body.uc-clientarea .alert { border-radius: 0.5rem; font-size: 0.875rem; border-width: 1px; }
body.uc-clientarea .alert-info { background: var(--gk-light-info); color: var(--gk-info-text); border-color: transparent; }
body.uc-clientarea .alert-success { background: var(--gk-light-success); color: var(--gk-success-text); border-color: transparent; }
body.uc-clientarea .alert-warning { background: var(--gk-light-warning); color: var(--gk-warning-text); border-color: transparent; }
body.uc-clientarea .alert-danger { background: var(--gk-light-danger); color: var(--gk-danger-text); border-color: transparent; }
body.uc-clientarea .dropdown-menu, body.uc-clientarea .popover {
    background: var(--gk-dropdown-background); border: 1px solid var(--gk-border-color); border-radius: 0.375rem;
    box-shadow: var(--uc-shadow); color: var(--gk-body-color);
}
body.uc-clientarea .dropdown-item { color: var(--gk-gray-700); font-size: 0.875rem; }
body.uc-clientarea .dropdown-item:hover, body.uc-clientarea .dropdown-item:focus { background: var(--gk-tertiary-bg); color: var(--gk-primary); }
body.uc-clientarea .modal-header, body.uc-clientarea .modal-footer { border-color: var(--gk-border-color); }
body.uc-clientarea .close { color: var(--gk-gray-700); text-shadow: none; }
body.uc-clientarea .nav-tabs { border-color: var(--gk-border-color); }
body.uc-clientarea .nav-tabs .nav-link { color: var(--gk-gray-600); border: 0; border-bottom: 2px solid transparent; font-weight: 600; font-size: 0.875rem; }
body.uc-clientarea .nav-tabs .nav-link.active { color: var(--gk-primary); background: transparent; border-bottom-color: var(--gk-primary); }

/* ---------- 10. Font Awesome: only solid and regular load (includes/head.tpl); light and duotone use them ---------- */
.fal, .fa-light { font-family: "Font Awesome 6 Pro" !important; font-weight: 400 !important; }
.fad, .fa-duotone { font-family: "Font Awesome 6 Pro" !important; font-weight: 900 !important; }
.fad::after, .fa-duotone::after { content: none !important; }

/* ---------- 11. Accessibility ---------- */
.uc-skip-link {
    position: absolute; left: -9999px; top: 0; z-index: 2000;
    background: var(--gk-primary); color: #fff !important; padding: 0.5rem 1rem; border-radius: 0 0 0.375rem 0;
}
.uc-skip-link:focus-visible { left: 0; }
#main-body:focus { outline: none; }

/* ---------- 12. Header: website menu, account menu, staff bar, account area menu ---------- */
.uc-admin-bar { background: var(--gk-light-warning, #ffeeda); color: var(--gk-warning-text, #92400e); border-bottom: 1px solid var(--gk-border-color); font-size: 0.875rem; padding: 0.4rem 0; }
.uc-admin-bar-btn { color: inherit !important; font-weight: 600; white-space: nowrap; margin-left: 1rem; }
.uc-header { background: var(--gk-card-background); border-bottom: 1px solid var(--gk-border-color); position: relative; z-index: 1020; }
.uc-site-header .navbar { padding-top: 0.75rem; padding-bottom: 0.75rem; background: transparent !important; }
.uc-site-header .navbar-nav .nav-link { white-space: nowrap; }
.uc-account-menu { gap: 0.5rem; }
.uc-icon-btn {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 2.5rem; height: 2.5rem; border-radius: 999px; border: 1px solid var(--gk-border-color);
    background: var(--gk-card-background); color: var(--gk-gray-700) !important; font-size: 0.875rem; cursor: pointer;
}
.uc-icon-btn:hover { border-color: var(--gk-primary-300, #c4b8ff); color: var(--gk-primary) !important; }
.uc-count {
    position: absolute; top: -4px; right: -4px; min-width: 1.15rem; height: 1.15rem; padding: 0 0.3rem;
    border-radius: 999px; background: var(--gk-secondary); color: #fff; font-size: 0.7rem; line-height: 1.15rem; text-align: center;
}
.uc-account-menu .dropdown { position: relative; }
.uc-account-menu .dropdown-menu {
    display: none; position: absolute; right: 0; left: auto; top: calc(100% + 0.5rem); min-width: 14rem;
    padding: 0.5rem; margin: 0; list-style: none; z-index: 1030;
    background: var(--gk-dropdown-background); border: 1px solid var(--gk-border-color); border-radius: 0.5rem; box-shadow: var(--uc-shadow);
}
.uc-account-menu .dropdown-menu.show { display: block; }
.uc-account-menu .dropdown-item { display: block; padding: 0.45rem 0.75rem; border-radius: 0.375rem; color: var(--gk-gray-700); font-size: 0.875rem; }
.uc-account-menu .dropdown-item:hover, .uc-account-menu .dropdown-item.active { background: var(--gk-tertiary-bg); color: var(--gk-primary); }
.uc-account-menu .dropdown-divider { margin: 0.35rem 0; border-top: 1px solid var(--gk-border-color); }
.uc-notify-menu { width: 20rem; }
.uc-notify-menu .client-alerts { list-style: none; margin: 0; padding: 0; }
.uc-notify-menu .client-alerts li a { display: flex; gap: 0.6rem; padding: 0.5rem; color: var(--gk-gray-700); border-radius: 0.375rem; font-size: 0.875rem; }
.uc-notify-menu .client-alerts li a:hover { background: var(--gk-tertiary-bg); }
.uc-notify-menu .client-alerts li.none { padding: 0.5rem; color: var(--gk-gray-500); font-size: 0.875rem; }
.uc-account-name { max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uc-account-mobile-name { font-weight: 600; color: var(--gk-heading-color); margin-bottom: 0.5rem; }

.uc-client-nav { background: var(--gk-card-background); border-top: 1px solid var(--gk-border-color); }
.uc-client-nav .navbar-nav > li > a {
    display: block; padding: 0.75rem 0.9rem; color: var(--gk-gray-600); font-weight: 600; font-size: 0.875rem;
    border-bottom: 2px solid transparent;
}
.uc-client-nav .navbar-nav > li > a:hover, .uc-client-nav .navbar-nav > li.active > a {
    color: var(--gk-primary); border-bottom-color: var(--gk-primary); text-decoration: none;
}
.uc-client-nav .dropdown-menu { padding: 0.4rem; }
.uc-client-nav .dropdown-menu a.dropdown-item { padding: 0.45rem 0.75rem !important; border-radius: 0.375rem; }
.uc-client-nav-toggle {
    margin: 0.5rem 0; border: 1px solid var(--gk-border-color); background: var(--gk-card-background);
    border-radius: 0.375rem; padding: 0.45rem 0.8rem; font-weight: 600; font-size: 0.875rem; color: var(--gk-gray-700);
}

/* ---------- 13. Language and currency bar, footer ---------- */
/* The bar is the top row of the website footer (same background), not a strip on the page colour */
.uc-locale-bar { margin-top: 3rem; padding: 1.25rem 0 0; background: var(--gk-card-background); border-top: 1px solid var(--gk-border-color); }
.uc-locale-bar .container { display: flex; justify-content: flex-end; }
.uc-locale-btn:focus { outline: 0; box-shadow: none; }
.uc-locale-btn:focus-visible { outline: 2px solid var(--gk-primary); outline-offset: 2px; }
.uc-locale-btn {
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-radius: 999px; padding: 0.3rem 0.9rem;
    font-size: 0.8125rem; color: var(--gk-gray-700); cursor: pointer;
}
.uc-locale-btn:hover { border-color: var(--gk-primary-300, #c4b8ff); color: var(--gk-primary); }
.uc-site-footer { margin-top: 0; }

/* ---------- 14. Backgrounds that the website markup hard-codes (bg-white, bg-light): follow the mode ---------- */
body.uc-clientarea .uc-site .bg-white, body.uc-clientarea .bg-white { background-color: var(--gk-card-background) !important; }
body.uc-clientarea .uc-site .bg-light, body.uc-clientarea .bg-light { background-color: var(--gk-light) !important; }
body.uc-clientarea .uc-site-footer, body.uc-clientarea .uc-site-footer footer { background-color: var(--gk-card-background); color: var(--gk-body-color); }
body.uc-clientarea .uc-site-footer a { color: var(--gk-gray-700); }
body.uc-clientarea .uc-site-footer a:hover { color: var(--gk-primary); }
body.uc-clientarea .uc-site-footer h1, body.uc-clientarea .uc-site-footer h2, body.uc-clientarea .uc-site-footer h3,
body.uc-clientarea .uc-site-footer h4, body.uc-clientarea .uc-site-footer h5, body.uc-clientarea .uc-site-footer h6 { color: var(--gk-heading-color) !important; }
body.uc-clientarea .uc-site .text-dark { color: var(--gk-gray-800) !important; }
body.uc-clientarea .uc-site .text-body { color: var(--gk-body-color) !important; }
body.uc-clientarea .uc-site .border-top, body.uc-clientarea .uc-site .border-bottom,
body.uc-clientarea .uc-site .border-start, body.uc-clientarea .uc-site .border-end { border-color: var(--gk-border-color) !important; }

/* ---------- 15. Domain search (client area home and domain pages) ---------- */
body.uc-clientarea .home-domain-search, body.uc-clientarea .domain-search-header { background: var(--gk-card-background); }
body.uc-clientarea #frmDomainHomepage .input-group-box, body.uc-clientarea .home-domain-search .input-group-wrapper {
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-radius: 0.5rem; box-shadow: var(--uc-shadow-sm);
}
body.uc-clientarea #btnTransfer, body.uc-clientarea #btnTransfer2 {
    background: transparent !important; color: var(--gk-primary) !important; border: 1px solid var(--gk-primary) !important;
}
body.uc-clientarea #btnTransfer:hover, body.uc-clientarea #btnTransfer2:hover { background: var(--gk-primary) !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .tld-logos img, [data-bs-theme=dark] body.uc-clientarea .tld-logo img { filter: brightness(0) invert(0.9); }

/* ---------- 16. Readability fixes from the axe audit (light and dark) ---------- */
/* Nexus uses its "inverted" background for whole sections as well as buttons: keep it a neutral dark slate,
   never the brand purple (purple sections made card text and outline buttons unreadable). */
:root { --bg-inverted: var(--gk-gray-900, #0f172a); --text-inverted: #fff; }
[data-bs-theme=dark] { --bg-inverted: #1e293b; --text-inverted: #f1f5f9; }

/* Website menu: brand orange is too light for small text (3.1:1); a darker orange of the same hue reads at 4.5:1+ */
body.uc-clientarea .uc-site .text-secondary { color: #c2410c !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-site .text-secondary { color: #ff8a5c !important; }
body.uc-clientarea .uc-site .text-muted, body.uc-clientarea .uc-site small.text-muted { color: var(--gk-gray-500) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-site .text-muted { color: #94a3b8 !important; }

/* Outline buttons on cards (home page "Browse Products", order links) */
body.uc-clientarea .btn-outline-primary { color: var(--gk-primary) !important; border-color: var(--gk-primary) !important; background: transparent !important; }
body.uc-clientarea .btn-outline-primary:hover, body.uc-clientarea .btn-outline-primary:focus { color: #fff !important; background: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .btn-outline-primary { color: #b6a6ff !important; border-color: #9d88ff !important; }
[data-bs-theme=dark] body.uc-clientarea .btn-outline-primary:hover { color: #0f172a !important; background: #9d88ff !important; }

/* Language and currency chooser: Nexus draws it for a dark popup; ours is a normal card */
body.uc-clientarea .modal-localisation .modal-content { background: var(--gk-card-background); }
body.uc-clientarea .modal-localisation .item-selector .item {
    display: block; margin-bottom: 0.6rem; padding: 0.55rem 0.75rem; text-align: center; border-radius: 0.375rem;
    color: var(--gk-gray-800) !important; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); font-size: 0.875rem;
}
body.uc-clientarea .modal-localisation .item-selector .item:hover { border-color: var(--gk-primary); color: var(--gk-primary) !important; }
body.uc-clientarea .modal-localisation .item-selector .item.active { background: var(--gk-primary); border-color: var(--gk-primary); color: #fff !important; font-weight: 600; }
body.uc-clientarea .modal-localisation h5, body.uc-clientarea .modal-localisation .h5 { color: var(--gk-heading-color); font-weight: 600; }

/* Code, help text, markdown editor footer, TLD price labels */
body.uc-clientarea code { color: #be185d; background: var(--gk-tertiary-bg); padding: 0.1rem 0.35rem; border-radius: 0.25rem; }
[data-bs-theme=dark] body.uc-clientarea code { color: #f9a8d4; }
body.uc-clientarea .field-help-text, body.uc-clientarea .small-font, body.uc-clientarea .markdown-save,
body.uc-clientarea .text-gray, body.uc-clientarea .text-grey { color: var(--gk-gray-600) !important; }
body.uc-clientarea .markdown-editor-status, body.uc-clientarea .md-footer { background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-600) !important; }
body.uc-clientarea .tld-logos li, body.uc-clientarea .tld-logos li span { color: var(--gk-gray-700); }

/* Every text block inside cards follows the card colour (no light text on light cards, no dark on dark) */
body.uc-clientarea .card p, body.uc-clientarea .card li, body.uc-clientarea .card td { color: var(--gk-body-color); }
body.uc-clientarea .card .card-title, body.uc-clientarea .card h3, body.uc-clientarea .card h4 { color: var(--gk-heading-color); }

/* Breadcrumb in dark mode */
[data-bs-theme=dark] body.uc-clientarea .breadcrumb-item, [data-bs-theme=dark] body.uc-clientarea .breadcrumb-item a { color: #94a3b8; }
[data-bs-theme=dark] body.uc-clientarea .breadcrumb-item.active { color: #e2e8f0; }

/* ---------- 17. Readability, round 2 (axe audit + owner review, 19 Oct 2026) ---------- */
/* Nexus paints <html> and its footer with the inverted colour: ours is the page colour */
html { background-color: var(--gk-body-bg) !important; }

/* Website menu: plain menu-label colours (the active section showed in brand orange, 3.1:1) */
body.uc-clientarea .uc-site .navbar-nav > .nav-item > .nav-link { color: var(--gk-gray-800) !important; }
body.uc-clientarea .uc-site .navbar-nav > .nav-item > .nav-link:hover,
body.uc-clientarea .uc-site .navbar-nav > .nav-item > .nav-link.show { color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-site .navbar-nav > .nav-item > .nav-link { color: #e2e8f0 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-site .navbar-nav > .nav-item > .nav-link:hover { color: #b6a6ff !important; }

/* Dark mode primary buttons: white on the light dark-mode purple (#9d88ff) is 2.6:1; the brand purple is 5.7:1 */
[data-bs-theme=dark] body.uc-clientarea .btn-primary,
[data-bs-theme=dark] body.uc-clientarea .uc-site .btn-primary,
[data-bs-theme=dark] body.uc-clientarea .btn-primary:not(:disabled):not(.disabled):active { background: #6336f4 !important; border-color: #6336f4 !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .btn-primary:hover,
[data-bs-theme=dark] body.uc-clientarea .uc-site .btn-primary:hover { background: #7652ff !important; border-color: #7652ff !important; }
/* Dark links: only inside page content (the account menu and breadcrumb keep their own colours) */
[data-bs-theme=dark] body.uc-clientarea #main-body a:not(.btn):not(.dropdown-item):not(.nav-link):not(.list-group-item):not(.page-link):not(.tile),
[data-bs-theme=dark] body.uc-clientarea.uc-doc-page a:not(.btn) { color: #b6a6ff; }

/* Home page tiles ("How can we help today", "Your Account"): cards in both modes */
body.uc-clientarea .action-icon-btns a {
    display: block; height: 100%; padding: 1.25rem 0.75rem; border-radius: 0.5rem; text-align: center;
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important;
    color: var(--gk-heading-color) !important; font-weight: 600; font-size: 0.875rem; box-shadow: var(--uc-shadow-sm);
    transition: border-color 0.15s, transform 0.15s;
}
body.uc-clientarea .action-icon-btns a:hover { border-color: var(--gk-primary) !important; color: var(--gk-primary) !important; transform: translateY(-2px); text-decoration: none; }
body.uc-clientarea .action-icon-btns .ico-container {
    width: 3rem; height: 3rem; margin: 0 auto 0.6rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center;
    background: var(--gk-light-primary, #ebe7ff) !important; color: var(--gk-primary) !important; font-size: 1.25rem; border: 0 !important;
}
body.uc-clientarea .action-icon-btns .ico-container i { color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .action-icon-btns .ico-container { background: rgba(157, 136, 255, 0.14) !important; }
[data-bs-theme=dark] body.uc-clientarea .action-icon-btns .ico-container i { color: #b6a6ff !important; }

/* Forms in both modes: labels, checkboxes, file inputs, phone country code */
body.uc-clientarea .form-check, body.uc-clientarea .form-check-label, body.uc-clientarea .custom-control-label,
body.uc-clientarea .checkbox, body.uc-clientarea .radio, body.uc-clientarea label { color: var(--gk-form-label-color) !important; }
body.uc-clientarea .custom-file-label { background: var(--gk-input-bg); color: var(--gk-body-color); border-color: var(--gk-input-border); }
body.uc-clientarea .custom-file-label::after { background: var(--gk-tertiary-bg); color: var(--gk-gray-700); }
body.uc-clientarea .iti__selected-flag, body.uc-clientarea .iti__flag-container .iti__selected-flag { background: var(--gk-tertiary-bg) !important; }
body.uc-clientarea .selected-dial-code { color: var(--gk-gray-700) !important; }
body.uc-clientarea .iti__country-list { background: var(--gk-dropdown-background); color: var(--gk-body-color); border-color: var(--gk-border-color); }

/* Code blocks (KB articles) */
body.uc-clientarea pre { background: var(--gk-tertiary-bg); color: var(--gk-gray-800); border: 1px solid var(--gk-border-color); border-radius: 0.5rem; padding: 1rem; overflow-x: auto; max-width: 100%; }
body.uc-clientarea pre code { background: transparent; color: inherit; padding: 0; }
[data-bs-theme=dark] body.uc-clientarea pre { background: #0b1324; color: #e2e8f0; }

/* Tables everywhere, including the Nexus Cart domain pricing page */
[data-bs-theme=dark] body.uc-clientarea table, [data-bs-theme=dark] body.uc-clientarea table td,
[data-bs-theme=dark] body.uc-clientarea table th, [data-bs-theme=dark] body.uc-clientarea table tr { background-color: transparent; color: #cbd5e1; border-color: #1e293b; }
[data-bs-theme=dark] body.uc-clientarea table small, [data-bs-theme=dark] body.uc-clientarea table .text-muted { color: #94a3b8 !important; }
body.uc-clientarea small, body.uc-clientarea .small { color: inherit; }
body.uc-clientarea .text-muted small, body.uc-clientarea small.text-muted { color: var(--gk-gray-500) !important; }

/* ---------- 18. Readability, round 3: logged-in pages, documents and popups (owner screenshots, 19 Oct 2026) ---------- */
/* Embedded third-party frames (Google sign-in, reCAPTCHA, PayPal and card fields, emails) draw light content: a dark page
   colour-scheme makes the browser paint them an opaque white box, so they always use a light scheme. */
body.uc-clientarea iframe { color-scheme: light; }

/* Dividers in every menu (client area menu, account menu, sidebars): one hairline in the border colour */
body.uc-clientarea .dropdown-divider, body.uc-clientarea .dropdown-menu .divider, body.uc-clientarea .nav-divider {
    height: 0 !important; margin: 0.35rem 0 !important; padding: 0 !important; background: none !important;
    border: 0 !important; border-top: 1px solid var(--gk-border-color) !important; opacity: 1 !important;
}

/* "Please verify your email" and "validate your account" banners: a soft warning strip, not a white block */
body.uc-clientarea .verification-banner {
    background: var(--gk-light-warning) !important; color: var(--gk-gray-800) !important; border: 0 !important;
    border-bottom: 1px solid var(--gk-border-color) !important; font-weight: 400; font-size: 0.9375rem;
}
body.uc-clientarea .verification-banner .text { color: inherit !important; }
body.uc-clientarea .verification-banner .fal, body.uc-clientarea .verification-banner .far, body.uc-clientarea .verification-banner .fas { color: #92400e !important; }
body.uc-clientarea .verification-banner .btn.close { color: var(--gk-gray-600) !important; }
body.uc-clientarea .verification-banner.email-verification .btn.btn-action,
body.uc-clientarea .verification-banner.email-verification .btn.btn-action:active,
body.uc-clientarea .verification-banner .btn-action { background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important; }
body.uc-clientarea .verification-banner .btn-action:hover { background: #542ecf !important; border-color: #542ecf !important; }
[data-bs-theme=dark] body.uc-clientarea .verification-banner { background: #2a2216 !important; color: #f1f5f9 !important; }
[data-bs-theme=dark] body.uc-clientarea .verification-banner .fal, [data-bs-theme=dark] body.uc-clientarea .verification-banner .far,
[data-bs-theme=dark] body.uc-clientarea .verification-banner .fas { color: #fbbf24 !important; }
[data-bs-theme=dark] body.uc-clientarea .verification-banner .btn.close { color: #cbd5e1 !important; }

/* Lists (invoices, services, domains, tickets, emails, quotes): search box, header row, rows, pagination */
body.uc-clientarea .dataTables_wrapper .dataTables_filter label .form-control,
body.uc-clientarea .dataTables_wrapper .dataTables_filter input {
    background-color: var(--gk-input-bg) !important; color: var(--gk-body-color) !important; border: 1px solid var(--gk-input-border) !important;
    background-position: 12px center !important; background-repeat: no-repeat !important; background-size: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
    padding: 0.5rem 0.75rem 0.5rem 2.25rem !important; border-radius: 0.375rem;
}
body.uc-clientarea .dataTables_wrapper .dataTables_info, body.uc-clientarea .dataTables_wrapper .dataTables_length { color: var(--gk-gray-600); font-size: 0.875rem; }
body.uc-clientarea .dataTables_wrapper table.table-list thead th,
body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_asc,
body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_desc,
body.uc-clientarea table.dataTable thead th { background-color: var(--gk-tertiary-bg) !important; color: var(--gk-gray-600) !important; border-color: var(--gk-border-color) !important; }
body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_asc,
body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_desc { color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper table.table-list thead th { color: #94a3b8 !important; }
[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_asc,
[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper table.table-list thead th.sorting_desc { color: #b6a6ff !important; }
body.uc-clientarea .dataTables_wrapper table.table-list tbody td,
body.uc-clientarea .dataTables_wrapper table.table-list tbody tr { background-color: transparent !important; border-color: var(--gk-border-color) !important; color: var(--gk-body-color); }
body.uc-clientarea .dataTables_wrapper table.table-list tbody tr:hover td { background-color: var(--gk-tertiary-bg) !important; }
body.uc-clientarea .dataTables_wrapper table.table-list tbody tr td.sorting_1 { background-color: transparent !important; }
body.uc-clientarea .pagination { gap: 0.25rem; flex-wrap: wrap; }
body.uc-clientarea .page-link, body.uc-clientarea .pagination > li > a, body.uc-clientarea .pagination > li > span {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; color: var(--gk-gray-700) !important;
    border-radius: 0.375rem !important; margin-left: 0 !important; min-width: 2.25rem; text-align: center; font-size: 0.875rem;
}
body.uc-clientarea .page-link:hover, body.uc-clientarea .pagination > li > a:hover { background: var(--gk-tertiary-bg) !important; color: var(--gk-primary) !important; border-color: var(--gk-gray-300) !important; }
body.uc-clientarea .page-item.active .page-link, body.uc-clientarea .pagination > .active > a, body.uc-clientarea .pagination > .active > span {
    background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important; font-weight: 600;
}
body.uc-clientarea .page-item.disabled .page-link { color: var(--gk-gray-400) !important; background: var(--gk-card-background) !important; }
[data-bs-theme=dark] body.uc-clientarea .page-link, [data-bs-theme=dark] body.uc-clientarea .pagination > li > a { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .page-link:hover { color: #b6a6ff !important; border-color: #475569 !important; }
[data-bs-theme=dark] body.uc-clientarea .page-item.active .page-link { background: #6336f4 !important; border-color: #6336f4 !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .page-item.disabled .page-link { color: #64748b !important; }

/* Breadcrumb: quiet grey links in both modes, purple on hover */
body.uc-clientarea .breadcrumb { background: transparent; }
body.uc-clientarea .breadcrumb-item a { color: var(--gk-gray-600) !important; }
body.uc-clientarea .breadcrumb-item a:hover { color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .breadcrumb-item a { color: #94a3b8 !important; }
[data-bs-theme=dark] body.uc-clientarea .breadcrumb-item a:hover { color: #b6a6ff !important; }

/* Grey buttons: Nexus turns their text white on hover (unreadable on our light hover colour) */
body.uc-clientarea .btn-default:hover, body.uc-clientarea .btn-default:focus, body.uc-clientarea .btn-default:active,
body.uc-clientarea .btn-secondary:hover, body.uc-clientarea .btn-light:hover, body.uc-clientarea .btn-outline-secondary:hover,
body.uc-clientarea .btn-outline-default:hover, body.uc-clientarea .btn-default:not(:disabled):not(.disabled):active {
    background: var(--gk-tertiary-bg) !important; color: var(--gk-primary) !important; border-color: var(--gk-gray-300) !important;
}
[data-bs-theme=dark] body.uc-clientarea .btn-default, [data-bs-theme=dark] body.uc-clientarea .btn-secondary,
[data-bs-theme=dark] body.uc-clientarea .btn-light, [data-bs-theme=dark] body.uc-clientarea .btn-outline-secondary {
    background: #1e293b !important; color: #e2e8f0 !important; border-color: #475569 !important;
}
[data-bs-theme=dark] body.uc-clientarea .btn-default:hover, [data-bs-theme=dark] body.uc-clientarea .btn-secondary:hover,
[data-bs-theme=dark] body.uc-clientarea .btn-light:hover, [data-bs-theme=dark] body.uc-clientarea .btn-outline-secondary:hover {
    background: #273449 !important; color: #b6a6ff !important; border-color: #64748b !important;
}
body.uc-clientarea .btn-success:hover { background: #15803d !important; border-color: #15803d !important; color: #fff !important; }
body.uc-clientarea .btn-danger:hover { background: #b91c1c !important; border-color: #b91c1c !important; color: #fff !important; }
body.uc-clientarea .btn-info:hover { background: #0369a1 !important; border-color: #0369a1 !important; color: #fff !important; }
body.uc-clientarea .btn-success { background: #16a34a !important; border-color: #16a34a !important; color: #fff !important; }
body.uc-clientarea .btn-info { background: #0284c7 !important; border-color: #0284c7 !important; color: #fff !important; }
body.uc-clientarea .btn-danger { background: #dc2626 !important; border-color: #dc2626 !important; color: #fff !important; }
body.uc-clientarea .input-group .btn-reveal-pw, body.uc-clientarea .input-group .btn-reveal-pw:hover {
    background: var(--gk-input-bg) !important; color: var(--gk-gray-600) !important; border-color: var(--gk-input-border) !important;
}

/* Client area home: the cards ("Overdue Invoices", "Register a New Domain", "Services Renewing Soon"...) */
body.uc-clientarea .client-home-cards .card { border: 1px solid var(--gk-border-color) !important; overflow: hidden; margin-bottom: 1.5rem; }
body.uc-clientarea .client-home-cards .card-header {
    background: var(--gk-card-background) !important; border-bottom: 1px solid var(--gk-border-color) !important; padding: 0.85rem 1.25rem;
}
body.uc-clientarea .client-home-cards .card-header .card-title { font-size: 1rem; line-height: 1.9; }
body.uc-clientarea .client-home-cards .card-header .card-title > i { color: var(--gk-primary); margin-right: 0.25rem; }
[data-bs-theme=dark] body.uc-clientarea .client-home-cards .card-header .card-title > i { color: #b6a6ff; }
body .primary-content .client-home-cards .card .card-header .btn, body.uc-clientarea .client-home-cards .card-header .btn {
    background: var(--gk-card-background) !important; color: var(--gk-gray-700) !important; border: 1px solid var(--gk-border-color) !important;
    border-radius: 0.375rem !important; padding: 0.25rem 0.75rem !important; font-size: 0.8125rem;
}
body .primary-content .client-home-cards .card .card-header .btn:hover, body.uc-clientarea .client-home-cards .card-header .btn:hover {
    background: var(--gk-tertiary-bg) !important; color: var(--gk-primary) !important; border-color: var(--gk-gray-300) !important;
}
[data-bs-theme=dark] body.uc-clientarea .client-home-cards .card-header .btn { color: #e2e8f0 !important; border-color: #475569 !important; }
[data-bs-theme=dark] body.uc-clientarea .client-home-cards .card-header .btn:hover { color: #b6a6ff !important; background: #273449 !important; }
body.uc-clientarea .client-home-cards .card-body { padding: 0 !important; }
body.uc-clientarea .client-home-cards .card-body > p, body.uc-clientarea .client-home-cards .card-body p { padding: 0.85rem 1.25rem; margin: 0; }
body.uc-clientarea .client-home-cards .card-body > form { padding: 1rem 1.25rem; margin: 0; }
body.uc-clientarea .client-home-cards .card-body > form .input-group,
body.uc-clientarea .client-home-cards .card-body .input-group { display: flex; flex-wrap: nowrap; margin: 0 !important; padding: 0 !important; width: 100%; }
body.uc-clientarea .client-home-cards .card-body .input-group > .form-control { flex: 1 1 auto; min-width: 0; width: 1% !important; }
body.uc-clientarea .client-home-cards .card-body .input-group-btn,
body.uc-clientarea .client-home-cards .card-body .input-group-append { display: flex; flex: 0 0 auto; margin-left: 0.5rem; gap: 0.5rem; width: auto; }
body.uc-clientarea .client-home-cards .card-body .input-group-btn .btn,
body.uc-clientarea .client-home-cards .card-body .input-group-append .btn { border-radius: 0.375rem !important; margin: 0 !important; white-space: nowrap; }
body.uc-clientarea .client-home-cards .list-group { border: 0 !important; max-height: 15rem; }
body.uc-clientarea .client-home-cards .list-group .list-group-item {
    padding: 0.7rem 1.25rem !important; border: 0 !important; border-bottom: 1px solid var(--gk-border-color) !important; box-shadow: none;
}
body.uc-clientarea .client-home-cards .list-group .list-group-item:last-child { border-bottom: 0 !important; }
body.uc-clientarea .client-home-cards .card-footer { background: var(--gk-card-background) !important; border-top: 1px solid var(--gk-border-color) !important; padding: 0.6rem 1.25rem; min-height: 0; }
body.uc-clientarea .client-home-cards .card-footer:empty { display: none; }
body.uc-clientarea .client-home-cards small, body.uc-clientarea .client-home-cards .text-muted { color: var(--gk-gray-500) !important; }
[data-bs-theme=dark] body.uc-clientarea .client-home-cards small, [data-bs-theme=dark] body.uc-clientarea .client-home-cards .text-muted { color: #94a3b8 !important; }
@media (max-width: 575.98px) {
    body.uc-clientarea .client-home-cards .card-body .input-group { flex-wrap: wrap; }
    body.uc-clientarea .client-home-cards .card-body .input-group > .form-control { width: 100% !important; flex-basis: 100%; border-radius: 0.375rem !important; }
    body.uc-clientarea .client-home-cards .card-body .input-group-btn,
    body.uc-clientarea .client-home-cards .card-body .input-group-append { margin: 0.5rem 0 0; width: 100%; }
    body.uc-clientarea .client-home-cards .card-body .input-group-btn .btn,
    body.uc-clientarea .client-home-cards .card-body .input-group-append .btn { flex: 1 1 0; }
}

/* Documents: invoice, quote and billing note (standalone pages, includes/uc-doc-bar.tpl) */
body.uc-doc-page { background: var(--gk-body-bg) !important; color: var(--gk-body-color); padding: 0 0 2rem; }
body.uc-doc-page .uc-doc-bar {
    max-width: 850px; margin: 1.25rem auto 0; padding: 0 0.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
body.uc-doc-page .uc-doc-back { font-size: 0.875rem; font-weight: 600; color: var(--gk-gray-700) !important; }
body.uc-doc-page .uc-doc-back:hover { color: var(--gk-primary) !important; text-decoration: none; }
body.uc-doc-page .uc-doc-theme { display: inline-flex; border: 1px solid var(--gk-border-color); border-radius: 0.375rem; overflow: hidden; background: var(--gk-card-background); }
body.uc-doc-page .uc-doc-theme button { border: 0; background: transparent; color: var(--gk-gray-600); padding: 0.4rem 0.7rem; line-height: 1; }
body.uc-doc-page .uc-doc-theme button:hover { color: var(--gk-primary); }
[data-bs-theme=light] body.uc-doc-page .uc-doc-theme [data-bs-theme-value=light],
[data-bs-theme=dark] body.uc-doc-page .uc-doc-theme [data-bs-theme-value=dark] { background: var(--gk-light-primary); color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-doc-page .uc-doc-theme [data-bs-theme-value=dark] { color: #b6a6ff; }
body.uc-doc-page .invoice-container {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-radius: 0.75rem !important;
    box-shadow: var(--uc-shadow-sm); color: var(--gk-body-color); margin-top: 0.75rem;
}
body.uc-doc-page .invoice-container h2, body.uc-doc-page .invoice-container h3, body.uc-doc-page .invoice-container strong { color: var(--gk-heading-color, inherit); }
body.uc-doc-page .invoice-header h3 { font-size: 1.25rem; font-weight: 600; margin-top: 0.5rem; }
body.uc-doc-page .uc-doc-logo { max-height: 56px; width: auto; }
[data-bs-theme=dark] body.uc-doc-page .uc-doc-logo { filter: brightness(0) invert(1); }
body.uc-doc-page .invoice-container hr { border-top: 1px solid var(--gk-border-color); }
body.uc-doc-page .invoice-container address, body.uc-doc-page .invoice-container .small-text { color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-doc-page .invoice-container address, [data-bs-theme=dark] body.uc-doc-page .invoice-container .small-text { color: #94a3b8; }
/* Status: the same pills as the lists, larger */
body.uc-doc-page .invoice-status { margin: 1rem 0 0.5rem !important; font-size: 1rem !important; letter-spacing: 0.06em; }
body.uc-doc-page .invoice-status span { display: inline-block; padding: 0.45rem 1rem; border-radius: 0.5rem; font-weight: 700; }
body.uc-doc-page .invoice-status .paid { background: var(--gk-light-success); color: #15803d; }
body.uc-doc-page .invoice-status .unpaid, body.uc-doc-page .invoice-status .collections { background: var(--gk-light-danger); color: #b91c1c; }
body.uc-doc-page .invoice-status .draft, body.uc-doc-page .invoice-status .cancelled { background: var(--gk-tertiary-bg); color: var(--gk-gray-600); }
body.uc-doc-page .invoice-status .refunded { background: var(--gk-light-info); color: #0369a1; }
/* Quotes reuse the invoice classes: "Delivered" (waiting for the customer) shows as amber, not red */
body.uc-tpl-viewquote .invoice-status .unpaid { background: var(--gk-light-warning); color: #92400e; }
[data-bs-theme=dark] body.uc-doc-page .invoice-status .paid { color: #86efac; }
[data-bs-theme=dark] body.uc-doc-page .invoice-status .unpaid, [data-bs-theme=dark] body.uc-doc-page .invoice-status .collections { color: #fca5a5; }
[data-bs-theme=dark] body.uc-tpl-viewquote .invoice-status .unpaid { color: #fcd34d; }
[data-bs-theme=dark] body.uc-doc-page .invoice-status .refunded { color: #7dd3fc; }
[data-bs-theme=dark] body.uc-doc-page .invoice-status .draft, [data-bs-theme=dark] body.uc-doc-page .invoice-status .cancelled { color: #cbd5e1; }
body.uc-doc-page .payment-btn-container { margin-top: 0.75rem !important; }
/* Line items and ledger: brand card headers, quiet totals */
body.uc-doc-page .invoice-container .card { overflow: hidden; }
body.uc-doc-page .invoice-container .card-header,
body.uc-doc-page .uc-ledger-header { background: var(--gk-tertiary-bg) !important; color: var(--gk-heading-color, inherit); border-bottom: 1px solid var(--gk-border-color) !important; padding: 0.75rem 1.25rem; }
body.uc-doc-page .invoice-container .card-header .card-title { font-size: 1rem !important; font-weight: 600; }
body.uc-doc-page .uc-ledger-header .card-title::before {
    content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--gk-primary); margin-right: 0.5rem; vertical-align: middle;
}
[data-bs-theme=dark] body.uc-doc-page .uc-ledger-header .card-title::before { background: #9d88ff; }
body.uc-doc-page .uc-card-header-success { background: var(--gk-light-success) !important; color: #15803d !important; }
[data-bs-theme=dark] body.uc-doc-page .uc-card-header-success { color: #86efac !important; }
body.uc-doc-page .invoice-container .table { margin-bottom: 0; }
body.uc-doc-page .invoice-container .table td, body.uc-doc-page .invoice-container .table th {
    padding: 0.7rem 1rem; border-color: var(--gk-border-color) !important; color: var(--gk-body-color);
}
body.uc-doc-page .invoice-container .table thead td { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--gk-gray-600); background: transparent; }
[data-bs-theme=dark] body.uc-doc-page .invoice-container .table thead td { color: #94a3b8; }
body.uc-doc-page .invoice-container td.total-row { background-color: var(--gk-tertiary-bg) !important; }
body.uc-doc-page .invoice-container tr:last-child td.total-row { font-weight: 700; font-size: 1rem; }
body.uc-doc-page > p.text-center a { font-weight: 600; }
body.uc-doc-page .invoice-container .btn-group .btn { margin-left: 0.25rem; border-radius: 0.375rem !important; }
@media (max-width: 767.98px) {
    body.uc-doc-page .invoice-container { padding: 1.5rem 1rem 2rem !important; margin: 0.75rem !important; width: auto !important; max-width: none !important; }
    body.uc-doc-page .uc-doc-bar { margin: 0.75rem 0.75rem 0; }
    body.uc-doc-page .invoice-container .float-right.btn-group { float: none !important; display: flex; justify-content: center; }
}
@media print {
    body.uc-doc-page, body.uc-doc-page .invoice-container { background: #fff !important; color: #000 !important; box-shadow: none !important; }
    body.uc-doc-page .invoice-container { border: 0 !important; margin: 0 auto !important; }
}

/* My Emails popup (viewemail.tpl): page colour around the card; the email itself stays on white */
body.uc-email-popup#popup-backdrop { background: var(--gk-body-bg) !important; padding: 1rem; }
body.uc-email-popup .card-header h2 { font-size: 1.125rem; font-weight: 600; margin: 0; color: var(--gk-heading-color, inherit); }
body.uc-email-popup .uc-email-frame { background: #fff; border: 1px solid var(--gk-border-color) !important; border-radius: 0.375rem; }

/* Nexus hover colour for grey, primary, success, domain search and checkout buttons (always with white text):
   the brand hover purple, so no button turns pale with white text in either mode */
:root, [data-bs-theme=dark] { --grayscale-lifted: #542ecf; --grayscale-accented: #94a3b8; }

/* Client area home: stat tiles as website cards (icon chip, number, label, thin colour accent) */
body.uc-clientarea .tiles { margin-bottom: 1.5rem !important; }
body.uc-clientarea .tiles .row { margin: -0.375rem; }
body.uc-clientarea .tiles .row > div { padding: 0.375rem; }
body.uc-clientarea .tiles .tile {
    display: flex; flex-direction: column; height: 100%; padding: 1.1rem 1.25rem 1rem !important; border: 1px solid var(--gk-border-color) !important;
    border-radius: 0.5rem; background: var(--gk-card-background) !important; box-shadow: var(--uc-shadow-sm); overflow: hidden; position: relative;
    transition: border-color 0.15s, transform 0.15s;
}
body.uc-clientarea .tiles .tile:hover { border-color: var(--gk-primary) !important; transform: translateY(-2px); background: var(--gk-card-background) !important; }
body.uc-clientarea .tiles .tile i {
    position: absolute; top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem !important; color: var(--gk-primary) !important; background: var(--gk-light-primary);
}
body.uc-clientarea .tiles .tile:hover i { font-size: 1.05rem !important; color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .tiles .tile i, [data-bs-theme=dark] body.uc-clientarea .tiles .tile:hover i { color: #b6a6ff !important; background: rgba(157, 136, 255, 0.14); }
body.uc-clientarea .tiles .tile .stat { margin-top: 0.25rem !important; font-size: 2rem !important; font-weight: 700; color: var(--gk-heading-color, var(--gk-gray-900)) !important; }
[data-bs-theme=dark] body.uc-clientarea .tiles .tile .stat { color: #f1f5f9 !important; }
body.uc-clientarea .tiles .tile .title { margin-top: 0.15rem; color: var(--gk-gray-600) !important; font-size: 0.75rem !important; letter-spacing: 0.05em; font-weight: 600 !important; }
[data-bs-theme=dark] body.uc-clientarea .tiles .tile .title { color: #94a3b8 !important; }
body.uc-clientarea .tiles .tile .highlight { position: absolute; left: 0; right: 0; bottom: 0; margin: 0 !important; height: 3px !important; border-radius: 0 !important; }
body.uc-clientarea .tiles .tile .highlight.bg-color-blue { background: var(--gk-primary) !important; }
body.uc-clientarea .tiles .tile .highlight.bg-color-green { background: #16a34a !important; }
body.uc-clientarea .tiles .tile .highlight.bg-color-red { background: #dc2626 !important; }
body.uc-clientarea .tiles .tile .highlight.bg-color-gold { background: #f59e0b !important; }

/* Home cards: no forced heights or centring, "View more" as a plain link */
body.uc-clientarea .client-home-cards .card { height: auto !important; min-height: 0 !important; }
body.uc-clientarea .client-home-cards .card-body { display: block !important; min-height: 0 !important; height: auto !important; }
body.uc-clientarea .client-home-cards .btn-view-more { background: none !important; color: var(--gk-primary) !important; font-weight: 600; font-size: 0.8125rem !important; text-decoration: none; }
body.uc-clientarea .client-home-cards .btn-view-more:hover { text-decoration: underline; }
[data-bs-theme=dark] body.uc-clientarea .client-home-cards .btn-view-more { color: #b6a6ff !important; }
body.uc-clientarea .client-home-cards .list-group-item .label, body.uc-clientarea .client-home-cards .list-group-item .status { min-width: 4.5rem; text-align: center; }

/* Client area home: welcome header, card headers, balanced card flow (clientareahome.tpl) */
body.uc-clientarea .uc-home-hello { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
body.uc-clientarea .uc-home-title { font-size: 1.5rem; font-weight: 700; letter-spacing: -0.02em; margin: 0; color: var(--gk-heading-color, var(--gk-gray-900)); }
[data-bs-theme=dark] body.uc-clientarea .uc-home-title { color: #f1f5f9; }
body.uc-clientarea .uc-home-sub { margin: 0.15rem 0 0; color: var(--gk-gray-600); font-size: 0.875rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-home-sub { color: #94a3b8; }
body.uc-clientarea .uc-home-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
body.uc-clientarea .uc-home-actions .btn { display: inline-flex; align-items: center; gap: 0.4rem; }
body.uc-clientarea .uc-count-pill { display: inline-block; min-width: 1.35rem; padding: 0.05rem 0.4rem; border-radius: 999px; background: #dc2626; color: #fff; font-size: 0.75rem; line-height: 1.3; text-align: center; }
body.uc-clientarea .client-home-cards .uc-card-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem 0.75rem; }
body.uc-clientarea .client-home-cards .uc-card-head .card-title { display: flex; align-items: center; gap: 0.6rem; min-width: 0; font-size: 1rem !important; line-height: 1.4 !important; }
body.uc-clientarea .client-home-cards .uc-card-head .card-title > i { margin: 0; width: 1.25rem; text-align: center; flex: 0 0 auto; }
body.uc-clientarea .client-home-cards .uc-card-head .btn { display: inline-flex; align-items: center; gap: 0.35rem; flex: 0 0 auto; }
body.uc-clientarea .uc-home-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: stretch; }
body.uc-clientarea .uc-home-grid > .card { margin-bottom: 0 !important; display: flex; flex-direction: column; }
body.uc-clientarea .uc-home-grid > .card > .card-footer { margin-top: auto; }
body.uc-clientarea .client-home-cards > .card + .uc-home-grid, body.uc-clientarea .client-home-cards > .uc-home-grid { margin-bottom: 1.5rem; }
@media (max-width: 991.98px) { body.uc-clientarea .uc-home-grid { grid-template-columns: minmax(0, 1fr); } }
/* Recent Support Tickets (full width): subject left, status pill right, date below */
body.uc-clientarea .client-home-cards div[menuitemname="Recent Support Tickets"] .list-group-item { padding-right: 1.25rem !important; }
body.uc-clientarea .client-home-cards div[menuitemname="Recent Support Tickets"] .list-group-item .label { float: right; margin: 0.1rem 0 0.25rem 1rem; }
body.uc-clientarea .client-home-cards div[menuitemname="Recent Support Tickets"] .list-group-item small { color: var(--gk-gray-500) !important; }
/* Lists inside cards: show every item WHMCS sends (no cut-off scroll box), readable status labels */
body.uc-clientarea .client-home-cards .list-group { max-height: none !important; overflow: visible !important; }
body.uc-clientarea .client-home-cards .list-group-item { line-height: 1.5; }
body.uc-clientarea .client-home-cards .list-group-item small, body.uc-clientarea .client-home-cards .list-group-item .text-last-updated { display: block; margin-top: 0.15rem; font-size: 0.8125rem; }
body.uc-clientarea .client-home-cards .list-group-item .label[style*="background"] {
    display: inline-block; margin-left: 0.35rem; padding: 0.2rem 0.55rem !important; border-radius: 999px !important; color: #fff !important;
    font-size: 0.7rem !important; font-weight: 600; letter-spacing: 0.02em; vertical-align: 0.1em;
}
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-home-actions { width: 100%; }
    body.uc-clientarea .uc-home-actions .btn { flex: 1 1 auto; justify-content: center; }
    body.uc-clientarea .client-home-cards .uc-card-head { padding: 0.85rem 1rem !important; }
    body.uc-clientarea .client-home-cards .list-group .list-group-item { padding: 0.7rem 1rem !important; }
    body.uc-clientarea .client-home-cards div[menuitemname="Active Products/Services"] .list-group-item .row > div { flex: 0 0 100%; max-width: 100%; text-align: left !important; margin: 0.15rem 0; }
}

/* Service details (clientareaproductdetails.tpl): product box, status, actions, billing facts, tabs */
body.uc-clientarea div.product-details .product-status {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color); border-radius: 0.75rem !important;
    text-align: center; padding: 1.75rem 1rem 1.25rem !important; overflow: hidden;
}
body.uc-clientarea div.product-details div.product-icon { background: transparent !important; padding: 0 !important; font-size: 1rem !important; line-height: 1.3 !important; }
body.uc-clientarea div.product-details .product-icon .fa-stack {
    width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.6rem; border-radius: 1rem; background: var(--gk-light-primary); margin-bottom: 0.9rem;
}
body.uc-clientarea div.product-details .product-icon .fa-stack .fa-stack-2x { display: none; }
body.uc-clientarea div.product-details .product-icon .fa-stack .fa-stack-1x { color: var(--gk-primary) !important; line-height: 4rem; font-size: 1.6rem; }
[data-bs-theme=dark] body.uc-clientarea div.product-details .product-icon .fa-stack { background: rgba(157, 136, 255, 0.14); }
[data-bs-theme=dark] body.uc-clientarea div.product-details .product-icon .fa-stack .fa-stack-1x { color: #b6a6ff !important; }
body.uc-clientarea div.product-details .product-icon h3 { font-size: 1.25rem; font-weight: 700; margin: 0 0 0.2rem; color: var(--gk-heading-color, var(--gk-gray-900)); }
body.uc-clientarea div.product-details .product-icon h4 { font-size: 0.875rem; font-weight: 500; margin: 0; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea div.product-details .product-icon h3 { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea div.product-details .product-icon h4 { color: #94a3b8; }
body.uc-clientarea .product-status-text {
    display: inline-block; margin-top: 0.9rem; padding: 0.3rem 0.85rem !important; border-radius: 999px; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em;
    background: var(--gk-tertiary-bg); color: var(--gk-gray-700) !important;
}
body.uc-clientarea .product-status-active .product-status-text { background: var(--gk-light-success); color: #15803d !important; }
body.uc-clientarea .product-status-pending .product-status-text { background: var(--gk-light-warning); color: #92400e !important; }
body.uc-clientarea .product-status-suspended .product-status-text { background: var(--gk-light-info); color: #0369a1 !important; }
body.uc-clientarea .product-status-fraud .product-status-text { background: var(--gk-light-danger); color: #b91c1c !important; }
[data-bs-theme=dark] body.uc-clientarea .product-status-active .product-status-text { color: #86efac !important; }
[data-bs-theme=dark] body.uc-clientarea .product-status-pending .product-status-text { color: #fcd34d !important; }
[data-bs-theme=dark] body.uc-clientarea .product-status-suspended .product-status-text { color: #7dd3fc !important; }
[data-bs-theme=dark] body.uc-clientarea .product-status-fraud .product-status-text { color: #fca5a5 !important; }
[data-bs-theme=dark] body.uc-clientarea .product-status-text { color: #cbd5e1 !important; }
body.uc-clientarea .product-status-pending, body.uc-clientarea .product-status-active, body.uc-clientarea .product-status-suspended,
body.uc-clientarea .product-status-cancelled, body.uc-clientarea .product-status-terminated, body.uc-clientarea .product-status-fraud { background-color: var(--gk-card-background) !important; }
/* Actions: the main action filled, cancellation as a quiet danger outline (never a big red block) */
body.uc-clientarea .product-actions-wrapper > div { margin-bottom: 0.5rem; }
body.uc-clientarea .product-actions-wrapper .btn { display: flex; align-items: center; justify-content: center; gap: 0.4rem; }
body.uc-clientarea .product-actions-wrapper .btn-danger {
    background: transparent !important; color: #b91c1c !important; border: 1px solid #fca5a5 !important;
}
body.uc-clientarea .product-actions-wrapper .btn-danger:hover { background: var(--gk-light-danger) !important; border-color: #dc2626 !important; color: #991b1b !important; }
[data-bs-theme=dark] body.uc-clientarea .product-actions-wrapper .btn-danger { color: #fca5a5 !important; border-color: #7f1d1d !important; }
[data-bs-theme=dark] body.uc-clientarea .product-actions-wrapper .btn-danger:hover { color: #fecaca !important; background: #442626 !important; }
/* Billing facts grid */
body.uc-clientarea .uc-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 0; }
body.uc-clientarea .uc-facts > div { background: var(--gk-tertiary-bg); border: 1px solid var(--gk-border-color); border-radius: 0.5rem; padding: 0.75rem 0.9rem; min-width: 0; }
body.uc-clientarea .uc-facts > .uc-facts-wide { grid-column: 1 / -1; }
body.uc-clientarea .uc-facts dt { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--gk-gray-600); margin-bottom: 0.2rem; }
body.uc-clientarea .uc-facts dd { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--gk-heading-color, var(--gk-gray-900)); overflow-wrap: anywhere; }
[data-bs-theme=dark] body.uc-clientarea .uc-facts dt { color: #94a3b8; }
[data-bs-theme=dark] body.uc-clientarea .uc-facts dd { color: #f1f5f9; }
@media (max-width: 767.98px) { body.uc-clientarea .product-details .col-md-6 + .col-md-6 { margin-top: 1.25rem; } }
@media (max-width: 399.98px) { body.uc-clientarea .uc-facts { grid-template-columns: 1fr; } }
/* Tabs and their panel (domain/server info, manage, configurable options, resource usage) */
body.uc-clientarea div.product-details-tab-container {
    background: var(--gk-card-background) !important; border: 1px solid var(--gk-border-color) !important; border-top: 0 !important;
    border-radius: 0 0 0.5rem 0.5rem; padding: 1.5rem !important; color: var(--gk-body-color);
}
body.uc-clientarea div.product-details-tab-container .row { margin-bottom: 0.4rem; }
body.uc-clientarea .responsive-tabs-sm { margin-top: 1.5rem; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); border-bottom: 0; border-radius: 0.5rem 0.5rem 0 0; padding: 0 0.75rem; }
body.uc-clientarea .responsive-tabs-sm .nav-link { padding: 0.85rem 0.75rem; }
body.uc-clientarea .responsive-tabs-sm .nav-link i { color: inherit; }
body.uc-clientarea .responsive-tabs-sm .nav-item a.active { background: transparent !important; }

/* PayPal card fields (Add payment method, checkout): secure frames drawn by PayPal (white inputs inside, not themeable
   from here). Frame them like our inputs so they line up: same radius, width and spacing in both modes. */
body.uc-clientarea [id^="paypal_card_"][id$="_field"] { border-radius: 0.375rem; overflow: hidden; max-width: 100%; }
body.uc-clientarea [id^="paypal_card_"][id$="_field"] iframe { display: block; width: 100% !important; }
/* Dark mode: PayPal's white fields sit on a light "secure card" panel, so they look deliberate (CSS outside the frames only) */
[data-bs-theme=dark] body.uc-clientarea .cc-details:has([id^="paypal_card_"]) {
    background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 0.75rem; padding: 1.25rem 1rem 0.5rem; margin-bottom: 1rem; color: #1e293b;
}
[data-bs-theme=dark] body.uc-clientarea .cc-details:has([id^="paypal_card_"]) label,
[data-bs-theme=dark] body.uc-clientarea .cc-details:has([id^="paypal_card_"]) .control-label { color: #334155 !important; }
body.uc-clientarea .uc-card-foot { text-align: right; }

/* Text selection: brand tint in light mode, a deep violet with white text in dark mode (readable, calm) */
body.uc-clientarea ::selection { background: #ddd6fe; color: #1e1b4b; }
[data-bs-theme=dark] body.uc-clientarea ::selection { background: #5b47c9; color: #fff; }

/* Message editor (tickets, replies): website-style toolbar and text area in both modes */
body.uc-clientarea .md-editor { border: 1px solid var(--gk-input-border) !important; border-radius: 0.5rem; overflow: hidden; background: var(--gk-input-bg); }
body.uc-clientarea .md-editor.active { border-color: var(--gk-primary) !important; box-shadow: 0 0 0 0.25rem rgba(99, 54, 244, 0.15) !important; }
body.uc-clientarea .md-editor > .md-header, body.uc-clientarea .md-editor .md-footer {
    background: var(--gk-tertiary-bg) !important; border-bottom: 1px solid var(--gk-border-color); padding: 0.4rem !important;
}
body.uc-clientarea .md-editor .md-footer { border-bottom: 0; border-top: 1px solid var(--gk-border-color); }
body.uc-clientarea .md-editor .btn-toolbar .btn-group { margin: 0.15rem 0.35rem 0.15rem 0 !important; box-shadow: none; }
body.uc-clientarea .md-editor .btn-toolbar .btn {
    background: transparent !important; border: 1px solid transparent !important; color: var(--gk-gray-700) !important;
    padding: 0.3rem 0.6rem !important; border-radius: 0.375rem !important; font-size: 0.875rem; box-shadow: none !important;
}
body.uc-clientarea .md-editor .btn-toolbar .btn:hover, body.uc-clientarea .md-editor .btn-toolbar .btn.active {
    background: var(--gk-card-background) !important; border-color: var(--gk-border-color) !important; color: var(--gk-primary) !important;
}
body.uc-clientarea .md-editor .btn-toolbar .btn-primary, body.uc-clientarea .md-editor .btn-toolbar [data-handler="bootstrap-markdown-cmdPreview"] {
    color: var(--gk-primary) !important; border-color: var(--gk-primary) !important; background: transparent !important;
}
[data-bs-theme=dark] body.uc-clientarea .md-editor .btn-toolbar .btn { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .md-editor .btn-toolbar .btn:hover, [data-bs-theme=dark] body.uc-clientarea .md-editor .btn-toolbar .btn.active { color: #b6a6ff !important; background: #1e293b !important; border-color: #475569 !important; }
[data-bs-theme=dark] body.uc-clientarea .md-editor .btn-toolbar .btn-primary, [data-bs-theme=dark] body.uc-clientarea .md-editor .btn-toolbar [data-handler="bootstrap-markdown-cmdPreview"] { color: #b6a6ff !important; border-color: #9d88ff !important; }
body.uc-clientarea .md-editor > textarea, body.uc-clientarea .md-editor > .md-preview, body.uc-clientarea .md-editor > textarea:focus {
    background: var(--gk-input-bg) !important; color: var(--gk-body-color) !important; border: 0 !important;
    padding: 0.85rem 1rem !important; font-family: inherit !important; font-size: 0.9375rem !important; line-height: 1.6;
}
body.uc-clientarea .md-editor .md-controls .md-control { color: var(--gk-gray-500) !important; }
body.uc-clientarea .md-editor .md-controls .md-control:hover { color: var(--gk-primary) !important; }
body.uc-clientarea .md-editor.md-fullscreen-mode { background: var(--gk-body-bg) !important; }
body.uc-clientarea .md-editor.md-fullscreen-mode .md-input, body.uc-clientarea .md-editor.md-fullscreen-mode .md-preview,
body.uc-clientarea .md-editor.md-fullscreen-mode .md-input:focus, body.uc-clientarea .md-editor.md-fullscreen-mode .md-input:hover { background: var(--gk-input-bg) !important; color: var(--gk-body-color) !important; }

/* Contrast fixes from the fixture audit (axe, 19 Oct 2026) */
body.uc-clientarea .btn-success, body.uc-clientarea input.btn-success { background: #15803d !important; border-color: #15803d !important; color: #fff !important; }
body.uc-clientarea .btn-success:hover, body.uc-clientarea input.btn-success:hover { background: #166534 !important; border-color: #166534 !important; }
body.uc-clientarea .status-pending, body.uc-clientarea .status-pending-transfer, body.uc-clientarea .status-unpaid,
body.uc-clientarea .status-delivered, body.uc-clientarea .status-draft, body.uc-clientarea .label-warning, body.uc-clientarea .badge-warning { color: #92400e !important; }
[data-bs-theme=dark] body.uc-clientarea .status-pending, [data-bs-theme=dark] body.uc-clientarea .status-pending-transfer, [data-bs-theme=dark] body.uc-clientarea .status-unpaid,
[data-bs-theme=dark] body.uc-clientarea .status-delivered, [data-bs-theme=dark] body.uc-clientarea .status-draft, [data-bs-theme=dark] body.uc-clientarea .label-warning,
[data-bs-theme=dark] body.uc-clientarea .badge-warning { color: #fcd34d !important; }
body.uc-clientarea .page-item.disabled .page-link { color: #64748b !important; }
[data-bs-theme=dark] body.uc-clientarea .page-item.disabled .page-link { color: #94a3b8 !important; }
[data-bs-theme=dark] body.uc-clientarea .verification-banner .btn-action { background: #6336f4 !important; border-color: #6336f4 !important; }
/* Client area menu: WHMCS nests a.dropdown-item inside li.dropdown-item; one row, one hover, brand active state */
body.uc-clientarea .uc-client-nav li.dropdown-item { padding: 0 !important; background: transparent !important; }
body.uc-clientarea .uc-client-nav li.dropdown-item > a.dropdown-item { display: block; padding: 0.45rem 1rem !important; border-radius: 0.375rem; }
body.uc-clientarea .uc-client-nav .dropdown-menu { padding: 0.35rem; }
body.uc-clientarea .dropdown-item.active, body.uc-clientarea .dropdown-item:active,
body.uc-clientarea li.dropdown-item.active > a.dropdown-item { background: var(--gk-light-primary) !important; color: var(--gk-primary) !important; font-weight: 600; }
[data-bs-theme=dark] body.uc-clientarea .dropdown-item.active, [data-bs-theme=dark] body.uc-clientarea .dropdown-item:active,
[data-bs-theme=dark] body.uc-clientarea li.dropdown-item.active > a.dropdown-item { background: rgba(157, 136, 255, 0.16) !important; color: #c4b8ff !important; }
body.uc-clientarea li.dropdown-item.active { background: transparent !important; }

/* Wide lists never push the page sideways: the table scrolls inside its own card on small screens */
body.uc-clientarea .table-container, body.uc-clientarea .dataTables_wrapper .listtable { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
body.uc-clientarea .dataTables_wrapper { max-width: 100%; }
@media (max-width: 575.98px) {
    body.uc-clientarea .dataTables_wrapper .dataTables_filter label .form-control, body.uc-clientarea .dataTables_wrapper .dataTables_filter input { width: 100% !important; }
    body.uc-clientarea table.table-list th, body.uc-clientarea table.table-list td { padding: 0.65rem 0.6rem; font-size: 0.8125rem; }
    body.uc-doc-page .invoice-col { padding-left: 0.5rem; padding-right: 0.5rem; }
}

/* Client area menu: items Nexus moves into "More" (li.dropdown-item > plain a) look like every other menu item;
   the focus ring sits inside the item instead of being clipped into two side bars */
body.uc-clientarea .uc-client-nav li.dropdown-item > a { display: block; padding: 0.45rem 1rem !important; border-radius: 0.375rem; color: var(--gk-gray-700) !important; font-weight: 500; font-size: 0.875rem; text-decoration: none; white-space: nowrap; }
body.uc-clientarea .uc-client-nav li.dropdown-item > a:hover, body.uc-clientarea .uc-client-nav li.dropdown-item > a:focus { background: var(--gk-tertiary-bg) !important; color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-client-nav li.dropdown-item > a { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-client-nav li.dropdown-item > a:hover, [data-bs-theme=dark] body.uc-clientarea .uc-client-nav li.dropdown-item > a:focus { background: #273449 !important; color: #c4b8ff !important; }
body.uc-clientarea .uc-client-nav .dropdown-menu { min-width: 13rem; }
body.uc-clientarea .uc-client-nav .navbar-nav > li, body.uc-clientarea .uc-client-nav .navbar-nav > li > a { border-left: 0 !important; border-right: 0 !important; }
body.uc-clientarea .uc-client-nav a:focus { outline: 0; }
body.uc-clientarea .uc-client-nav a:focus-visible { outline: 2px solid var(--gk-primary); outline-offset: -2px; border-radius: 0.375rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-client-nav a:focus-visible { outline-color: #9d88ff; }
[data-bs-theme=dark] body.uc-clientarea .verification-banner.email-verification .btn.btn-action,
[data-bs-theme=dark] body.uc-clientarea .verification-banner.email-verification .btn.btn-action:active { background: #6336f4 !important; border-color: #6336f4 !important; color: #fff !important; }
/* Invoice page: never wider than the screen (Nexus adds side margins to a 100%-wide box below 896px) */
body.uc-doc-page .invoice-container { width: auto !important; }
@media (max-width: 575.98px) {
    body.uc-clientarea .client-home-cards .card-body .input-group > .form-control { flex: 0 0 100% !important; max-width: 100%; width: 100% !important; }
    body.uc-clientarea .client-home-cards .card-body .input-group-append, body.uc-clientarea .client-home-cards .card-body .input-group-btn { flex: 0 0 100% !important; }
}

/* Status labels WHMCS writes as label-* (Active Products/Services and others): pill text in the status colour */
body.uc-clientarea .label-success, body.uc-clientarea .label.status-active { background: var(--gk-light-success) !important; color: #15803d !important; }
body.uc-clientarea .label-danger { background: var(--gk-light-danger) !important; color: #b91c1c !important; }
body.uc-clientarea .label-info { background: var(--gk-light-info) !important; color: #0369a1 !important; }
body.uc-clientarea .label-default { background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-700) !important; }
[data-bs-theme=dark] body.uc-clientarea .label-success, [data-bs-theme=dark] body.uc-clientarea .label.status-active { color: #86efac !important; }
[data-bs-theme=dark] body.uc-clientarea .label-danger { color: #fca5a5 !important; }
[data-bs-theme=dark] body.uc-clientarea .label-info { color: #7dd3fc !important; }
[data-bs-theme=dark] body.uc-clientarea .label-default { color: #cbd5e1 !important; }

/* Full-width pages (MarketConnect landing pages): WHMCS drops the container but keeps the row's negative margins */
body.uc-clientarea #main-body > div:not(.container) > .row { margin-left: 0; margin-right: 0; }
body.uc-clientarea #main-body > div:not(.container) > .row > .primary-content { padding-left: 0; padding-right: 0; }

/* Phones and tablets: the client area menu inside the website's mobile menu, at the top (one menu, not two) */
body.uc-clientarea .uc-site .navbar-nav > .uc-account-mobile { order: -1; margin: 0.25rem 0 0.75rem; padding: 0.9rem; border: 1px solid var(--gk-border-color); border-radius: 0.75rem; background: var(--gk-tertiary-bg); list-style: none; }
body.uc-clientarea .uc-account-mobile-name { display: flex; align-items: center; gap: 0.5rem; font-weight: 700; font-size: 0.95rem; color: var(--gk-heading-color, var(--gk-gray-900)); margin: 0 0 0.6rem; }
body.uc-clientarea .uc-account-mobile-name i { color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-account-mobile-name { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .uc-account-mobile-name i { color: #b6a6ff; }
body.uc-clientarea .uc-mnav { display: flex; flex-direction: column; gap: 0.15rem; margin-bottom: 0.75rem; }
body.uc-clientarea .uc-mnav-link, body.uc-clientarea .uc-mnav-group > summary {
    display: flex; align-items: center; gap: 0.6rem; min-height: 2.75rem; padding: 0.5rem 0.75rem; border-radius: 0.5rem;
    font-size: 0.9375rem; font-weight: 600; color: var(--gk-gray-800) !important; text-decoration: none; cursor: pointer; list-style: none;
}
body.uc-clientarea .uc-mnav-group > summary::-webkit-details-marker { display: none; }
body.uc-clientarea .uc-mnav-group > summary::after {
    content: ""; margin-left: auto; width: 0.5rem; height: 0.5rem; border: solid var(--gk-gray-500); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform 0.15s;
}
body.uc-clientarea .uc-mnav-group[open] > summary::after { transform: rotate(-135deg); }
body.uc-clientarea .uc-mnav-link:hover, body.uc-clientarea .uc-mnav-group > summary:hover, body.uc-clientarea .uc-mnav-group[open] > summary {
    background: var(--gk-card-background); color: var(--gk-primary) !important;
}
body.uc-clientarea .uc-mnav i { width: 1.1rem; text-align: center; color: var(--gk-gray-500); }
body.uc-clientarea .uc-mnav-group ul { list-style: none; margin: 0.15rem 0 0.4rem; padding: 0.25rem 0 0.25rem 0.75rem; border-left: 2px solid var(--gk-border-color); margin-left: 1.25rem; }
body.uc-clientarea .uc-mnav-group li a { display: block; padding: 0.55rem 0.75rem; border-radius: 0.375rem; font-size: 0.9rem; color: var(--gk-gray-700) !important; text-decoration: none; }
body.uc-clientarea .uc-mnav-group li a:hover { background: var(--gk-card-background); color: var(--gk-primary) !important; }
body.uc-clientarea .uc-mnav-sep { height: 1px; margin: 0.3rem 0.75rem; background: var(--gk-border-color); }
body.uc-clientarea .uc-mnav .badge { margin-left: 0.35rem; background: var(--gk-light-primary); color: var(--gk-primary); font-size: 0.7rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-mnav-link, [data-bs-theme=dark] body.uc-clientarea .uc-mnav-group > summary { color: #e2e8f0 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-mnav-group li a { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-mnav-link:hover, [data-bs-theme=dark] body.uc-clientarea .uc-mnav-group > summary:hover,
[data-bs-theme=dark] body.uc-clientarea .uc-mnav-group[open] > summary, [data-bs-theme=dark] body.uc-clientarea .uc-mnav-group li a:hover { color: #c4b8ff !important; background: #1e293b; }
body.uc-clientarea .uc-mnav-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
body.uc-clientarea .uc-mnav-actions .btn { width: 100%; }

/* Verification banner on phones: the message first, then the button, then nothing floating */
@media (max-width: 575.98px) {
    body.uc-clientarea .verification-banner .row > .order-1 { order: 1; flex: 1 1 0; max-width: none; }
    body.uc-clientarea .verification-banner .row > .order-3 { order: 2; flex: 0 0 auto; max-width: none; }
    body.uc-clientarea .verification-banner .row > div:not(.order-1):not(.order-3) { order: 3; margin-top: 0.5rem; }
    body.uc-clientarea .verification-banner .text { font-size: 0.875rem; }
}
/* Website mobile menu: full-width rows with the arrow on the right, one even divider per row */
@media (max-width: 1199.98px) {
    body.uc-clientarea .uc-site .navbar-collapse .navbar-nav { width: 100%; }
    body.uc-clientarea .uc-site .navbar-collapse .navbar-nav > .nav-item:not(.uc-account-mobile) { width: 100%; border-bottom: 1px solid var(--gk-border-color); }
    body.uc-clientarea .uc-site .navbar-collapse .navbar-nav > .nav-item > .nav-link {
        display: flex !important; align-items: center; justify-content: space-between; width: 100%; padding: 0.8rem 0.25rem !important; border: 0 !important;
    }
    body.uc-clientarea .uc-site .navbar-collapse .navbar-nav > .nav-item > .nav-link::after { margin-left: auto; }
    body.uc-clientarea .uc-site .navbar-collapse .navbar-nav > .nav-item > .nav-link.d-none, body.uc-clientarea .uc-site .navbar-collapse .navbar-nav > .nav-item > .nav-link.d-xl-flex,
    body.uc-clientarea .uc-site .navbar-collapse .navbar-nav > .nav-item > .nav-link.d-xl-block { display: none !important; }
}

/* Phones: Light / Dark / Auto inside the mobile menu (the header switcher only shows from 576px) */
body.uc-clientarea .uc-theme-seg {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.25rem; margin-top: 0.75rem; padding: 0.25rem;
    border: 1px solid var(--gk-border-color); border-radius: 0.5rem; background: var(--gk-card-background);
}
body.uc-clientarea .uc-theme-seg button {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-height: 2.5rem; border: 0; border-radius: 0.375rem;
    background: transparent; color: var(--gk-gray-700); font-size: 0.875rem; font-weight: 600;
}
body.uc-clientarea .uc-theme-seg button.active { background: var(--gk-primary); color: #fff; }
[data-bs-theme=dark] body.uc-clientarea .uc-theme-seg button { color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea .uc-theme-seg button.active { background: #6336f4; color: #fff; }
@media (min-width: 576px) { body.uc-clientarea .uc-theme-seg { display: none; } }
/* Guests: the account card holds Login/Register and the switch, same card look as for customers */
body.uc-clientarea .uc-site .navbar-nav > .uc-account-mobile .btn.w-100 { margin-bottom: 0.5rem; }

/* ---------- 19. Written content: announcements, KB articles, ticket messages (owner, 19 Oct 2026) ----------
   Editors save inline colours, fonts and white backgrounds into these (announcement 304 had color:#000 on every
   paragraph: black on dark). The theme's reading colours win in both modes; links, code and tables stay readable. */
body.uc-tpl-viewannouncement .card .py-5,
body.uc-tpl-knowledgebasearticle article,
body.uc-clientarea .ticket-reply .message,
body.uc-clientarea .message.markdown-content,
body.uc-clientarea .announcement-single .card-body { color: var(--gk-gray-800) !important; font-size: 1rem; line-height: 1.75; overflow-wrap: break-word; }
[data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5,
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article,
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message,
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content,
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body { color: #e2e8f0 !important; }
body.uc-tpl-viewannouncement .card .py-5 [style*="color"],
body.uc-tpl-knowledgebasearticle article [style*="color"],
body.uc-clientarea .ticket-reply .message [style*="color"],
body.uc-clientarea .message.markdown-content [style*="color"],
body.uc-clientarea .announcement-single .card-body [style*="color"],
body.uc-tpl-viewannouncement .card .py-5 font[color],
body.uc-tpl-knowledgebasearticle article font[color],
body.uc-clientarea .ticket-reply .message font[color],
body.uc-clientarea .message.markdown-content font[color],
body.uc-clientarea .announcement-single .card-body font[color] { color: inherit !important; }
body.uc-tpl-viewannouncement .card .py-5 [style*="font-family"],
body.uc-tpl-knowledgebasearticle article [style*="font-family"],
body.uc-clientarea .ticket-reply .message [style*="font-family"],
body.uc-clientarea .message.markdown-content [style*="font-family"],
body.uc-clientarea .announcement-single .card-body [style*="font-family"],
body.uc-tpl-viewannouncement .card .py-5 font[face],
body.uc-tpl-knowledgebasearticle article font[face],
body.uc-clientarea .ticket-reply .message font[face],
body.uc-clientarea .message.markdown-content font[face],
body.uc-clientarea .announcement-single .card-body font[face] { font-family: inherit !important; }
[data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 [style*="background"],
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article [style*="background"],
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message [style*="background"],
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content [style*="background"],
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body [style*="background"] { background-color: transparent !important; background-image: none !important; }
body.uc-tpl-viewannouncement .card .py-5 p,
body.uc-tpl-knowledgebasearticle article p,
body.uc-clientarea .ticket-reply .message p,
body.uc-clientarea .message.markdown-content p,
body.uc-clientarea .announcement-single .card-body p { margin: 0 0 1rem; }
body.uc-tpl-viewannouncement .card .py-5 h1,
body.uc-tpl-knowledgebasearticle article h1,
body.uc-clientarea .ticket-reply .message h1,
body.uc-clientarea .message.markdown-content h1,
body.uc-clientarea .announcement-single .card-body h1, body.uc-tpl-viewannouncement .card .py-5 h2,
body.uc-tpl-knowledgebasearticle article h2,
body.uc-clientarea .ticket-reply .message h2,
body.uc-clientarea .message.markdown-content h2,
body.uc-clientarea .announcement-single .card-body h2, body.uc-tpl-viewannouncement .card .py-5 h3,
body.uc-tpl-knowledgebasearticle article h3,
body.uc-clientarea .ticket-reply .message h3,
body.uc-clientarea .message.markdown-content h3,
body.uc-clientarea .announcement-single .card-body h3, body.uc-tpl-viewannouncement .card .py-5 h4,
body.uc-tpl-knowledgebasearticle article h4,
body.uc-clientarea .ticket-reply .message h4,
body.uc-clientarea .message.markdown-content h4,
body.uc-clientarea .announcement-single .card-body h4, body.uc-tpl-viewannouncement .card .py-5 strong,
body.uc-tpl-knowledgebasearticle article strong,
body.uc-clientarea .ticket-reply .message strong,
body.uc-clientarea .message.markdown-content strong,
body.uc-clientarea .announcement-single .card-body strong, body.uc-tpl-viewannouncement .card .py-5 b,
body.uc-tpl-knowledgebasearticle article b,
body.uc-clientarea .ticket-reply .message b,
body.uc-clientarea .message.markdown-content b,
body.uc-clientarea .announcement-single .card-body b { color: var(--gk-gray-900) !important; }
[data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 h1,
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article h1,
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message h1,
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content h1,
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body h1, [data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 h2,
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article h2,
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message h2,
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content h2,
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body h2, [data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 h3,
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article h3,
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message h3,
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content h3,
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body h3, [data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 h4,
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article h4,
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message h4,
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content h4,
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body h4, [data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 strong,
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article strong,
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message strong,
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content strong,
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body strong, [data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 b,
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article b,
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message b,
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content b,
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body b { color: #f8fafc !important; }
body.uc-tpl-viewannouncement .card .py-5 h2,
body.uc-tpl-knowledgebasearticle article h2,
body.uc-clientarea .ticket-reply .message h2,
body.uc-clientarea .message.markdown-content h2,
body.uc-clientarea .announcement-single .card-body h2, body.uc-tpl-viewannouncement .card .py-5 h3,
body.uc-tpl-knowledgebasearticle article h3,
body.uc-clientarea .ticket-reply .message h3,
body.uc-clientarea .message.markdown-content h3,
body.uc-clientarea .announcement-single .card-body h3 { margin: 1.75rem 0 0.75rem; font-weight: 700; line-height: 1.3; }
body.uc-tpl-viewannouncement .card .py-5 ul,
body.uc-tpl-knowledgebasearticle article ul,
body.uc-clientarea .ticket-reply .message ul,
body.uc-clientarea .message.markdown-content ul,
body.uc-clientarea .announcement-single .card-body ul, body.uc-tpl-viewannouncement .card .py-5 ol,
body.uc-tpl-knowledgebasearticle article ol,
body.uc-clientarea .ticket-reply .message ol,
body.uc-clientarea .message.markdown-content ol,
body.uc-clientarea .announcement-single .card-body ol { padding-left: 1.4rem; margin: 0 0 1rem; }
body.uc-tpl-viewannouncement .card .py-5 li,
body.uc-tpl-knowledgebasearticle article li,
body.uc-clientarea .ticket-reply .message li,
body.uc-clientarea .message.markdown-content li,
body.uc-clientarea .announcement-single .card-body li { margin-bottom: 0.4rem; }
body.uc-tpl-viewannouncement .card .py-5 a:not(.btn),
body.uc-tpl-knowledgebasearticle article a:not(.btn),
body.uc-clientarea .ticket-reply .message a:not(.btn),
body.uc-clientarea .message.markdown-content a:not(.btn),
body.uc-clientarea .announcement-single .card-body a:not(.btn) { color: var(--gk-primary) !important; text-decoration: underline; text-underline-offset: 2px; }
[data-bs-theme=dark] body.uc-tpl-viewannouncement .card .py-5 a:not(.btn),
[data-bs-theme=dark] body.uc-tpl-knowledgebasearticle article a:not(.btn),
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message a:not(.btn),
[data-bs-theme=dark] body.uc-clientarea .message.markdown-content a:not(.btn),
[data-bs-theme=dark] body.uc-clientarea .announcement-single .card-body a:not(.btn) { color: #c4b8ff !important; }
body.uc-tpl-viewannouncement .card .py-5 img,
body.uc-tpl-knowledgebasearticle article img,
body.uc-clientarea .ticket-reply .message img,
body.uc-clientarea .message.markdown-content img,
body.uc-clientarea .announcement-single .card-body img { max-width: 100%; height: auto; border-radius: 0.375rem; }
body.uc-tpl-viewannouncement .card .py-5 table,
body.uc-tpl-knowledgebasearticle article table,
body.uc-clientarea .ticket-reply .message table,
body.uc-clientarea .message.markdown-content table,
body.uc-clientarea .announcement-single .card-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin-bottom: 1rem; }
body.uc-tpl-viewannouncement .card .py-5 td,
body.uc-tpl-knowledgebasearticle article td,
body.uc-clientarea .ticket-reply .message td,
body.uc-clientarea .message.markdown-content td,
body.uc-clientarea .announcement-single .card-body td, body.uc-tpl-viewannouncement .card .py-5 th,
body.uc-tpl-knowledgebasearticle article th,
body.uc-clientarea .ticket-reply .message th,
body.uc-clientarea .message.markdown-content th,
body.uc-clientarea .announcement-single .card-body th { border: 1px solid var(--gk-border-color) !important; padding: 0.5rem 0.75rem; }
body.uc-tpl-viewannouncement .card .py-5 blockquote,
body.uc-tpl-knowledgebasearticle article blockquote,
body.uc-clientarea .ticket-reply .message blockquote,
body.uc-clientarea .message.markdown-content blockquote,
body.uc-clientarea .announcement-single .card-body blockquote { margin: 0 0 1rem; padding: 0.75rem 1rem; border-left: 3px solid var(--gk-primary); background: var(--gk-tertiary-bg) !important; border-radius: 0 0.375rem 0.375rem 0; }
body.uc-tpl-viewannouncement .card .py-5 hr,
body.uc-tpl-knowledgebasearticle article hr,
body.uc-clientarea .ticket-reply .message hr,
body.uc-clientarea .message.markdown-content hr,
body.uc-clientarea .announcement-single .card-body hr { border-top: 1px solid var(--gk-border-color); }

body.uc-tpl-viewannouncement .card .py-5 li,
body.uc-tpl-knowledgebasearticle article li,
body.uc-clientarea .ticket-reply .message li,
body.uc-clientarea .message.markdown-content li,
body.uc-clientarea .announcement-single .card-body li { color: inherit !important; }

/* KB tags and article info rows wrap (a long tag was 1,332px wide and pushed the page sideways) */
body.uc-clientarea .badge-pill { white-space: normal; max-width: 100%; text-align: left; overflow-wrap: anywhere; line-height: 1.35; }
body.uc-clientarea .list-inline-item { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
body.uc-clientarea #main-body pre:focus-visible { outline: 2px solid var(--gk-primary); outline-offset: 2px; }
/* Links inside sentences are underlined, not told apart by colour alone (Register terms, help text) */
body.uc-clientarea .form-check a, body.uc-clientarea .form-text a, body.uc-clientarea p a:not(.btn) { text-decoration: underline; text-underline-offset: 2px; }

/* ---------- 20. Help pages like ucartz.com/blog: KB home and categories, announcements, downloads (owner, 19 Oct 2026) ---------- */
/* Full width: the quick links in the hero replace the sidebar on these list pages */
body.uc-tpl-knowledgebase #main-body .row > .col-lg-4.col-xl-3, body.uc-tpl-knowledgebasecat #main-body .row > .col-lg-4.col-xl-3,
body.uc-tpl-announcements #main-body .row > .col-lg-4.col-xl-3, body.uc-tpl-downloads #main-body .row > .col-lg-4.col-xl-3,
body.uc-tpl-downloadscat #main-body .row > .col-lg-4.col-xl-3,
body.uc-tpl-knowledgebase .sidebar-secondary, body.uc-tpl-knowledgebasecat .sidebar-secondary, body.uc-tpl-announcements .sidebar-secondary,
body.uc-tpl-downloads .sidebar-secondary, body.uc-tpl-downloadscat .sidebar-secondary { display: none !important; }
body.uc-tpl-knowledgebase .primary-content, body.uc-tpl-knowledgebasecat .primary-content, body.uc-tpl-announcements .primary-content,
body.uc-tpl-downloads .primary-content, body.uc-tpl-downloadscat .primary-content { flex: 0 0 100% !important; max-width: 100% !important; }

/* Hero */
body.uc-clientarea .uc-hub-hero {
    position: relative; text-align: center; padding: 2.75rem 1.25rem 2rem; margin: 0 0 2rem; border-radius: 16px; border: 1px solid var(--gk-border-color);
    background-color: var(--gk-card-background);
    background-image: radial-gradient(rgba(99, 54, 244, 0.14) 1px, transparent 1px); background-size: 18px 18px;
}
[data-bs-theme=dark] body.uc-clientarea .uc-hub-hero { background-image: radial-gradient(rgba(157, 136, 255, 0.14) 1px, transparent 1px); }
body.uc-clientarea .uc-hub-eyebrow { display: block; font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #c2410c; margin-bottom: 0.5rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-eyebrow { color: #ff8a5c; }
body.uc-clientarea .uc-hub-title { font-size: clamp(1.6rem, 3.4vw, 2.5rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; margin: 0 auto; max-width: 46rem; color: var(--gk-gray-900); }
body.uc-clientarea .uc-hub-title span { color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-title { color: #f8fafc; }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-title span { color: #b6a6ff; }
body.uc-clientarea .uc-hub-bar { display: block; width: 4.5rem; height: 3px; border-radius: 3px; background: #ff5a1f; margin: 0.9rem auto 1rem; }
body.uc-clientarea .uc-hub-lead { max-width: 40rem; margin: 0 auto 1.25rem; font-size: 1.0625rem; line-height: 1.6; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-lead { color: #cbd5e1; }
body.uc-clientarea .uc-hub-search { display: flex; max-width: 36rem; margin: 0 auto 1.25rem; border: 1px solid var(--gk-input-border); border-radius: 0.5rem; overflow: hidden; background: var(--gk-input-bg); }
body.uc-clientarea .uc-hub-search:focus-within { border-color: var(--gk-primary); box-shadow: 0 0 0 0.25rem rgba(99, 54, 244, 0.15); }
body.uc-clientarea .uc-hub-search .form-control { border: 0 !important; box-shadow: none !important; min-height: 3rem; font-size: 1rem; border-radius: 0 !important; background: transparent !important; }
body.uc-clientarea .uc-hub-search .btn { border-radius: 0 !important; display: inline-flex; align-items: center; gap: 0.45rem; padding: 0 1.25rem !important; }
body.uc-clientarea .uc-hub-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; }
body.uc-clientarea .uc-hub-links a {
    display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.4rem 0.9rem; border-radius: 999px; font-size: 0.875rem; font-weight: 600;
    color: var(--gk-gray-700) !important; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); text-decoration: none !important;
}
body.uc-clientarea .uc-hub-links a:hover { border-color: var(--gk-primary); color: var(--gk-primary) !important; }
body.uc-clientarea .uc-hub-links a.active { background: var(--gk-primary); border-color: var(--gk-primary); color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-links a { color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-links a.active { background: #6336f4; border-color: #6336f4; color: #fff !important; }

/* Sections */
body.uc-clientarea .uc-hub-section { margin-bottom: 2.25rem; }
body.uc-clientarea .uc-hub-section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; }
body.uc-clientarea .uc-hub-section-head .uc-hub-h2 { margin: 0; }
body.uc-clientarea .uc-hub-h2 { display: flex; align-items: center; gap: 0.55rem; font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 1rem; color: var(--gk-gray-900); }
body.uc-clientarea .uc-hub-h2 i { color: var(--gk-primary); font-size: 1.05rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-h2 { color: #f8fafc; }
[data-bs-theme=dark] body.uc-clientarea .uc-hub-h2 i { color: #b6a6ff; }
body.uc-clientarea .uc-kb-filter { position: relative; margin: 0; min-width: min(18rem, 100%); }
body.uc-clientarea .uc-kb-filter i { position: absolute; left: 0.85rem; top: 50%; transform: translateY(-50%); color: var(--gk-gray-500); font-size: 0.85rem; }
body.uc-clientarea .uc-kb-filter .form-control { padding-left: 2.2rem !important; min-height: 2.5rem; }

/* Category cards */
body.uc-clientarea .uc-kb-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 1rem; }
body.uc-clientarea .uc-kb-cat { position: relative; display: flex; }
body.uc-clientarea .uc-kb-cat > a {
    display: grid; grid-template-columns: auto 1fr; grid-template-areas: "icon body" "icon count"; column-gap: 0.9rem; row-gap: 0.6rem; width: 100%;
    padding: 1.15rem 1.15rem 1rem; border-radius: 16px; background: var(--gk-card-background); border: 1px solid var(--gk-border-color);
    text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}
body.uc-clientarea .uc-kb-cat > a:hover { transform: translateY(-3px); border-color: var(--gk-primary); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.07); }
body.uc-clientarea .uc-kb-cat-icon { grid-area: icon; width: 2.6rem; height: 2.6rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; background: var(--gk-light-primary); color: var(--gk-primary); font-size: 1.05rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-cat-icon { background: rgba(157, 136, 255, 0.14); color: #b6a6ff; }
body.uc-clientarea .uc-kb-cat-body { grid-area: body; display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
body.uc-clientarea .uc-kb-cat-name { font-size: 1rem; font-weight: 700; line-height: 1.35; color: var(--gk-gray-900); }
body.uc-clientarea .uc-kb-cat-desc { font-size: 0.8125rem; line-height: 1.5; color: var(--gk-gray-600); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-cat-name { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-cat-desc { color: #94a3b8; }
body.uc-clientarea .uc-kb-cat-count { grid-area: count; justify-self: start; align-self: end; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 0.25rem 0.6rem; border-radius: 999px; background: var(--gk-light-primary); color: #5b2ee0; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-cat-count { background: rgba(157, 136, 255, 0.14); color: #c4b8ff; }
body.uc-clientarea .uc-kb-edit { position: absolute; top: 0.6rem; right: 0.6rem; z-index: 2; }
body.uc-clientarea .uc-kb-nomatch { margin: 1rem 0 0; color: var(--gk-gray-600); }

/* Popular articles: numbered list */
body.uc-clientarea .uc-kb-popular { list-style: none; counter-reset: ucpop; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr)); gap: 0.6rem 1.25rem; }
body.uc-clientarea .uc-kb-popular li { counter-increment: ucpop; display: flex; align-items: center; gap: 0.5rem; }
body.uc-clientarea .uc-kb-popular a {
    flex: 1 1 auto; display: flex; align-items: center; gap: 0.85rem; padding: 0.75rem 1rem; border-radius: 0.75rem; text-decoration: none !important;
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); color: var(--gk-gray-800) !important; font-weight: 600; font-size: 0.9375rem; line-height: 1.4;
}
body.uc-clientarea .uc-kb-popular a::before { content: counter(ucpop); flex: 0 0 1.75rem; height: 1.75rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; font-weight: 800; background: #ffe6dd; color: #c2410c; }
body.uc-clientarea .uc-kb-popular a i { margin-left: auto; color: var(--gk-gray-400); }
body.uc-clientarea .uc-kb-popular a:hover { border-color: var(--gk-primary); color: var(--gk-primary) !important; }
body.uc-clientarea .uc-kb-popular a:hover i { color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-popular a { color: #e2e8f0 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-popular a::before { background: rgba(255, 138, 92, 0.16); color: #ffb08f; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-popular a:hover { color: #c4b8ff !important; }

/* Article and file rows */
body.uc-clientarea .uc-kb-list { display: flex; flex-direction: column; gap: 0.6rem; }
body.uc-clientarea .uc-kb-row {
    display: flex; align-items: flex-start; gap: 0.9rem; padding: 1rem 1.15rem; border-radius: 0.75rem; text-decoration: none !important;
    background: var(--gk-card-background); border: 1px solid var(--gk-border-color); transition: border-color 0.15s, box-shadow 0.15s;
}
body.uc-clientarea .uc-kb-row:hover { border-color: var(--gk-primary); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06); }
body.uc-clientarea .uc-kb-row-icon { flex: 0 0 2.25rem; height: 2.25rem; border-radius: 0.6rem; display: flex; align-items: center; justify-content: center; background: var(--gk-tertiary-bg); color: var(--gk-gray-500); }
body.uc-clientarea .uc-kb-row:hover .uc-kb-row-icon { background: var(--gk-light-primary); color: var(--gk-primary); }
body.uc-clientarea .uc-dl-icon img { max-width: 1.25rem; max-height: 1.25rem; }
body.uc-clientarea .uc-kb-row-body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.35rem; }
body.uc-clientarea .uc-kb-row-title { font-size: 1rem; font-weight: 700; line-height: 1.4; color: var(--gk-gray-900); }
body.uc-clientarea .uc-kb-row:hover .uc-kb-row-title { color: var(--gk-primary); }
body.uc-clientarea .uc-kb-row-meta { display: flex; flex-wrap: wrap; gap: 0.4rem; }
body.uc-clientarea .uc-kb-date, body.uc-clientarea .uc-kb-applies, body.uc-clientarea .uc-dl-lock {
    display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; font-weight: 600; padding: 0.15rem 0.55rem; border-radius: 999px; line-height: 1.5;
}
body.uc-clientarea .uc-kb-date { background: #dcfce7; color: #166534; }
body.uc-clientarea .uc-kb-applies { background: var(--gk-tertiary-bg); color: var(--gk-gray-700); border: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-dl-lock { background: var(--gk-light-danger); color: #b91c1c; }
body.uc-clientarea .uc-kb-row-excerpt { font-size: 0.875rem; line-height: 1.55; color: var(--gk-gray-600); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.uc-clientarea .uc-kb-row-go { margin-top: 0.55rem; color: var(--gk-gray-400); }
body.uc-clientarea .uc-kb-row:hover .uc-kb-row-go { color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-row-title { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-row:hover .uc-kb-row-title { color: #c4b8ff; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-row-excerpt { color: #94a3b8; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-row-icon { background: #172033; color: #94a3b8; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-row:hover .uc-kb-row-icon { background: rgba(157, 136, 255, 0.14); color: #c4b8ff; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-date { background: rgba(74, 222, 128, 0.12); color: #86efac; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-applies { color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea .uc-dl-lock { color: #fca5a5; }
body.uc-clientarea .uc-kb-empty { padding: 1.25rem; border-radius: 0.75rem; border: 1px dashed var(--gk-border-color); color: var(--gk-gray-600); text-align: center; }
body.uc-clientarea .uc-hub-foot { display: flex; gap: 0.5rem; margin-top: 0.5rem; }

/* Announcement cards */
body.uc-clientarea .uc-ann-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 1.25rem; }
body.uc-clientarea .uc-ann-card {
    display: flex; flex-direction: column; gap: 0.6rem; padding: 1.4rem 1.4rem 1.2rem; border-radius: 16px; background: var(--gk-card-background);
    border: 1px solid var(--gk-border-color); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; margin: 0;
}
body.uc-clientarea .uc-ann-card:hover { transform: translateY(-3px); border-color: var(--gk-primary); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.07); }
body.uc-clientarea .uc-ann-date { align-self: flex-start; display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 0.25rem 0.65rem; border-radius: 999px; background: var(--gk-light-primary); color: #5b2ee0; }
[data-bs-theme=dark] body.uc-clientarea .uc-ann-date { background: rgba(157, 136, 255, 0.14); color: #c4b8ff; }
body.uc-clientarea .uc-ann-title { font-size: 1.15rem !important; font-weight: 800; line-height: 1.35; letter-spacing: -0.01em; margin: 0; }
body.uc-clientarea .uc-ann-title a { color: var(--gk-gray-900) !important; text-decoration: none !important; }
body.uc-clientarea .uc-ann-title a:hover { color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ann-title a { color: #f8fafc !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ann-title a:hover { color: #c4b8ff !important; }
body.uc-clientarea .uc-ann-excerpt { flex: 1 1 auto; font-size: 0.9375rem; line-height: 1.6; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .uc-ann-excerpt { color: #cbd5e1; }
body.uc-clientarea .uc-ann-foot { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding-top: 0.75rem; border-top: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-ann-more { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 700; font-size: 0.875rem; color: var(--gk-primary) !important; text-decoration: none !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ann-more { color: #c4b8ff !important; }
body.uc-clientarea .uc-hub-pager .pagination { justify-content: center; }

@media (max-width: 575.98px) {
    body.uc-clientarea .uc-hub-hero { padding: 2rem 1rem 1.5rem; border-radius: 12px; }
    body.uc-clientarea .uc-hub-links a { font-size: 0.8125rem; padding: 0.35rem 0.75rem; }
    body.uc-clientarea .uc-kb-popular { grid-template-columns: 1fr; }
    body.uc-clientarea .uc-kb-row { padding: 0.9rem; gap: 0.75rem; }
    body.uc-clientarea .uc-kb-row-go { display: none; }
    body.uc-clientarea .uc-kb-filter { width: 100%; }
}

/* ---------- 21. Ticket statuses (owner, 19 Oct 2026): one soft pill per status, readable in both modes. The two that
   need the customer (Waiting for Customer Reply, Account Due) are bold, carry a pulsing dot and mark their row. ---------- */
body.uc-clientarea .uc-ts {
    display: inline-flex !important; align-items: center; gap: 0.35rem; padding: 0.3rem 0.7rem !important; border-radius: 999px !important;
    font-size: 0.75rem !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: 0.01em; white-space: nowrap; text-shadow: none;
    background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-700) !important; border: 1px solid transparent;
}
body.uc-clientarea .uc-ts-open { background: #dcfce7 !important; color: #166534 !important; }
body.uc-clientarea .uc-ts-answered { background: #ebe7ff !important; color: #4c1fd6 !important; }
body.uc-clientarea .uc-ts-customer-reply { background: #ccfbf1 !important; color: #115e59 !important; }
body.uc-clientarea .uc-ts-in-progress { background: #dbeafe !important; color: #1e40af !important; }
body.uc-clientarea .uc-ts-on-hold { background: #e2e8f0 !important; color: #334155 !important; }
body.uc-clientarea .uc-ts-overdue { background: #fee2e2 !important; color: #b91c1c !important; }
body.uc-clientarea .uc-ts-closed { background: #f1f5f9 !important; color: #475569 !important; border-color: #e2e8f0; }
body.uc-clientarea .uc-ts-waiting-for-customer-reply { background: #fef3c7 !important; color: #92400e !important; border-color: #fcd34d; font-weight: 700 !important; }
body.uc-clientarea .uc-ts-account-due { background: #ffe4e6 !important; color: #be123c !important; border-color: #fda4af; font-weight: 700 !important; }
/* Attention dot (calm pulse; still for visitors who prefer reduced motion) */
body.uc-clientarea .uc-ts-waiting-for-customer-reply::before, body.uc-clientarea .uc-ts-account-due::before {
    content: ""; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 0 currentColor; animation: uc-ts-pulse 2s ease-out infinite;
}
@keyframes uc-ts-pulse { 0% { box-shadow: 0 0 0 0 rgba(217, 119, 6, 0.45); } 70% { box-shadow: 0 0 0 6px rgba(217, 119, 6, 0); } 100% { box-shadow: 0 0 0 0 rgba(217, 119, 6, 0); } }
@media (prefers-reduced-motion: reduce) { body.uc-clientarea .uc-ts::before { animation: none !important; } }

[data-bs-theme=dark] body.uc-clientarea .uc-ts { background: #172033 !important; color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-open { background: rgba(74, 222, 128, 0.13) !important; color: #86efac !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-answered { background: rgba(157, 136, 255, 0.16) !important; color: #c4b8ff !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-customer-reply { background: rgba(45, 212, 191, 0.13) !important; color: #5eead4 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-in-progress { background: rgba(96, 165, 250, 0.15) !important; color: #93c5fd !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-on-hold { background: rgba(148, 163, 184, 0.16) !important; color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-overdue { background: rgba(248, 113, 113, 0.15) !important; color: #fca5a5 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-closed { background: transparent !important; color: #94a3b8 !important; border-color: #334155; }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-waiting-for-customer-reply { background: rgba(251, 191, 36, 0.16) !important; color: #fcd34d !important; border-color: rgba(251, 191, 36, 0.45); }
[data-bs-theme=dark] body.uc-clientarea .uc-ts-account-due { background: rgba(251, 113, 133, 0.16) !important; color: #fda4af !important; border-color: rgba(251, 113, 133, 0.45); }

/* Ticket list rows that need the customer: a coloured edge and a faint tint, so they stand out in a long list */
body.uc-clientarea tr.uc-ts-row-waiting-for-customer-reply > td:first-child { box-shadow: inset 3px 0 0 #f59e0b; }
body.uc-clientarea tr.uc-ts-row-account-due > td:first-child { box-shadow: inset 3px 0 0 #e11d48; }
body.uc-clientarea tr.uc-ts-row-waiting-for-customer-reply > td { background: rgba(245, 158, 11, 0.06) !important; }
body.uc-clientarea tr.uc-ts-row-account-due > td { background: rgba(225, 29, 72, 0.05) !important; }
body.uc-clientarea tr.uc-ts-row-closed > td { color: var(--gk-gray-500); }
body.uc-clientarea tr.uc-ts-row-closed .ticket-subject { font-weight: 400; }
body.uc-clientarea .uc-ts-account-due::before { animation-name: uc-ts-pulse-rose; }
@keyframes uc-ts-pulse-rose { 0% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(225, 29, 72, 0); } 100% { box-shadow: 0 0 0 0 rgba(225, 29, 72, 0); } }
/* Ticket list on phones: subject and status first; department hidden, the date as a small line, long statuses wrap */
@media (max-width: 575.98px) {
    body.uc-clientarea #tableTicketsList th:first-child, body.uc-clientarea #tableTicketsList td:first-child { display: none; }
    body.uc-clientarea #tableTicketsList th:last-child { display: none; }
    body.uc-clientarea #tableTicketsList tr { display: grid; grid-template-columns: 1fr auto; column-gap: 0.75rem; align-items: center; }
    body.uc-clientarea #tableTicketsList td { border: 0 !important; padding: 0.35rem 0.5rem !important; }
    body.uc-clientarea #tableTicketsList tbody tr { padding: 0.5rem 0.25rem; border-bottom: 1px solid var(--gk-border-color); }
    body.uc-clientarea #tableTicketsList td:last-child { grid-column: 1 / -1; text-align: left !important; font-size: 0.75rem; color: var(--gk-gray-500); padding-top: 0 !important; }
    body.uc-clientarea #tableTicketsList thead tr { display: none; }
    body.uc-clientarea #tableTicketsList .uc-ts { white-space: normal; text-align: center; max-width: 9.5rem; }
    /* attention rows: one tint and one edge for the whole row (cells stay transparent) */
    body.uc-clientarea #tableTicketsList tr.uc-ts-row-waiting-for-customer-reply { background: rgba(245, 158, 11, 0.08); box-shadow: inset 3px 0 0 #f59e0b; }
    body.uc-clientarea #tableTicketsList tr.uc-ts-row-account-due { background: rgba(225, 29, 72, 0.07); box-shadow: inset 3px 0 0 #e11d48; }
    body.uc-clientarea #tableTicketsList tr > td, body.uc-clientarea #tableTicketsList tr > td:first-child { background: transparent !important; box-shadow: none !important; }
    body.uc-clientarea #tableTicketsList a.border-left { border-left: 0 !important; padding-left: 0 !important; }
    [data-bs-theme=dark] body.uc-clientarea #tableTicketsList td:last-child { color: #a8b5c7; }
}

/* Client portal home (homepage.tpl): help and account tiles, compact product group cards */
body.uc-clientarea .uc-home-section { margin: 0 0 2.5rem; }
body.uc-clientarea .uc-home-h2 { text-align: center; font-size: clamp(1.35rem, 2.6vw, 1.75rem); font-weight: 800; letter-spacing: -0.02em; margin: 0 0 1.25rem; color: var(--gk-gray-900); }
[data-bs-theme=dark] body.uc-clientarea .uc-home-h2 { color: #f8fafc; }
body.uc-clientarea .uc-tiles { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
body.uc-clientarea .uc-tiles > a {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.7rem; min-height: 8.5rem; padding: 1.25rem 0.75rem; text-align: center;
    border-radius: 16px; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    font-weight: 700; font-size: 0.9375rem; line-height: 1.3; color: var(--gk-gray-900) !important; text-decoration: none !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
body.uc-clientarea .uc-tiles > a:hover { transform: translateY(-3px); border-color: var(--gk-primary); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.07); color: var(--gk-primary) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-tiles > a { color: #f1f5f9 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-tiles > a:hover { color: #c4b8ff !important; }
body.uc-clientarea .uc-tile-icon { width: 3rem; height: 3rem; border-radius: 0.85rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; background: var(--gk-light-primary); color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-tile-icon { background: rgba(157, 136, 255, 0.14); color: #c4b8ff; }
body.uc-clientarea .uc-groups .uc-kb-cat-count i { margin-left: 0.25rem; }
@media (max-width: 991.98px) { body.uc-clientarea .uc-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-home-section { margin-bottom: 2rem; }
    body.uc-clientarea .uc-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
    body.uc-clientarea .uc-tiles > a { min-height: 6.75rem; padding: 1rem 0.5rem; font-size: 0.875rem; gap: 0.5rem; }
    body.uc-clientarea .uc-tiles > a:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; min-height: 0; }
    body.uc-clientarea .uc-tile-icon { width: 2.5rem; height: 2.5rem; font-size: 1.05rem; }
    /* product groups: compact rows on phones (name and Browse), tagline hidden */
    body.uc-clientarea .uc-groups { grid-template-columns: 1fr; gap: 0.5rem; }
    body.uc-clientarea .uc-groups .uc-kb-cat > a { grid-template-columns: auto 1fr auto; grid-template-areas: "icon body count"; align-items: center; padding: 0.75rem 0.9rem; border-radius: 12px; }
    body.uc-clientarea .uc-groups .uc-kb-cat-desc { display: none; }
    body.uc-clientarea .uc-groups .uc-kb-cat-icon { width: 2.1rem; height: 2.1rem; font-size: 0.9rem; }
    body.uc-clientarea .uc-groups .uc-kb-cat-name { font-size: 0.9375rem; }
    body.uc-clientarea .uc-groups .uc-kb-cat-count { align-self: center; font-size: 0; padding: 0.4rem 0.55rem; }
    body.uc-clientarea .uc-groups .uc-kb-cat-count i { font-size: 0.85rem; margin: 0; }
}

/* ---------- 22. Affiliates (affiliates.tpl, affiliatessignup.tpl) ---------- */
body.uc-clientarea .uc-aff-hero {
    display: flex; align-items: center; gap: 1.25rem; padding: 1.5rem; margin-bottom: 1.25rem; border-radius: 16px; border: 1px solid var(--gk-border-color);
    background-color: var(--gk-card-background); background-image: radial-gradient(rgba(99, 54, 244, 0.12) 1px, transparent 1px); background-size: 18px 18px;
}
[data-bs-theme=dark] body.uc-clientarea .uc-aff-hero { background-image: radial-gradient(rgba(157, 136, 255, 0.12) 1px, transparent 1px); }
body.uc-clientarea .uc-aff-hero-icon { flex: 0 0 3.5rem; height: 3.5rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; background: var(--gk-primary); color: #fff; box-shadow: 0 10px 24px rgba(99, 54, 244, 0.25); }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-hero-icon { background: #6336f4; }
body.uc-clientarea .uc-aff-hero-body { flex: 1 1 auto; min-width: 0; }
body.uc-clientarea .uc-aff-title { font-size: 1.25rem; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 0.6rem; color: var(--gk-gray-900); }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-title { color: #f8fafc; }
body.uc-clientarea .uc-aff-lead { margin: 0; color: var(--gk-gray-600); font-size: 1rem; line-height: 1.6; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-lead { color: #cbd5e1; }
body.uc-clientarea .uc-aff-link { display: flex; gap: 0.5rem; }
body.uc-clientarea .uc-aff-link .form-control { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.875rem !important; background: var(--gk-input-bg) !important; }
body.uc-clientarea .uc-aff-link .btn { display: inline-flex; align-items: center; gap: 0.4rem; white-space: nowrap; }
body.uc-clientarea .uc-aff-link .btn.uc-copied { background: #15803d !important; border-color: #15803d !important; }
body.uc-clientarea .uc-aff-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.25rem; }
body.uc-clientarea .uc-aff-stat {
    display: grid; grid-template-columns: auto 1fr; grid-template-areas: "ico num" "ico lbl"; column-gap: 0.9rem; align-items: center;
    padding: 1.1rem 1.2rem; border-radius: 16px; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}
body.uc-clientarea .uc-aff-stat-key { border-color: var(--gk-primary); box-shadow: 0 0 0 1px var(--gk-primary); }
body.uc-clientarea .uc-aff-ico { grid-area: ico; width: 2.75rem; height: 2.75rem; border-radius: 0.8rem; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
body.uc-clientarea .uc-aff-ico-a { background: #ebe7ff; color: #5b2ee0; }
body.uc-clientarea .uc-aff-ico-b { background: #e0f2fe; color: #0369a1; }
body.uc-clientarea .uc-aff-ico-c { background: #dcfce7; color: #15803d; }
body.uc-clientarea .uc-aff-ico-d { background: #fef3c7; color: #92400e; }
body.uc-clientarea .uc-aff-ico-e { background: #ffe6dd; color: #c2410c; }
body.uc-clientarea .uc-aff-ico-f { background: #e2e8f0; color: #334155; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-ico-a { background: rgba(157, 136, 255, 0.15); color: #c4b8ff; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-ico-b { background: rgba(56, 189, 248, 0.14); color: #7dd3fc; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-ico-c { background: rgba(74, 222, 128, 0.13); color: #86efac; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-ico-d { background: rgba(251, 191, 36, 0.14); color: #fcd34d; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-ico-e { background: rgba(255, 138, 92, 0.14); color: #ffb08f; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-ico-f { background: rgba(148, 163, 184, 0.15); color: #cbd5e1; }
body.uc-clientarea .uc-aff-num { grid-area: num; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; color: var(--gk-gray-900); overflow-wrap: anywhere; }
body.uc-clientarea .uc-aff-lbl { grid-area: lbl; font-size: 0.8125rem; font-weight: 600; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-num { color: #f8fafc; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-lbl { color: #94a3b8; }
body.uc-clientarea .uc-aff-withdraw {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; margin-bottom: 2rem;
    border-radius: 16px; background: var(--gk-tertiary-bg); border: 1px solid var(--gk-border-color);
}
body.uc-clientarea .uc-aff-withdraw-title { font-size: 1rem; font-weight: 700; margin: 0; color: var(--gk-gray-900); }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-withdraw-title { color: #f1f5f9; }
body.uc-clientarea .uc-aff-note { margin: 0.5rem 0 0; font-size: 0.875rem; line-height: 1.55; color: var(--gk-gray-600); max-width: 38rem; }
body.uc-clientarea .uc-aff-withdraw-title span { color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-withdraw-title span { color: #c4b8ff; }
body.uc-clientarea .uc-aff-withdraw > div { flex: 1 1 18rem; min-width: 0; }
[data-bs-theme=dark] body.uc-clientarea .uc-aff-note { color: #94a3b8; }
body.uc-clientarea .uc-aff-withdraw form { margin: 0; }
body.uc-clientarea .uc-aff-withdraw .btn { display: inline-flex; align-items: center; gap: 0.45rem; }
body.uc-clientarea .uc-aff-linkcode { padding: 1.25rem; border-radius: 16px; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); text-align: center; }
body.uc-clientarea .uc-aff-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
body.uc-clientarea .uc-aff-benefit { display: flex; flex-direction: column; gap: 0.75rem; padding: 1.25rem; border-radius: 16px; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-aff-benefit .uc-aff-ico { grid-area: auto; }
body.uc-clientarea .uc-aff-benefit p { margin: 0; color: var(--gk-body-color); line-height: 1.6; }
body.uc-clientarea .uc-aff-activate { text-align: center; }
body.uc-clientarea .uc-aff-activate .btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 2rem !important; }
@media (max-width: 767.98px) {
    body.uc-clientarea .uc-aff-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; }
    body.uc-clientarea .uc-aff-benefits { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-aff-hero { flex-direction: column; align-items: flex-start; padding: 1.15rem; }
    body.uc-clientarea .uc-aff-link { flex-direction: column; }
    body.uc-clientarea .uc-aff-stat { padding: 0.9rem; grid-template-columns: 1fr; grid-template-areas: "ico" "num" "lbl"; row-gap: 0.4rem; }
    body.uc-clientarea .uc-aff-num { font-size: 1.2rem; }
    body.uc-clientarea .uc-aff-withdraw .btn { width: 100%; justify-content: center; }
    body.uc-clientarea .uc-aff-withdraw form { width: 100%; }
}
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-aff-hero-icon { flex: none; width: 3rem; height: 3rem; font-size: 1.25rem; }
    body.uc-clientarea .uc-aff-hero-body { width: 100%; }
    body.uc-clientarea .uc-aff-link .btn { justify-content: center; }
    /* referrals on phones: product and status, then date, amount and commission on one small line */
    body.uc-clientarea #tableAffiliatesList thead { display: none; }
    body.uc-clientarea #tableAffiliatesList tr { display: grid; grid-template-columns: 1fr 1fr 1fr auto; grid-template-areas: "prod prod prod st" "date amt com com"; column-gap: 0.5rem; row-gap: 0.15rem; padding: 0.65rem 0.25rem; border-bottom: 1px solid var(--gk-border-color); text-align: left !important; }
    body.uc-clientarea #tableAffiliatesList td { border: 0 !important; padding: 0 0.4rem !important; text-align: left !important; font-size: 0.8125rem; }
    body.uc-clientarea #tableAffiliatesList td:nth-child(1) { grid-area: date; color: var(--gk-gray-500); }
    body.uc-clientarea #tableAffiliatesList td:nth-child(2) { grid-area: prod; font-weight: 700; font-size: 0.9rem; color: var(--gk-gray-900); }
    body.uc-clientarea #tableAffiliatesList td:nth-child(3) { grid-area: amt; }
    body.uc-clientarea #tableAffiliatesList td:nth-child(4) { grid-area: com; font-weight: 700; }
    body.uc-clientarea #tableAffiliatesList td:nth-child(5) { grid-area: st; align-self: start; }
    [data-bs-theme=dark] body.uc-clientarea #tableAffiliatesList td:nth-child(1) { color: #a8b5c7; }
    [data-bs-theme=dark] body.uc-clientarea #tableAffiliatesList td:nth-child(2) { color: #f1f5f9; }
}

/* Add Funds (clientareaaddfunds.tpl) */
body.uc-clientarea .uc-funds { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 1.25rem; align-items: start; max-width: 60rem; margin: 0 auto; }
body.uc-clientarea .uc-funds-form, body.uc-clientarea .uc-funds-limits { padding: 1.5rem; border-radius: 16px; background: var(--gk-card-background); border: 1px solid var(--gk-border-color); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); }
body.uc-clientarea .uc-funds-head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
body.uc-clientarea .uc-funds-icon, body.uc-clientarea .uc-credit-icon { flex: 0 0 auto; width: 2.75rem; height: 2.75rem; border-radius: 0.8rem; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; background: var(--gk-light-primary); color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-funds-icon, [data-bs-theme=dark] body.uc-clientarea .uc-credit-icon { background: rgba(157, 136, 255, 0.15); color: #c4b8ff; }
body.uc-clientarea .uc-funds-title { font-size: 1.25rem; font-weight: 800; margin: 0; color: var(--gk-gray-900); }
[data-bs-theme=dark] body.uc-clientarea .uc-funds-title { color: #f8fafc; }
body.uc-clientarea .uc-funds-amount { font-size: 1.25rem !important; font-weight: 700; min-height: 3rem; }
body.uc-clientarea .uc-funds-form .btn-lg { margin-top: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; }
body.uc-clientarea .uc-funds-limits .uc-facts { grid-template-columns: 1fr 1fr; }
body.uc-clientarea .uc-funds-note { display: flex; gap: 0.5rem; margin: 1rem 0 0; padding: 0.75rem 0.9rem; border-radius: 0.6rem; font-size: 0.875rem; line-height: 1.5; background: var(--gk-light-warning); color: #78350f; }
[data-bs-theme=dark] body.uc-clientarea .uc-funds-note { background: rgba(251, 191, 36, 0.12); color: #fde68a; }
@media (max-width: 767.98px) { body.uc-clientarea .uc-funds { grid-template-columns: 1fr; } body.uc-clientarea .uc-funds-form, body.uc-clientarea .uc-funds-limits { padding: 1.15rem; } }

/* Invoice: apply credit balance (viewinvoice.tpl) */
body.uc-doc-page .uc-credit { display: flex; gap: 1rem; padding: 1.15rem 1.25rem; margin-bottom: 1.25rem; border-radius: 12px; border: 1px solid #86efac; background: #f0fdf4; }
[data-bs-theme=dark] body.uc-doc-page .uc-credit { border-color: rgba(74, 222, 128, 0.35); background: rgba(74, 222, 128, 0.07); }
body.uc-doc-page .uc-credit-icon { background: #dcfce7 !important; color: #15803d !important; }
[data-bs-theme=dark] body.uc-doc-page .uc-credit-icon { background: rgba(74, 222, 128, 0.15) !important; color: #86efac !important; }
body.uc-doc-page .uc-credit-body { flex: 1 1 auto; min-width: 0; }
body.uc-doc-page .uc-credit-title { font-size: 1rem !important; font-weight: 700; margin: 0 0 0.25rem; color: var(--gk-gray-900); }
[data-bs-theme=dark] body.uc-doc-page .uc-credit-title { color: #f1f5f9; }
body.uc-doc-page .uc-credit-text { margin: 0 0 0.75rem; font-size: 0.9rem; color: var(--gk-gray-700); }
[data-bs-theme=dark] body.uc-doc-page .uc-credit-text { color: #cbd5e1; }
body.uc-doc-page .uc-credit-form label { font-size: 0.8125rem; font-weight: 600; margin-bottom: 0.35rem; }
body.uc-doc-page .uc-credit-row { display: flex; gap: 0.5rem; max-width: 26rem; }
body.uc-doc-page .uc-credit-row .form-control { flex: 1 1 auto; min-width: 0; }
body.uc-doc-page .uc-credit-row .btn { white-space: nowrap; }
@media (max-width: 575.98px) { body.uc-doc-page .uc-credit { flex-direction: column; } body.uc-doc-page .uc-credit-row { flex-direction: column; max-width: none; } }

/* Selects: room for the arrow everywhere; one focus ring on form fields (the soft glow), not glow plus outline */
body.uc-clientarea select.custom-select, body.uc-clientarea select.form-control, body.uc-clientarea .dataTables_length select {
    padding-right: 2.25rem !important; background-position: right 0.75rem center !important; background-size: 8px 10px !important; text-overflow: ellipsis;
}
body.uc-clientarea .form-control:focus-visible, body.uc-clientarea .custom-select:focus-visible, body.uc-clientarea select:focus-visible,
body.uc-clientarea input:focus-visible, body.uc-clientarea textarea:focus-visible { outline: none !important; }
/* Lists: "Show 10 entries" aligned, compact select */
body.uc-clientarea .dataTables_wrapper .dataTables_length label { display: inline-flex; align-items: center; gap: 0.5rem; margin: 0; font-weight: 500; color: var(--gk-gray-600); font-size: 0.875rem; }
body.uc-clientarea .dataTables_wrapper .dataTables_length select {
    width: auto !important; min-width: 4.75rem; height: auto !important; min-height: 2.25rem; padding: 0.3rem 2.25rem 0.3rem 0.75rem !important; margin: 0 !important;
    font-size: 0.875rem; border-radius: 0.375rem !important; display: inline-block;
}
body.uc-clientarea .dataTables_wrapper .dataTables_paginate, body.uc-clientarea .dataTables_wrapper .dataTables_length { margin-top: 0.75rem; }
[data-bs-theme=dark] body.uc-clientarea .dataTables_wrapper .dataTables_length label { color: #94a3b8; }
@media (max-width: 575.98px) {
    body.uc-clientarea .dataTables_wrapper .dataTables_paginate, body.uc-clientarea .dataTables_wrapper .dataTables_length { float: none !important; text-align: center; display: flex; justify-content: center; }
    body.uc-clientarea .pagination .page-link { min-width: 2.1rem; padding: 0.35rem 0.5rem; }
    /* invoice tables on phones: tighter cells so the ledger fits */
    body.uc-doc-page .invoice-container .table td, body.uc-doc-page .invoice-container .table th { padding: 0.5rem 0.4rem; font-size: 0.8125rem; }
    body.uc-doc-page .invoice-container .table thead td { font-size: 0.68rem; letter-spacing: 0.02em; }
}

/* Cookie consent banner (footer.tpl), as on ucartz.com */
body.uc-clientarea .uc-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1035; padding: 1rem 0; background: var(--gk-card-background); border-top: 1px solid var(--gk-border-color); box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12); }
body.uc-clientarea .uc-consent[hidden] { display: none; }
body.uc-clientarea .uc-consent-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
body.uc-clientarea .uc-consent-text { margin: 0; font-size: 0.875rem; line-height: 1.55; color: var(--gk-gray-700); }
body.uc-clientarea .uc-consent-text i { color: var(--gk-primary); margin-right: 0.25rem; }
body.uc-clientarea .uc-consent-text a { text-decoration: underline; }
[data-bs-theme=dark] body.uc-clientarea .uc-consent-text { color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea .uc-consent-text i { color: #b6a6ff; }
body.uc-clientarea .uc-consent-actions { display: flex; gap: 0.5rem; flex-shrink: 0; }
body.uc-clientarea .uc-consent-actions .btn { min-width: 5.5rem; }
@media (max-width: 767.98px) { body.uc-clientarea .uc-consent-inner { flex-direction: column; align-items: stretch; } body.uc-clientarea .uc-consent-actions .btn { flex: 1 1 0; } }

/* ---------- 23. Ticket view (viewticket.tpl): header, conversation, attachments, rating ---------- */
body.uc-clientarea .view-ticket { border-radius: 16px; overflow: hidden; }
body.uc-clientarea .uc-ticket-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.4rem 1.5rem !important; border-bottom: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-ticket-titles { min-width: 0; flex: 1 1 20rem; }
body.uc-clientarea .uc-ticket-subject { font-size: 1.35rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.3; margin: 0 0 0.5rem; color: var(--gk-gray-900); overflow-wrap: anywhere; }
[data-bs-theme=dark] body.uc-clientarea .uc-ticket-subject { color: #f8fafc; }
body.uc-clientarea .uc-ticket-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
body.uc-clientarea .uc-ticket-id { font-weight: 700; font-size: 0.875rem; color: var(--gk-gray-600); }
body.uc-clientarea .uc-ticket-dept { font-size: 0.8125rem; color: var(--gk-gray-600); display: inline-flex; align-items: center; gap: 0.3rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-ticket-id, [data-bs-theme=dark] body.uc-clientarea .uc-ticket-dept { color: #94a3b8; }
body.uc-clientarea .view-ticket .ticket-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
body.uc-clientarea .view-ticket .ticket-actions .btn { display: inline-flex; align-items: center; gap: 0.35rem; }
body.uc-clientarea .uc-ticket-close { color: #b91c1c !important; border-color: #fca5a5 !important; background: transparent !important; }
body.uc-clientarea .uc-ticket-close:hover { background: var(--gk-light-danger) !important; border-color: #dc2626 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-ticket-close { color: #fca5a5 !important; border-color: #7f1d1d !important; }
/* Conversation */
body.uc-clientarea .view-ticket > .card-body:not(.uc-ticket-head) { padding: 1rem 1.5rem !important; border: 0 !important; }
body.uc-clientarea .ticket-reply { border: 1px solid var(--gk-border-color) !important; border-radius: 14px !important; overflow: hidden; background: var(--gk-card-background) !important; margin: 0 !important; }
body.uc-clientarea .ticket-reply.staff { border-color: #c4b8ff !important; box-shadow: inset 4px 0 0 var(--gk-primary); background: color-mix(in srgb, var(--gk-light-primary) 35%, var(--gk-card-background)) !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff { border-color: rgba(157, 136, 255, 0.35) !important; box-shadow: inset 4px 0 0 #9d88ff; background: rgba(157, 136, 255, 0.06) !important; }
body.uc-clientarea .ticket-reply .posted-by {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.6rem; padding: 0.8rem 1.1rem !important; margin: 0 !important; font-size: 0.875rem;
    background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--gk-border-color) !important; color: var(--gk-gray-600) !important;
}
body.uc-clientarea .ticket-reply .posted-by-name { font-weight: 700; color: var(--gk-gray-900); }
body.uc-clientarea .ticket-reply .posted-on { color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .posted-by { color: #94a3b8 !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .posted-by-name { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .posted-on { color: #a8b5c7; }
body.uc-clientarea .uc-avatar { flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 800; background: var(--gk-tertiary-bg); color: var(--gk-gray-700); border: 1px solid var(--gk-border-color); }
body.uc-clientarea .ticket-reply.staff .uc-avatar { background: var(--gk-primary); color: #fff; border-color: var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-avatar { color: #e2e8f0; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff .uc-avatar { background: #6336f4; border-color: #6336f4; }
body.uc-clientarea .ticket-reply .requestor-badge { float: none !important; margin-left: auto; padding: 0.2rem 0.6rem !important; border-radius: 999px !important; font-size: 0.7rem !important; font-weight: 700; letter-spacing: 0.03em; background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-700) !important; }
body.uc-clientarea .ticket-reply.staff .requestor-badge, body.uc-clientarea .requestor-type-operator { background: var(--gk-light-primary) !important; color: #4c1fd6 !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .requestor-badge { background: #172033 !important; color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff .requestor-badge { background: rgba(157, 136, 255, 0.16) !important; color: #c4b8ff !important; }
body.uc-clientarea .ticket-reply .message { padding: 1.1rem 1.25rem !important; background: transparent !important; }
body.uc-clientarea .ticket-reply .message hr { margin: 1rem 0 0.6rem; }
/* Attachments as file chips */
body.uc-clientarea .ticket-reply .attachments { padding: 0.75rem 1.25rem 1rem !important; border-top: 1px dashed var(--gk-border-color); background: transparent !important; font-size: 0.875rem; color: var(--gk-gray-700); }
body.uc-clientarea .ticket-reply .attachment-list { display: flex; flex-wrap: wrap; gap: 0.5rem; list-style: none; padding: 0; margin: 0.6rem 0 0; }
body.uc-clientarea .ticket-reply .attachment-list li { margin: 0 !important; width: auto !important; border: 0 !important; }
body.uc-clientarea .ticket-reply .attachment-list a, body.uc-clientarea .ticket-reply .attachment-list li > span {
    display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.4rem 0.75rem; border-radius: 0.5rem; border: 1px solid var(--gk-border-color);
    background: var(--gk-card-background); color: var(--gk-gray-800) !important; text-decoration: none !important; max-width: 18rem;
}
body.uc-clientarea .ticket-reply .attachment-list a:hover { border-color: var(--gk-primary); color: var(--gk-primary) !important; }
body.uc-clientarea .ticket-reply .attachment-list span { display: inline-flex; align-items: center; gap: 0.45rem; }
body.uc-clientarea .ticket-reply .attachment-list figure { margin: 0; font-size: 1rem; color: var(--gk-primary); }
body.uc-clientarea .ticket-reply .attachment-list .caption { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8125rem; padding: 0; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .attachments { color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .attachment-list a { color: #e2e8f0 !important; }
/* Rating stars for staff replies */
body.uc-clientarea .ticket-reply .rating .star, body.uc-clientarea .ticket-reply .rating-done .star { color: var(--gk-gray-300); font-size: 1.25rem; }
body.uc-clientarea .ticket-reply .rating:hover .star:hover, body.uc-clientarea .ticket-reply .rating .star:hover ~ .star, body.uc-clientarea .ticket-reply .rating-done .star.active { color: #f59e0b; }
body.uc-clientarea .ticket-reply .rated { font-size: 0.8125rem; color: var(--gk-gray-600); }
/* Reply form card */
body.uc-clientarea #ticketReplyContainer { border-radius: 16px; margin-top: 1.25rem; }
body.uc-clientarea #ticketReplyContainer .card-title { font-size: 1.15rem; font-weight: 800; }
body.uc-clientarea #ticketReplyContainer input[disabled] { background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-600) !important; }
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-ticket-head { padding: 1.1rem !important; }
    body.uc-clientarea .uc-ticket-subject { font-size: 1.15rem; }
    body.uc-clientarea .view-ticket .ticket-actions { width: 100%; }
    body.uc-clientarea .view-ticket .ticket-actions .btn { flex: 1 1 0; justify-content: center; }
    body.uc-clientarea .view-ticket > .card-body:not(.uc-ticket-head) { padding: 0.75rem !important; }
    body.uc-clientarea .ticket-reply .requestor-badge { margin-left: 0; }
}
/* Ticket attachments: one chip (Nexus nests a span and a figure box inside the link) */
body.uc-clientarea .ticket-reply .attachment-list a > span, body.uc-clientarea .ticket-reply .attachment-list li > span > span { border: 0 !important; padding: 0 !important; background: none !important; width: auto !important; height: auto !important; box-shadow: none !important; }
body.uc-clientarea .ticket-reply .attachment-list figure { width: auto !important; height: auto !important; background: none !important; border: 0 !important; padding: 0 !important; display: inline-flex; }

/* Tooltips never catch the mouse: a tooltip that opened under the pointer stole the hover, closed, reopened and
   blinked, so the item below was hard to click (sidebar "Your Recent Tickets", SSL icons, 2FA icons...) */
body.uc-clientarea .tooltip, .tooltip { pointer-events: none !important; }
.tooltip .tooltip-inner { background: #0f172a; color: #f8fafc; font-size: 0.8125rem; line-height: 1.45; padding: 0.4rem 0.65rem; border-radius: 0.375rem; max-width: 18rem; text-align: left; }
[data-bs-theme=dark] .tooltip .tooltip-inner { background: #f1f5f9; color: #0f172a; }
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #0f172a; }
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #0f172a; }
[data-bs-theme=dark] .tooltip.bs-tooltip-top .arrow::before, [data-bs-theme=dark] .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #f1f5f9; }
[data-bs-theme=dark] .tooltip.bs-tooltip-bottom .arrow::before, [data-bs-theme=dark] .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #f1f5f9; }

/* Sidebar entries wrap to two lines instead of being cut to one (full ticket titles readable, bigger click area) */
body.uc-clientarea .sidebar .list-group-item .truncate, body.uc-clientarea .sidebar .list-group-item.truncate, body.uc-clientarea .sidebar .text-truncate {
    white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: clip;
}
body.uc-clientarea .sidebar .list-group-item { line-height: 1.45; }
body.uc-clientarea .sidebar .list-group-item small { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.6rem; margin-top: 0.3rem; font-size: 0.75rem; color: var(--gk-gray-500); }
body.uc-clientarea .sidebar .list-group-item small .float-right, body.uc-clientarea .sidebar .list-group-item .ticket-last-updated { float: none !important; }
[data-bs-theme=dark] body.uc-clientarea .sidebar .list-group-item small { color: #94a3b8; }

/* Requestor labels (Operator, Owner, Guest, Sub-account...) everywhere, readable in both modes */
body.uc-clientarea .requestor-badge, body.uc-clientarea [class*="requestor-type-"] {
    display: inline-block; padding: 0.2rem 0.6rem !important; border-radius: 999px !important; font-size: 0.72rem !important; font-weight: 700; line-height: 1.35;
    background: var(--gk-tertiary-bg) !important; color: var(--gk-gray-700) !important; border: 1px solid var(--gk-border-color);
}
body.uc-clientarea .requestor-type-operator { background: var(--gk-light-primary) !important; color: #4c1fd6 !important; border-color: #c4b8ff; }
[data-bs-theme=dark] body.uc-clientarea .requestor-badge, [data-bs-theme=dark] body.uc-clientarea [class*="requestor-type-"] { background: #172033 !important; color: #cbd5e1 !important; border-color: #334155; }
[data-bs-theme=dark] body.uc-clientarea .requestor-type-operator { background: rgba(157, 136, 255, 0.16) !important; color: #d4cbff !important; border-color: rgba(157, 136, 255, 0.4); }
/* Ticket sidebar buttons: same as the ticket header (primary Reply, quiet Close, muted Closed) */
body.uc-tpl-viewticket .sidebar .card-footer .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; }
body.uc-tpl-viewticket .sidebar .card-footer .btn-success { background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important; }
body.uc-tpl-viewticket .sidebar .card-footer .btn-success:hover { background: #542ecf !important; border-color: #542ecf !important; }
[data-bs-theme=dark] body.uc-tpl-viewticket .sidebar .card-footer .btn-success { background: #6336f4 !important; border-color: #6336f4 !important; }
body.uc-tpl-viewticket .sidebar .card-footer .btn-danger { background: transparent !important; color: #b91c1c !important; border: 1px solid #fca5a5 !important; }
body.uc-tpl-viewticket .sidebar .card-footer .btn-danger:hover { background: var(--gk-light-danger) !important; }
[data-bs-theme=dark] body.uc-tpl-viewticket .sidebar .card-footer .btn-danger { color: #fca5a5 !important; border-color: #7f1d1d !important; }
body.uc-tpl-viewticket .sidebar .card-footer .btn-danger.disabled, body.uc-tpl-viewticket .sidebar .card-footer .btn-danger:disabled {
    color: var(--gk-gray-500) !important; border-color: var(--gk-border-color) !important; background: var(--gk-tertiary-bg) !important; opacity: 1;
}
[data-bs-theme=dark] body.uc-tpl-viewticket .sidebar .card-footer .btn-danger.disabled, [data-bs-theme=dark] body.uc-tpl-viewticket .sidebar .card-footer .btn-danger:disabled { color: #94a3b8 !important; background: #172033 !important; border-color: #334155 !important; }

/* Searchable picker (new ticket: related service): closed field, clear button, dropdown panel with search and list */
body.uc-clientarea .uc-pick-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; overflow: hidden; }
body.uc-clientarea .uc-pick { position: relative; }
body.uc-clientarea .uc-pick-field {
    display: flex !important; align-items: center; gap: 0.6rem; width: 100%; min-height: 2.75rem; text-align: left; cursor: pointer; padding-right: 4.25rem !important;
    background-image: none !important;
}
body.uc-clientarea .uc-pick-value { display: flex; align-items: center; gap: 0.6rem; min-width: 0; flex: 1 1 auto; }
body.uc-clientarea .uc-pick-value .uc-pick-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.uc-clientarea .uc-pick:not(.has-value) .uc-pick-value { color: var(--gk-gray-500); }
body.uc-clientarea .uc-pick-caret { position: absolute; right: 1rem; top: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.4rem; border: solid var(--gk-gray-500); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform 0.15s, margin 0.15s; pointer-events: none; }
body.uc-clientarea .uc-pick.is-open .uc-pick-caret { transform: rotate(-135deg); margin-top: -0.1rem; }
body.uc-clientarea .uc-pick-clear { position: absolute; right: 2.2rem; top: 50%; transform: translateY(-50%); width: 1.6rem; height: 1.6rem; border: 0; border-radius: 50%; background: var(--gk-tertiary-bg); color: var(--gk-gray-600); font-size: 1.1rem; line-height: 1; display: none; align-items: center; justify-content: center; }
body.uc-clientarea .uc-pick.has-value .uc-pick-clear { display: inline-flex; }
body.uc-clientarea .uc-pick-clear:hover { background: var(--gk-light-danger); color: #b91c1c; }
body.uc-clientarea .uc-pick-panel {
    position: absolute; left: 0; right: 0; top: calc(100% + 0.35rem); z-index: 30; border: 1px solid var(--gk-border-color); border-radius: 0.6rem;
    background: var(--gk-card-background); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16); overflow: hidden;
}
[data-bs-theme=dark] body.uc-clientarea .uc-pick-panel { box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45); }
body.uc-clientarea .uc-pick-search { border: 0 !important; border-bottom: 1px solid var(--gk-border-color) !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: 0.75rem center !important; background-size: 16px !important; }
body.uc-clientarea .uc-pick-list { list-style: none; margin: 0; padding: 0.35rem; max-height: 17rem; overflow-y: auto; }
body.uc-clientarea .uc-pick-list li { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.6rem 0.75rem; border-radius: 0.375rem; cursor: pointer; font-size: 0.9rem; color: var(--gk-body-color); }
body.uc-clientarea .uc-pick-list li:hover, body.uc-clientarea .uc-pick-list li:focus { background: var(--gk-tertiary-bg); outline: none; }
body.uc-clientarea .uc-pick-list li[aria-selected="true"] { background: var(--gk-light-primary); color: #4c1fd6; font-weight: 700; box-shadow: inset 3px 0 0 var(--gk-primary); }
[data-bs-theme=dark] body.uc-clientarea .uc-pick-list li[aria-selected="true"] { background: rgba(157, 136, 255, 0.15); color: #d4cbff; box-shadow: inset 3px 0 0 #9d88ff; }
body.uc-clientarea .uc-pick-list li[hidden] { display: none; }
body.uc-clientarea .uc-pick-list .uc-pick-empty { color: var(--gk-gray-600); border-bottom: 1px solid var(--gk-border-color); border-radius: 0.375rem 0.375rem 0 0; margin-bottom: 0.25rem; }
body.uc-clientarea .uc-pick-name { min-width: 0; overflow-wrap: anywhere; }
body.uc-clientarea .uc-pick-status { flex: 0 0 auto; font-size: 0.7rem; font-weight: 700; padding: 0.15rem 0.5rem; border-radius: 999px; background: var(--gk-tertiary-bg); color: var(--gk-gray-700); }
body.uc-clientarea .uc-pick-active { background: #dcfce7; color: #166534; }
body.uc-clientarea .uc-pick-suspended, body.uc-clientarea .uc-pick-pending { background: #fef3c7; color: #92400e; }
body.uc-clientarea .uc-pick-terminated, body.uc-clientarea .uc-pick-cancelled { background: #f1f5f9; color: #475569; }
[data-bs-theme=dark] body.uc-clientarea .uc-pick-status { background: #172033; color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea .uc-pick-active { background: rgba(74, 222, 128, 0.13); color: #86efac; }
[data-bs-theme=dark] body.uc-clientarea .uc-pick-suspended, [data-bs-theme=dark] body.uc-clientarea .uc-pick-pending { background: rgba(251, 191, 36, 0.14); color: #fcd34d; }
body.uc-clientarea .uc-pick-none { margin: 0; padding: 0.75rem 1rem; font-size: 0.875rem; color: var(--gk-gray-600); }
@media (max-width: 575.98px) { body.uc-clientarea .uc-pick-list { max-height: 55vh; } }

/* Sidebar: "Open Ticket" stands out (people look for how to open a ticket) */
body.uc-clientarea .sidebar [menuitemname="Open Ticket"], body.uc-clientarea .sidebar a[href*="submitticket.php"].list-group-item {
    margin: 0.4rem 0.6rem 0.5rem !important; border-radius: 0.5rem !important; background: var(--gk-primary) !important; color: #fff !important; font-weight: 700 !important; box-shadow: none !important;
}
body.uc-clientarea .sidebar [menuitemname="Open Ticket"] i, body.uc-clientarea .sidebar a[href*="submitticket.php"].list-group-item i { color: #fff !important; }
body.uc-clientarea .sidebar [menuitemname="Open Ticket"]:hover, body.uc-clientarea .sidebar a[href*="submitticket.php"].list-group-item:hover { background: #542ecf !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .sidebar [menuitemname="Open Ticket"], [data-bs-theme=dark] body.uc-clientarea .sidebar a[href*="submitticket.php"].list-group-item { background: #6336f4 !important; }
/* "Open a new ticket" at the top of the Support menu (desktop dropdown and phone accordion) */
body.uc-clientarea .uc-client-nav li.uc-nav-newticket > a, body.uc-clientarea .uc-mnav .uc-mnav-newticket > a {
    background: var(--gk-light-primary) !important; color: #4c1fd6 !important; font-weight: 700 !important; display: flex !important; align-items: center; gap: 0.45rem;
}
body.uc-clientarea .uc-client-nav li.uc-nav-newticket > a:hover, body.uc-clientarea .uc-mnav .uc-mnav-newticket > a:hover { background: var(--gk-primary) !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-client-nav li.uc-nav-newticket > a, [data-bs-theme=dark] body.uc-clientarea .uc-mnav .uc-mnav-newticket > a { background: rgba(157, 136, 255, 0.16) !important; color: #d4cbff !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-client-nav li.uc-nav-newticket > a:hover, [data-bs-theme=dark] body.uc-clientarea .uc-mnav .uc-mnav-newticket > a:hover { background: #6336f4 !important; color: #fff !important; }

/* Text selection: the familiar blue highlight (light: dark text on soft blue 15:1; dark: white on deep blue 8.6:1) */
body.uc-clientarea ::selection { background: #bfdbfe !important; color: #0f172a !important; }
[data-bs-theme=dark] body.uc-clientarea ::selection { background: #1e40af !important; color: #ffffff !important; }

/* Ticket page, simple version (owner: easy for people new to technology). Colours from ucartz.com: primary #4035c8,
   primary-dark #2f269e, ink #060845, line #e3e5f2, background #f6f7fc. Our replies have a light brand-tinted header
   with "Ucartz Support"; the customer's own messages have a plain grey header with "You". One column, no timeline. */
body.uc-clientarea .uc-ticket-next { display: flex; gap: 0.6rem; align-items: flex-start; margin: 1rem 1.5rem 0; padding: 0.8rem 1rem; border-radius: 12px; font-size: 0.9375rem; line-height: 1.55; background: #f6f7fc; border: 1px solid #e3e5f2; color: #060845; }
body.uc-clientarea .uc-ticket-next i { margin-top: 0.2rem; color: #4035c8; }
body.uc-clientarea .uc-ticket-next a { color: #2f269e; font-weight: 700; text-decoration: underline; }
body.uc-clientarea .uc-ticket-next-you { background: #fff8e1; border-color: #ffe08a; }
body.uc-clientarea .uc-ticket-next-you i { color: #8a5a00; }
[data-bs-theme=dark] body.uc-clientarea .uc-ticket-next { background: #172033; border-color: #2c3a50; color: #e2e8f0; }
[data-bs-theme=dark] body.uc-clientarea .uc-ticket-next i, [data-bs-theme=dark] body.uc-clientarea .uc-ticket-next a { color: #b9b4ff; }
[data-bs-theme=dark] body.uc-clientarea .uc-ticket-next-you { background: rgba(255, 200, 61, 0.1); border-color: rgba(255, 200, 61, 0.35); }
[data-bs-theme=dark] body.uc-clientarea .uc-ticket-next-you i { color: #ffc83d; }
body.uc-clientarea .uc-thread-head { padding: 1.1rem 1.5rem 0; }
body.uc-clientarea .uc-thread-title { margin: 0; font-size: 1.05rem; font-weight: 800; color: #060845; }
body.uc-clientarea .uc-thread-title span { font-size: 0.875rem; font-weight: 500; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .uc-thread-title { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .uc-thread-title span { color: #a8b5c7; }
body.uc-clientarea .uc-thread { padding: 0.25rem 0 0.5rem; }
body.uc-clientarea .view-ticket .uc-thread > .card-body { padding: 0.75rem 1.5rem !important; border: 0 !important; }
body.uc-clientarea .ticket-reply, body.uc-clientarea .ticket-reply.staff, body.uc-clientarea .ticket-reply.uc-latest { background: var(--gk-card-background) !important; border: 1px solid #e3e5f2 !important; box-shadow: none !important; }
body.uc-clientarea .ticket-reply .posted-by { gap: 0.75rem !important; padding: 0.75rem 1.1rem !important; background: #f6f7fc !important; border-bottom: 1px solid #e3e5f2 !important; }
body.uc-clientarea .ticket-reply.staff { border-color: #c9c5f0 !important; }
body.uc-clientarea .ticket-reply.staff .posted-by { background: #efeefc !important; border-bottom-color: #c9c5f0 !important; }
body.uc-clientarea .uc-avatar { flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; font-size: 0.9rem; background: #e3e5f2 !important; border: 0 !important; color: #4a4f6a !important; }
body.uc-clientarea .ticket-reply.staff .uc-avatar { background: #4035c8 !important; color: #fff !important; }
body.uc-clientarea .uc-who { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
body.uc-clientarea .uc-who-name { font-size: 0.975rem; font-weight: 800; color: #060845; }
body.uc-clientarea .ticket-reply.staff .uc-who-name { color: #2f269e; }
body.uc-clientarea .uc-who-sub { font-size: 0.8125rem; color: var(--gk-gray-600); overflow-wrap: anywhere; }
body.uc-clientarea .uc-latest-tag { margin-left: auto; align-self: center; font-size: 0.72rem; font-weight: 700; padding: 0.15rem 0.55rem; border-radius: 999px; background: #fff8e1; color: #7a4f00; border: 1px solid #ffe08a; text-transform: none; letter-spacing: 0; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply, [data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff, [data-bs-theme=dark] body.uc-clientarea .ticket-reply.uc-latest { background: #1b2536 !important; border-color: #2c3a50 !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .posted-by { background: #172033 !important; border-bottom-color: #2c3a50 !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff { border-color: rgba(124, 116, 230, 0.45) !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff .posted-by { background: rgba(64, 53, 200, 0.22) !important; border-bottom-color: rgba(124, 116, 230, 0.45) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-avatar { background: #2c3a50 !important; color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff .uc-avatar { background: #4035c8 !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-who-name { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply.staff .uc-who-name { color: #c9c5ff; }
[data-bs-theme=dark] body.uc-clientarea .uc-who-sub { color: #a8b5c7; }
[data-bs-theme=dark] body.uc-clientarea .uc-latest-tag { background: rgba(255, 200, 61, 0.12); color: #ffd877; border-color: rgba(255, 200, 61, 0.4); }
body.uc-clientarea .ticket-reply .message, body.uc-clientarea .ticket-reply .message p, body.uc-clientarea .ticket-reply .message li { font-size: 1rem !important; line-height: 1.7 !important; color: #273449 !important; }
[data-bs-theme=dark] body.uc-clientarea .ticket-reply .message, [data-bs-theme=dark] body.uc-clientarea .ticket-reply .message p, [data-bs-theme=dark] body.uc-clientarea .ticket-reply .message li { color: #d5dce6 !important; }
body.uc-clientarea .ticket-reply .message p, body.uc-clientarea .ticket-reply .message li, body.uc-clientarea .ticket-reply .message blockquote { max-width: 72ch; }
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-ticket-next { margin: 0.9rem 1rem 0; }
    body.uc-clientarea .uc-thread-head { padding: 1rem 1rem 0; }
    body.uc-clientarea .view-ticket .uc-thread > .card-body { padding: 0.6rem 1rem !important; }
    body.uc-clientarea .ticket-reply .posted-by { flex-wrap: nowrap !important; }
}
body.uc-clientarea .uc-latest-tag { white-space: nowrap; flex: 0 0 auto; }
body.uc-clientarea .uc-who-name { white-space: nowrap; }
@media (max-width: 400px) {
    body.uc-clientarea .ticket-reply .posted-by { flex-wrap: wrap !important; row-gap: 0.4rem !important; }
    body.uc-clientarea .uc-latest-tag { margin-left: 3rem; }
}
body.uc-clientarea .ticket-reply .posted-by .uc-who { flex: 1 1 0; }
body.uc-clientarea .uc-who-sub { overflow-wrap: normal; }
body.uc-clientarea .uc-who-sub .posted-on { white-space: nowrap; }
@media (max-width: 400px) {
    body.uc-clientarea .ticket-reply .posted-by .uc-who { flex: 1 1 calc(100% - 3rem); }
}

/* WhatsApp sales chat (footer.tpl): bottom left, pill with text on larger screens, round icon on phones.
   #0e7a4a keeps white text readable (WhatsApp's bright green with white text is below 2:1). Below popups (1050),
   lifted above the cookie banner by uc-site.js while that shows. */
body.uc-clientarea .uc-wa { position: fixed; left: 16px; bottom: 16px; z-index: 1034; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.7rem 1.1rem 0.7rem 0.9rem; border-radius: 999px; background: #0e7a4a; color: #fff !important; font-weight: 700; font-size: 0.9375rem; line-height: 1; text-decoration: none !important; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18); transition: background 0.15s ease, transform 0.15s ease, bottom 0.2s ease; }
body.uc-clientarea .uc-wa:hover { background: #0a6339; transform: translateY(-1px); }
body.uc-clientarea .uc-wa:focus-visible { outline: 3px solid #86efac; outline-offset: 3px; }
[data-bs-theme=dark] body.uc-clientarea .uc-wa { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45); }
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-wa { padding: 0; width: 52px; height: 52px; justify-content: center; }
    body.uc-clientarea .uc-wa svg { width: 28px; height: 28px; }
    body.uc-clientarea .uc-wa-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { body.uc-clientarea .uc-wa { transition: none; } }
/* WhatsApp button: round on every screen (the pill covered the store's category list on desktop); the label slides
   out on hover and keyboard focus from 576px up. */
body.uc-clientarea .uc-wa { padding: 0; width: 52px; height: 52px; justify-content: center; gap: 0; overflow: hidden; white-space: nowrap; transition: width 0.2s ease, background 0.15s ease, bottom 0.2s ease; }
body.uc-clientarea .uc-wa svg { flex: 0 0 auto; width: 28px; height: 28px; }
body.uc-clientarea .uc-wa-text { max-width: 0; opacity: 0; transition: max-width 0.2s ease, opacity 0.15s ease; }
@media (min-width: 576px) and (hover: hover) {
    body.uc-clientarea .uc-wa:hover, body.uc-clientarea .uc-wa:focus-visible { width: auto; padding: 0 1.1rem 0 0.8rem; gap: 0.5rem; justify-content: flex-start; }
    body.uc-clientarea .uc-wa:hover .uc-wa-text, body.uc-clientarea .uc-wa:focus-visible .uc-wa-text { max-width: 12rem; opacity: 1; }
}

/* Contrast fixes found on real logged-in pages (19 Oct 2026). Warning text: #92400e on the pale amber is 6.5:1 (the
   website's #b45309 was 4.42:1; light mode only, dark mode keeps its own warning colour). Info buttons: #0369a1 with
   white is 5.9:1 (#0284c7 was 4.09:1). Disabled buttons: a solid quiet grey instead of a faded colour (Checkout on an
   empty cart, Remove on the account owner). Dark danger pills: lighter text (#db6464 on #442626 was 3.6:1). */
html:not([data-bs-theme=dark]) body.uc-clientarea { --gk-warning-text: #92400e; }
body.uc-clientarea .btn-info { background: #0369a1 !important; border-color: #0369a1 !important; color: #fff !important; }
body.uc-clientarea .btn-info:hover { background: #075985 !important; border-color: #075985 !important; }
body.uc-clientarea .btn.disabled, body.uc-clientarea .btn:disabled { opacity: 1 !important; background: #e2e8f0 !important; border-color: #e2e8f0 !important; color: #475569 !important; box-shadow: none !important; }
[data-bs-theme=dark] body.uc-clientarea .btn.disabled, [data-bs-theme=dark] body.uc-clientarea .btn:disabled { background: #1e293b !important; border-color: #334155 !important; color: #94a3b8 !important; }
[data-bs-theme=dark] body.uc-clientarea .status-suspended, [data-bs-theme=dark] body.uc-clientarea .status-terminated, [data-bs-theme=dark] body.uc-clientarea .status-overdue,
[data-bs-theme=dark] body.uc-clientarea .status-fraud, [data-bs-theme=dark] body.uc-clientarea .status-expired, [data-bs-theme=dark] body.uc-clientarea .status-dead,
[data-bs-theme=dark] body.uc-clientarea .label-danger, [data-bs-theme=dark] body.uc-clientarea .badge-danger { color: #fca5a5 !important; }

/* Page width (owner, screenshots at 1600px): from 1400px the website header and footer use Bootstrap 5's 1320px
   container, while WHMCS's Bootstrap 4 container stops at 1140px, which left a band on both sides of the client area.
   Same width as the website from 1400px up (below that both are 1140px), and the footer's 20px side padding at
   every size, so the client area lines up with the header and footer exactly. */
body.uc-clientarea .container { padding-left: 20px; padding-right: 20px; }
@media (min-width: 1400px) {
    body.uc-clientarea .container { max-width: 1320px; }
}

/* Background seam in dark mode (owner, home page): Nexus sets html, body { height: 100% }, so the body (dark page
   colour) was one screen tall and the darker html showed below it, a band edge wherever the first screen ended. The
   body now grows with the page; the html behind it takes the same colour in both modes. */
html body.uc-clientarea { height: auto; min-height: 100%; }
html:has(> body.uc-clientarea) { background-color: var(--gk-light, #f1f5f9); }
[data-bs-theme=dark]:has(> body.uc-clientarea) { background-color: #0f172a; }

/* Phones, logged-in pages (checked in the owner's session, 19 Oct 2026): things that stuck out past the screen.
   Dashboard "Register a New Domain" card: the box on its own line, Register and Transfer side by side below it.
   My Domains: the bulk-action buttons wrap. Payment methods and user management tables scroll inside their card
   instead of making the whole page scroll sideways. */
@media (max-width: 575.98px) {
    body.uc-tpl-clientareahome #main-body .input-group:has(> .input-group-append > .btn + .btn) { flex-wrap: wrap; gap: 0.5rem; }
    body.uc-tpl-clientareahome #main-body .input-group:has(> .input-group-append > .btn + .btn) > .form-control { flex: 1 1 100%; width: 100%; border-radius: 0.5rem !important; }
    body.uc-tpl-clientareahome #main-body .input-group:has(> .input-group-append > .btn + .btn) > .input-group-append { display: flex; flex: 1 1 100%; gap: 0.5rem; margin-left: 0; }
    body.uc-tpl-clientareahome #main-body .input-group-append > .btn { flex: 1 1 0; margin: 0 !important; border-radius: 0.5rem !important; }
    body.uc-tpl-clientareadomains #main-body .btn-group { flex-wrap: wrap; gap: 0.375rem; max-width: 100%; }
    body.uc-tpl-clientareadomains #main-body .btn-group > .btn, body.uc-tpl-clientareadomains #main-body .btn-group > .btn-group > .btn { flex: 0 0 auto; margin-left: 0 !important; border-radius: 0.5rem !important; }
}
@media (max-width: 767.98px) {
    body.uc-tpl-account-paymentmethods #payMethodList, body.uc-tpl-account-user-management #main-body table.table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* KB article header (knowledgebasearticle.tpl): title alone in the h1, then one meta row with tag pills on the left
   and the helpful count and Print on the right; stacks on phones. Vote box as a quiet card at the end. */
body.uc-clientarea .uc-kb-article > .card-body { padding: 1.75rem 2rem !important; }
body.uc-clientarea .uc-kb-article-title { margin: 0 0 0.85rem; font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem); line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; color: var(--gk-gray-900); overflow-wrap: anywhere; }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-article-title { color: #f1f5f9; }
body.uc-clientarea .uc-kb-article-meta { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0.75rem 1.25rem; padding-bottom: 1.1rem; margin-bottom: 1.4rem; border-bottom: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-kb-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; flex: 1 1 22rem; min-width: 0; }
body.uc-clientarea .uc-kb-tags > i { color: var(--gk-gray-500); margin-right: 0.15rem; }
body.uc-clientarea .uc-kb-tag { display: inline-block; padding: 0.22rem 0.65rem; border-radius: 999px; font-size: 0.78rem; font-weight: 600; line-height: 1.35; background: var(--gk-tertiary-bg); color: var(--gk-gray-700); border: 1px solid var(--gk-border-color); }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-tag { background: #172033; color: #cbd5e1; border-color: #2c3a50; }
body.uc-clientarea .uc-kb-article-actions { display: flex; align-items: center; gap: 0.85rem; margin-left: auto; white-space: nowrap; }
body.uc-clientarea .uc-kb-useful { font-size: 0.85rem; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-useful { color: #a8b5c7; }
body.uc-clientarea .uc-kb-print { display: inline-flex; align-items: center; gap: 0.4rem; }
body.uc-clientarea .uc-kb-vote { margin-top: 2rem; padding: 1.1rem 1.25rem; border-radius: 12px; background: var(--gk-light); border: 1px solid var(--gk-border-color); }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-vote { background: #172033; border-color: #2c3a50; }
body.uc-clientarea .uc-kb-vote-title { margin: 0 0 0.7rem; font-size: 1rem; font-weight: 700; color: var(--gk-gray-900); }
[data-bs-theme=dark] body.uc-clientarea .uc-kb-vote-title { color: #f1f5f9; }
body.uc-clientarea .uc-kb-vote-form { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
body.uc-clientarea .uc-kb-vote-form .btn { display: inline-flex; align-items: center; gap: 0.4rem; padding-left: 1rem; padding-right: 1rem; }
body.uc-clientarea .uc-kb-vote-help { margin-left: auto; font-size: 0.875rem; font-weight: 600; }
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-kb-article > .card-body { padding: 1.15rem 1rem !important; }
    body.uc-clientarea .uc-kb-article-actions { margin-left: 0; width: 100%; justify-content: space-between; }
    body.uc-clientarea .uc-kb-vote-help { margin-left: 0; width: 100%; }
}
@media print {
    body.uc-clientarea .uc-kb-article-meta { border: 0; }
    body.uc-clientarea .uc-kb-tags { display: none !important; }
}

/* Announcement page (viewannouncement.tpl): title alone in the h1, date and share links in one row. */
body.uc-clientarea .uc-ann-article > .card-body { padding: 1.75rem 2rem !important; }
body.uc-clientarea .uc-ann-title { margin: 0 0 0.85rem; font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem); line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; color: var(--gk-gray-900); overflow-wrap: anywhere; }
[data-bs-theme=dark] body.uc-clientarea .uc-ann-title { color: #f1f5f9; }
body.uc-clientarea .uc-ann-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1.25rem; padding-bottom: 1.1rem; margin-bottom: 1.4rem; border-bottom: 1px solid var(--gk-border-color); font-size: 0.9rem; color: var(--gk-gray-600); }
[data-bs-theme=dark] body.uc-clientarea .uc-ann-meta { color: #a8b5c7; }
body.uc-clientarea .uc-ann-date { display: inline-flex; align-items: center; gap: 0.45rem; }
body.uc-clientarea .uc-ann-body { line-height: 1.7; }
@media (max-width: 575.98px) { body.uc-clientarea .uc-ann-article > .card-body { padding: 1.15rem 1rem !important; } }
/* the body keeps Nexus's .py-5 class so the announcement readability rules above (both modes) still apply */
body.uc-tpl-viewannouncement .uc-ann-article .uc-ann-body.py-5 { padding: 0 !important; }
body.uc-tpl-viewannouncement .uc-ann-article h1.uc-ann-title { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem) !important; line-height: 1.2 !important; }
/* Reading areas: paragraphs and list items take the area's reading colour (lists showed a dimmer grey in dark mode) */
body.uc-tpl-viewannouncement .card .py-5 :is(p, li), body.uc-tpl-knowledgebasearticle article :is(p, li),
body.uc-clientarea .announcement-single .card-body :is(p, li) { color: inherit !important; }

/* Share row (includes/uc-share.tpl), KB articles and announcements: round icon buttons, Copy link with its label,
   the phone's share sheet button first where supported. Wraps on phones. */
body.uc-clientarea .uc-share { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
body.uc-clientarea .uc-share-label { font-size: 0.85rem; font-weight: 600; color: var(--gk-gray-600); margin-right: 0.15rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-share-label { color: #a8b5c7; }
body.uc-clientarea .uc-share a, body.uc-clientarea .uc-share button { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-width: 36px; height: 36px; padding: 0; border-radius: 999px; border: 1px solid var(--gk-border-color); background: var(--gk-card-background); color: var(--gk-gray-700) !important; font-size: 0.875rem; text-decoration: none !important; cursor: pointer; transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease; }
body.uc-clientarea .uc-share .uc-share-copy { padding: 0 0.85rem; font-weight: 600; }
body.uc-clientarea .uc-share .uc-share-native[hidden] { display: none; }
body.uc-clientarea .uc-share a:hover, body.uc-clientarea .uc-share button:hover { border-color: var(--gk-primary); color: var(--gk-primary) !important; }
body.uc-clientarea .uc-share .uc-copied { border-color: #15803d; color: #15803d !important; background: #f0fdf4; }
[data-bs-theme=dark] body.uc-clientarea .uc-share a, [data-bs-theme=dark] body.uc-clientarea .uc-share button { background: #172033; border-color: #2c3a50; color: #cbd5e1 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-share a:hover, [data-bs-theme=dark] body.uc-clientarea .uc-share button:hover { border-color: #9d88ff; color: #d4cbff !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-share .uc-copied { border-color: #2acd66; color: #86efac !important; background: rgba(42, 205, 102, 0.1); }
body.uc-clientarea .uc-kb-article-actions { flex-wrap: wrap; justify-content: flex-end; white-space: normal; }
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-kb-article-actions { justify-content: flex-start; }
    body.uc-clientarea .uc-ann-meta .uc-share, body.uc-clientarea .uc-kb-article-actions .uc-share { width: 100%; }
}
body.uc-clientarea .uc-share button.uc-share-copy.uc-copied, body.uc-clientarea .uc-share button.uc-share-copy.uc-copied:hover { border-color: #15803d; color: #15803d !important; background: #f0fdf4; }
[data-bs-theme=dark] body.uc-clientarea .uc-share button.uc-share-copy.uc-copied, [data-bs-theme=dark] body.uc-clientarea .uc-share button.uc-share-copy.uc-copied:hover { border-color: #2acd66; color: #86efac !important; background: rgba(42, 205, 102, 0.1); }

/* File uploads (tickets, contact form): the file box, its "Browse" part and the "Add More" button were 37, 33 and 40px
   high (owner screenshot). One 44px row, Browse centred, corners matching the button next to it. */
body.uc-clientarea .custom-file { height: 44px; }
body.uc-clientarea .custom-file-input { height: 44px; }
body.uc-clientarea .custom-file-label { height: 44px; display: flex; align-items: center; padding-top: 0; padding-bottom: 0; line-height: 1.2; overflow: hidden; }
body.uc-clientarea .custom-file-label::after { top: 0; bottom: 0; height: auto; display: flex; align-items: center; padding-top: 0; padding-bottom: 0; line-height: 1.2; }
body.uc-clientarea .attachment-group > .input-group-append > .btn { height: 44px; display: inline-flex; align-items: center; gap: 0.35rem; padding-top: 0; padding-bottom: 0; }
body.uc-clientarea .attachment-group .custom-file:not(:last-child) .custom-file-label, body.uc-clientarea .attachment-group .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; }

/* Page jump on every logged-in page (owner: "every new page blinks"): before WHMCS's script moves the items that do not
   fit into "More", the last menu item wrapped onto two lines, so the client area menu bar was 72px tall and then 49px,
   pushing the whole page up about 0.9s after it appeared. Items stay on one line from the first paint; one that does
   not fit is clipped at the side until the script moves it into More (dropdowns still open downwards). */
body.uc-clientarea .uc-client-nav .container { overflow-x: clip; }
body.uc-clientarea .uc-client-nav #nav { flex-wrap: nowrap; }
body.uc-clientarea .uc-client-nav #nav > li > a { white-space: nowrap; }

/* Dark mode page colour as on ucartz.com (owner: the two dark backgrounds differed): the page is the website's
   #0f172a and cards stay #1e293b, so cards stand out from the page as they do on the website. Was #1e293b for both. */
[data-bs-theme=dark] body.uc-clientarea { background-color: #0f172a !important; }

/* The blink on every page change (owner): Nexus styles #fullpage-overlay (WHMCS's full-screen 80% black "loading"
   layer) with display:table, an id rule that beats .w-hidden { display: none }, so the layer covered every page until
   WHMCS's script hid it at document ready. Hidden from the first paint; showOverlay() (payment redirects and the like)
   still shows it, because jQuery's show() sets the display inline. */
#fullpage-overlay.w-hidden { display: none; }
/* Dark header and footer as on ucartz.com (owner): the website paints its .bg-white header, footer and their bands
   with its page colour #0f172a in dark mode; ours used the card colour #1e293b. The client area menu bar under the
   header joins the same band, separated by the border line. Light mode is unchanged (white, as on the website). */
[data-bs-theme=dark] body.uc-clientarea .uc-site .bg-white,
[data-bs-theme=dark] body.uc-clientarea .uc-site-footer, [data-bs-theme=dark] body.uc-clientarea .uc-site-footer footer,
[data-bs-theme=dark] body.uc-clientarea .uc-client-nav, [data-bs-theme=dark] body.uc-clientarea .uc-locale-bar { background-color: #0f172a !important; }
/* Light footer as on ucartz.com (owner: the website's bluish white): the website footer is #f1f5f9 (its --gk-body-bg);
   ours was white. The language bar above it joins the footer band; a border line separates the band from the page,
   which has the same bluish white (on the website a white section sits above the footer instead). */
html:not([data-bs-theme=dark]) body.uc-clientarea .uc-site-footer, html:not([data-bs-theme=dark]) body.uc-clientarea .uc-site-footer footer,
html:not([data-bs-theme=dark]) body.uc-clientarea .uc-locale-bar { background-color: #f1f5f9 !important; }
body.uc-clientarea .uc-locale-bar { border-top: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-locale-bar + .uc-site-footer, body.uc-clientarea .uc-locale-bar ~ .uc-site-footer { border-top: 0; }
body.uc-clientarea .uc-site-footer:not(.uc-locale-bar ~ .uc-site-footer) { border-top: 1px solid var(--gk-border-color); }

/* Billing cycle cards (uc-site.js, configure product): the dropdown becomes a row of choice cards; WHMCS's select
   stays in the form (visually hidden) and drives prices and totals as before. */
body.uc-clientarea .uc-cycles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.75rem; margin: 0.6rem 0 0.25rem; }
body.uc-clientarea .uc-cycle-select { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; border: 0 !important; }
body.uc-clientarea .uc-cycle { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 0.2rem; width: 100%; margin: 0; padding: 1rem 1rem 0.9rem; font: inherit; text-align: left; color: inherit; border: 1.5px solid var(--gk-border-color); border-radius: 14px; background: var(--gk-card-background); cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; }
body.uc-clientarea .uc-cycle:hover { border-color: var(--gk-primary); transform: translateY(-1px); }
body.uc-clientarea .uc-cycle:focus-visible { outline: 3px solid #c4b5fd; outline-offset: 2px; }
body.uc-clientarea .uc-cycle.is-on { border-color: var(--gk-primary); box-shadow: 0 0 0 1px var(--gk-primary) inset, 0 8px 22px rgba(99, 54, 244, 0.14); }
body.uc-clientarea .uc-cycle.is-on::after { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; top: 0.75rem; right: 0.8rem; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; background: var(--gk-primary); color: #fff; }
body.uc-clientarea .uc-cycle-name { font-size: 0.8rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: var(--gk-gray-600); }
body.uc-clientarea .uc-cycle-price { font-size: 1.05rem; font-weight: 800; color: var(--gk-gray-900); line-height: 1.3; overflow-wrap: anywhere; }
body.uc-clientarea .uc-cycle-per { font-size: 0.82rem; color: var(--gk-gray-600); }
body.uc-clientarea .uc-cycle-badge { align-self: flex-start; margin-top: 0.35rem; padding: 0.15rem 0.55rem; border-radius: 999px; font-size: 0.75rem; font-weight: 800; background: #dcfce7; color: #166534; }
body.uc-clientarea .uc-cycle.is-best { border-color: #f59e0b; background: linear-gradient(180deg, #fffbeb 0%, var(--gk-card-background) 60%); }
body.uc-clientarea .uc-cycle.is-best.is-on { border-color: var(--gk-primary); }
body.uc-clientarea .uc-cycle-ribbon { position: absolute; top: -0.65rem; left: 0.9rem; padding: 0.1rem 0.55rem; border-radius: 999px; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.03em; background: #c2410c; color: #fff; box-shadow: 0 4px 10px rgba(194, 65, 12, 0.3); }
body.uc-clientarea .uc-cycle-save { margin-top: 0.6rem; font-size: 0.925rem; color: var(--gk-gray-700); }
body.uc-clientarea .uc-cycle-save.is-on { color: #166534; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle { background: #172033; border-color: #2c3a50; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle.is-best { border-color: #b45309; background: linear-gradient(180deg, rgba(245, 158, 11, 0.12) 0%, #172033 60%); }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle.is-on { border-color: #9d88ff; box-shadow: 0 0 0 1px #9d88ff inset, 0 8px 22px rgba(0, 0, 0, 0.35); }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle.is-on::after { background: #6336f4; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle-name, [data-bs-theme=dark] body.uc-clientarea .uc-cycle-per { color: #a8b5c7; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle-price { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle-badge { background: rgba(42, 205, 102, 0.16); color: #86efac; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle-save { color: #cbd5e1; }
[data-bs-theme=dark] body.uc-clientarea .uc-cycle-save.is-on { color: #86efac; }

@media (prefers-reduced-motion: reduce) { body.uc-clientarea .uc-cycle { transition: none; } body.uc-clientarea .uc-cycle:hover { transform: none; } }
body.uc-clientarea .uc-cycles { grid-template-columns: repeat(var(--uc-cols, 2), minmax(0, 1fr)) !important; }
body.uc-clientarea .uc-cycle:focus:not(:focus-visible) { outline: none; }
body.uc-clientarea .uc-cycle-save, body.uc-clientarea .uc-cycle-save.is-on { display: block !important; line-height: 1.55; }
body.uc-clientarea .uc-cycle-save i { margin-right: 0.35rem; }

/* Language and currency chooser (footer.tpl): currency first, compact language grid, title and Apply always visible */
body.uc-clientarea .uc-locale-modal .modal-content { border-radius: 16px; border: 1px solid var(--gk-border-color); overflow: hidden; }
body.uc-clientarea .uc-locale-modal .modal-header { align-items: center; padding: 1rem 1.25rem; border-bottom: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-locale-title { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--gk-gray-900); }
body.uc-clientarea .uc-locale-title i { color: var(--gk-primary); }
body.uc-clientarea .uc-locale-modal .modal-header .close { position: static; margin: 0 0 0 auto; padding: 0.25rem 0.5rem; font-size: 1.5rem; opacity: 0.7; }
body.uc-clientarea .uc-locale-modal .modal-body { padding: 0.5rem 1.25rem 1rem; }
body.uc-clientarea .uc-locale-group + .uc-locale-group { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-locale-h { margin: 0.6rem 0 0.6rem; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gk-gray-600); }
body.uc-clientarea .uc-locale-grid { margin-left: -0.3rem; margin-right: -0.3rem; }
body.uc-clientarea .uc-locale-grid > [class*="col-"] { padding: 0.3rem; }
body.uc-clientarea .uc-locale-grid .item { display: flex !important; align-items: center; justify-content: center; gap: 0.35rem; min-height: 42px; margin: 0 !important; padding: 0.45rem 0.6rem !important; border-radius: 10px !important; border: 1px solid var(--gk-border-color) !important; background: var(--gk-card-background) !important; color: var(--gk-gray-800) !important; font-size: 0.9rem; font-weight: 600; text-align: center; text-decoration: none !important; transition: border-color 0.15s ease, background 0.15s ease; }
body.uc-clientarea .uc-locale-currency .item { min-height: 48px; font-size: 0.975rem; }
body.uc-clientarea .uc-locale-sym { font-weight: 800; color: var(--gk-primary); }
body.uc-clientarea .uc-locale-grid .item:hover { border-color: var(--gk-primary) !important; }
body.uc-clientarea .uc-locale-grid .item.active { background: var(--gk-primary) !important; border-color: var(--gk-primary) !important; color: #fff !important; }
body.uc-clientarea .uc-locale-grid .item.active .uc-locale-sym { color: #fff; }
body.uc-clientarea .uc-locale-modal .modal-footer { padding: 0.85rem 1.25rem; border-top: 1px solid var(--gk-border-color); }
body.uc-clientarea .uc-locale-apply { margin: 0; padding: 0.7rem 1rem; font-weight: 700; }
[data-bs-theme=dark] body.uc-clientarea .uc-locale-modal .modal-content { background: #1e293b; border-color: #2c3a50; }
[data-bs-theme=dark] body.uc-clientarea .uc-locale-title { color: #f1f5f9; }
[data-bs-theme=dark] body.uc-clientarea .uc-locale-title i, [data-bs-theme=dark] body.uc-clientarea .uc-locale-sym { color: #b49ffa; }
[data-bs-theme=dark] body.uc-clientarea .uc-locale-h { color: #a8b5c7; }
[data-bs-theme=dark] body.uc-clientarea .uc-locale-grid .item { background: #172033 !important; border-color: #2c3a50 !important; color: #e2e8f0 !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-locale-grid .item.active { background: #6336f4 !important; border-color: #6336f4 !important; color: #fff !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-locale-modal .modal-header, [data-bs-theme=dark] body.uc-clientarea .uc-locale-modal .modal-footer, [data-bs-theme=dark] body.uc-clientarea .uc-locale-group + .uc-locale-group { border-color: #2c3a50; }
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-locale-modal .modal-dialog { margin: 0.5rem; }
    body.uc-clientarea .uc-locale-modal .modal-dialog-scrollable { max-height: calc(100% - 1rem); }
}

/* "Currency: X" button (uc-site.js currencyButtons) in place of in-page currency dropdowns; opens the chooser */
body.uc-clientarea .uc-cur-btn { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.45rem 0.85rem; border-radius: 999px; border: 1px solid var(--gk-border-color); background: var(--gk-card-background); color: var(--gk-gray-800); font-size: 0.875rem; line-height: 1.2; cursor: pointer; transition: border-color 0.15s ease; }
body.uc-clientarea .uc-cur-btn:hover, body.uc-clientarea .uc-cur-btn:focus-visible { border-color: var(--gk-primary); }
body.uc-clientarea .uc-cur-btn i:first-child { color: var(--gk-primary); }
body.uc-clientarea .uc-cur-btn .uc-cur-k { color: var(--gk-gray-600); }
body.uc-clientarea .uc-cur-btn i:last-child { font-size: 0.7rem; color: var(--gk-gray-500); }
[data-bs-theme=dark] body.uc-clientarea .uc-cur-btn { background: #172033; border-color: #2c3a50; color: #e2e8f0; }
[data-bs-theme=dark] body.uc-clientarea .uc-cur-btn i:first-child { color: #b49ffa; }
[data-bs-theme=dark] body.uc-clientarea .uc-cur-btn .uc-cur-k { color: #a8b5c7; }
body.uc-clientarea #order-standard_cart .sidebar-collapsed > .uc-cur-btn { margin: 0 0 1rem auto; display: flex; width: max-content; }
body.uc-clientarea #order-standard_cart .sidebar-collapsed > .form-inline::before { content: none; }

/* Missing required fields (configure product): red field, its message under it; WHMCS's error list is a real red box
   in dark mode too (it was grey text on dark grey) */
body.uc-clientarea .uc-invalid, body.uc-clientarea .uc-invalid:focus { border-color: #dc2626 !important; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.18) !important; }
body.uc-clientarea .uc-field-err { display: flex; align-items: flex-start; gap: 0.4rem; margin-top: 0.4rem; font-size: 0.85rem; font-weight: 600; color: #b91c1c; }
body.uc-clientarea .uc-field-err i { margin-top: 0.15rem; }
[data-bs-theme=dark] body.uc-clientarea .uc-invalid, [data-bs-theme=dark] body.uc-clientarea .uc-invalid:focus { border-color: #f87171 !important; box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.2) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-field-err { color: #fca5a5; }
[data-bs-theme=dark] body.uc-clientarea #containerProductValidationErrors, [data-bs-theme=dark] body.uc-clientarea #order-standard_cart .alert-danger { background: rgba(220, 38, 38, 0.12) !important; border: 1px solid rgba(248, 113, 113, 0.45) !important; color: #fecaca !important; }
[data-bs-theme=dark] body.uc-clientarea #containerProductValidationErrors * { color: #fecaca !important; }
body.uc-clientarea #containerProductValidationErrors { border-left: 4px solid #dc2626 !important; border-radius: 10px; }
body.uc-clientarea .form-control.uc-invalid, body.uc-clientarea .form-control.uc-invalid:focus, body.uc-clientarea .field.uc-invalid, body.uc-clientarea .field.uc-invalid:focus { border: 1.5px solid #dc2626 !important; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2) !important; outline: none !important; }
[data-bs-theme=dark] body.uc-clientarea .form-control.uc-invalid, [data-bs-theme=dark] body.uc-clientarea .form-control.uc-invalid:focus, [data-bs-theme=dark] body.uc-clientarea .field.uc-invalid, [data-bs-theme=dark] body.uc-clientarea .field.uc-invalid:focus { border-color: #f87171 !important; box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.22) !important; }
body.uc-clientarea #accepttos.uc-invalid { outline: 2px solid #dc2626 !important; outline-offset: 2px; }

/* Gentle prompt for a missing domain (uc-site.js attn): amber ring, one small shake, hint under the box */
body.uc-clientarea .uc-attn, body.uc-clientarea .uc-attn:focus { border-color: #f59e0b !important; box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.25) !important; animation: ucNudge 0.4s ease 1; }
@keyframes ucNudge { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 50% { transform: translateX(4px); } 75% { transform: translateX(-2px); } }
@media (prefers-reduced-motion: reduce) { body.uc-clientarea .uc-attn { animation: none; } }
body.uc-clientarea .uc-attn-msg { display: flex; align-items: flex-start; gap: 0.4rem; margin: 0.5rem 0 0; font-size: 0.875rem; font-weight: 600; color: #92400e; text-align: left; }
body.uc-clientarea .uc-attn-msg i { margin-top: 0.15rem; color: #b45309; }
[data-bs-theme=dark] body.uc-clientarea .uc-attn, [data-bs-theme=dark] body.uc-clientarea .uc-attn:focus { border-color: #fbbf24 !important; box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.22) !important; }
[data-bs-theme=dark] body.uc-clientarea .uc-attn-msg { color: #fcd34d; }
[data-bs-theme=dark] body.uc-clientarea .uc-attn-msg i { color: #fbbf24; }

/* WhatsApp button wrapper with a small close button (footer.tpl): the wrapper carries the fixed position now */
body.uc-clientarea .uc-wa-wrap { position: fixed; left: 16px; bottom: 16px; z-index: 1034; transition: bottom 0.2s ease; }
body.uc-clientarea .uc-wa-wrap[hidden] { display: none !important; }
body.uc-clientarea .uc-wa-wrap .uc-wa { position: relative; left: auto; bottom: auto !important; }
body.uc-clientarea .uc-wa-close { position: absolute; top: -8px; right: -8px; width: 26px; height: 26px; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--gk-border-color); background: var(--gk-card-background); color: var(--gk-gray-700); font-size: 0.7rem; line-height: 1; cursor: pointer; box-shadow: 0 2px 6px rgba(15, 23, 42, 0.2); }
body.uc-clientarea .uc-wa-close:hover, body.uc-clientarea .uc-wa-close:focus-visible { color: #b91c1c; border-color: #fca5a5; }
body.uc-clientarea .uc-wa-close::before { content: ""; position: absolute; inset: -10px; }
[data-bs-theme=dark] body.uc-clientarea .uc-wa-close { background: #1e293b; border-color: #334155; color: #cbd5e1; }
@media (prefers-reduced-motion: reduce) { body.uc-clientarea .uc-wa-wrap { transition: none; } }
/* KB article meta row without tags: the actions sit on the right on their own */
body.uc-clientarea .uc-kb-article-meta { justify-content: flex-end; }
@media (max-width: 575.98px) { body.uc-clientarea .uc-kb-article-meta { justify-content: flex-start; } }

/* Dashboard credit balance widget (includes/uc-credit-widget.tpl): top of the sidebar on desktop; on phones and tablets
   the sidebar comes first, so it is a compact row with the actions beside the amount */
body.uc-clientarea .uc-credit { padding: 1rem 1.1rem; margin-bottom: 1rem; border: 1px solid rgba(0, 166, 80, 0.35); background: linear-gradient(135deg, rgba(0, 166, 80, 0.08), var(--gk-card-background) 70%); }
body.uc-clientarea .uc-credit-body { display: flex; align-items: flex-start; gap: 0.8rem; }
body.uc-clientarea .uc-credit-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 0.6rem; background: rgba(0, 166, 80, 0.14); color: #047a3c; font-size: 1.05rem; }
body.uc-clientarea .uc-credit-text { min-width: 0; }
body.uc-clientarea .uc-credit-label { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--gk-gray-600); }
body.uc-clientarea .uc-credit-amount { font-size: 1.4rem; font-weight: 800; line-height: 1.25; color: #047a3c; overflow-wrap: anywhere; }
body.uc-clientarea .uc-credit-note { margin: 0.25rem 0 0; font-size: 0.8125rem; line-height: 1.45; color: var(--gk-gray-600); }
body.uc-clientarea .uc-credit-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.85rem; }
body.uc-clientarea .uc-credit-actions:empty { display: none; }
body.uc-clientarea .uc-credit-actions .btn { flex: 1 1 auto; min-height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; }
[data-bs-theme=dark] body.uc-clientarea .uc-credit { border-color: rgba(74, 222, 128, 0.3); background: linear-gradient(135deg, rgba(74, 222, 128, 0.1), var(--gk-card-background) 70%); }
[data-bs-theme=dark] body.uc-clientarea .uc-credit-icon { background: rgba(74, 222, 128, 0.14); color: #86efac; }
[data-bs-theme=dark] body.uc-clientarea .uc-credit-amount { color: #86efac; }
[data-bs-theme=dark] body.uc-clientarea .uc-credit-label, [data-bs-theme=dark] body.uc-clientarea .uc-credit-note { color: #cbd5e1; }
@media (min-width: 576px) and (max-width: 991.98px) {
    body.uc-clientarea .uc-credit { flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; }
    body.uc-clientarea .uc-credit-actions { margin-top: 0; flex: none; }
}
@media (min-width: 992px) {
    body.uc-clientarea .uc-credit-icon { width: 2.1rem; height: 2.1rem; font-size: 0.95rem; }
    body.uc-clientarea .uc-credit-label { letter-spacing: 0.02em; }
    body.uc-clientarea .uc-credit-amount { font-size: 1.15rem; overflow-wrap: normal; }
}
@media (max-width: 575.98px) {
    body.uc-clientarea .uc-credit { padding: 0.85rem 0.95rem; }
    body.uc-clientarea .uc-credit-amount { font-size: 1.25rem; }
}

/* TLD logos inside <picture> (WebP with PNG fallback): the wrapper takes no box, so the logo row lays out as before */
body.uc-clientarea .tld-logos picture { display: contents; }