/* Yebrax Stores — SaaS design system RC3 */
:root{
  --gc-navy:#071b33;
  --gc-navy-2:#0b294b;
  --gc-blue:#0b63ce;
  --gc-blue-2:#1286c8;
  --gc-cyan:#16b5c5;
  --gc-green:#16a36a;
  --gc-orange:#f59e0b;
  --gc-red:#dc4c4c;
  --gc-ink:#0f172a;
  --gc-muted:#64748b;
  --gc-bg:#f4f7fb;
  --gc-surface:#ffffff;
  --gc-surface-2:#f8fafc;
  --gc-line:#dce5ef;
  --gc-shadow:0 12px 38px rgba(15,35,64,.09);
  --primary:var(--gc-blue);
  --primary2:var(--gc-cyan);
  --radius:16px;
}
:root[data-theme="dark"]{
  --gc-ink:#edf4ff;
  --gc-muted:#95a7bc;
  --gc-bg:#07101e;
  --gc-surface:#0e1b2c;
  --gc-surface-2:#102239;
  --gc-line:#22364e;
  --gc-shadow:0 18px 46px rgba(0,0,0,.28);
}

body.ui2{
  color:var(--gc-ink);
  background:
    radial-gradient(850px 480px at 0% -10%,rgba(11,99,206,.09),transparent 62%),
    radial-gradient(700px 420px at 100% 0%,rgba(22,181,197,.06),transparent 60%),
    var(--gc-bg);
}
body.ui2 h1,body.ui2 h2,body.ui2 h3{color:var(--gc-ink);letter-spacing:-.35px}
body.ui2 label,body.ui2 .muted,body.ui2 .small{color:var(--gc-muted)}

body.ui2 .card{
  color:var(--gc-ink);
  background:var(--gc-surface);
  border:1px solid var(--gc-line);
  border-radius:18px;
  box-shadow:var(--gc-shadow);
  backdrop-filter:none;
}
body.ui2 .card.subcard{box-shadow:none;background:var(--gc-surface-2)}

body.ui2 .panel-sidebar{
  background:
    radial-gradient(520px 430px at 0% 0%,rgba(22,181,197,.12),transparent 58%),
    linear-gradient(180deg,var(--gc-navy) 0%,#051326 100%);
  border-inline-end:1px solid rgba(255,255,255,.07);
  box-shadow:12px 0 38px rgba(4,17,34,.16);
}
body.ui2 .panel-sidebar,
body.ui2 .panel-sidebar a,
body.ui2 .panel-sidebar button{color:#eaf3fc}
body.ui2 .panel-sidebar__brand{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:17px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.ui2 .panel-sidebar__brand img{background:#fff;border:1px solid rgba(255,255,255,.16);object-fit:contain!important;padding:3px}
body.ui2 .panel-sidebar__brand .title{font-size:16px;color:#fff}
body.ui2 .panel-sidebar__brand .small{color:#8fa9c5}
body.ui2 .panel-group__head{color:#87a1bd;text-transform:none;font-size:12px;letter-spacing:.1px}
body.ui2 .panel-nav__item{border:1px solid transparent;color:#b7c8d9;border-radius:12px;min-height:43px}
body.ui2 .panel-nav__item:hover{background:rgba(255,255,255,.055);color:#fff}
body.ui2 .panel-nav__item.active{
  background:linear-gradient(135deg,rgba(11,99,206,.58),rgba(18,134,200,.32));
  border-color:rgba(111,198,255,.28);
  color:#fff;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 3px 0 0 #65e5ec;
}
[dir="rtl"] body.ui2 .panel-nav__item.active{box-shadow:0 10px 24px rgba(0,0,0,.18),inset -3px 0 0 #65e5ec}
body.ui2 .panel-sidebar input{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);color:#fff;border-radius:12px}
body.ui2 .panel-sidebar input::placeholder{color:#7892ad}

body.ui2 .panel-topbar{
  background:rgba(255,255,255,.90);
  border-bottom:1px solid var(--gc-line);
  box-shadow:0 7px 24px rgba(15,35,64,.05);
  backdrop-filter:blur(16px);
}
:root[data-theme="dark"] body.ui2 .panel-topbar{background:rgba(8,20,36,.91)}
body.ui2 .panel-page-title{color:var(--gc-ink);font-size:18px;font-weight:900}
body.ui2 .panel-content{max-width:100%;}
body.ui2 .panel-content>.container{max-width:1440px;padding:18px}

body.ui2 .btn{
  border-radius:11px;
  border:1px solid var(--gc-line);
  background:var(--gc-surface);
  color:var(--gc-ink);
  box-shadow:0 3px 10px rgba(15,35,64,.035);
  min-height:39px;
  font-weight:800;
}
body.ui2 .btn:hover{background:var(--gc-surface-2);border-color:#bfd0e3;transform:translateY(-1px)}
body.ui2 .btn.primary{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--gc-blue),var(--gc-blue-2));
  box-shadow:0 9px 22px rgba(11,99,206,.22);
}
body.ui2 .btn.primary:hover{filter:brightness(1.06)}
body.ui2 .btn.danger{color:#a52d2d;background:#fff5f5;border-color:#f1cccc}
:root[data-theme="dark"] body.ui2 .btn.danger{color:#ffb3b3;background:rgba(220,76,76,.12);border-color:rgba(220,76,76,.26)}

body.ui2 input,body.ui2 select,body.ui2 textarea,body.ui2 .input{
  color:var(--gc-ink);
  background:var(--gc-surface);
  border:1px solid var(--gc-line);
  border-radius:11px;
  min-height:42px;
  box-shadow:none;
}
body.ui2 input:focus,body.ui2 select:focus,body.ui2 textarea:focus,body.ui2 .input:focus{
  border-color:rgba(11,99,206,.7);
  box-shadow:0 0 0 4px rgba(11,99,206,.10);
}
body.ui2 input::placeholder,body.ui2 textarea::placeholder{color:#9aaaba}

body.ui2 .table-wrap,body.ui2 .table{border:1px solid var(--gc-line);border-radius:14px;background:var(--gc-surface);overflow:hidden}
body.ui2 .table thead th{color:#516579;background:#f3f7fb;border-bottom:1px solid var(--gc-line);font-weight:900;white-space:nowrap}
body.ui2 .table td{border-bottom-color:#e9eff5}
body.ui2 .table tbody tr:hover{background:#f7faff}
:root[data-theme="dark"] body.ui2 .table thead th{color:#a9bdd0;background:#11243a}
:root[data-theme="dark"] body.ui2 .table td{border-bottom-color:#1d3046}
:root[data-theme="dark"] body.ui2 .table tbody tr:hover{background:#102238}

body.ui2 .badge,body.ui2 .pill{border-color:#d7e3ef;background:#f2f6fa;color:#53687b}
body.ui2 .badge.ok{background:#eaf8f1;border-color:#c5ead7;color:#16714d}
body.ui2 .badge.warn{background:#fff7e7;border-color:#f5ddb0;color:#92610a}
body.ui2 .badge.danger{background:#fff0f0;border-color:#efcccc;color:#a83636}
body.ui2 .badge.hot{background:#e9f8fa;border-color:#c4edf0;color:#087683}
:root[data-theme="dark"] body.ui2 .badge,:root[data-theme="dark"] body.ui2 .pill{background:#12243a;border-color:#253b53;color:#adc0d4}

body.ui2 .notice{background:#edf5ff;border-color:#cfe1f5;color:#285275}
body.ui2 .notice.ok{background:#ecf9f2;border-color:#c6ead7;color:#286b4d}
body.ui2 .notice.danger{background:#fff1f1;border-color:#efcaca;color:#923535}
body.ui2 .notice.warn{background:#fff8e9;border-color:#f1dfb7;color:#8a620f}
:root[data-theme="dark"] body.ui2 .notice{background:#10263e;border-color:#244565;color:#c1d6e9}

.gc-brand-mark{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;font-weight:950;font-size:20px;color:#fff;background:linear-gradient(145deg,#0b63ce,#16b5c5);box-shadow:0 10px 24px rgba(0,0,0,.22)}

/* KPI and dashboard cards */
body.ui2 .ui2-kpis{gap:14px}
body.ui2 .ui2-kpi{position:relative;overflow:hidden;padding:18px;min-height:132px}
body.ui2 .ui2-kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;inset:auto -35px -45px auto;background:rgba(11,99,206,.06)}
body.ui2 .ui2-kpi .t{color:var(--gc-muted);font-size:12px;font-weight:900}
body.ui2 .ui2-kpi .v{font-size:28px;color:var(--gc-ink);margin-top:9px}
body.ui2 .ui2-kpi .s{line-height:1.6;margin-top:7px}

/* Unified authentication experience */
body.auth-page{min-height:100vh;margin:0;background:linear-gradient(135deg,#06182e 0%,#082b50 58%,#0b5d78 100%);color:#0f172a}
body.auth-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 12% 12%,rgba(22,181,197,.25),transparent 28%),radial-gradient(circle at 88% 84%,rgba(245,158,11,.18),transparent 30%);pointer-events:none}
.auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:28px}
.auth-card{width:min(1060px,96vw);background:#fff;border:1px solid rgba(255,255,255,.22);border-radius:28px;box-shadow:0 42px 110px rgba(0,0,0,.34);overflow:hidden}
.auth-top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #e5edf5;background:#fff}
.auth-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#0f172a}.auth-brand .logo{width:46px;height:46px;border-radius:14px;background:#f4f7fb;display:grid;place-items:center}.auth-brand img{width:40px;height:40px;object-fit:contain}.auth-brand .t b,.auth-brand .t span{display:block}.auth-brand .t span{font-size:11px;color:#64748b;margin-top:2px}.auth-actions{display:flex;gap:8px}.auth-actions .btn{background:#fff;color:#0f172a;border-color:#dce5ef}
.auth-grid{display:grid;grid-template-columns:.86fr 1.14fr;min-height:555px}.auth-left{position:relative;background:linear-gradient(145deg,#071b33,#0a3e68);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-left:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-160px;bottom:-180px;background:rgba(22,181,197,.18)}.auth-left>*{position:relative;z-index:1}.auth-left h2{color:#fff!important;font-size:36px;line-height:1.15}.auth-left .small{color:#c4d7e8!important}.auth-left .kicker{display:inline-flex;align-self:flex-start;border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);font-weight:900;font-size:12px}.auth-bullets{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.auth-bullets .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#eaf5ff}.auth-note{margin-top:25px;padding:14px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:13px;line-height:1.7;color:#c6d9ea}.auth-right{padding:42px;display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-right h2{color:#0f172a}.auth-form label{color:#475569;font-weight:800}.auth-form input{color:#0f172a;background:#fff;border:1px solid #dce5ef;border-radius:12px;min-height:46px}.auth-form input:focus{border-color:#0b63ce;box-shadow:0 0 0 4px rgba(11,99,206,.1)}.auth-right .btn{background:#fff;color:#0f172a;border:1px solid #dce5ef}.auth-right .btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,#0b63ce,#1286c8)}.auth-right .small{color:#64748b}.auth-sep{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:12px;margin:20px 0}.auth-sep:before,.auth-sep:after{content:"";height:1px;background:#e5edf5;flex:1}.auth-help-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.auth-help-row a{font-size:13px;color:#0b63ce;font-weight:800}.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.password-meter i{height:4px;border-radius:999px;background:#e2e8f0}.password-meter[data-strength="1"] i:nth-child(1),.password-meter[data-strength="2"] i:nth-child(-n+2),.password-meter[data-strength="3"] i:nth-child(-n+3),.password-meter[data-strength="4"] i{background:#16a36a}

@media(max-width:980px){
  body.ui2 .panel-content{padding:10px}
  body.ui2 .panel-content>.container{padding:10px}
  body.ui2 .card{border-radius:15px;padding:13px}
  .auth-grid{grid-template-columns:1fr}.auth-left{display:none}.auth-right{padding:30px 22px}.auth-card{border-radius:20px}.auth-top{padding:12px 14px}
}
@media(max-width:560px){.auth-shell{padding:10px}.auth-brand .t span{display:none}.auth-actions .btn:first-child{display:none}}

/* RC3 — SaaS pricing, billing and renewal */
.plan-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plan-card{position:relative;cursor:pointer;transition:.18s ease;border:1px solid var(--gc-line)!important;min-height:235px;display:flex;flex-direction:column;justify-content:space-between}
.plan-card:hover,.plan-card.selected{border-color:rgba(11,99,206,.58)!important;box-shadow:0 16px 34px rgba(11,99,206,.12)!important;transform:translateY(-2px)}
.plan-card.is-featured{background:linear-gradient(145deg,rgba(11,99,206,.05),rgba(22,181,197,.05))!important}
.plan-card__head,.plan-card__foot{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.plan-card__badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.plan-card__price-block{padding:15px 0;border-top:1px solid var(--gc-line);border-bottom:1px solid var(--gc-line);margin:12px 0}
.plan-card__monthly{display:flex;align-items:baseline;gap:5px;margin-bottom:7px}.plan-card__monthly strong{font-size:28px;color:var(--gc-ink)}.plan-card__monthly span{font-size:12px;color:var(--gc-muted)}
.plan-card__amount{font-size:18px;font-weight:950}.plan-saving,.text-success{color:#14805a!important;font-weight:800}
.plan-card__radio{width:22px!important;height:22px!important;min-height:0!important;accent-color:var(--gc-blue)}

.pricing-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.pricing-admin-card{position:relative;overflow:hidden}.pricing-admin-card.featured{border-color:rgba(11,99,206,.48)!important;background:linear-gradient(145deg,rgba(11,99,206,.05),rgba(22,181,197,.04))!important}.pricing-admin-monthly{display:flex;align-items:baseline;gap:5px;margin:18px 0 12px}.pricing-admin-monthly strong{font-size:31px}.pricing-admin-monthly span{font-size:12px;color:var(--gc-muted)}.pricing-admin-total,.renew-price-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--gc-line)}

.renew-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.renew-plan{display:block;cursor:pointer}.renew-plan input{position:absolute;opacity:0;pointer-events:none}.renew-plan>span{position:relative;display:flex;flex-direction:column;gap:5px;min-height:125px;padding:14px;border:1px solid var(--gc-line);border-radius:14px;background:var(--gc-surface);transition:.18s ease}.renew-plan input:checked+span{border-color:rgba(11,99,206,.7);box-shadow:0 0 0 4px rgba(11,99,206,.10),0 12px 28px rgba(11,99,206,.10)}.renew-plan strong{font-size:20px;margin-top:auto}.renew-plan small{color:var(--gc-muted)}.renew-plan em{position:absolute;inset:9px auto auto 9px;background:#e9f8fa;color:#087683;border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:900}[dir="ltr"] .renew-plan em{inset:9px 9px auto auto}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sticky-card{position:sticky;top:90px}
.secret-field{position:relative}.secret-field input{padding-inline-end:50px!important}.secret-toggle{position:absolute;inset:5px auto 5px 5px;width:38px;border:0;border-radius:9px;background:#eef4fa;cursor:pointer}[dir="ltr"] .secret-toggle{inset:5px 5px 5px auto}.otp-input{text-align:center;font-size:25px!important;font-weight:950;letter-spacing:9px;direction:ltr}

@media(max-width:1100px){.pricing-admin-grid,.renew-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.plan-grid,.pricing-admin-grid,.renew-plan-grid,.form-grid-2{grid-template-columns:1fr}.sticky-card{position:static}.plan-card{min-height:auto}}

/* ========================================================================
   RC4 — unified client/admin workspace
   ======================================================================== */
body.ui2-panel,body.ui2-admin{background:#f3f6fa;color:#122238}
:root[data-theme="dark"] body.ui2-panel,:root[data-theme="dark"] body.ui2-admin{background:#07111f;color:#e9f1fb}
body.ui2 .panel-layout{min-height:100vh;background:transparent}
body.ui2 .panel-main{min-width:0;flex:1;background:transparent}
body.ui2 .panel-sidebar{width:284px;flex:0 0 284px;padding:14px 12px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
body.ui2 .panel-sidebar__brand{position:relative;min-height:70px;padding:11px 12px;display:flex;align-items:center;gap:10px}
body.ui2 .panel-sidebar__brand .sb-collapse{position:absolute;inset:8px 8px auto auto;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:rgba(255,255,255,.08);color:#d9e8f5;cursor:pointer;z-index:2}
[dir="rtl"] body.ui2 .panel-sidebar__brand .sb-collapse{inset:8px auto auto 8px;transform:rotate(180deg)}
body.ui2 .panel-nav-search,body.ui2 .panel-sidebar__search{margin:12px 2px 8px}
body.ui2 .panel-nav-search input,body.ui2 .panel-sidebar__search input{width:100%;padding:0 13px;min-height:42px}
body.ui2 .panel-nav{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}
body.ui2 .panel-group{border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}
body.ui2 .panel-group__head{width:100%;min-height:44px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;cursor:pointer;text-align:inherit}
body.ui2 .panel-group__head:hover{background:rgba(255,255,255,.045);color:#dceaf7}
body.ui2 .panel-group__title{display:flex;align-items:center;gap:10px;min-width:0}
body.ui2 .panel-group__title .ic{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);color:#c9daea;font-size:15px;flex:0 0 28px}
body.ui2 .panel-group__title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a9bfd2;font-size:12px}
body.ui2 .panel-group__chev{color:#7491ad;font-size:12px;transition:transform .18s ease}
body.ui2 .panel-group__items{display:none!important;padding:5px 6px 8px}
body.ui2 .panel-group[data-open="1"] .panel-group__items{display:block!important}
body.ui2 .panel-group[data-open="1"] .panel-group__chev{transform:rotate(180deg)}
body.ui2 .panel-nav__item{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:2px 0;min-height:42px;text-decoration:none}
body.ui2 .panel-nav__item .ic{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border-radius:8px;background:rgba(255,255,255,.04);font-size:14px}
body.ui2 .panel-nav__item .lb{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:800}
body.ui2 .panel-topbar{min-height:70px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
body.ui2 .panel-topbar__left,body.ui2 .panel-topbar__right{display:flex;align-items:center;gap:9px}
body.ui2 .panel-topbar__right{justify-content:flex-end;flex-wrap:wrap}
body.ui2 .panel-content{padding:14px 18px 30px}
body.ui2 .panel-content>.container{width:100%;max-width:1480px!important;margin-inline:auto;padding:0!important}
body.gc-drawer-open{overflow:hidden}

/* collapsed desktop sidebar */
@media(min-width:981px){
  body.ui2 .panel-layout.is-collapsed .panel-sidebar{width:88px;flex:0 0 88px;padding-inline:10px}
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand{justify-content:center;padding:11px 7px}
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .txt,
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .brand>div,
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__search,
  body.ui2 .panel-layout.is-collapsed .panel-nav-search,
  body.ui2 .panel-layout.is-collapsed .panel-group__title b,
  body.ui2 .panel-layout.is-collapsed .panel-group__chev,
  body.ui2 .panel-layout.is-collapsed .panel-nav__item .lb{display:none!important}
  body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .sb-collapse{inset:auto;bottom:-34px;left:50%;transform:translateX(-50%) rotate(180deg)}
  [dir="rtl"] body.ui2 .panel-layout.is-collapsed .panel-sidebar__brand .sb-collapse{transform:translateX(-50%)}
  body.ui2 .panel-layout.is-collapsed .panel-group{overflow:visible;background:transparent;border-color:transparent}
  body.ui2 .panel-layout.is-collapsed .panel-group__head{justify-content:center;padding:7px 4px}
  body.ui2 .panel-layout.is-collapsed .panel-group__items{display:block!important;padding:2px 0}
  body.ui2 .panel-layout.is-collapsed .panel-nav__item{justify-content:center;padding:7px 4px}
  body.ui2 .panel-layout.is-collapsed .panel-nav__item .ic{width:36px;height:36px;flex-basis:36px}
}

/* dashboard shared */
.gc-dashboard,.gc-admin-dashboard{display:grid;gap:14px}.gc-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0}.gc-alert .small{margin-top:4px}
.gc-dash-hero,.gc-admin-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 32px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#071b33 0%,#0a3159 58%,#0c647c 100%);box-shadow:0 20px 52px rgba(6,24,46,.19)}
.gc-dash-hero:after,.gc-admin-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;inset:-190px -120px auto auto;background:rgba(31,198,205,.16)}
[dir="rtl"] .gc-dash-hero:after,[dir="rtl"] .gc-admin-hero:after{inset:-190px auto auto -120px}
.gc-dash-hero>* ,.gc-admin-hero>*{position:relative;z-index:1}.gc-dash-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);font-size:12px;font-weight:900;color:#dcebf7}.gc-dash-hero h1,.gc-admin-hero h1{color:#fff!important;font-size:30px;margin:12px 0 7px}.gc-dash-hero p,.gc-admin-hero p{max-width:760px;color:#c5d7e7;line-height:1.75;margin:0}.gc-dash-hero__actions,.gc-admin-hero__actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;max-width:460px}.gc-dash-hero .btn,.gc-admin-hero .btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#fff}.gc-dash-hero .btn.primary,.gc-admin-hero .btn.primary{background:linear-gradient(135deg,#1380df,#16a7c0);border-color:transparent}.gc-dash-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.gc-dash-meta>span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#dce9f5;font-size:12px;font-weight:800}
.gc-health-strip,.gc-platform-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.gc-health-strip a,.gc-platform-health a{display:flex;align-items:center;gap:11px;padding:15px 16px;border:1px solid var(--gc-line);border-radius:16px;background:var(--gc-surface);color:var(--gc-ink);text-decoration:none;box-shadow:0 7px 22px rgba(15,35,64,.045);transition:.18s}.gc-health-strip a:hover,.gc-platform-health a:hover{transform:translateY(-2px);border-color:#bfd5ea}.gc-health-strip a>span,.gc-platform-health a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:#0b63ce;font-size:17px;font-weight:1000;flex:0 0 39px}.gc-health-strip small,.gc-platform-health small,.gc-health-strip b,.gc-platform-health b{display:block}.gc-health-strip small,.gc-platform-health small{font-size:11px;color:var(--gc-muted);font-weight:800}.gc-health-strip b,.gc-platform-health b{margin-top:3px;font-size:15px}.gc-platform-health .is-ok>span{background:#e9f8f1;color:#14805a}.gc-platform-health .is-warn>span{background:#fff5df;color:#9b680a}.gc-platform-health .is-bad>span{background:#fff0f0;color:#ad3535}
.gc-kpi-grid,.gc-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gc-kpi-card{position:relative;overflow:hidden;min-height:176px;padding:19px;border:1px solid var(--gc-line);border-radius:18px;background:var(--gc-surface);box-shadow:0 9px 28px rgba(15,35,64,.06)}.gc-kpi-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;inset:auto -55px -62px auto;background:var(--tone-soft,#edf5ff)}[dir="rtl"] .gc-kpi-card:after{inset:auto auto -62px -55px}.gc-kpi-card__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.gc-kpi-card__top>a{color:var(--gc-muted);text-decoration:none;font-size:18px}.gc-kpi-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--tone-soft,#edf5ff);color:var(--tone,#0b63ce);font-size:19px;font-weight:1000}.gc-kpi-card>small,.gc-kpi-card>strong,.gc-kpi-card>p{position:relative;z-index:1;display:block}.gc-kpi-card>small{margin-top:15px;color:var(--gc-muted);font-size:12px;font-weight:900}.gc-kpi-card>strong{margin-top:7px;color:var(--gc-ink);font-size:25px;line-height:1.2}.gc-kpi-card>p{margin:7px 0 0;color:var(--gc-muted);font-size:12px;line-height:1.55}.tone-blue{--tone:#0b63ce;--tone-soft:#eaf4ff}.tone-cyan{--tone:#087d8b;--tone-soft:#e8f9fa}.tone-green{--tone:#14805a;--tone-soft:#e9f8f1}.tone-orange{--tone:#9a680d;--tone-soft:#fff5df}.tone-red{--tone:#ad3535;--tone-soft:#fff0f0}
.gc-dashboard-grid,.gc-admin-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:14px;align-items:start}.gc-dashboard-main,.gc-dashboard-side,.gc-admin-main,.gc-admin-side{display:grid;gap:14px;min-width:0}.gc-admin-side,.gc-dashboard-side{position:sticky;top:86px}.gc-section-card{padding:21px!important;box-shadow:0 9px 28px rgba(15,35,64,.055)!important}.gc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.gc-card-head h2{font-size:19px;margin:5px 0 3px}.gc-card-head p{margin:0;color:var(--gc-muted);font-size:12px;line-height:1.7}.gc-card-eyebrow{font-size:11px;color:#0b63ce;font-weight:950;text-transform:none}.gc-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.gc-chip-row{display:flex;gap:7px;flex-wrap:wrap}
.gc-cash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gc-cash-grid>div{padding:16px;border-radius:15px;border:1px solid var(--gc-line);background:var(--gc-surface-2)}.gc-cash-grid span,.gc-cash-grid strong{display:block}.gc-cash-grid span{font-size:12px;color:var(--gc-muted);font-weight:800}.gc-cash-grid strong{font-size:20px;margin-top:7px}.gc-cash-grid i{display:block;position:relative;height:6px;margin-top:14px;border-radius:999px;background:#e4ebf3;overflow:hidden}.gc-cash-grid i:after{content:"";display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b63ce,#16b5c5)}.positive{color:#14805a!important}.negative{color:#b13b3b!important}
.gc-table-wrap{border-radius:15px!important;box-shadow:none!important;overflow:auto!important}.gc-table-wrap .table{min-width:720px;border:0!important;border-radius:0!important}.gc-table-wrap .table th,.gc-table-wrap .table td{padding:12px 13px;vertical-align:middle}.gc-table-wrap .table thead th{font-size:11px;text-transform:none;letter-spacing:0}.gc-strong-link{color:#0b63ce;font-weight:900;text-decoration:none}.gc-empty{text-align:center!important;padding:34px!important;color:var(--gc-muted)!important}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.gc-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gc-action-grid a{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--gc-line);border-radius:13px;background:var(--gc-surface-2);color:var(--gc-ink);text-decoration:none;transition:.18s}.gc-action-grid a:hover{border-color:#b9d3ed;transform:translateY(-1px)}.gc-action-grid a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff}.gc-action-grid a>b{font-size:12px}.gc-action-grid a>small{color:var(--gc-muted);font-weight:900}.gc-progress-value{font-size:22px;color:#0b63ce}.gc-progress{height:10px;background:#e7edf4;border:0}.gc-progress>i{background:linear-gradient(90deg,#0b63ce,#16b5c5)}.gc-next-step{margin-top:13px;padding:12px;border-radius:12px;background:var(--gc-surface-2);border:1px solid var(--gc-line)}.gc-next-step span,.gc-next-step b{display:block}.gc-next-step span{font-size:11px;color:var(--gc-muted)}.gc-next-step b{margin-top:4px}.gc-sub-list,.gc-admin-stat-list{display:grid;gap:0}.gc-sub-list>div,.gc-admin-stat-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--gc-line)}.gc-sub-list>div:last-child,.gc-admin-stat-list>div:last-child{border-bottom:0}.gc-sub-list span,.gc-admin-stat-list span{color:var(--gc-muted);font-size:12px;font-weight:800}.gc-sub-list a{color:#0b63ce;font-weight:900;text-decoration:none}.gc-zatca-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gc-zatca-grid>div{text-align:center;padding:12px;border-radius:12px;background:var(--gc-surface-2);border:1px solid var(--gc-line)}.gc-zatca-grid span,.gc-zatca-grid b{display:block}.gc-zatca-grid span{font-size:11px;color:var(--gc-muted)}.gc-zatca-grid b{font-size:20px;margin-top:5px}
.gc-revenue-chart{height:190px;padding:10px 0 0;border-bottom:1px solid var(--gc-line);background:linear-gradient(180deg,rgba(11,99,206,.025),transparent);border-radius:14px}.gc-chart-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--gc-muted);font-size:11px}.gc-admin-search{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:0 12px;border:1px solid var(--gc-line);border-radius:12px;background:var(--gc-surface-2)}.gc-admin-search input{border:0!important;background:transparent!important;box-shadow:none!important;width:100%}.gc-company-cell{display:flex;align-items:center;gap:9px;min-width:190px}.gc-company-cell>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4ff,#e8f9fa);color:#0b63ce;font-weight:1000}.gc-company-cell b,.gc-company-cell small{display:block}.gc-company-cell small{margin-top:3px;color:var(--gc-muted);font-size:11px}.gc-row-actions{display:flex;gap:6px;flex-wrap:wrap}.gc-row-actions .btn{min-height:34px;padding:7px 9px;font-size:11px}.gc-lifecycle{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.gc-lifecycle a{display:flex;align-items:center;gap:9px;padding:12px;border-radius:13px;background:var(--gc-surface-2);border:1px solid var(--gc-line);color:var(--gc-ink);text-decoration:none}.gc-lifecycle a>div{flex:1}.gc-lifecycle small,.gc-lifecycle b{display:block}.gc-lifecycle small{color:var(--gc-muted);font-size:11px}.gc-lifecycle b{font-size:20px;margin-top:3px}.dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.12)}.dot.active{background:#16a36a;box-shadow:0 0 0 5px rgba(22,163,106,.12)}.dot.trial{background:#0b63ce;box-shadow:0 0 0 5px rgba(11,99,206,.12)}.dot.grace{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.13)}.dot.expired{background:#dc4c4c;box-shadow:0 0 0 5px rgba(220,76,76,.12)}.gc-admin-actions{display:grid;gap:8px}.gc-admin-actions a{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--gc-line);border-radius:13px;background:var(--gc-surface-2);text-decoration:none;color:var(--gc-ink)}.gc-admin-actions a>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eaf4ff;color:#0b63ce;font-weight:1000}.gc-admin-actions b,.gc-admin-actions small{display:block}.gc-admin-actions b{font-size:12px}.gc-admin-actions small{margin-top:3px;font-size:11px;color:var(--gc-muted)}

/* dark mode harmonisation */
:root[data-theme="dark"] body.ui2 .gc-kpi-card,:root[data-theme="dark"] body.ui2 .gc-health-strip a,:root[data-theme="dark"] body.ui2 .gc-platform-health a{background:var(--gc-surface);border-color:var(--gc-line)}
:root[data-theme="dark"] .gc-action-grid a,:root[data-theme="dark"] .gc-cash-grid>div,:root[data-theme="dark"] .gc-next-step,:root[data-theme="dark"] .gc-zatca-grid>div,:root[data-theme="dark"] .gc-admin-search,:root[data-theme="dark"] .gc-lifecycle a,:root[data-theme="dark"] .gc-admin-actions a{background:var(--gc-surface-2)}
:root[data-theme="dark"] .gc-action-grid a>span,:root[data-theme="dark"] .gc-company-cell>span,:root[data-theme="dark"] .gc-admin-actions a>span{background:#122b47;color:#7accec}
:root[data-theme="dark"] .gc-cash-grid i,:root[data-theme="dark"] .gc-progress{background:#1c3148}

@media(max-width:1180px){.gc-dashboard-grid,.gc-admin-grid{grid-template-columns:1fr}.gc-admin-side,.gc-dashboard-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.gc-admin-side>article:last-child,.gc-dashboard-side>article:last-child{grid-column:1/-1}}
@media(max-width:980px){
  body.ui2 .panel-sidebar{position:fixed!important;width:min(310px,88vw)!important;flex-basis:auto!important;top:0;bottom:0;z-index:90;transition:transform .22s ease;box-shadow:20px 0 55px rgba(0,0,0,.28)}
  body.ui2 .panel-layout.is-ltr .panel-sidebar{left:0;right:auto;transform:translateX(-105%)}
  body.ui2 .panel-layout.is-rtl .panel-sidebar{right:0;left:auto;transform:translateX(105%)}
  body.ui2 .panel-sidebar.is-open{transform:translateX(0)!important}
  body.ui2 .panel-overlay{display:block;position:fixed;inset:0;z-index:80;background:rgba(2,10,20,.55);opacity:0;pointer-events:none;transition:opacity .2s}
  body.ui2 .panel-overlay.is-open{opacity:1;pointer-events:auto}
  body.ui2 .panel-sidebar__brand .sb-collapse,#yrAdminSidebarCollapse{display:none!important}
  body.ui2 .panel-content{padding:12px}
  body.ui2 .panel-topbar{padding:9px 12px}.gc-health-strip,.gc-platform-health,.gc-kpi-grid,.gc-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  body.ui2 .panel-topbar__title .small{display:none}body.ui2 .panel-topbar__right .lang-pill,body.ui2 .panel-topbar__right>a[href*="billing"]{display:none}.gc-dash-hero,.gc-admin-hero{align-items:flex-start;flex-direction:column;padding:23px 20px}.gc-dash-hero h1,.gc-admin-hero h1{font-size:25px}.gc-dash-hero__actions,.gc-admin-hero__actions{justify-content:flex-start;width:100%;max-width:none}.gc-dash-hero__actions .btn,.gc-admin-hero__actions .btn{flex:1 1 145px}.gc-health-strip,.gc-platform-health,.gc-kpi-grid,.gc-admin-kpis,.gc-cash-grid,.gc-admin-side,.gc-dashboard-side{grid-template-columns:1fr}.gc-admin-side>article:last-child,.gc-dashboard-side>article:last-child{grid-column:auto}.gc-action-grid{grid-template-columns:1fr}.gc-lifecycle{grid-template-columns:1fr 1fr}.gc-section-card{padding:16px!important}.gc-kpi-card{min-height:155px}.gc-table-wrap{margin-inline:-4px}}

/* RC5 — unified report surfaces and reliable dark mode */
.gc-wide{max-width:1500px!important}
.gc-filter-card{background:var(--gc-surface-2)!important;border-color:var(--gc-line)!important}
.gc-metric-card{min-height:92px;background:var(--gc-surface)!important}
.gc-metric-card.is-success{border-inline-start:4px solid var(--gc-green)!important}
.gc-metric-card.is-info{border-inline-start:4px solid var(--gc-blue)!important}
.gc-metric-card.is-warning{border-inline-start:4px solid var(--gc-orange)!important}
.gc-status-pill{display:block!important;min-height:44px;padding:10px 12px!important;background:var(--gc-surface-2)!important;border-color:var(--gc-line)!important;color:var(--gc-ink)!important}
.gc-status-pill.is-attention{border-inline-start:4px solid var(--gc-orange)!important}
.gc-status-pill.is-danger{border-inline-start:4px solid var(--gc-red)!important}
.gc-status-pill.is-warning{border-inline-start:4px solid #d9a514!important}
.gc-status-pill.is-info{border-inline-start:4px solid var(--gc-blue)!important}
.empty-state-card{text-align:center;padding:46px 24px!important;display:flex;flex-direction:column;align-items:center}
.empty-state-icon{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;font-size:24px;font-weight:950;background:#eaf2ff;color:#0b63ce;border:1px solid #ccddf5}
.pricing-matrix th,.pricing-matrix td{min-width:210px}.pricing-matrix td:first-child{min-width:145px}.pricing-matrix input{min-width:120px}

:root[data-theme="dark"] body.ui2{
  --gc-ink:#edf5ff;--gc-muted:#9db0c5;--gc-bg:#07111f;--gc-surface:#0d1c2f;--gc-surface-2:#10243a;--gc-line:#20384f;
  --text:#edf5ff;--muted:#9db0c5;--card:#0d1c2f;--card2:#10243a;--border:#20384f;
}
:root[data-theme="dark"] body.ui2 .card{background:var(--gc-surface)!important;color:var(--gc-ink)!important;border-color:var(--gc-line)!important;box-shadow:0 14px 34px rgba(0,0,0,.25)!important}
:root[data-theme="dark"] body.ui2 .gc-filter-card,:root[data-theme="dark"] body.ui2 .gc-metric-card{background:var(--gc-surface-2)!important}
:root[data-theme="dark"] body.ui2 input,:root[data-theme="dark"] body.ui2 select,:root[data-theme="dark"] body.ui2 textarea{background:#0c1b2d!important;color:#edf5ff!important;border-color:#29445e!important}
:root[data-theme="dark"] body.ui2 input::placeholder,:root[data-theme="dark"] body.ui2 textarea::placeholder{color:#71869b!important}
:root[data-theme="dark"] body.ui2 select option{background:#0c1b2d;color:#edf5ff}
:root[data-theme="dark"] body.ui2 .btn{background:#10243a!important;color:#edf5ff!important;border-color:#29445e!important}
:root[data-theme="dark"] body.ui2 .btn.primary{background:linear-gradient(135deg,#0b63ce,#1286c8)!important;border-color:transparent!important;color:#fff!important}
:root[data-theme="dark"] body.ui2 .small,:root[data-theme="dark"] body.ui2 label{color:#9db0c5!important}
:root[data-theme="dark"] body.ui2 h1,:root[data-theme="dark"] body.ui2 h2,:root[data-theme="dark"] body.ui2 h3,:root[data-theme="dark"] body.ui2 h4,:root[data-theme="dark"] body.ui2 b,:root[data-theme="dark"] body.ui2 strong{color:#edf5ff}
:root[data-theme="dark"] body.ui2 .table-wrap{border-color:#20384f!important;background:#0d1c2f!important}
:root[data-theme="dark"] body.ui2 hr{border-color:#29445e!important}
:root[data-theme="dark"] .empty-state-icon{background:#102b49;color:#8fc2ff;border-color:#294b6a}


/* RC5.1 — remove remaining inline light-only report colors */
body.ui2 .gc-code-block{display:block;background:var(--gc-surface-2);border:1px solid var(--gc-line);padding:10px;border-radius:10px;color:var(--gc-ink)}
body.ui2 .gc-filter-pill{background:var(--gc-surface-2);border-color:var(--gc-line);color:var(--gc-ink);text-decoration:none}
body.ui2 .gc-filter-pill.active{background:linear-gradient(135deg,var(--gc-blue),var(--gc-blue-2));border-color:transparent;color:#fff}
body.ui2 .badge.info{background:#edf4ff;border-color:#c9dcf5;color:#245a91}
body.ui2 .btn.ok{background:#eaf8f1;border-color:#c5ead7;color:#16714d}
:root[data-theme="dark"] body.ui2 .badge.ok{background:rgba(22,163,106,.15);border-color:rgba(22,163,106,.35);color:#8ce0ba}
:root[data-theme="dark"] body.ui2 .badge.warn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.32);color:#ffd18a}
:root[data-theme="dark"] body.ui2 .badge.danger{background:rgba(220,76,76,.14);border-color:rgba(220,76,76,.32);color:#ffaaaa}
:root[data-theme="dark"] body.ui2 .badge.info{background:rgba(11,99,206,.18);border-color:rgba(87,157,231,.36);color:#9dccff}
:root[data-theme="dark"] body.ui2 .btn.ok{background:rgba(22,163,106,.15)!important;border-color:rgba(22,163,106,.35)!important;color:#8ce0ba!important}


/* RC5.2 — final operational UI layer */
:root{
  --gc-bg:#f3f6fa;
  --gc-surface:#ffffff;
  --gc-surface-2:#f7f9fc;
  --gc-surface-3:#edf3f9;
  --gc-ink:#102033;
  --gc-muted:#677a90;
  --gc-line:#d9e3ed;
  --gc-primary:#1268c4;
  --gc-primary-2:#1594cf;
  --gc-sidebar:#071a2f;
  --gc-sidebar-2:#0a2746;
  --gc-success:#16845c;
  --gc-warning:#b77908;
  --gc-danger:#be3d45;
  --gc-radius:14px;
}
:root[data-theme="dark"]{
  --gc-bg:#07111e;
  --gc-surface:#0d1d30;
  --gc-surface-2:#11253b;
  --gc-surface-3:#152c45;
  --gc-ink:#edf5ff;
  --gc-muted:#9eb1c5;
  --gc-line:#264059;
  --gc-primary:#2f91ed;
  --gc-primary-2:#36b7d2;
  --gc-sidebar:#040f1d;
  --gc-sidebar-2:#071b31;
  --gc-success:#6cd0a3;
  --gc-warning:#f3c56f;
  --gc-danger:#ff9ca2;
}
html{background:var(--gc-bg)}
body.ui2{font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",sans-serif!important;background:var(--gc-bg)!important;color:var(--gc-ink)!important;line-height:1.55}
body.ui2 .panel-layout{background:var(--gc-bg)}
body.ui2 .panel-main{background:var(--gc-bg);min-height:100vh}
body.ui2 .panel-content{padding:20px 22px 34px!important}
body.ui2 .panel-content>.container,body.ui2 .container{max-width:1540px}

/* True 12-column grid. The old flex percentages plus gaps caused cards to wrap unexpectedly. */
body.ui2 .grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;align-items:start}
body.ui2 .grid>.col-12{grid-column:span 12!important;flex:none!important}
body.ui2 .grid>.col-11{grid-column:span 11!important;flex:none!important}
body.ui2 .grid>.col-10{grid-column:span 10!important;flex:none!important}
body.ui2 .grid>.col-9{grid-column:span 9!important;flex:none!important}
body.ui2 .grid>.col-8{grid-column:span 8!important;flex:none!important}
body.ui2 .grid>.col-7{grid-column:span 7!important;flex:none!important}
body.ui2 .grid>.col-6{grid-column:span 6!important;flex:none!important}
body.ui2 .grid>.col-5{grid-column:span 5!important;flex:none!important}
body.ui2 .grid>.col-4{grid-column:span 4!important;flex:none!important}
body.ui2 .grid>.col-3{grid-column:span 3!important;flex:none!important}
body.ui2 .grid>.col-2{grid-column:span 2!important;flex:none!important}
body.ui2 .grid>.col-1{grid-column:span 1!important;flex:none!important}

body.ui2 .card{background:var(--gc-surface)!important;border:1px solid var(--gc-line)!important;border-radius:var(--gc-radius)!important;box-shadow:0 8px 26px rgba(22,45,74,.07)!important;color:var(--gc-ink)!important;padding:18px}
:root[data-theme="dark"] body.ui2 .card{box-shadow:0 10px 30px rgba(0,0,0,.22)!important}
body.ui2 .card .card{box-shadow:none!important}
body.ui2 .notice{background:var(--gc-surface-2)!important;border-color:var(--gc-line)!important;color:var(--gc-ink)!important}
body.ui2 .small,body.ui2 .muted,body.ui2 label{color:var(--gc-muted)!important;opacity:1!important}
body.ui2 h1,body.ui2 h2,body.ui2 h3,body.ui2 h4,body.ui2 h5,body.ui2 h6{color:var(--gc-ink)!important;line-height:1.3}

body.ui2 .panel-sidebar{width:286px;flex-basis:286px;background:linear-gradient(180deg,var(--gc-sidebar),var(--gc-sidebar-2))!important;border-inline-end:1px solid rgba(255,255,255,.07)!important;box-shadow:9px 0 28px rgba(4,18,35,.15)!important;padding:14px 12px}
body.ui2 .panel-sidebar__brand{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.1)!important;border-radius:14px!important;min-height:68px}
body.ui2 .panel-sidebar__brand .title{color:#fff!important}
body.ui2 .panel-sidebar__brand .small{color:#91a8bf!important}
body.ui2 .panel-sidebar__search input{background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important}
body.ui2 .panel-sidebar__search input::placeholder{color:#748da6!important}
body.ui2 .panel-group{margin-top:8px!important;border:0!important;border-radius:12px!important;background:transparent!important;overflow:visible!important}
body.ui2 .panel-group__head{background:transparent!important;color:#8fa8c0!important;border:0!important;border-radius:10px!important;padding:9px 10px!important;font-size:12px!important}
body.ui2 .panel-group__head:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
body.ui2 .panel-group[data-open="1"]>.panel-group__head{color:#d8e8f6!important;background:rgba(255,255,255,.035)!important}
body.ui2 .panel-group__items{padding:4px 0 2px!important}
body.ui2 .panel-nav__item{min-height:42px!important;border-radius:10px!important;color:#bfd0df!important;border:1px solid transparent!important;padding:9px 11px!important;margin:2px 0!important;background:transparent!important;box-shadow:none!important}
body.ui2 .panel-nav__item:hover{color:#fff!important;background:rgba(255,255,255,.055)!important}
body.ui2 .panel-nav__item.active{color:#fff!important;background:linear-gradient(135deg,rgba(25,108,196,.82),rgba(18,148,207,.58))!important;border-color:rgba(109,194,255,.28)!important;box-shadow:0 7px 18px rgba(0,0,0,.18)!important}
body.ui2 .panel-nav__item .ic{font-size:17px}
body.ui2 .panel-topbar{min-height:68px;background:color-mix(in srgb,var(--gc-surface) 94%,transparent)!important;border-bottom:1px solid var(--gc-line)!important;box-shadow:0 5px 18px rgba(22,45,74,.04)!important}

body.ui2 .btn{min-height:40px;border-radius:10px!important;background:var(--gc-surface)!important;border:1px solid var(--gc-line)!important;color:var(--gc-ink)!important;box-shadow:none!important;padding:9px 14px!important}
body.ui2 .btn:hover{background:var(--gc-surface-2)!important;border-color:#b8c9da!important;transform:none!important}
body.ui2 .btn.primary{background:linear-gradient(135deg,var(--gc-primary),var(--gc-primary-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 18px rgba(18,104,196,.18)!important}
body.ui2 .btn.danger{background:color-mix(in srgb,var(--gc-danger) 10%,var(--gc-surface))!important;color:var(--gc-danger)!important;border-color:color-mix(in srgb,var(--gc-danger) 30%,var(--gc-line))!important}
body.ui2 .btn.ok{background:color-mix(in srgb,var(--gc-success) 10%,var(--gc-surface))!important;color:var(--gc-success)!important;border-color:color-mix(in srgb,var(--gc-success) 30%,var(--gc-line))!important}

body.ui2 input,body.ui2 select,body.ui2 textarea,body.ui2 .input{background:var(--gc-surface)!important;color:var(--gc-ink)!important;border:1px solid var(--gc-line)!important;border-radius:10px!important;min-height:43px!important}
body.ui2 input:focus,body.ui2 select:focus,body.ui2 textarea:focus{border-color:var(--gc-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--gc-primary) 13%,transparent)!important}
body.ui2 select option{background:var(--gc-surface);color:var(--gc-ink)}

body.ui2 .table-wrap,body.ui2 [style*="overflow:auto"]:has(> .table){border:1px solid var(--gc-line);border-radius:12px;background:var(--gc-surface);overflow:auto!important}
body.ui2 .table{width:100%;border:0!important;border-radius:0!important;background:var(--gc-surface)!important}
body.ui2 .table thead th{position:static!important;background:var(--gc-surface-3)!important;color:var(--gc-muted)!important;border-bottom:1px solid var(--gc-line)!important;padding:11px 12px!important}
body.ui2 .table tbody td{color:var(--gc-ink)!important;border-bottom:1px solid var(--gc-line)!important;padding:11px 12px!important}
body.ui2 .table tbody tr:last-child td{border-bottom:0!important}
body.ui2 .table tbody tr:hover{background:color-mix(in srgb,var(--gc-primary) 4%,var(--gc-surface))!important}

body.ui2 .badge,body.ui2 .pill{background:var(--gc-surface-2)!important;border:1px solid var(--gc-line)!important;color:var(--gc-ink)!important}
body.ui2 .badge.ok,body.ui2 .pill.ok{background:color-mix(in srgb,var(--gc-success) 12%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-success) 32%,var(--gc-line))!important;color:var(--gc-success)!important}
body.ui2 .badge.warn,body.ui2 .pill.warn{background:color-mix(in srgb,var(--gc-warning) 12%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-warning) 32%,var(--gc-line))!important;color:var(--gc-warning)!important}
body.ui2 .badge.danger,body.ui2 .pill.danger{background:color-mix(in srgb,var(--gc-danger) 11%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-danger) 32%,var(--gc-line))!important;color:var(--gc-danger)!important}
body.ui2 .badge.info,body.ui2 .pill.info{background:color-mix(in srgb,var(--gc-primary) 10%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-primary) 28%,var(--gc-line))!important;color:var(--gc-primary)!important}
/* Normalize legacy inline status colors in dark mode and theme switches. */
body.ui2 .badge[style*="#dcfce7"],body.ui2 .btn[style*="#dcfce7"]{background:color-mix(in srgb,var(--gc-success) 12%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-success) 32%,var(--gc-line))!important;color:var(--gc-success)!important}
body.ui2 .badge[style*="#fee2e2"],body.ui2 .btn[style*="#fee2e2"]{background:color-mix(in srgb,var(--gc-danger) 11%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-danger) 32%,var(--gc-line))!important;color:var(--gc-danger)!important}
body.ui2 .badge[style*="#fef9c3"]{background:color-mix(in srgb,var(--gc-warning) 12%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-warning) 32%,var(--gc-line))!important;color:var(--gc-warning)!important}
body.ui2 .badge[style*="#e5e7eb"]{background:var(--gc-surface-2)!important;border-color:var(--gc-line)!important;color:var(--gc-muted)!important}

body.ui2 .gc-filter-card{background:var(--gc-surface-2)!important;border:1px solid var(--gc-line)!important}
body.ui2 .gc-metric-card{background:var(--gc-surface)!important;min-height:104px;display:flex;flex-direction:column;justify-content:center}
body.ui2 .gc-metric-card>div:last-child{color:var(--gc-ink)!important}
body.ui2 .gc-status-pill{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:var(--gc-surface-2)!important}
body.ui2 .gc-code-block,body.ui2 code.code{background:var(--gc-surface-2)!important;color:var(--gc-ink)!important;border:1px solid var(--gc-line)!important}
body.ui2 hr{border:0;border-top:1px solid var(--gc-line)!important;opacity:1!important}
body.ui2 .empty-state-card{min-height:330px;justify-content:center;background:var(--gc-surface)!important}
body.ui2 .empty-state-icon{background:color-mix(in srgb,var(--gc-primary) 10%,var(--gc-surface))!important;color:var(--gc-primary)!important;border-color:color-mix(in srgb,var(--gc-primary) 25%,var(--gc-line))!important}

/* Permission matrix */
.perm-value-control{display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));gap:5px;min-width:220px}
.perm-value-control button{border:1px solid var(--gc-line);background:var(--gc-surface-2);color:var(--gc-muted);border-radius:8px;padding:7px 8px;cursor:pointer;font-weight:800}
.perm-value-control button.is-active{background:var(--gc-primary);border-color:var(--gc-primary);color:#fff}
.perm-limit-input{margin-top:6px;max-width:220px}

@media(max-width:1180px){
  body.ui2 .grid>.col-3{grid-column:span 6!important}
  body.ui2 .grid>.col-2{grid-column:span 4!important}
  body.ui2 .grid>.col-4{grid-column:span 6!important}
}
@media(max-width:980px){
  body.ui2 .panel-content{padding:12px!important}
  body.ui2 .grid>[class*="col-"]{grid-column:span 12!important}
  body.ui2 .panel-sidebar{width:min(88vw,320px)!important;flex-basis:auto!important}
  body.ui2 .card{padding:14px!important}
}
@media(max-width:600px){
  body.ui2 .row{flex-wrap:wrap}
  body.ui2 .btn{width:auto;max-width:100%}
  body.ui2 .panel-topbar{padding:8px 10px!important}
  body.ui2 .panel-content{padding:8px!important}
  body.ui2 .card{border-radius:11px!important;padding:12px!important}
}

/* RC5.3 — ZATCA devices, payment proofs and report readability */
body.ui2 .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
body.ui2 .page-head h2,body.ui2 .section-title h3{margin:3px 0 5px;color:var(--gc-ink)!important}
body.ui2 .page-head p,body.ui2 .section-title p{margin:0;color:var(--gc-muted)!important;line-height:1.7}
body.ui2 .eyebrow{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--gc-primary) 10%,var(--gc-surface));color:var(--gc-primary);font-size:11px;font-weight:950;letter-spacing:.08em}
body.ui2 .page-actions,body.ui2 .form-actions,body.ui2 .device-actions,body.ui2 .payment-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.ui2 .section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
body.ui2 .count-badge{min-width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--gc-surface-2);border:1px solid var(--gc-line);font-weight:950;color:var(--gc-ink)}
body.ui2 .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
body.ui2 .form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--gc-muted);font-size:12px;font-weight:850}
body.ui2 .form-grid label>span{min-height:18px}.form-grid .span-2{grid-column:span 2}
body.ui2 .device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.ui2 .device-card{border:1px solid var(--gc-line);background:var(--gc-surface);border-radius:15px;padding:15px;box-shadow:0 8px 24px rgba(18,45,75,.045)}
body.ui2 .device-card.is-default{border-color:color-mix(in srgb,var(--gc-primary) 45%,var(--gc-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--gc-primary) 7%,transparent)}
body.ui2 .device-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.device-card h4{margin:0;color:var(--gc-ink)!important}
body.ui2 .meta-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.meta-line span{font-size:11px;color:var(--gc-muted);background:var(--gc-surface-2);border:1px solid var(--gc-line);padding:3px 7px;border-radius:7px}
body.ui2 .status-stack{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;border:1px solid var(--gc-line);background:var(--gc-surface-2);color:var(--gc-muted)}.status-pill.success{background:color-mix(in srgb,var(--gc-success) 10%,var(--gc-surface));border-color:color-mix(in srgb,var(--gc-success) 28%,var(--gc-line));color:var(--gc-success)}.status-pill.muted{color:var(--gc-muted)}
body.ui2 .device-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.device-kpis>div{background:var(--gc-surface-2);border:1px solid var(--gc-line);border-radius:10px;padding:9px;min-width:0}.device-kpis span,.device-kpis b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-kpis span{font-size:10px;color:var(--gc-muted);margin-bottom:5px}.device-kpis b{font-size:12px;color:var(--gc-ink)}.device-kpis b.ok{color:var(--gc-success)}.device-kpis b.wait{color:var(--gc-muted)}
body.ui2 .device-manage{margin-top:14px;padding-top:14px;border-top:1px solid var(--gc-line)}body.ui2 .device-manage[hidden]{display:none!important}
body.ui2 .onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mini-form{background:var(--gc-surface-2);border:1px solid var(--gc-line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.mini-form h5{margin:0;color:var(--gc-ink)!important}.renew-form{margin-top:10px}.danger-zone{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--gc-danger) 35%,var(--gc-line))}
body.ui2 .empty-state{text-align:center;padding:42px 15px}.empty-state .empty-icon{font-size:38px}.empty-state h4{margin:8px 0 5px;color:var(--gc-ink)!important}.empty-state p{margin:0;color:var(--gc-muted)}
body.ui2 .file-btn{position:relative;overflow:hidden;cursor:pointer}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;min-height:0!important}
body.ui2 .gc-metric-card.is-success{background:color-mix(in srgb,var(--gc-success) 7%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-success) 22%,var(--gc-line))!important}
body.ui2 .gc-metric-card.is-info{background:color-mix(in srgb,var(--gc-primary) 7%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-primary) 22%,var(--gc-line))!important}
body.ui2 .gc-metric-card.is-warning{background:color-mix(in srgb,var(--gc-warning) 8%,var(--gc-surface))!important;border-color:color-mix(in srgb,var(--gc-warning) 22%,var(--gc-line))!important}
/* Override legacy light-only report cards without touching print templates. */
body.ui2 .panel-content .card[style*="background:#f8fafc"],body.ui2 .panel-content .card[style*="background:#fff"],body.ui2 .panel-content [style*="background: #fff"]{background:var(--gc-surface)!important;color:var(--gc-ink)!important;border-color:var(--gc-line)!important}
body.ui2 .panel-content [style*="color:#111827"],body.ui2 .panel-content [style*="color: #111827"]{color:var(--gc-ink)!important}
@media(max-width:1080px){body.ui2 .device-grid{grid-template-columns:1fr}}
@media(max-width:720px){body.ui2 .form-grid,body.ui2 .onboarding-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.device-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* RC5.5 — operational reports, error pages and full dark-mode normalization */
body.ui2 .gc-narrow-page{max-width:1120px!important;margin-inline:auto}
body.ui2 .gc-error-state{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:28px;min-height:360px;padding:34px!important;overflow:hidden;position:relative}
body.ui2 .gc-error-state:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;inset:auto -170px -210px auto;background:color-mix(in srgb,var(--gc-primary) 8%,transparent);pointer-events:none}
body.ui2 .gc-error-state__visual{width:190px;height:190px;border-radius:42px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--gc-primary) 16%,var(--gc-surface)),color-mix(in srgb,var(--gc-primary-2) 10%,var(--gc-surface)));border:1px solid color-mix(in srgb,var(--gc-primary) 24%,var(--gc-line));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
body.ui2 .gc-error-state__visual span{font-size:54px;font-weight:1000;letter-spacing:-3px;color:var(--gc-primary)}
body.ui2 .gc-error-state__content{position:relative;z-index:1}
body.ui2 .gc-error-state__content h2{font-size:28px;margin:12px 0 8px!important}
body.ui2 .gc-error-state__content p{max-width:720px;color:var(--gc-muted);line-height:1.9;margin:0}
body.ui2 .gc-requested-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:11px 13px;border:1px solid var(--gc-line);border-radius:12px;background:var(--gc-surface-2)}
body.ui2 .gc-requested-path span{font-size:12px;font-weight:900;color:var(--gc-muted)}
body.ui2 .gc-requested-path code{direction:ltr;text-align:left;color:var(--gc-ink);background:transparent!important;border:0!important;padding:0!important;overflow-wrap:anywhere}

body.ui2 .device-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
body.ui2 .onboarding-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

body.ui2 .panel-content .gc-filter-card,
body.ui2 .panel-content .gc-report-filter,
body.ui2 .panel-content .report-filter,
body.ui2 .panel-content .filters-card{background:var(--gc-surface-2)!important;color:var(--gc-ink)!important;border-color:var(--gc-line)!important}
body.ui2 .panel-content .gc-report-section{background:var(--gc-surface)!important;color:var(--gc-ink)!important;border:1px solid var(--gc-line)!important;border-radius:15px;padding:16px}
body.ui2 .panel-content .gc-report-empty{padding:24px 14px;text-align:center;color:var(--gc-muted)!important;background:var(--gc-surface-2)!important;border:1px dashed var(--gc-line)!important;border-radius:12px}
body.ui2 .panel-content .gc-metric-card .small,
body.ui2 .panel-content .gc-status-pill .small{color:var(--gc-muted)!important;opacity:1!important}
body.ui2 .panel-content .gc-metric-card .metric-value{color:var(--gc-ink)!important;font-size:24px;font-weight:950;line-height:1.25}
body.ui2 .panel-content .gc-filter-pill{background:var(--gc-surface)!important;border-color:var(--gc-line)!important;color:var(--gc-ink)!important}
body.ui2 .panel-content .gc-filter-pill.active{background:linear-gradient(135deg,var(--gc-primary),var(--gc-primary-2))!important;border-color:transparent!important;color:#fff!important}
body.ui2 .panel-content .gc-status-pill.is-attention{border-inline-start:4px solid var(--gc-primary)!important}
body.ui2 .panel-content .gc-status-pill.is-danger{border-inline-start:4px solid var(--gc-danger)!important}
body.ui2 .panel-content .gc-status-pill.is-warning{border-inline-start:4px solid var(--gc-warning)!important}
body.ui2 .panel-content .gc-status-pill.is-info{border-inline-start:4px solid var(--gc-primary-2)!important}

/* Defeat legacy hard-coded pale report panels in dark mode. */
:root[data-theme="dark"] body.ui2 .panel-content [style*="background:#f8fafc"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="background: #f8fafc"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="background:#f9fafb"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="background: #f9fafb"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="background:#ffffff"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="background: #ffffff"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="background:white"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="background: white"]{background:var(--gc-surface)!important;color:var(--gc-ink)!important;border-color:var(--gc-line)!important}
:root[data-theme="dark"] body.ui2 .panel-content [style*="color:#0f172a"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="color: #0f172a"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="color:#1f2937"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="color: #1f2937"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="color:#374151"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="color: #374151"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="color:#64748b"],
:root[data-theme="dark"] body.ui2 .panel-content [style*="color: #64748b"]{color:var(--gc-ink)!important}
:root[data-theme="dark"] body.ui2 .panel-content .gc-filter-card,
:root[data-theme="dark"] body.ui2 .panel-content .gc-report-filter,
:root[data-theme="dark"] body.ui2 .panel-content .gc-report-section,
:root[data-theme="dark"] body.ui2 .panel-content .mini-form{box-shadow:none!important}
:root[data-theme="dark"] body.ui2 input[type="date"]{color-scheme:dark}
:root[data-theme="dark"] body.ui2 .panel-content pre,
:root[data-theme="dark"] body.ui2 .panel-content code{color:var(--gc-ink)!important}

@media(max-width:980px){
  body.ui2 .device-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.ui2 .onboarding-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  body.ui2 .gc-error-state{grid-template-columns:1fr;text-align:center;padding:22px!important}
  body.ui2 .gc-error-state__visual{width:132px;height:132px;border-radius:30px;margin-inline:auto}
  body.ui2 .gc-error-state__visual span{font-size:40px}
  body.ui2 .gc-error-state .page-actions{justify-content:center}
  body.ui2 .device-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* RC6 — fixed premium workspace, contrast and layout normalization */
:root[data-theme="dark"]{
  --gc-ink:#f3f7fc;
  --gc-muted:#a8bad0;
  --gc-bg:#071321;
  --gc-surface:#0d1d30;
  --gc-surface-2:#11263e;
  --gc-line:#29445f;
  --gc-shadow:0 18px 48px rgba(0,0,0,.25);
}
body.ui2-panel,body.ui2-admin{min-height:100vh;background:linear-gradient(145deg,#06111f 0%,#071a2d 55%,#061321 100%)!important;color:var(--gc-ink)}
body.ui2-panel .panel-content,body.ui2-admin .panel-content{padding:20px!important;background:transparent!important}
body.ui2-panel .panel-content>.container,body.ui2-admin .panel-content>.container{max-width:1540px!important;margin-inline:auto!important;padding:0!important}
body.ui2-panel .card,body.ui2-admin .card{background:linear-gradient(180deg,rgba(17,38,62,.96),rgba(12,29,48,.98))!important;border:1px solid rgba(72,108,142,.52)!important;color:#f5f8fc!important;box-shadow:0 18px 48px rgba(0,0,0,.16)!important}
body.ui2-panel .card .card,body.ui2-admin .card .card{box-shadow:none!important;background:#0d2035!important}
body.ui2-panel h1,body.ui2-panel h2,body.ui2-panel h3,body.ui2-panel h4,body.ui2-admin h1,body.ui2-admin h2,body.ui2-admin h3,body.ui2-admin h4{color:#fff!important}
body.ui2-panel .small,body.ui2-panel .muted,body.ui2-panel label,body.ui2-admin .small,body.ui2-admin .muted,body.ui2-admin label{color:#a8bed6!important;opacity:1!important}
body.ui2-panel input:not([type=checkbox]):not([type=radio]),body.ui2-panel select,body.ui2-panel textarea,body.ui2-admin input:not([type=checkbox]):not([type=radio]),body.ui2-admin select,body.ui2-admin textarea{background:#091a2d!important;border:1px solid #2b4a68!important;color:#f7fbff!important;border-radius:12px!important;min-height:44px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body.ui2-panel input::placeholder,body.ui2-panel textarea::placeholder,body.ui2-admin input::placeholder,body.ui2-admin textarea::placeholder{color:#7891ad!important}
body.ui2-panel select option,body.ui2-admin select option{background:#0b1c30;color:#fff}
body.ui2-panel input:-webkit-autofill,body.ui2-panel input:-webkit-autofill:hover,body.ui2-panel input:-webkit-autofill:focus,body.ui2-admin input:-webkit-autofill,body.ui2-admin input:-webkit-autofill:hover,body.ui2-admin input:-webkit-autofill:focus{-webkit-text-fill-color:#f7fbff!important;-webkit-box-shadow:0 0 0 1000px #091a2d inset!important;transition:background-color 9999s ease-in-out 0s}
body.ui2-panel .table,body.ui2-admin .table{border:1px solid #29445f!important;border-radius:14px;overflow:hidden;background:#0b1b2e!important;color:#edf5ff!important}
body.ui2-panel .table thead th,body.ui2-admin .table thead th{background:#112a45!important;color:#c5d7ea!important;border-color:#29445f!important;font-weight:900!important}
body.ui2-panel .table td,body.ui2-admin .table td{border-color:#223d57!important;color:#eaf2fb!important}
body.ui2-panel .table tbody tr:hover,body.ui2-admin .table tbody tr:hover{background:#112740!important}
body.ui2-panel .notice,body.ui2-admin .notice{background:#10263e!important;color:#edf5ff!important;border-color:#355573!important}
body.ui2-panel .btn,body.ui2-admin .btn{background:#0e243c!important;color:#f5f9ff!important;border-color:#315370!important;font-weight:800!important}
body.ui2-panel .btn:hover,body.ui2-admin .btn:hover{background:#153251!important;border-color:#4a7599!important;transform:translateY(-1px)}
body.ui2-panel .btn.primary,body.ui2-admin .btn.primary{background:linear-gradient(135deg,#0b70d8,#1198d4)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 25px rgba(9,112,216,.26)!important}
body.ui2-panel .btn.danger,body.ui2-admin .btn.danger{background:rgba(220,76,76,.14)!important;color:#ffb4b4!important;border-color:rgba(239,104,104,.38)!important}
body.ui2-panel hr,body.ui2-admin hr{border-color:#2b455f!important}
body.ui2-panel .panel-topbar,body.ui2-admin .panel-topbar{background:rgba(6,18,31,.95)!important;border-bottom-color:#1e3851!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important}
body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{background:linear-gradient(180deg,#06182c 0%,#04101f 100%)!important}
body.ui2-panel .panel-nav__item.active,body.ui2-admin .panel-nav__item.active{background:linear-gradient(135deg,#0d66bb,#147eaf)!important;border-color:#318bc0!important;box-shadow:0 10px 24px rgba(0,0,0,.22),inset -3px 0 0 #63edf1!important}
body.ui2-panel .panel-nav__item.active .ic,body.ui2-admin .panel-nav__item.active .ic{filter:none!important}
body.ui2-panel .grid,body.ui2-admin .grid{align-items:start}
body.ui2-panel .rc6-tax-settings,body.ui2-panel .rc6-tax-inline{padding:16px;border:1px solid #31516d;border-radius:16px;background:linear-gradient(135deg,rgba(11,99,206,.10),rgba(22,181,197,.06))}
.rc6-check{display:flex!important;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #31516d;border-radius:12px;background:#0b1d31;color:#edf5ff!important}
.rc6-check input{width:18px;height:18px;accent-color:#1592d2}
.rc6-section-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.rc6-section-head b{font-size:17px;color:#fff}.rc6-section-head .small{margin-top:5px}
.rc6-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.rc6-page-head h2{margin:5px 0 4px;font-size:27px}.rc6-page-head p{margin:0;color:#a8bed6;line-height:1.8}.rc6-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(20,151,206,.14);color:#7fe5f0;font-size:12px;font-weight:900}
.rc6-hero-card{padding:22px!important}.rc6-filter-grid{display:grid;grid-template-columns:1.1fr repeat(4,minmax(145px,1fr)) auto;gap:12px;align-items:end;margin-top:20px;padding-top:18px;border-top:1px solid #29445f}.rc6-filter-grid>div{min-width:0}.rc6-filter-action{display:flex;align-items:flex-end}.rc6-filter-action .btn{min-height:44px}
.rc6-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.rc6-kpi{padding:18px;border-radius:17px;border:1px solid #294862;background:linear-gradient(145deg,#102944,#0c2036)}.rc6-kpi span{display:block;color:#9cb3cc;font-size:13px}.rc6-kpi strong{display:block;color:#fff;font-size:27px;margin-top:8px}.rc6-kpi.accent{background:linear-gradient(135deg,#0b62b6,#0f899f);border-color:transparent}.rc6-table-wrap{overflow:auto;border-radius:14px}.rc6-empty{text-align:center;padding:28px;color:#91a9c3}
.rc6-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:16px}.rc6-admin-grid>.card{padding:22px!important}
body.ui2-panel .panel-content [style*="background:#fff"],body.ui2-panel .panel-content [style*="background: #fff"],body.ui2-panel .panel-content [style*="background:#f8fafc"],body.ui2-panel .panel-content [style*="background: #f8fafc"],body.ui2-admin .panel-content [style*="background:#fff"],body.ui2-admin .panel-content [style*="background: #fff"]{background:#0e2238!important;color:#f3f7fc!important;border-color:#31516d!important}
body.ui2-panel .panel-content [style*="color:#0f172a"],body.ui2-panel .panel-content [style*="color: #0f172a"],body.ui2-panel .panel-content [style*="color:#64748b"],body.ui2-panel .panel-content [style*="color: #64748b"]{color:#dce9f6!important}
body.ui2-panel .panel-content .grid[style*="auto-fit"]{grid-template-columns:repeat(2,minmax(420px,1fr))!important}
body.ui2-panel .panel-content .grid[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
body.ui2-panel .panel-content details{border:1px solid #2d4c68;border-radius:15px;padding:14px;background:#0c2035}
body.ui2-panel .panel-content summary{color:#fff}
body.gc-saas-page .gc-section.dark h1,body.gc-saas-page .gc-section.dark h2,body.gc-saas-page .gc-section.dark h3,body.gc-saas-page .gc-section.dark .gc-section-head h2{color:#fff!important}
body.gc-saas-page .gc-section.dark p,body.gc-saas-page .gc-section.dark .gc-section-head p{color:#b9cee2!important}
body.gc-saas-page .gc-section:not(.dark) h2{color:#0d2948!important}
body.gc-saas-page .gc-section:not(.dark) p{color:#526b84!important}
@media(max-width:1180px){.rc6-admin-grid{grid-template-columns:1fr}.rc6-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ui2-panel .panel-content .grid[style*="auto-fit"]{grid-template-columns:1fr!important}}
@media(max-width:760px){body.ui2-panel .panel-content,body.ui2-admin .panel-content{padding:12px!important}.rc6-filter-grid,.rc6-kpi-grid{grid-template-columns:1fr}.rc6-page-head{flex-direction:column}.rc6-admin-grid{grid-template-columns:1fr}body.ui2-panel .panel-content .grid[style*="auto-fit"],body.ui2-panel .panel-content .grid[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}
@media print{body.ui2-panel,body.ui2-admin{background:#fff!important;color:#111!important}.panel-sidebar,.panel-topbar,.rc6-filter-grid,.page-actions{display:none!important}.panel-main,.panel-content{margin:0!important;padding:0!important}.card{box-shadow:none!important;border-color:#bbb!important;background:#fff!important;color:#111!important}}

body.ui2-panel .rc6-gl-account-layout{display:grid!important;grid-template-columns:minmax(360px,.75fr) minmax(520px,1.25fr)!important;gap:16px!important}
body.ui2-panel .plan-grid{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr))!important;gap:14px!important}
body.ui2-panel .plan-card{min-width:0!important;overflow:hidden!important}.plan-card__amount{overflow-wrap:anywhere}.plan-card__monthly strong{font-size:30px!important}
@media(max-width:980px){body.ui2-panel .rc6-gl-account-layout,body.ui2-panel .plan-grid{grid-template-columns:1fr!important}}

/* RC6 final polish — fixed workspace and public SaaS presentation */
[hidden]{display:none!important}
body.ui2-panel .rc6-gl-account-layout>.card{min-width:0;width:100%;align-self:start;padding:20px!important}
body.ui2-panel .rc6-gl-account-layout>.card:first-child{background:linear-gradient(165deg,#102945,#0c2137)!important}
body.ui2-panel .rc6-gl-account-layout>.card:last-child{background:linear-gradient(165deg,#10263f,#0b1c30)!important}
body.ui2-panel .rc6-gl-account-layout .grid[style*="grid-template-columns:1fr 1fr"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.ui2-panel .rc6-gl-account-layout select,body.ui2-panel .rc6-gl-account-layout input{width:100%;min-width:0}
body.ui2-panel .rc6-tax-detail{margin-top:5px;color:#8fdbe5!important;font-size:11px}
body.ui2-panel .rc6-voucher-tax-summary{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(20,151,206,.09);border:1px solid rgba(73,175,204,.25);color:#bfe4ee!important}
body.ui2-panel #zatcaKsaSettings{grid-column:1/-1;width:100%;padding:4px 0 0}
body.ui2-panel .plan-card{background:linear-gradient(160deg,#102943,#0b1e33)!important;border-color:#315270!important}
body.ui2-panel .plan-card.selected{border-color:#23a8db!important;box-shadow:0 0 0 3px rgba(28,163,218,.13),0 18px 36px rgba(0,0,0,.18)!important}
body.ui2-panel .plan-card__amount,body.ui2-panel .plan-card__monthly strong{color:#fff!important;direction:ltr;unicode-bidi:isolate}
body.ui2-panel .plan-saving{color:#7fe0b8!important}
body.ui2-panel .rc6-promo-notice{background:linear-gradient(135deg,rgba(21,128,90,.2),rgba(11,99,206,.16))!important;border-color:rgba(72,205,159,.35)!important}

body.gc-saas-page .gc-section{padding:68px 0}
body.gc-saas-page .gc-section-head{align-items:center;margin-bottom:26px}
body.gc-saas-page .gc-section-head h2{max-width:790px;font-size:clamp(29px,3.6vw,44px);letter-spacing:-1px}
body.gc-saas-page .gc-section.dark{position:relative;overflow:hidden;background:
 radial-gradient(620px 320px at 8% 10%,rgba(22,181,197,.14),transparent 70%),
 radial-gradient(680px 380px at 92% 90%,rgba(11,99,206,.18),transparent 70%),
 linear-gradient(135deg,#061629,#0a2b4d)!important}
body.gc-saas-page .gc-section.dark:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}
body.gc-saas-page .gc-section.dark>.gc-wrap{position:relative;z-index:1}
body.gc-saas-page .gc-module,body.gc-saas-page .gc-role,body.gc-saas-page .gc-control-card,body.gc-saas-page .gc-onboard-card,body.gc-saas-page .gc-faq-item{border:1px solid rgba(179,201,224,.52)!important;box-shadow:0 16px 36px rgba(18,42,69,.09)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.gc-saas-page .gc-module:hover,body.gc-saas-page .gc-role:hover,body.gc-saas-page .gc-control-card:hover,body.gc-saas-page .gc-onboard-card:hover{transform:translateY(-4px);border-color:rgba(11,99,206,.38)!important;box-shadow:0 22px 46px rgba(18,42,69,.14)!important}
body.gc-saas-page .gc-module h3,body.gc-saas-page .gc-role h3,body.gc-saas-page .gc-control-card h3,body.gc-saas-page .gc-onboard-card h3,body.gc-saas-page .gc-faq-item b{color:#102a47!important}
body.gc-saas-page .gc-platform-panel{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;border-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.14)!important}
body.gc-saas-page .gc-platform-panel h3{color:#fff!important}
body.gc-saas-page .gc-platform-panel p{color:#c5d8e9!important}
body.gc-saas-page .gc-price-card{box-shadow:0 16px 40px rgba(11,36,66,.10)!important}
body.gc-saas-page .gc-price-card.hot{transform:translateY(-5px);box-shadow:0 25px 55px rgba(11,99,206,.18)!important}
@media(max-width:760px){body.gc-saas-page .gc-section{padding:52px 0}body.gc-saas-page .gc-section-head h2{font-size:31px}body.ui2-panel .rc6-gl-account-layout .grid[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}
.rc6-kpi small{display:block;margin-top:7px;color:#9ab3cc;font-size:11px;line-height:1.5}
.rc6-currency-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:-2px 0 14px}.rc6-currency-summary>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:13px 15px;border:1px solid #294862;border-radius:14px;background:linear-gradient(145deg,#0f2842,#0b1e33)}.rc6-currency-summary span{color:#7fe5f0;font-weight:900}.rc6-currency-summary b{justify-self:end;color:#fff;font-size:18px;direction:ltr}.rc6-currency-summary small{grid-column:1/-1;color:#91aac4}

/* RC6 entity list actions */
.rc6-list-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.rc6-list-actions .btn{min-width:118px;justify-content:center}
@media (max-width:720px){.rc6-list-actions{justify-content:stretch}.rc6-list-actions .btn{flex:1 1 140px}}
@media print{
  .no-print,.rc6-list-actions,.panel-sidebar,.panel-topbar,.topbar,.sidebar,.sidebar-toggle,.mobile-nav-toggle,form>button,.sticky-actions{display:none!important}
  html,body,.panel-main,.container{background:#fff!important;color:#111!important;min-height:auto!important}
  .card,.section,.table-wrap{box-shadow:none!important;border:1px solid #bbb!important;background:#fff!important;color:#111!important}
  table,th,td{color:#111!important;background:#fff!important;border-color:#bbb!important}
  a{color:#111!important;text-decoration:none!important}
}

/* ========================================================================
   HOTFIX7 — clearer navigation hierarchy and larger readable tabs
   ======================================================================== */
@media (min-width:981px){
  body.ui2 .panel-sidebar{width:318px!important;flex:0 0 318px!important;padding:15px 13px!important}
}
body.ui2 .panel-nav{gap:10px!important}
body.ui2 .panel-group{border-radius:16px!important}
body.ui2 .panel-group__head{
  min-height:52px!important;
  padding:11px 12px!important;
  font-size:15px!important;
}
body.ui2 .panel-group__title{gap:11px!important}
body.ui2 .panel-group__title .ic{
  width:33px!important;height:33px!important;flex-basis:33px!important;
  border-radius:10px!important;font-size:17px!important;
}
body.ui2 .panel-group__title b{
  color:#c2d3e3!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:950!important;
}
body.ui2 .panel-group[data-open="1"]>.panel-group__head{
  background:linear-gradient(135deg,rgba(11,99,206,.17),rgba(22,181,197,.08))!important;
}
body.ui2 .panel-group__items{padding:7px 7px 9px!important}
body.ui2 .panel-nav__item{
  min-height:47px!important;
  padding:10px 11px!important;
  border-radius:13px!important;
}
body.ui2 .panel-nav__item .ic{
  width:30px!important;height:30px!important;flex-basis:30px!important;
  font-size:16px!important;
}
body.ui2 .panel-nav__item .lb{
  font-size:14.5px!important;
  line-height:1.45!important;
  font-weight:850!important;
}
body.ui2 .panel-sidebar__search input{font-size:14px!important}
:root[data-theme="light"] body.ui2 .panel-group__title b{color:#28435e!important}
:root[data-theme="light"] body.ui2 .panel-group[data-open="1"]>.panel-group__head{
  background:linear-gradient(135deg,rgba(11,99,206,.10),rgba(22,181,197,.06))!important;
}

.gc-statement-selector{padding:16px!important;margin-top:12px!important;background:var(--gc-surface-2)!important}
.gc-statement-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.gc-statement-kpi{padding:14px;border:1px solid var(--gc-line);border-radius:14px;background:var(--gc-surface)}
.gc-statement-kpi span,.gc-statement-kpi strong{display:block}.gc-statement-kpi span{font-size:12px;color:var(--gc-muted);font-weight:800}.gc-statement-kpi strong{margin-top:7px;font-size:21px}
.gc-statement-currency{font-size:11px;color:var(--gc-muted);margin-inline-start:4px}
.gc-statement-empty{padding:36px 20px;text-align:center;border:1px dashed var(--gc-line);border-radius:16px;background:var(--gc-surface-2);margin-top:14px}
.gc-statement-empty b{display:block;font-size:18px;margin-bottom:6px}.gc-statement-empty p{margin:0;color:var(--gc-muted)}
@media(max-width:900px){.gc-statement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gc-statement-kpis{grid-template-columns:1fr}}