/* Native adaptation of approved redesign.css final compact-sidebar / Home-header / minimal cascade.
   Deliberately unlayered and scoped; Bootstrap widget visibility remains authoritative. */
body.rk-native {--rk-font:'Anuphan','Plus Jakarta Sans',system-ui,sans-serif;font-family:var(--rk-font);font-size:16px;background:radial-gradient(ellipse at 70% 0,#eaf3ff80,transparent 650px),linear-gradient(180deg,#f7faff,#fff 700px);color:#1e2a4a}
.rk-native .container:not(#site-footer .container) {width:100%;max-width:1360px;padding-left:24px;padding-right:24px}
.rk-native h1,.rk-native h2,.rk-native h3,.rk-native h4,.rk-native h5,.rk-native h6 {font-weight:600;letter-spacing:normal}
.rk-native .rk-home-header {position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid #e5ecf7}
.rk-native .rk-header-inner {position:relative;display:flex;align-items:center;min-height:68px;gap:16px}
.rk-brand {flex-shrink:0;display:flex;align-items:center;min-height:44px}
.rk-brand .logo-img {height:28px;width:auto;max-width:160px;object-fit:contain}
.rk-catalog-nav {display:flex;align-items:center;gap:2px}
.rk-catalog-group {position:static}
.rk-catalog-group summary {display:flex;align-items:center;gap:4px;list-style:none;cursor:pointer;font-size:14px;font-weight:500;padding:8px 9px;min-height:44px;border-radius:8px;color:#1e2a4a;white-space:nowrap}
.rk-catalog-group summary::-webkit-details-marker {display:none}
.rk-catalog-group summary:hover,.rk-catalog-group[open]>summary {background:#f0f6ff;color:#2356e8}
.rk-catalog-group summary svg {width:12px;height:12px;opacity:.55}
.rk-catalog-group[open]>summary svg {transform:rotate(180deg)}
.rk-mega-panel {position:absolute;display:grid;top:100%;left:50%;transform:translateX(-50%);width:1000px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 100px);overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:16px;border:1px solid #e5ecf7;border-radius:18px;background:#fff;box-shadow:0 12px 40px #142b7324;z-index:1031}
.rk-catalog-group:not([open])>.rk-mega-panel {display:none}
.rk-mega-panel.two-columns {width:700px;grid-template-columns:repeat(2,minmax(0,1fr))}
.rk-mega-panel>section {padding:8px;min-width:0}
.rk-mega-panel>section+section {border-left:1px solid #e5ecf7;padding-left:16px}
.rk-native .rk-mega-panel h3 {font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#54618a;padding:6px 12px 10px;margin:0}
.rk-mega-panel section>a {display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:10px;white-space:normal;text-decoration:none}
.rk-mega-panel section>a:hover {background:#f0f6ff}
.rk-menu-product-icon {display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#2356e8;background:#f0f6ff}
.rk-menu-product-icon svg {width:16px;height:16px}
.rk-menu-product-copy {min-width:0}
.rk-mega-panel strong {display:block;font-size:14px;font-weight:600;line-height:1.6;color:#0b1730}
.rk-mega-panel small {display:block;font-size:12px;line-height:1.55;color:#54618a;overflow-wrap:anywhere}
.rk-mega-all {display:flex;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:6px;padding:12px;border-top:1px solid #e5ecf7;font-size:14px;min-height:44px}
.rk-header-actions {display:flex;align-items:center;margin-left:auto;gap:10px;min-width:0}
.rk-header-status {font-size:12px;color:#54618a;white-space:nowrap}
.rk-header-contact {font-size:14px;white-space:nowrap;padding:10px 6px}
.rk-header-locales {list-style:none;padding:0;margin:0;max-width:210px}
.rk-catalog-toggle,.rk-mobile-contact,.rk-drawer-close {display:none}
.rk-native .topbar {padding:8px 0;background:transparent;border-bottom:1px solid #e5ecf7}
.rk-native .topbar .btn {color:#54618a;min-height:44px}
.rk-native .topbar .active-client .btn span {max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-native .rk-workspace-toolbar {display:flex;align-items:center;gap:16px;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.rk-native .rk-workspace-toolbar .form-inline {flex:1;min-width:0}
.rk-native .rk-workspace-toolbar .search {width:100%;max-width:400px}
.rk-native .rk-task-toggle {display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:auto}
.rk-native .rk-account-navigation {display:flex;flex-direction:row;gap:12px;margin-left:auto;min-width:0;font-size:14px}
.rk-account-navigation>li>a {display:flex;align-items:center;min-height:44px}
.rk-native .cart-btn {min-height:44px;min-width:44px;white-space:nowrap}
.rk-native .master-breadcrumb {background:transparent;border:0}
.rk-native .master-breadcrumb .breadcrumb {padding:12px 0;margin:0;font-size:13px}
.rk-native #main-body {padding:24px 0 64px;min-height:45vh}
.rk-workspace {min-width:0;position:relative}
.rk-workspace-with-nav {display:grid;grid-template-columns:224px minmax(0,1fr);gap:32px;align-items:start}
.rk-native .primary-content {min-width:0;width:100%;padding:0}
.rk-task-navigation {min-width:0;align-self:start;font-size:14px}
.rk-task-tree {gap:4px}
.rk-task-tree>li>a {display:block;width:100%;padding:12px!important;min-height:48px;border-radius:10px;color:#54618a;white-space:normal}
.rk-task-tree>li.active>a,.rk-task-tree>li>a:hover,.rk-task-tree>li>a[aria-current=page] {background:#dbe8ff;color:#2356e8}
.rk-native .rk-task-tree .dropdown-menu {position:static!important;transform:none!important;float:none;margin:0 0 8px 8px;min-width:0;max-width:100%;padding:4px 0;border:0;border-left:1px solid #dbe8ff;border-radius:0;box-shadow:none;background:transparent}
.rk-task-tree .dropdown-item {white-space:normal;overflow-wrap:anywhere}
.rk-task-tree .dropdown-item>a {min-height:40px;display:flex;align-items:center;font-size:13px}
.rk-context-navigation {border-top:1px solid #e5ecf7;margin-top:24px;padding-top:20px}
.rk-native .rk-context-navigation .sidebar {padding:0;margin:0 0 24px;width:auto;float:none}
.rk-native .rk-context-navigation .card {background:transparent;border:0;border-radius:0;box-shadow:none}
.rk-native .rk-context-navigation .card-header {padding:12px;background:transparent;border-color:#e5ecf7}
.rk-native .rk-context-navigation .card-body,.rk-native .rk-context-navigation .card-footer {padding:12px;background:transparent}
.rk-native .rk-context-navigation .list-group-item {padding:12px;background:transparent;border-color:#e5ecf7;overflow-wrap:anywhere}
.rk-native .rk-context-navigation .list-group-item.active {background:#dbe8ff;color:#2356e8;border-radius:10px}
.rk-native .primary-content>h1,.rk-native .header-lined h1 {font-size:32px;font-weight:600;margin:0 0 24px;padding:0;border:0}
.rk-native .primary-content>.card,.rk-native .primary-content>form>.card,.rk-native .client-home-cards .card {background:transparent;border:0;border-radius:0;box-shadow:none}
.rk-native .client-home-cards .card-header,.rk-native .client-home-cards .card-body,.rk-native .client-home-cards .card-footer {background:transparent;padding:18px 0;border-color:#e5ecf7;border-radius:0}
.rk-native .client-home-cards .card-header {padding-top:0}
.rk-native .client-home-cards .list-group-item {background:transparent;padding:18px 0;border-color:#e5ecf7}
.rk-native .primary-content .table {background:transparent}
.rk-native .primary-content .table td {padding-top:18px;padding-bottom:18px;border-color:#e5ecf7}
.rk-native .primary-content .table th {font-weight:500;border-color:#e5ecf7}
.rk-native .primary-content .table-container {max-width:100%;overflow-x:auto}
.rk-native .primary-content .nav-tabs {flex-wrap:wrap;gap:4px;border-color:#e5ecf7}
.rk-login-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;max-width:1080px;margin:24px auto 60px;align-items:center}
.rk-login-intro {min-width:0}
.rk-login-intro .eyebrow {font-size:11px;letter-spacing:1.8px;color:#54618a}
.rk-native .rk-login-intro h1 {font-size:42px;line-height:1.45;margin:18px 0}
.rk-login-intro h1 span {color:#2356e8}
.rk-login-intro p {color:#54618a;line-height:1.9;max-width:440px}
.rk-login-art {display:block;max-width:440px;width:100%;margin-top:32px}
.rk-login-form-wrap {min-width:0}
.rk-native .rk-login-form-wrap .card {border:0;border-radius:0;box-shadow:none;background:transparent;margin:0!important;max-width:none}
.rk-native .rk-login-form-wrap .card-body {padding:0!important}
.rk-native .rk-login-form-wrap .card-footer {margin-top:28px;padding:24px 0!important;background:transparent;border-color:#e5ecf7}
.rk-native .rk-login-form-wrap .h3 {font-size:28px;margin-bottom:28px}
.rk-native .rk-login-form-wrap .form-control {min-height:48px}
.rk-native #footer {background:#fff;border-top:1px solid #e5ecf7;padding:24px 0;color:#54618a}
.rk-native #footer .mb-7 {margin-bottom:16px!important}
.rk-native .rk-utility-icon {width:22px;height:22px}
.rk-native.rk-shell-ready.rk-guest .rk-task-navigation,.rk-native.rk-shell-ready.rk-cart .rk-task-navigation {display:none}
.rk-native.rk-shell-ready.rk-guest .rk-task-navigation.is-open,.rk-native.rk-shell-ready.rk-cart .rk-task-navigation.is-open {display:block;position:fixed;top:80px;left:16px;width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;padding:16px;background:white;border:1px solid #dbe8ff;border-radius:16px;box-shadow:0 16px 40px #142b7326;z-index:1032}
.rk-guest .rk-drawer-close,.rk-cart .rk-drawer-close {display:block;margin-left:auto;min-width:44px;min-height:44px}
@media(min-width:1200px) {.rk-native:not(.rk-guest):not(.rk-cart) .rk-task-toggle {display:none}}
@media(max-width:1399px) {.rk-header-status {display:none}.rk-native .rk-header-inner{gap:8px}.rk-header-actions{gap:6px}.rk-catalog-group summary{padding-left:6px;padding-right:6px}}
@media(max-width:1199px) {
 .rk-workspace-with-nav{display:block}.rk-header-contact{display:none}.rk-catalog-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .rk-catalog-nav{display:block;position:absolute;top:100%;left:0;right:0;padding:12px 24px 24px;background:#fff;border-bottom:1px solid #e5ecf7;box-shadow:0 12px 32px #142b731f;max-height:calc(100dvh - 88px);overflow:auto}
 .rk-shell-ready .rk-catalog-nav:not(.is-open){display:none}.rk-catalog-group{border-bottom:1px solid #e5ecf7}.rk-catalog-group summary{padding:14px 4px;font-size:16px;justify-content:space-between}
 .rk-mega-panel,.rk-mega-panel.two-columns{position:static;transform:none;width:100%;max-width:none;max-height:none;padding:0 0 16px;grid-template-columns:1fr;gap:8px;overflow:visible;border:0;border-radius:0;box-shadow:none}.rk-mega-panel>section,.rk-mega-panel>section+section{padding:0;border:0}.rk-mobile-contact{display:flex;gap:24px;padding-top:20px}
 .rk-native.rk-shell-ready .rk-task-navigation{display:none}.rk-native.rk-shell-ready .rk-task-navigation.is-open{display:block;position:fixed;top:80px;left:16px;width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;padding:16px;background:#fff;border:1px solid #dbe8ff;border-radius:16px;box-shadow:0 16px 40px #142b7326;z-index:1032}
 .rk-drawer-close{display:block;margin-left:auto;min-width:44px;min-height:44px}.rk-native .primary-content>h1,.rk-native .header-lined h1{font-size:30px}.rk-login-layout{gap:40px}.rk-native .rk-login-intro h1{font-size:36px}
}
@media(max-width:767px) {
 .rk-native .container:not(#site-footer .container){padding-left:20px;padding-right:20px}.rk-native .rk-header-inner{gap:8px;padding-left:16px;padding-right:16px}.rk-brand .logo-img{height:24px;max-width:108px}.rk-header-locales{max-width:122px}.rk-header-actions{gap:6px}
 .rk-native .rk-workspace-toolbar{gap:8px}.rk-task-toggle span{display:none}.rk-native .rk-workspace-toolbar .form-inline{display:none}.rk-native .rk-account-navigation{font-size:13px}.rk-native .topbar .active-client .input-group-text{display:none}
 .rk-native .client-home-cards>.row>.col-md-6{flex:0 0 100%;max-width:100%}.rk-native .tiles .tile{padding:12px}.rk-native .tiles .tile .stat{font-size:32px}.rk-native .primary-content>h1,.rk-native .header-lined h1{font-size:28px}.rk-login-layout{grid-template-columns:1fr;gap:36px;margin:12px auto 32px;max-width:540px}.rk-native .rk-login-intro h1{font-size:30px}.rk-login-art{max-width:300px;margin:16px auto 0}.rk-login-intro p{font-size:14px}.rk-native .rk-login-form-wrap .form-control{font-size:16px}
}
@media(max-width:360px) {.rk-native .container:not(#site-footer .container){padding-left:16px;padding-right:16px}.rk-native .rk-header-inner{padding-left:12px;padding-right:12px;gap:4px}.rk-brand .logo-img{height:22px;max-width:98px}.rk-header-actions{gap:4px}.rk-header-locales{max-width:116px}.rk-native .primary-content>h1,.rk-native .header-lined h1{font-size:26px}}
@media(prefers-reduced-motion:reduce) {.rk-home-header *,.rk-task-navigation * {scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print {.rk-home-header,.rk-workspace-toolbar,.rk-task-navigation,.topbar,#site-footer,#footer {display:none!important}.rk-workspace-with-nav{display:block}}

/* Align the outer shell to the Home 1360px container, including gutters. */
.rk-native #main-body>.container,.rk-native>nav>.container,.rk-native>header>.container {max-width:1360px}

.rk-header-account-link {display:flex;align-items:center;white-space:nowrap;min-height:44px;padding:10px 16px;border-radius:999px;background:#2356e8;color:#fff;font-size:14px;font-weight:500}
.rk-header-account-link:hover {background:#1b43bd;color:#fff;text-decoration:none}
@media(max-width:1199px) {.rk-header-account-link {display:none}}

/* Review fixes: preserve Home footer and header usability with and without JS. */
.rk-brand .logo-img {width:128px;height:auto;max-width:none}
@media(max-width:1199px) {
 .rk-native:not(.rk-shell-ready) .rk-header-inner {flex-wrap:wrap}
 .rk-native:not(.rk-shell-ready) .rk-catalog-nav {position:static;order:3;flex-basis:100%;max-height:none;box-shadow:none}
}
@media(max-width:767px) {.rk-brand .logo-img {width:100px;height:auto;max-width:none}}
@media(max-width:480px) {.rk-login-art {display:none}}

/* Registration has ID-scoped legacy fields; retain its icon/phone widget geometry. */
.rk-native #registration .field,
.rk-native #registration .form-control {height:48px;border-radius:12px;font-size:16px;border-color:#c7d6ee}
.rk-native #registration textarea.field,
.rk-native #registration textarea.form-control {height:auto;min-height:48px}
.rk-native #registration .field:focus,
.rk-native #registration .form-control:focus {border-color:#2356e8;box-shadow:0 0 0 3px rgba(35,86,232,.12)}
.rk-native #registration .has-success :is(.field,.form-control),
.rk-native #registration :is(.field,.form-control).is-valid,
.rk-native #registration.was-validated :is(.field,.form-control):valid,
.rk-native #registration .was-validated :is(.field,.form-control):valid {border-color:#21805b}
.rk-native #registration .has-success :is(.field,.form-control):focus,
.rk-native #registration :is(.field,.form-control).is-valid:focus,
.rk-native #registration.was-validated :is(.field,.form-control):valid:focus,
.rk-native #registration .was-validated :is(.field,.form-control):valid:focus {box-shadow:0 0 0 3px rgba(33,128,91,.14)}
.rk-native #registration .has-error :is(.field,.form-control),
.rk-native #registration :is(.field,.form-control).is-invalid,
.rk-native #registration.was-validated :is(.field,.form-control):invalid,
.rk-native #registration .was-validated :is(.field,.form-control):invalid {border-color:#c63545}
.rk-native #registration .has-error :is(.field,.form-control):focus,
.rk-native #registration :is(.field,.form-control).is-invalid:focus,
.rk-native #registration.was-validated :is(.field,.form-control):invalid:focus,
.rk-native #registration .was-validated :is(.field,.form-control):invalid:focus {box-shadow:0 0 0 3px rgba(198,53,69,.14)}
.rk-native #registration .prepend-icon .field-icon {height:48px;line-height:48px}

/* Native configurable footer links must contrast against the retained light footer. */
.rk-native #footer a {color:#54618a}
.rk-native #footer a:hover,.rk-native #footer a:focus {color:#2356e8}

/* Dashboard fidelity pass: native menus/data rendered on the approved open canvas. */
.rk-native .rk-context-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;border-bottom:1px solid #e5ecf7}
.rk-native .rk-context-bar .master-breadcrumb{min-width:0;flex:1}
.rk-native .rk-context-bar .master-breadcrumb>.container{padding:0}
.rk-native .rk-context-tools{display:flex;align-items:center;gap:12px;flex-shrink:0}
.rk-native .rk-context-tools .topbar,.rk-native .rk-context-tools .topbar>.container,.rk-native .rk-context-tools .topbar .d-flex,.rk-native .rk-context-tools .rk-workspace-toolbar{display:contents}
.rk-native .rk-context-tools .topbar .mr-auto{order:4;margin:0!important}
.rk-native .rk-context-tools .topbar .ml-auto{order:2;margin:0!important}
.rk-native .rk-context-tools .active-client .input-group-prepend{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.rk-native .rk-context-tools .active-client .btn{border:0;background:transparent;box-shadow:none;padding:8px;font-size:13px;display:inline-flex;align-items:center;gap:8px}
.rk-native .rk-context-tools .active-client .btn-active-client:before{content:'';width:30px;height:30px;background:#e9f0ff;border:1px solid #dce7fc;border-radius:50%}
.rk-native .rk-context-tools .rk-account-navigation{order:5;margin:0;font-size:13px}
.rk-native .rk-context-tools .cart-btn{order:1;color:#2356e8;position:relative}
.rk-native .rk-context-tools .cart-btn .badge{position:absolute;right:1px;top:0;background:#edf3ff;color:#2356e8;font-weight:500}
.rk-native .rk-context-tools .rk-task-toggle{order:-2;margin:0;padding:8px}
.rk-native .rk-context-search{position:relative;order:3}
.rk-context-search summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;height:44px;cursor:pointer;color:#63728d;border-radius:50%}
.rk-context-search summary::-webkit-details-marker{display:none}
.rk-context-search[open]>summary,.rk-context-search summary:hover{background:#edf3ff;color:#2356e8}
.rk-native .rk-context-search>form{position:absolute;z-index:1020;top:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 40px);padding:12px;background:white;border:1px solid #e0e9f9;border-radius:16px;box-shadow:0 12px 40px #142b7314}
.rk-native .rk-context-search .search{display:flex!important}
.rk-native .rk-context-search:not([open])>form{display:none}
.rk-native #accountNotifications{position:relative;color:#2356e8;padding:8px;min-height:44px}
.rk-notification-count{position:absolute;top:0;right:0;font-size:10px;background:#eaf1ff;color:#2356e8;border-radius:10px;min-width:16px;line-height:16px}
.rk-native #main-body{padding-top:28px}
.rk-workspace-label{margin:3px 12px 18px;font-size:10px;letter-spacing:1.65px;color:#63728d}
.rk-native .rk-task-tree{gap:6px}
.rk-native .rk-task-tree>li>a{display:flex;align-items:center;gap:10px;border-radius:14px;font-size:14px;line-height:1.7;font-weight:400;color:#52627c}
.rk-native .rk-task-tree>li.active>a,.rk-native .rk-task-tree>li>a[aria-current=page]{background:linear-gradient(100deg,#eaf1ff,#f3f7ff);box-shadow:inset 0 0 0 1px #dae6fc;color:#2356e8;font-weight:600}
.rk-native .rk-task-tree>li>a:hover{background:#edf3fc;color:#2356e8}
.rk-native .rk-task-tree>li>a.dropdown-toggle:after{margin-left:auto;color:#8a9ab8}
.rk-native .rk-task-tree .dropdown-menu{margin-left:22px;padding-left:8px}
.rk-native .rk-task-tree .dropdown-item>a{border-radius:8px;font-size:13px;padding:8px}
.rk-native .rk-context-navigation{margin:24px 12px 0;padding-top:12px}
.rk-native .rk-context-navigation .card-header{padding:12px 0;border:0}
.rk-native .rk-context-navigation .card-title{font-size:13px;font-weight:600;color:#52627c}
.rk-native .rk-context-navigation .card-body{padding:8px 0 12px;font-size:13px;line-height:1.8;color:#63728d}
.rk-native .rk-context-navigation .card-footer{padding:4px 0 16px;border:0}
.rk-native .rk-context-navigation .list-group-item{padding:12px 0;font-size:13px;border-color:#eaf0f9}
.rk-native .rk-context-navigation .btn{min-height:38px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce6f7;background:#f8fbff;color:#2356e8;box-shadow:none}
.rk-native .rk-context-navigation .btn:hover{background:#edf3ff;border-color:#bdcff7}
.rk-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0 28px;flex-wrap:wrap}
.rk-native .rk-dashboard-heading h1{font-size:32px;line-height:1.4;font-weight:600;margin:0;color:#0b1730}
.rk-dashboard-heading p{font-size:14px;line-height:1.8;color:#63728d;margin:8px 0 0}
.rk-dashboard-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rk-native .rk-dashboard-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;min-height:44px;font-size:14px;white-space:normal}
.rk-dashboard-actions .btn-default{order:-1;background:white;border-color:#dce6f7}
.rk-native.rukcom .tiles{margin-bottom:28px!important;padding:22px 0;background:transparent;border:0;border-top:1px solid #e1e9f6;border-bottom:1px solid #e1e9f6;border-radius:0;box-shadow:none}
.rk-native.rukcom .tiles .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.rk-native.rukcom .tiles .row>div{max-width:none;flex:none;width:auto}
.rk-native.rukcom .tiles .row>div .tile{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:12px 8px;margin:0;padding:4px 0 12px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;min-height:100px}
.rk-native.rukcom .tiles .row>div .tile:hover{background:transparent}
.rk-native.rukcom .tiles .tile .stat{grid-column:1/-1;grid-row:2;margin:0;font-size:36px;line-height:1.25;font-weight:600}
.rk-native.rukcom .tiles .tile .title{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:13px;line-height:1.65;letter-spacing:0;text-transform:none;color:#63728d;font-weight:400}
.rk-native.rukcom .tiles .tile>i{position:static;grid-column:1;grid-row:1;align-self:center;width:21px;height:21px;font-size:21px;opacity:1;color:#2356e8}
.rk-native.rukcom .tiles .tile>i:before{content:none}
.rk-native.rukcom .tiles .tile .highlight{display:none}
.rk-native.rukcom .tiles .tile:after{content:'↗';position:absolute;right:4px;bottom:16px;color:#8ca1c4;font-size:18px;transition:transform .18s,color .18s}
.rk-native.rukcom .tiles .tile:hover:after{transform:translate(2px,-2px);color:#2356e8}
.rk-native.rukcom .tiles .row>div:nth-last-child(2){order:4}
.rk-native .client-home-cards>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin:0}
.rk-native .client-home-cards>.row>[class*=col-]{display:contents}
.rk-native .client-home-cards .card{min-width:0;margin:0;padding:0 0 24px;border-bottom:1px solid #e5ecf7;align-self:start}
.rk-native .client-home-cards .card[menuitemname="Active Products/Services"]{grid-column:1;grid-row:1/span 2}
.rk-native .client-home-cards .card[menuitemname="Overdue Invoices"]{grid-column:2;grid-row:1}
.rk-native .client-home-cards .card[menuitemname="Recent Support Tickets"]{grid-column:2;grid-row:2}
.rk-native .client-home-cards .card[menuitemname="Register a New Domain"]{grid-column:1;grid-row:3}
.rk-native .client-home-cards .card[menuitemname="Recent News"]{grid-column:2;grid-row:3}
.rk-native .client-home-cards .card-header{padding:0 0 16px;border:0;min-height:48px}
.rk-native .client-home-cards .card-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:19px;line-height:1.55;color:#0b1730;font-weight:600}
.rk-native .client-home-cards .card-title>.float-right{order:3;margin-left:auto;float:none!important}
.rk-native .client-home-cards .card-title>i{font-size:18px;color:#2356e8}
.rk-native.rukcom .client-home-cards .card-header .btn-default{display:inline-flex;align-items:center;gap:4px;min-height:32px;white-space:normal;padding:4px 0;font-size:12px;line-height:1.5;font-weight:400;background:transparent;border:0;color:#2356e8;box-shadow:none}
.rk-native.rukcom .client-home-cards .card-header .btn-default:hover{color:#163eae;background:transparent;text-decoration:underline}
.rk-native.rukcom .client-home-cards .card-body{padding:8px 0 12px;max-height:none;overflow:visible;font-size:14px;color:#63728d;line-height:1.8}
.rk-native .client-home-cards .card-body p{padding:0;margin:0 0 12px}
.rk-native .client-home-cards .card-footer{padding:0;border:0;line-height:1.6}
.rk-native .client-home-cards .card-footer .btn-view-more{min-height:36px;display:inline-flex;align-items:center;font-size:12px;color:#63728d}
.rk-native .client-home-cards .list-group{max-height:340px;border-color:#e5ecf7!important;border-radius:0}
.rk-native.rukcom .client-home-cards .list-group-item{padding:16px 0;border-color:#e5ecf7;font-size:14px;line-height:1.7}
.rk-native .client-home-cards .input-group{padding:0!important}
.rk-native .client-home-cards .form-control{min-height:46px;height:auto;border-color:#d6e2f7;border-radius:12px 0 0 12px;font-size:16px}
.rk-native .client-home-cards .input-group .btn{padding:10px 12px;min-height:46px;font-size:13px}
.rk-native .client-home-cards .btn-success{background:#2356e8;border-color:#2356e8;color:#fff}
.rk-native .client-home-cards .btn-success:hover{background:#1b43bd}
.rk-native .client-home-cards .input-group .btn:last-child{border-radius:0 12px 12px 0}
.rk-line-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;background:currentColor;mask:var(--rk-icon) center/contain no-repeat;-webkit-mask:var(--rk-icon) center/contain no-repeat}
.rk-native .rk-task-tree>li[menuitemname]>a:not(:has(>i)):before{content:'';display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:var(--rk-icon) center/contain no-repeat;-webkit-mask:var(--rk-icon) center/contain no-repeat;color:#4d71e8}
.rk-native.rukcom .tiles .tile>i{background:currentColor;mask:var(--rk-icon) center/contain no-repeat;-webkit-mask:var(--rk-icon) center/contain no-repeat}
.rk-native a:focus-visible,.rk-native summary:focus-visible{outline:2px solid #2356e8;outline-offset:4px}
@media(max-width:1199px){
 .rk-native .rk-context-tools{gap:6px}.rk-native .rk-context-tools .rk-task-toggle{display:inline-flex}
 .rk-native .rk-context-bar{flex-wrap:wrap;gap:0;padding-top:8px;padding-bottom:8px}
 .rk-native .rk-context-bar .master-breadcrumb{flex-basis:100%;order:2}.rk-native .rk-context-tools{width:100%;justify-content:flex-end}.rk-native .rk-context-tools .rk-task-toggle{margin-right:auto}
 .rk-native .rk-task-navigation.is-open .rk-workspace-label{margin-top:12px}
}
@media(max-width:767px){
 .rk-native .rk-context-tools .active-client .btn-active-client:before{display:none}.rk-native .rk-context-tools .active-client .btn span{max-width:100px}.rk-native .rk-context-tools .rk-account-navigation{font-size:12px}
 .rk-native .rk-context-tools .active-client .btn{padding:6px 4px;font-size:12px}.rk-native .rk-context-tools .cart-btn{padding:8px 4px;min-width:32px}
 .rk-native .rk-dashboard-heading{gap:16px;padding-bottom:24px}.rk-native .rk-dashboard-heading h1{font-size:28px}.rk-dashboard-actions{width:100%}
 .rk-native.rukcom .tiles .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.rk-native.rukcom .tiles .tile .stat{font-size:32px}
 .rk-native .client-home-cards>.row{grid-template-columns:1fr;gap:24px}
 .rk-native .client-home-cards .card[menuitemname]{grid-column:auto;grid-row:auto}.rk-native .client-home-cards .card-title{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.rk-native.rukcom .tiles .tile:after{transition:none;transform:none}}

/* Outline paths copied from the approved mockup, decorative only. */
/* Fallback for menu items without their own glyph (e.g. Admin-added items), so none renders as a filled square. */
.rk-task-tree>li[menuitemname]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%2014%204-4M8%2016l-1%201a4%204%200%200%201-6-6l4-4a4%204%200%200%201%206%200m2%2010a4%204%200%200%200%206%200l4-4a4%204%200%200%200-6-6l-1%201%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Home"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Services"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%206.5h.01M7%2017.5h.01M11%206.5h6M11%2017.5h6%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Domains"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M5%206.5h14M5%2017.5h14%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Billing"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18l-3-2-4%202-4-2-3%202V3Z%22%2F%3E%3Cpath%20d%3D%22M9%207h6M9%2011h6M9%2015h3%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Payment Notification"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%207V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-3%22%2F%3E%3Cpath%20d%3D%22M15%2010h6v6h-6a3%203%200%200%201%200-6Z%22%2F%3E%3Cpath%20d%3D%22M16%2013h.01%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Support"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H8l-5%203v-7a8%208%200%200%201-1-4%209%209%200%200%201%2019%200Z%22%2F%3E%3Cpath%20d%3D%22M7%2010h10M7%2014h6%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Open Ticket"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014v-3a8%208%200%200%201%2016%200v7a3%203%200%200%201-3%203h-3%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2210%22%20width%3D%224%22%20height%3D%228%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Affiliates"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Store"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l2.5%2012h11l2-8H6M9%2021h.01M18%2021h.01%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Announcements"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%2014-5v14L3%2014v-4ZM17%209l4-1v8l-4-1M6%2015l1%206h4l-2-5%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Knowledgebase"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206C9%203%205%203%202%204v15c4-1%207-1%2010%202%203-3%206-3%2010-2V4c-3-1-7-1-10%202Zm0%200v15M5%208l4%201m-4%203%204%201m6-4%204-1m-4%205%204-1%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Network Status"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2014H6a4%204%200%200%201-1-7.9A6%206%200%200%201%2016%205a4.5%204.5%200%200%201%202%208.7%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%2212%22%20width%3D%2210%22%20height%3D%229%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2016.5h10M10%2014.5h1m-1%204h1%22%2F%3E%3C%2Fsvg%3E")}
.rk-task-tree>li[menuitemname="Contact Us"]{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h4l2%206-3%202a17%2017%200%200%200%205%205l2-3%206%202v4a2%202%200%200%201-2%202C10%2021%203%2014%203%205a2%202%200%200%201%202-2Z%22%2F%3E%3C%2Fsvg%3E")}
.rk-native .tiles .fa-cube{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%206.5h.01M7%2017.5h.01M11%206.5h6M11%2017.5h6%22%2F%3E%3C%2Fsvg%3E")}
.rk-native .tiles .fa-globe{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M5%206.5h14M5%2017.5h14%22%2F%3E%3C%2Fsvg%3E")}
.rk-native .tiles .fa-shopping-cart{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")}
.rk-native .tiles .fa-file-alt{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18l-3-2-4%202-4-2-3%202V3Z%22%2F%3E%3Cpath%20d%3D%22M9%207h6M9%2011h6M9%2015h3%22%2F%3E%3C%2Fsvg%3E")}
.rk-native .tiles .fa-comments{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H8l-5%203v-7a8%208%200%200%201-1-4%209%209%200%200%201%2019%200Z%22%2F%3E%3Cpath%20d%3D%22M7%2010h10M7%2014h6%22%2F%3E%3C%2Fsvg%3E")}
.rk-native .tiles .fa-credit-card{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18l-3-2-4%202-4-2-3%202V3Z%22%2F%3E%3Cpath%20d%3D%22M9%207h6M9%2011h6M9%2015h3%22%2F%3E%3C%2Fsvg%3E")}
.rk-icon-message{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H8l-5%203v-7a8%208%200%200%201-1-4%209%209%200%200%201%2019%200Z%22%2F%3E%3Cpath%20d%3D%22M7%2010h10M7%2014h6%22%2F%3E%3C%2Fsvg%3E")}
.rk-icon-plus{--rk-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M4%2012h16%22%2F%3E%3C%2Fsvg%3E")}
/* Use the mockup's measured outer width, including its 24px gutters. */
.rk-native .container:not(#site-footer .container),.rk-native #main-body>.container,.rk-native>nav>.container,.rk-native>header>.container{max-width:1360px}
.rk-native .rk-context-bar .master-breadcrumb>.container{padding:0}
.rk-native .rk-context-tools .topbar .d-flex{display:contents!important}
.rk-native .rk-context-tools .active-client .btn-active-client:before{display:none}
.rk-native .rk-context-tools .rk-account-navigation>li>a{font-size:0;display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:42px;border:1px solid #e2eafa;background:#fff;border-radius:50%;color:#2356e8;box-shadow:0 2px 5px #142b7304}
.rk-native .rk-context-tools .rk-account-navigation>li>a:before{content:'';display:block;width:19px;height:19px;background:currentColor;mask:var(--rk-user-icon) center/contain no-repeat;-webkit-mask:var(--rk-user-icon) center/contain no-repeat}
.rk-native .rk-context-tools .rk-account-navigation>li>a:after{display:none}
.rk-native .rk-context-tools .rk-account-navigation .dropdown-menu{font-size:14px}
.rk-native .client-home-cards .card[menuitemname="Active Products/Services"]{grid-row:1}
.rk-native .client-home-cards .card[menuitemname="Register a New Domain"]{grid-row:2}
.rk-native .client-home-cards .card[menuitemname="Recent News"]{grid-column:1/-1;grid-row:3}
.rk-native .client-home-cards .card-title>i{width:21px;height:21px;flex:0 0 21px;background:currentColor;mask:var(--rk-panel-icon) center/contain no-repeat;-webkit-mask:var(--rk-panel-icon) center/contain no-repeat}
.rk-native .client-home-cards .card[menuitemname="Active Products/Services"] .card-title>i:before,.rk-native .client-home-cards .card[menuitemname="Overdue Invoices"] .card-title>i:before,.rk-native .client-home-cards .card[menuitemname="Recent Support Tickets"] .card-title>i:before,.rk-native .client-home-cards .card[menuitemname="Register a New Domain"] .card-title>i:before,.rk-native .client-home-cards .card[menuitemname="Recent News"] .card-title>i:before{content:none}
/* Unknown addon icons must keep their own font glyph rather than inherit a mask. */
.rk-native .client-home-cards .card:not([menuitemname="Active Products/Services"]):not([menuitemname="Overdue Invoices"]):not([menuitemname="Recent Support Tickets"]):not([menuitemname="Register a New Domain"]):not([menuitemname="Recent News"]) .card-title>i{background:none;mask:none;-webkit-mask:none}
@media(max-width:767px){.rk-native .client-home-cards .card[menuitemname]{grid-column:auto;grid-row:auto}.rk-native .rk-context-tools .rk-account-navigation>li>a{width:36px;height:36px;min-height:36px}}

/* Outline paths copied from the approved mockup, decorative only. */

.rk-context-tools{--rk-user-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")}
.client-home-cards .card[menuitemname="Active Products/Services"]{--rk-panel-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%2218%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%206.5h.01M7%2017.5h.01M11%206.5h6M11%2017.5h6%22%2F%3E%3C%2Fsvg%3E")}
.client-home-cards .card[menuitemname="Overdue Invoices"]{--rk-panel-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18l-3-2-4%202-4-2-3%202V3Z%22%2F%3E%3Cpath%20d%3D%22M9%207h6M9%2011h6M9%2015h3%22%2F%3E%3C%2Fsvg%3E")}
.client-home-cards .card[menuitemname="Recent Support Tickets"]{--rk-panel-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011a8%208%200%200%201-8%208H8l-5%203v-7a8%208%200%200%201-1-4%209%209%200%200%201%2019%200Z%22%2F%3E%3Cpath%20d%3D%22M7%2010h10M7%2014h6%22%2F%3E%3C%2Fsvg%3E")}
.client-home-cards .card[menuitemname="Register a New Domain"]{--rk-panel-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M5%206.5h14M5%2017.5h14%22%2F%3E%3C%2Fsvg%3E")}
.client-home-cards .card[menuitemname="Recent News"]{--rk-panel-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v16M3%203h5a4%204%200%200%201%204%202%204%204%200%200%201%204-2h5v16h-5a4%204%200%200%200-4%202%204%204%200%200%200-4-2H3V3Z%22%2F%3E%3C%2Fsvg%3E")}
.rk-native .client-home-cards>.row:not(:has([menuitemname="Overdue Invoices"])) .card[menuitemname="Recent Support Tickets"]{grid-row:1}
.rk-native .client-home-cards>.row:not(:has([menuitemname="Overdue Invoices"])) .card[menuitemname="Recent News"]{grid-column:2;grid-row:2}
@media(max-width:767px){.rk-native .client-home-cards>.row:not(:has([menuitemname="Overdue Invoices"])) .card[menuitemname]{grid-column:auto;grid-row:auto}}

/* Unified WHMCS header: one account dropdown, utilities beside it, breadcrumb below. */
.rk-native .rk-header-actions>.rk-context-tools{order:3;gap:4px;width:auto;flex-shrink:0}
.rk-native .rk-header-language{order:1;position:relative}
.rk-native .rk-header-actions .rk-context-tools #accountNotifications,
.rk-native .rk-header-actions .rk-context-tools .cart-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:12px;background:transparent;box-shadow:none;color:#52678f}
.rk-native .rk-header-actions .rk-context-tools .cart-btn:hover,
.rk-native .rk-header-actions .rk-context-tools #accountNotifications:hover{background:#f0f5ff;color:#2356e8}
.rk-native .rk-header-actions .rk-context-tools .topbar .mr-auto{order:2}
.rk-native .rk-header-actions .rk-context-tools .rk-account-navigation{order:3;gap:4px;margin-left:4px}
.rk-native .rk-header-actions .rk-account-navigation>li>a{width:auto;min-width:40px;padding:8px 13px;border-radius:999px;font-size:13px;background:#f7f9ff;border:1px solid #e5ecf7;gap:8px}
.rk-native .rk-header-actions .rk-account-navigation>li>a:before{display:none}
.rk-native .rk-header-actions .rk-account-navigation>li>a:after{display:inline-block;margin:0 0 0 2px}
.rk-native .rk-header-actions .rk-account-navigation>li>a.rk-account-trigger{font-size:0;padding:4px 12px 4px 4px;gap:8px;background:#fff;box-shadow:0 2px 8px #183e7710}
.rk-native .rk-header-actions .rk-account-navigation>li>a.rk-account-trigger:after{font-size:12px;color:#7890b1}
.rk-header-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;background:linear-gradient(135deg,#2356e8,#456cef);color:#fff;border-radius:50%;font-size:13px;font-weight:600}
.rk-header-client-name{font-size:13px;font-weight:550;color:#263854;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-native .rk-header-actions .rk-account-navigation .dropdown-menu{min-width:270px;max-width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 150px);overflow:auto;margin-top:12px;padding:8px;border:1px solid #e4ebf6;border-radius:18px;box-shadow:0 16px 48px #142b731a}
.rk-native .rk-header-actions .rk-account-navigation .dropdown-item{border-radius:9px;font-size:13px}
.rk-native .rk-header-actions .rk-account-navigation li.dropdown-item{padding:0}
.rk-native .rk-header-actions .rk-account-navigation a.dropdown-item{padding:10px 12px!important;line-height:1.5;white-space:normal;color:#40516d}
.rk-native .rk-header-actions .rk-account-navigation a.dropdown-item:hover{background:#f0f5ff;color:#2356e8}
.rk-native .rk-context-tools .rk-account-context{padding:8px;margin-bottom:6px;border-bottom:1px solid #e7edf6;background:linear-gradient(135deg,#f5f8ff,#fff);border-radius:12px 12px 0 0}
.rk-native .rk-context-tools .rk-account-context .ml-auto{display:block!important}
.rk-native .rk-context-tools .rk-account-context .active-client,
.rk-native .rk-context-tools .rk-account-context .btn-group{display:flex;flex-direction:column;width:100%;align-items:stretch}
.rk-native .rk-context-tools .rk-account-context .active-client .btn{justify-content:flex-start;width:100%;padding:9px 8px;border-radius:8px!important;white-space:normal;text-align:left;font-size:12px}
.rk-native .rk-context-tools .rk-account-context .active-client .btn-active-client{font-weight:600;color:#263854}
.rk-native .rk-context-tools .rk-account-context .active-client .btn-active-client>span:last-child{max-width:220px;overflow-wrap:anywhere}
.rk-native .rk-context-tools .rk-account-context .active-client .rk-switch-label{font-size:12px}
.rk-native .rk-context-tools .rk-account-context .btn-return-to-admin span{display:inline!important;font-size:12px}
.rk-native .rk-context-tools .rk-account-context .active-client .btn:hover{background:#eaf1ff}
.rk-native .rk-context-bar{justify-content:flex-start;min-height:56px;gap:12px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}
.rk-native .rk-context-bar .master-breadcrumb{order:0;flex:1;flex-basis:auto}
.rk-native .rk-context-bar .rk-task-toggle{margin:0;flex-shrink:0}
@media(max-width:1439px){.rk-native .rk-header-contact,.rk-native .rk-header-status{display:none}.rk-native .rk-header-actions{gap:6px}.rk-header-client-name{max-width:76px}}
@media(max-width:767px){
 .rk-native .rk-header-actions{gap:3px}.rk-native .rk-header-actions>.rk-context-tools{gap:1px}
 .rk-native .rk-header-actions .rk-context-tools .cart-btn,.rk-native .rk-header-actions .rk-context-tools #accountNotifications{width:32px;min-width:32px;height:44px;min-height:44px;padding:6px}
 .rk-native .rk-header-actions .rk-account-navigation>li>a.rk-account-trigger{padding:2px;min-width:36px;width:36px;height:36px;min-height:36px}
 .rk-native .rk-header-actions .rk-account-trigger:after,.rk-native .rk-header-actions .rk-header-client-name{display:none!important}
 .rk-native .rk-header-actions .rk-account-navigation{margin-left:0!important}
 .rk-native .rk-catalog-toggle{width:32px;min-width:32px;padding:6px}
 .rk-native .rk-context-tools .rk-account-context .rk-client-avatar{display:inline-flex}
 .rk-native .rk-context-bar{min-height:48px}
}

.rk-native .rk-context-tools .rk-account-context .btn-return-to-admin{position:static!important;transform:none!important;right:auto;top:auto;bottom:auto;height:auto;min-height:36px;max-width:100%;opacity:1;z-index:auto;background:transparent;color:#63728d}
.rk-native .rk-header-actions .rk-account-navigation>li>a:hover{text-decoration:none}
.rk-native .rk-context-tools .rk-account-context .active-client .btn span{max-width:none}

.rk-account-navigation li[menuitemname="Edit Account Details"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%20fill%3D%22white%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2217%22%20r%3D%223%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")} 
.rk-account-navigation li[menuitemname="User Management"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")} 
.rk-account-navigation li[menuitemname="Contacts"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v16M3%203h5a4%204%200%200%201%204%202%204%204%200%200%201%204-2h5v16h-5a4%204%200%200%200-4%202%204%204%200%200%200-4-2H3V3Z%22%2F%3E%3C%2Fsvg%3E")} 
.rk-account-navigation li[menuitemname="Email History"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22%2F%3E%3C%2Fsvg%3E")} 
.rk-account-navigation li[menuitemname="Profile"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-2a8%208%200%200%201%2016%200v2%22%2F%3E%3C%2Fsvg%3E")} 
.rk-account-navigation li[menuitemname="Change Password"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V6a4%204%200%200%201%208%200v4M12%2014v3%22%2F%3E%3C%2Fsvg%3E")} 
.rk-account-navigation li[menuitemname="Security Settings"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V6a4%204%200%200%201%208%200v4M12%2014v3%22%2F%3E%3C%2Fsvg%3E")} 
.rk-account-navigation li[menuitemname="Logout"]{--rk-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.65%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%203H4v18h6M10%2012h11m-4-4%204%204-4%204%22%2F%3E%3C%2Fsvg%3E")} 
.rk-native .rk-header-actions .rk-account-navigation li[menuitemname] a.dropdown-item{display:flex;align-items:center;gap:10px}
.rk-native .rk-header-actions .rk-account-navigation li:is([menuitemname="Edit Account Details"],[menuitemname="User Management"],[menuitemname="Contacts"],[menuitemname="Email History"],[menuitemname="Profile"],[menuitemname="Change Password"],[menuitemname="Security Settings"],[menuitemname="Logout"]) a.dropdown-item:not(:has(i)):before{content:'';display:block;width:18px;height:18px;flex:0 0 18px;background:#6984b5;mask:var(--rk-menu-icon) center/contain no-repeat;-webkit-mask:var(--rk-menu-icon) center/contain no-repeat}
.rk-native .rk-header-actions .rk-account-navigation li[menuitemname="Logout"] a.dropdown-item{color:#a44850}
.rk-native .rk-header-actions .rk-account-navigation li[menuitemname="Logout"] a.dropdown-item:before{background:currentColor}
.rk-native .rk-context-tools .rk-account-context .btn-return-to-admin{padding:9px 8px!important;background:transparent!important;color:#63728d!important;font-size:12px!important;border-radius:8px!important}
.rk-native .rk-context-tools .rk-account-context .btn-return-to-admin:hover{background:#eaf1ff!important;color:#2356e8!important}
.rk-native .popover:has(.client-alerts){width:360px;max-width:calc(100vw - 24px);border:1px solid #e4ebf6;border-radius:18px;box-shadow:0 16px 48px #142b731a;font-family:inherit}
.rk-native .popover:has(.client-alerts) .popover-body{padding:8px}
.rk-native .popover .client-alerts{margin:0;padding:0;max-height:calc(100dvh - 160px);overflow:auto}
.rk-native .popover .client-alerts li{border-color:#edf1f7}
.rk-native .popover .client-alerts li a{display:flex;gap:12px;align-items:flex-start;padding:14px 12px;border-radius:10px;color:#40516d;font-size:13px;line-height:1.7;text-decoration:none}
.rk-native .popover .client-alerts li a:hover{background:#f2f6ff;color:#2356e8}
.rk-native .popover .client-alerts li i{position:static;margin:2px 0 0;font-size:18px;color:#6682b4;flex:0 0 20px}
.rk-native .popover .client-alerts li .message{margin:0;padding:0}

@media(max-width:767px){.rk-native .rk-header-actions .rk-account-navigation .dropdown-menu{max-height:calc(100dvh - 190px)}}

/* Final consistency pass: shared typography, controls and interaction states. */
body.rk-native{line-height:1.6;--rk-muted:#60708d;--rk-line:#e7edf6;--rk-line-strong:#d6e0ee}
.rk-native .rk-header-actions .cart-btn svg,.rk-native .rk-catalog-toggle svg,.rk-native .rk-task-toggle svg,.rk-native .rk-context-search svg{width:21px;height:21px;flex:0 0 21px}
.rk-native .rk-header-actions .cart-btn svg,.rk-native .rk-header-actions #accountNotifications svg{color:#2356e8}
.rk-native .rk-account-context .btn svg{width:17px;height:17px;flex:0 0 17px;color:#6984b5}
.rk-native .rk-catalog-group summary svg{transition:transform .18s ease}
.rk-native :is(.rk-catalog-group summary,.rk-context-search summary):focus-visible{outline:3px solid #bfd4ff;outline-offset:3px}
.rk-native .primary-content .form-group{margin-bottom:22px}
.rk-native .primary-content .form-group>label,.rk-native .modal .form-group>label{font-size:13px;font-weight:500;line-height:1.65;color:#50617d;padding-top:0;padding-bottom:0;margin-bottom:9px}
.rk-native .primary-content .form-control:not(textarea):not([type="file"]):not([type="range"]),.rk-native .modal .form-control:not(textarea):not([type="file"]):not([type="range"]){min-height:44px;height:auto;padding-top:10px;padding-bottom:10px;font-size:14px;line-height:1.55}
.rk-native .primary-content .form-control,.rk-native .modal .form-control{border-color:#d6e0ee;background-color:#fcfdff;color:#0b1730;box-shadow:0 2px 4px #17356102;transition:border-color .18s,box-shadow .18s,background-color .18s}
.rk-native .primary-content .form-control:focus,.rk-native .modal .form-control:focus{background-color:#fff;border-color:#759af0;box-shadow:0 0 0 3px #2356e814}
.rk-native .primary-content .form-control:disabled,.rk-native .primary-content .form-control[readonly],.rk-native .modal .form-control:disabled{background-color:#f5f7fb;border-color:#e7ecf4;color:#73829a}
.rk-native .primary-content .form-control.is-invalid,.rk-native .was-validated .form-control:invalid{border-color:#c63545}
.rk-native .primary-content .form-control.is-valid,.rk-native .was-validated .form-control:valid{border-color:#21805b}
.rk-native .primary-content>form>.card>.card-body>.card-title{font-size:24px;font-weight:600;letter-spacing:-.25px;margin-bottom:28px}
.rk-native .primary-content .table th{font-size:13px;color:#6b7b93;border-color:#e5edf7}
.rk-native .primary-content .table td{font-size:14px;line-height:1.8;border-color:#e9eff7}
.rk-native .primary-content .btn-primary,.rk-native .modal .btn-primary{background:linear-gradient(120deg,#2356e8,#3466ed);border-color:transparent;box-shadow:0 4px 12px -5px #2356e855,inset 0 1px 0 #ffffff20}
.rk-native .primary-content .btn,.rk-native .modal .btn{font-weight:500;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}
.rk-native .modal-content{border-color:#e0e8f5;box-shadow:0 32px 90px -20px #193b683b,0 3px 12px #1225480a}
.rk-native .modal-header{background:radial-gradient(ellipse at 100% 0,#e9f4ff80,transparent 72%),linear-gradient(110deg,#fff,#f9fbff);border-color:#e8eef7}
.rk-native .modal-footer{background:#fcfdff;border-color:#e8eef7}
@media(hover:hover) and (pointer:fine){.rk-native .primary-content .btn-primary:not(:disabled):not(.disabled):hover,.rk-native .modal .btn-primary:not(:disabled):not(.disabled):hover{background:linear-gradient(120deg,#204fd5,#3263e7);box-shadow:0 8px 20px -7px #2356e860;transform:translateY(-1px)}.rk-native .primary-content .table tbody tr:hover{background:#f6f9ff80}}
@media(prefers-reduced-motion:reduce){.rk-native .rk-catalog-group summary svg,.rk-native .primary-content .btn,.rk-native .modal .btn,.rk-native .form-control{transition:none}.rk-native .primary-content .btn:hover,.rk-native .modal .btn:hover{transform:none}}
/* Native list tables retain sorting/paging/events, with the mockup's quiet separators. */
.rk-native .primary-content .dataTables_wrapper table.table-list{border:0;border-radius:0;background:transparent}
.rk-native .primary-content .dataTables_wrapper table.table-list thead th{background:transparent;border-bottom:1px solid #e5edf7;padding:15px 16px;font-weight:500;color:#6b7b93}
.rk-native .primary-content .dataTables_wrapper table.table-list tbody td{background:transparent;border-bottom:1px solid #e9eff7;padding:22px 16px}
.rk-native .primary-content .dataTables_wrapper table.table-list tbody tr:hover td{background:#f6f9ff80}
.rk-native .primary-content .dataTables_wrapper .dataTables_info,.rk-native .primary-content .dataTables_wrapper .dataTables_length{font-size:13px;color:#657491}
.rk-native .primary-content .dataTables_wrapper .dataTables_filter input{background-color:#fcfdff;border-color:#dae4f2;border-radius:14px}
.rk-native .primary-content .pagination .page-link{font-size:13px;border-radius:8px;border-color:transparent;margin:0 2px;padding:8px 12px}
.rk-native .primary-content .pagination .active .page-link{background:#edf3ff;color:#2356e8;border-color:#e2ebfb;font-weight:600}
.rk-native .primary-content .pagination .disabled .page-link{background:transparent;color:#94a0b6}
.rk-native .primary-content .label.status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:400;line-height:1.65;white-space:normal;text-align:left;border:0}
.rk-native .primary-content .status-active,.rk-native .primary-content .status-paid{background:#edf8f2;color:#207b59}
.rk-native .primary-content .status-pending,.rk-native .primary-content .status-pendingtransfer,.rk-native .primary-content .status-unpaid{background:#fff6e6;color:#936019}
.rk-native .primary-content .status-suspended,.rk-native .primary-content .status-overdue,.rk-native .primary-content .status-fraud{background:#fff0f1;color:#b04c59}
.rk-native .primary-content .status-terminated,.rk-native .primary-content .status-cancelled{background:#f1f4f8;color:#64728a}
.rk-native :is(a,button,input,select,textarea,[tabindex],summary):focus-visible{outline-color:#a9c3f7;outline-width:2px;outline-offset:2px}
@media(max-width:767px){
 .rk-native .primary-content .dataTables_wrapper .listtable{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .rk-native .primary-content .dataTables_wrapper .listtable table.table-list{min-width:660px}
 .rk-native .primary-content .dataTables_wrapper table.table-list tbody td{padding:18px 14px;white-space:nowrap}
 .rk-native .primary-content .dataTables_wrapper .dataTables_info{padding-bottom:16px;font-size:12px;text-align:left}
 .rk-native .primary-content .dataTables_wrapper .dataTables_filter{margin-top:0}
}

/* One current flag; WHMCS still owns locale selection and current-page navigation. */
.rk-native .rk-language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:54px;height:44px;min-height:44px;padding:9px 7px;border:0;border-radius:12px;background:transparent;color:#7183a4;box-shadow:none}
.rk-native .rk-language-toggle:hover,.rk-native .rk-language-toggle[aria-expanded="true"]{background:#f0f5ff;color:#2356e8}
.rk-native .rk-language-toggle>.rk-locale-flag{width:22px;height:15px;flex:0 0 22px;border-radius:3px}
.rk-native .rk-language-toggle>.rk-icon{width:22px;height:22px}
.rk-native .rk-language-chevron{display:flex;align-items:center}
.rk-native .rk-language-chevron svg{width:12px;height:12px;transition:transform .15s ease}
.rk-native .rk-language-toggle[aria-expanded="true"] .rk-language-chevron svg{transform:rotate(180deg)}
.rk-native .rk-header-language>.rk-header-locales{display:none;position:absolute;float:none;left:auto;right:0;top:calc(100% + 10px);width:184px;min-width:184px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow-y:auto;padding:6px;margin:0;border:1px solid #e4ebf6;border-radius:16px;background:#fff;box-shadow:0 12px 36px #142b731a;transform:none!important}
.rk-native .rk-header-language>.rk-header-locales.show{display:block}
.rk-native .rk-header-locales .rk-language-pills{display:flex;flex-direction:column;gap:3px;max-width:none;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.rk-native .rk-header-locales .rk-language-pill{display:flex;justify-content:flex-start;gap:12px;min-width:0;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#40516d;font-size:13px;line-height:1.5;white-space:normal;text-align:left;box-shadow:none}
.rk-native .rk-header-locales .rk-language-pill:hover,.rk-native .rk-header-locales .rk-language-pill:focus-visible{background:#f5f8ff;color:#2356e8}
.rk-native .rk-header-locales .rk-language-pill.active{background:#edf3ff;color:#2356e8;font-weight:600}
.rk-native .rk-header-locales .rk-language-pill.active:after{content:"";width:6px;height:10px;margin-left:auto;margin-right:3px;flex:0 0 6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.rk-native .rk-header-locales .rk-locale-flag{width:22px;height:15px;flex:0 0 22px;border-radius:3px}
.rk-native .rk-header-locales .rk-language-name{overflow-wrap:anywhere}
.rk-native .rk-header-locales .rk-language-pill:focus-visible{outline:2px solid #a9c3f7;outline-offset:-2px}
@media(max-width:767px){.rk-native .rk-header-language>.rk-header-locales{left:50%;right:auto;transform:translateX(-50%)!important}.rk-native .rk-language-toggle{width:44px;padding:9px 4px;gap:4px}.rk-native .rk-language-toggle>.rk-locale-flag{width:20px;height:14px;flex-basis:20px}}
@media(prefers-reduced-motion:reduce){.rk-native .rk-language-chevron svg{transition:none}}

/* Task-navigation sub-menus (COO 12 Oct 2026): a flyout panel beside the navigation, or a sheet over the drawer
   on phones (js/native-shell.js sets rk-fly / rk-sheet and the position variables). */
.rk-native .rk-task-tree>li.dropdown>a.dropdown-toggle:after{transform:rotate(-90deg);transition:transform .15s}
.rk-native .rk-task-tree .rk-flyout-head{display:none}
.rk-native .rk-task-tree>li.rk-fly>.dropdown-menu.show,.rk-native .rk-task-tree>li.rk-sheet>.dropdown-menu.show{position:fixed!important;left:var(--rk-fly-left)!important;top:var(--rk-fly-top)!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0;padding:8px;border:1px solid #dbe8ff;border-radius:16px;background:#fff;box-shadow:0 18px 44px #142b732e;overflow:auto;z-index:1040;animation:rk-fly-in .16s ease-out}
.rk-native .rk-task-tree>li.rk-fly>.dropdown-menu.show{width:280px;max-width:calc(100vw - 32px);max-height:var(--rk-fly-max)}
.rk-native .rk-task-tree>li.rk-sheet>.dropdown-menu.show{width:var(--rk-fly-width);height:var(--rk-fly-height);max-height:none;padding:12px}
.rk-native .rk-task-tree>li.rk-sheet .rk-flyout-head{display:block;margin:0 0 6px;padding:0 0 8px;border-bottom:1px solid #e7edf6}
.rk-native .rk-task-tree .rk-flyout-back{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:none;color:#0b1730;font:inherit;font-size:15px;font-weight:600;text-align:left}
.rk-native .rk-task-tree .rk-flyout-back:before{content:'';width:9px;height:9px;flex:0 0 9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:4px;color:#2356e8}
.rk-native .rk-task-tree .rk-flyout-back:hover{background:#edf3fc}
.rk-native .rk-task-tree :is(.rk-fly,.rk-sheet) li.dropdown-item{padding:0;background:none}
.rk-native .rk-task-tree :is(.rk-fly,.rk-sheet) .dropdown-item>a{display:flex;align-items:center;min-height:44px;padding:10px 12px!important;border-radius:10px;font-size:14px;line-height:1.5;color:#1e2a4a;white-space:normal}
.rk-native .rk-task-tree :is(.rk-fly,.rk-sheet) .dropdown-item>a:hover,.rk-native .rk-task-tree :is(.rk-fly,.rk-sheet) .dropdown-item>a:focus-visible{background:#edf3fc;color:#2356e8}
.rk-native .rk-task-tree :is(.rk-fly,.rk-sheet) .dropdown-divider{margin:6px 4px;border-color:#e7edf6}
@keyframes rk-fly-in{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.rk-native .rk-task-tree>li>.dropdown-menu.show{animation:none}}