/* =====================================================================
   Yebrax Stores R3 — Reference UI Theme
   Goal: high-contrast SaaS workspace inspired by the approved Store refs.
   Loaded LAST on purpose to neutralize legacy GC visual layers.
   ===================================================================== */
:root{
  --ys-navy:#06213b;
  --ys-navy-2:#082b4d;
  --ys-navy-3:#0b365f;
  --ys-blue:#0b67e8;
  --ys-blue-2:#2385ff;
  --ys-orange:#ff9800;
  --ys-cyan:#15b6d4;
  --ys-green:#19a960;
  --ys-red:#ea3f46;
  --ys-purple:#7358db;
  --ys-page:#f4f7fb;
  --ys-surface:#ffffff;
  --ys-surface-2:#f8fafc;
  --ys-line:#e3eaf2;
  --ys-text:#12233c;
  --ys-muted:#687b94;
  --ys-shadow:0 8px 24px rgba(28,54,86,.075);
  --ys-shadow-hover:0 12px 34px rgba(23,60,104,.12);
  --primary:var(--ys-blue)!important;
  --primary2:var(--ys-cyan)!important;
  --bg:var(--ys-page)!important;
  --bg2:var(--ys-page)!important;
  --card:var(--ys-surface)!important;
  --card2:var(--ys-surface-2)!important;
  --text:var(--ys-text)!important;
  --muted:var(--ys-muted)!important;
  --border:var(--ys-line)!important;
  --shadow:var(--ys-shadow)!important;
}

html,body{font-family:"Tajawal",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body.ui2-panel,body.ui2-admin{
  background:var(--ys-page)!important;
  color:var(--ys-text)!important;
  font-size:15px!important;
  line-height:1.55!important;
}

/* ---------- Layout ---------- */
body.ui2-panel .panel-layout,body.ui2-admin .panel-layout{background:var(--ys-page)!important}
body.ui2-panel .panel-main,body.ui2-admin .panel-main{background:var(--ys-page)!important;min-width:0}
body.ui2-panel .panel-content,body.ui2-admin .panel-content{
  padding:18px 20px 34px!important;
  color:var(--ys-text)!important;
  background:var(--ys-page)!important;
}
body.ui2-panel .panel-content>.container,body.ui2-admin .panel-content>.container{max-width:none!important;padding:0!important}

/* ---------- Sidebar: permanently high-contrast ---------- */
body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{
  width:286px!important;flex:0 0 286px!important;
  padding:14px 12px 18px!important;
  background:linear-gradient(180deg,#082742 0%,#061d34 54%,#04172a 100%)!important;
  border-inline-end:1px solid rgba(255,255,255,.055)!important;
  box-shadow:8px 0 28px rgba(6,27,49,.12)!important;
  color:#fff!important;
  backdrop-filter:none!important;
  scrollbar-width:thin;scrollbar-color:#31536f transparent;
}
body.ui2-panel .panel-sidebar *,body.ui2-admin .panel-sidebar *{box-sizing:border-box}
body.ui2-panel .panel-sidebar::-webkit-scrollbar,body.ui2-admin .panel-sidebar::-webkit-scrollbar{width:6px}
body.ui2-panel .panel-sidebar::-webkit-scrollbar-thumb,body.ui2-admin .panel-sidebar::-webkit-scrollbar-thumb{background:#31536f;border-radius:20px}

/* Product brand block */
body.ui2-panel .panel-sidebar__brand,body.ui2-admin .panel-sidebar__brand{
  min-height:84px!important;padding:10px 11px!important;margin:0 0 8px!important;
  border:0!important;border-radius:14px!important;
  background:transparent!important;box-shadow:none!important;
  color:#fff!important;align-items:center!important;gap:10px!important;
}
body.ui2-panel .panel-sidebar__brand .gc-company-logo-shell,body.ui2-admin .panel-sidebar__brand .gc-company-logo-shell{
  width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;background:#fff!important;padding:3px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
body.ui2-panel .panel-sidebar__brand img,body.ui2-admin .panel-sidebar__brand img{
  width:52px!important;height:52px!important;border-radius:13px!important;object-fit:contain!important;
}
body.ui2-panel .panel-sidebar__brand .title,body.ui2-admin .panel-sidebar__brand .title{
  color:#fff!important;font-size:17px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.1px!important;
}
body.ui2-panel .panel-sidebar__brand .small,body.ui2-admin .panel-sidebar__brand .small{
  color:#a9bfd3!important;opacity:1!important;font-size:11.5px!important;font-weight:600!important;margin-top:5px!important;
}
body.ui2-panel .gc-workspace-badge,body.ui2-admin .gc-workspace-badge{display:none!important}

/* Tenant/user card */
body.ui2-panel .gc-sidebar-identity,body.ui2-admin .gc-sidebar-identity{
  margin:4px 7px 12px!important;padding:10px 10px!important;
  grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;
  background:rgba(255,255,255,.035)!important;color:#fff!important;
}
body.ui2-panel .gc-sidebar-identity__avatar,body.ui2-admin .gc-sidebar-identity__avatar{
  width:38px!important;height:38px!important;border-radius:10px!important;background:linear-gradient(145deg,var(--ys-blue),#2787ff)!important;font-size:.9rem!important;
}
body.ui2-panel .gc-sidebar-identity__meta a:not(.gc-sidebar-logout),body.ui2-admin .gc-sidebar-identity__meta a:not(.gc-sidebar-logout){color:#f7fbff!important;font-size:13px!important;font-weight:800!important}
body.ui2-panel .gc-sidebar-identity__meta small,body.ui2-admin .gc-sidebar-identity__meta small{color:#8fa9c0!important;opacity:1!important;font-size:11px!important}
body.ui2-panel .gc-sidebar-logout,body.ui2-admin .gc-sidebar-logout{
  width:auto!important;margin-top:5px!important;padding:3px 0!important;border:0!important;background:transparent!important;color:#dce9f5!important;font-size:11.5px!important;
}
body.ui2-panel .gc-sidebar-logout:hover,body.ui2-admin .gc-sidebar-logout:hover{color:#fff!important}

/* Search */
body.ui2-panel .panel-sidebar__search,body.ui2-admin .panel-sidebar__search{margin:0 7px 12px!important}
body.ui2-panel .panel-sidebar__search input,body.ui2-admin .panel-sidebar__search input{
  min-height:39px!important;padding:9px 12px!important;border-radius:10px!important;
  background:#0b2a47!important;border:1px solid #274763!important;color:#fff!important;
  box-shadow:none!important;font-size:13px!important;
}
body.ui2-panel .panel-sidebar__search input::placeholder,body.ui2-admin .panel-sidebar__search input::placeholder{color:#89a6c0!important;opacity:1!important}

/* Flat navigation, like the reference */
body.ui2-panel .panel-nav,body.ui2-admin .panel-nav{gap:0!important;margin-top:0!important}
body.ui2-panel .panel-group,body.ui2-admin .panel-group{
  margin:0 0 7px!important;padding:0 6px 7px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
body.ui2-panel .panel-group:last-child,body.ui2-admin .panel-group:last-child{border-bottom:0!important}
body.ui2-panel .panel-group__head,body.ui2-admin .panel-group__head{
  min-height:26px!important;padding:3px 6px 4px!important;margin:0!important;
  border:0!important;background:transparent!important;color:#2590ff!important;cursor:default!important;
}
body.ui2-panel .panel-group__title,body.ui2-admin .panel-group__title{gap:7px!important}
body.ui2-panel .panel-group__title .ic,body.ui2-admin .panel-group__title .ic{display:none!important}
body.ui2-panel .panel-group__title b,body.ui2-admin .panel-group__title b{
  color:#2b90ee!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.15px!important;
}
body.ui2-panel .panel-group__chev,body.ui2-admin .panel-group__chev{display:none!important}
body.ui2-panel .panel-group__items,body.ui2-admin .panel-group__items{display:block!important;padding:0!important}

body.ui2-panel .panel-nav__item,body.ui2-admin .panel-nav__item{
  min-height:39px!important;margin:1px 0!important;padding:8px 9px!important;gap:9px!important;
  border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;
  color:#e7f0f8!important;font-size:13.5px!important;font-weight:650!important;
  box-shadow:none!important;transition:background .14s ease,color .14s ease,border-color .14s ease!important;
}
body.ui2-panel .panel-nav__item .lb,body.ui2-admin .panel-nav__item .lb{color:#e7f0f8!important;opacity:1!important;line-height:1.25!important}
body.ui2-panel .panel-nav__item .ic,body.ui2-admin .panel-nav__item .ic{
  width:27px!important;height:27px!important;flex:0 0 27px!important;display:grid!important;place-items:center!important;
  border-radius:7px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;
  font-size:14px!important;filter:grayscale(.8) brightness(1.4)!important;
}
body.ui2-panel .panel-nav__item:hover,body.ui2-admin .panel-nav__item:hover{
  background:#0c3558!important;border-color:rgba(69,146,207,.18)!important;color:#fff!important;
}
body.ui2-panel .panel-nav__item:hover .lb,body.ui2-admin .panel-nav__item:hover .lb{color:#fff!important}
body.ui2-panel .panel-nav__item.active,body.ui2-admin .panel-nav__item.active{
  background:linear-gradient(90deg,#0b62e1 0%,#167ef4 100%)!important;border-color:#2b8cff!important;color:#fff!important;
  box-shadow:0 7px 16px rgba(0,92,220,.22)!important;font-weight:850!important;
}
body.ui2-panel .panel-nav__item.active::before,body.ui2-admin .panel-nav__item.active::before{display:none!important}
body.ui2-panel .panel-nav__item.active .lb,body.ui2-admin .panel-nav__item.active .lb{color:#fff!important}
body.ui2-panel .panel-nav__item.active .ic,body.ui2-admin .panel-nav__item.active .ic{background:rgba(255,255,255,.13)!important;filter:grayscale(1) brightness(2)!important}

/* ---------- Topbar ---------- */
body.ui2-panel .panel-topbar,body.ui2-admin .panel-topbar{
  min-height:58px!important;padding:8px 20px!important;background:#fff!important;border-bottom:1px solid #e4eaf1!important;
  box-shadow:0 2px 10px rgba(29,53,82,.035)!important;backdrop-filter:none!important;color:var(--ys-text)!important;
}
body.ui2-panel .panel-page-title,body.ui2-admin .panel-page-title{font-size:18px!important;font-weight:900!important;color:#15253d!important}
body.ui2-panel .panel-topbar .small,body.ui2-admin .panel-topbar .small{color:#7c8da2!important;opacity:1!important}
body.ui2-panel .gc-topbar-actions,body.ui2-admin .gc-topbar-actions{gap:7px!important;align-items:center!important}
body.ui2-panel .panel-topbar .btn,body.ui2-admin .panel-topbar .btn,
body.ui2-panel .panel-topbar select,body.ui2-admin .panel-topbar select{
  min-height:38px!important;border-radius:9px!important;background:#fff!important;border:1px solid #dce4ed!important;color:#32465f!important;
  box-shadow:none!important;font-size:12.5px!important;font-weight:700!important;
}
body.ui2-panel .panel-topbar .btn.primary,body.ui2-admin .panel-topbar .btn.primary{
  background:var(--ys-blue)!important;color:#fff!important;border-color:var(--ys-blue)!important;box-shadow:0 6px 14px rgba(11,103,232,.18)!important;
}
body.ui2-panel .gc-workspace-switch,body.ui2-admin .gc-workspace-switch{padding:3px!important;background:#f4f7fa!important;border:1px solid #dce5ee!important;border-radius:9px!important}
body.ui2-panel .gc-workspace-switch button,body.ui2-admin .gc-workspace-switch button{min-height:30px!important;color:#63758a!important;border-radius:7px!important}
body.ui2-panel .gc-workspace-switch button.active,body.ui2-admin .gc-workspace-switch button.active{background:#fff!important;color:#1f3f67!important;box-shadow:0 1px 4px rgba(30,52,80,.08)!important}

/* ---------- Light content normalization ---------- */
body.ui2-panel .card,body.ui2-admin .card,
body.ui2-panel .store-card,body.ui2-admin .store-card,
body.ui2-panel .pos-panel,body.ui2-admin .pos-panel{
  background:#fff!important;color:var(--ys-text)!important;border:1px solid var(--ys-line)!important;
  box-shadow:var(--ys-shadow)!important;border-radius:14px!important;backdrop-filter:none!important;
}
body.ui2-panel .card .card,body.ui2-admin .card .card{background:#fbfcfe!important;color:var(--ys-text)!important;box-shadow:none!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:#14263e!important}
body.ui2-panel .muted,body.ui2-panel .small,body.ui2-admin .muted,body.ui2-admin .small{color:var(--ys-muted)!important}
body.ui2-panel p,body.ui2-panel span,body.ui2-panel label,body.ui2-admin p,body.ui2-admin span,body.ui2-admin label{opacity:1}

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{
  min-height:42px!important;background:#fff!important;color:#1b2e48!important;border:1px solid #dce5ee!important;border-radius:9px!important;
  box-shadow:none!important;font-size:14px!important;
}
body.ui2-panel input:focus,body.ui2-panel select:focus,body.ui2-panel textarea:focus,
body.ui2-admin input:focus,body.ui2-admin select:focus,body.ui2-admin textarea:focus{border-color:#76aef3!important;box-shadow:0 0 0 3px rgba(11,103,232,.09)!important}
body.ui2-panel select option,body.ui2-admin select option{background:#fff!important;color:#172b45!important}

body.ui2-panel .btn,body.ui2-admin .btn{
  min-height:39px!important;padding:8px 12px!important;border-radius:9px!important;background:#fff!important;color:#2a425f!important;
  border:1px solid #dce5ee!important;box-shadow:none!important;font-size:13px!important;font-weight:800!important;
}
body.ui2-panel .btn:hover,body.ui2-admin .btn:hover{background:#f7f9fc!important;border-color:#bfd0e1!important;transform:none!important}
body.ui2-panel .btn.primary,body.ui2-admin .btn.primary{background:var(--ys-blue)!important;border-color:var(--ys-blue)!important;color:#fff!important;box-shadow:0 6px 14px rgba(11,103,232,.14)!important}
body.ui2-panel .btn.danger,body.ui2-admin .btn.danger{background:#fff4f4!important;color:#c52e34!important;border-color:#f2c7ca!important}

/* Tables */
body.ui2-panel .table-wrap,body.ui2-admin .table-wrap,
body.ui2-panel .table,body.ui2-admin .table{background:#fff!important;color:var(--ys-text)!important;border-color:var(--ys-line)!important;border-radius:12px!important}
body.ui2-panel table,body.ui2-admin table{background:#fff!important;color:var(--ys-text)!important;border-collapse:collapse!important}
body.ui2-panel table th,body.ui2-admin table th{
  background:#f8fafc!important;color:#60738a!important;font-size:12px!important;font-weight:850!important;border-bottom:1px solid #e5ebf2!important;
}
body.ui2-panel table td,body.ui2-admin table td{color:#263b55!important;border-bottom:1px solid #edf1f5!important;font-size:13px!important}
body.ui2-panel table tbody tr:hover td,body.ui2-admin table tbody tr:hover td{background:#f8fbff!important}
body.ui2-panel table a,body.ui2-admin table a{color:#0968db!important;font-weight:750!important}

/* Badges, notices, alerts */
body.ui2-panel .badge,body.ui2-admin .badge{background:#f3f6f9!important;border-color:#dce5ee!important;color:#52677f!important}
body.ui2-panel .badge.ok,body.ui2-admin .badge.ok{background:#eaf8f1!important;border-color:#bfe6d1!important;color:#168552!important}
body.ui2-panel .badge.warn,body.ui2-admin .badge.warn{background:#fff7e8!important;border-color:#f4d7a1!important;color:#b27300!important}
body.ui2-panel .badge.danger,body.ui2-admin .badge.danger{background:#fff0f1!important;border-color:#f3c5c8!important;color:#c9363d!important}
body.ui2-panel .notice,body.ui2-admin .notice,body.ui2-panel .alert,body.ui2-admin .alert{background:#f8fbff!important;color:#2b425e!important;border-color:#dce8f4!important}
body.ui2-panel .notice.ok,body.ui2-admin .notice.ok,body.ui2-panel .alert.ok,body.ui2-admin .alert.ok{background:#eefaf4!important;color:#167c4d!important;border-color:#c8ead8!important}
body.ui2-panel .notice.danger,body.ui2-admin .notice.danger,body.ui2-panel .alert.err,body.ui2-admin .alert.err{background:#fff2f3!important;color:#bf3238!important;border-color:#f2c9cc!important}

/* ---------- Billing page cleanup: no dark islands inside light theme ---------- */
body.ui2-panel .rc10-manual-payment-card,body.ui2-panel .rc10-payment-method,
body.ui2-panel .plan-card,body.ui2-panel .rc7-bank-transfer-card,body.ui2-panel .rc6-kpi,
body.ui2-panel .rc6-gl-account-layout>.card,body.ui2-panel .rc6-currency-summary>div{
  background:#fff!important;color:var(--ys-text)!important;border-color:#dde7f0!important;box-shadow:none!important;
}
body.ui2-panel .rc10-payment-method:hover,body.ui2-panel .plan-card:hover{border-color:#a9c7ea!important;box-shadow:0 8px 22px rgba(24,64,108,.07)!important}
body.ui2-panel .rc10-method-copy span,body.ui2-panel .plan-card .small,body.ui2-panel .rc6-currency-summary small{color:#71849a!important;opacity:1!important}
body.ui2-panel .rc7-transfer-proof-form{background:#fff!important;color:var(--ys-text)!important;border-color:#cbd9e7!important;box-shadow:0 16px 38px rgba(26,55,89,.14)!important}
body.ui2-panel details{background:#fff!important;color:var(--ys-text)!important;border-color:#dce5ee!important}

/* ---------- POS ---------- */
body.ui2-panel .pos-shell{gap:14px!important;align-items:start!important}
body.ui2-panel .pos-panel{padding:14px!important}
body.ui2-panel .pos-search input{min-height:48px!important;font-size:15px!important}
body.ui2-panel .pos-results{gap:9px!important}
body.ui2-panel .pos-product{
  min-height:104px!important;background:#fff!important;color:#213750!important;border:1px solid #dfe8f0!important;border-radius:11px!important;
  box-shadow:none!important;padding:11px!important;
}
body.ui2-panel .pos-product:hover{background:#f7fbff!important;border-color:#8db9ed!important;box-shadow:0 7px 18px rgba(20,69,119,.07)!important}
body.ui2-panel .pos-product b{font-size:13.5px!important;color:#172d48!important}
body.ui2-panel .pos-stock{color:#71849a!important;opacity:1!important}
body.ui2-panel .pos-line{background:#fff!important;border-color:#e0e8f0!important;border-radius:10px!important;color:#263c55!important}
body.ui2-panel .pos-total{color:#112b4a!important;font-size:2.1rem!important}
body.ui2-panel .pos-pay .btn.active{background:#eaf3ff!important;color:#075fca!important;border-color:#9dc2ef!important}
body.ui2-panel .shift-card{background:#eefaf4!important;color:#176d4a!important;border-color:#c3e8d5!important;border-radius:11px!important}

/* ---------- Dashboard R3 ---------- */
.ys-dashboard{display:grid;gap:14px}
.ys-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ys-dashboard-head h1{font-size:22px!important;margin:0!important;line-height:1.25!important}
.ys-dashboard-head p{margin:4px 0 0!important;color:#75879c!important;font-size:13px!important}
.ys-dashboard-head__tools{display:flex;gap:8px;flex-wrap:wrap}
.ys-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ys-kpi{position:relative;min-height:114px;padding:16px 14px 13px 14px;background:#fff;border:1px solid var(--ys-line);border-radius:13px;box-shadow:var(--ys-shadow);overflow:hidden}
.ys-kpi__row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.ys-kpi__label{font-size:12px;color:#6f8299;font-weight:750;line-height:1.35}
.ys-kpi__icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px;box-shadow:0 6px 13px rgba(0,0,0,.08)}
.ys-kpi__value{margin-top:7px;font-size:22px;font-weight:900;color:#132945;direction:ltr;text-align:start;white-space:nowrap}
.ys-kpi__meta{margin-top:4px;font-size:11px;color:#8a9aab;font-weight:600}
.ys-kpi.is-green .ys-kpi__icon{background:#2db568}.ys-kpi.is-blue .ys-kpi__icon{background:#126ee9}.ys-kpi.is-purple .ys-kpi__icon{background:#7359d8}.ys-kpi.is-orange .ys-kpi__icon{background:#ff971a}.ys-kpi.is-cyan .ys-kpi__icon{background:#17b1cf}.ys-kpi.is-red .ys-kpi__icon{background:#ef4549}
.ys-grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr);gap:14px}
.ys-panel{background:#fff;border:1px solid var(--ys-line);border-radius:13px;box-shadow:var(--ys-shadow);padding:15px}
.ys-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ys-panel__head h3{font-size:14px!important;margin:0!important;color:#1b2e48!important}
.ys-panel__head a{font-size:11.5px;color:#0b67e8!important;font-weight:800}
.ys-chart{height:230px;position:relative;padding:8px 4px 2px}
.ys-chart svg{width:100%;height:100%;overflow:visible}
.ys-chart-grid{stroke:#e9eef4;stroke-width:1}.ys-chart-line{fill:none;stroke:#0b67e8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ys-chart-area{fill:url(#ysArea)}.ys-chart-dot{fill:#0b67e8;stroke:#fff;stroke-width:3}.ys-chart-label{font:10px Tajawal,Arial;fill:#7a8ca1}
.ys-ops{display:grid;gap:7px}.ys-op{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:9px 6px;border-bottom:1px solid #eef2f6}.ys-op:last-child{border-bottom:0}.ys-op__ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eef5ff;color:#0b67e8}.ys-op b{display:block;font-size:12px;color:#263a53}.ys-op small{display:block;font-size:10.5px;color:#8a9aab;margin-top:2px}.ys-op__amt{font-size:11px;font-weight:850;color:#13935a;direction:ltr;white-space:nowrap}
.ys-alerts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ys-alert-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:12px 13px;border:1px solid #e3eaf2;border-radius:11px;background:#fff}.ys-alert-card__ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff6e8;color:#d88500;font-size:17px}.ys-alert-card.is-red .ys-alert-card__ic{background:#fff0f1;color:#dd3d44}.ys-alert-card.is-blue .ys-alert-card__ic{background:#eef5ff;color:#0b67e8}.ys-alert-card.is-green .ys-alert-card__ic{background:#eefaf4;color:#13935a}.ys-alert-card b{display:block;font-size:12px;color:#283d57}.ys-alert-card small{display:block;margin-top:2px;color:#8394a7;font-size:10.5px}.ys-alert-card strong{font-size:17px;color:#142b48;margin-inline-start:4px}
.ys-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ys-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:82px;padding:10px;border:1px solid #e3eaf2;border-radius:11px;background:#fff;color:#2a405a!important;font-size:11.5px;font-weight:800;text-align:center}.ys-shortcut:hover{background:#f8fbff;border-color:#bad1ea}.ys-shortcut span:first-child{font-size:21px;filter:grayscale(.5)}
.ys-recent-table{overflow:auto}.ys-recent-table table{min-width:690px;width:100%}
.ys-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:850}.ys-status.ok{background:#eaf8f1;color:#178552}.ys-status.warn{background:#fff7e8;color:#ad7105}.ys-status.muted{background:#f0f3f6;color:#718397}
.ys-empty{padding:30px 12px;text-align:center;color:#8a9aab;font-size:12px}

/* ---------- Responsive ---------- */
@media(max-width:1400px){.ys-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ys-alerts{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{width:286px!important;flex-basis:286px!important}.ys-grid-main{grid-template-columns:1fr}.ys-chart{height:205px}}
@media(max-width:980px){
  body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{position:fixed!important;width:min(88vw,300px)!important;max-width:300px!important;z-index:70!important}
  body.ui2-panel .panel-content,body.ui2-admin .panel-content{padding:14px 12px 28px!important}
  body.ui2-panel .panel-topbar,body.ui2-admin .panel-topbar{padding:8px 12px!important}
}
@media(max-width:700px){.ys-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-alerts{grid-template-columns:1fr}.ys-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-dashboard-head{align-items:flex-start}.ys-kpi{min-height:106px}.ys-kpi__value{font-size:19px}}
@media(max-width:430px){.ys-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.ys-kpi{padding:12px 10px}.ys-kpi__icon{width:36px;height:36px;font-size:16px}.ys-kpi__label{font-size:11px}.ys-kpi__value{font-size:17px}.ys-shortcuts{grid-template-columns:1fr 1fr}.ys-panel{padding:12px}}

/* ---------- Optional clean dark mode ---------- */
:root[data-theme="dark"] body.ui2-panel,:root[data-theme="dark"] body.ui2-admin{--ys-page:#081625;--ys-surface:#0d2034;--ys-surface-2:#10263d;--ys-line:#253c54;--ys-text:#eef5fb;--ys-muted:#9db0c4;background:#081625!important;color:#eef5fb!important}
:root[data-theme="dark"] body.ui2-panel .panel-main,:root[data-theme="dark"] body.ui2-admin .panel-main,:root[data-theme="dark"] body.ui2-panel .panel-content,:root[data-theme="dark"] body.ui2-admin .panel-content{background:#081625!important;color:#eef5fb!important}
:root[data-theme="dark"] body.ui2-panel .panel-topbar,:root[data-theme="dark"] body.ui2-admin .panel-topbar{background:#0b1c2d!important;border-bottom-color:#243a50!important;color:#eef5fb!important}
:root[data-theme="dark"] body.ui2-panel .panel-page-title,:root[data-theme="dark"] body.ui2-admin .panel-page-title{color:#f4f8fc!important}
:root[data-theme="dark"] body.ui2-panel .card,:root[data-theme="dark"] body.ui2-admin .card,:root[data-theme="dark"] body.ui2-panel .store-card,:root[data-theme="dark"] body.ui2-panel .pos-panel,:root[data-theme="dark"] body.ui2-panel .ys-panel,:root[data-theme="dark"] body.ui2-panel .ys-kpi,:root[data-theme="dark"] body.ui2-panel .ys-alert-card,:root[data-theme="dark"] body.ui2-panel .ys-shortcut{background:#0d2034!important;color:#eef5fb!important;border-color:#253c54!important}
:root[data-theme="dark"] body.ui2-panel h1,:root[data-theme="dark"] body.ui2-panel h2,:root[data-theme="dark"] body.ui2-panel h3,:root[data-theme="dark"] body.ui2-panel h4,:root[data-theme="dark"] body.ui2-panel .ys-panel__head h3,:root[data-theme="dark"] body.ui2-panel .ys-kpi__value,:root[data-theme="dark"] body.ui2-panel .ys-alert-card b,:root[data-theme="dark"] body.ui2-panel .ys-alert-card strong{color:#f1f6fb!important}
:root[data-theme="dark"] body.ui2-panel input:not([type=checkbox]):not([type=radio]),:root[data-theme="dark"] body.ui2-panel select,:root[data-theme="dark"] body.ui2-panel textarea{background:#0a1a2b!important;color:#eef5fb!important;border-color:#2b455e!important}
:root[data-theme="dark"] body.ui2-panel table,:root[data-theme="dark"] body.ui2-panel .table,:root[data-theme="dark"] body.ui2-panel .table-wrap{background:#0d2034!important;color:#eef5fb!important;border-color:#253c54!important}
:root[data-theme="dark"] body.ui2-panel table th{background:#10263d!important;color:#a9b9c9!important;border-color:#29445e!important}
:root[data-theme="dark"] body.ui2-panel table td{color:#e7eff6!important;border-color:#21374d!important}
body.ui2-panel .gc-sidebar-tenant,body.ui2-admin .gc-sidebar-tenant{color:#61a9e7!important;font-size:10px!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}
body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{display:flex!important;flex-direction:column!important}
body.ui2-panel .panel-nav,body.ui2-admin .panel-nav{flex:1 0 auto!important}
body.ui2-panel .gc-sidebar-identity,body.ui2-admin .gc-sidebar-identity{margin-top:12px!important;flex:0 0 auto!important}
body.ui2-panel .panel-group__title b,body.ui2-admin .panel-group__title b{font-size:12.5px!important}
body.ui2-panel .panel-nav__item,body.ui2-admin .panel-nav__item{font-size:14.5px!important}
body.ui2-panel .panel-nav__home,body.ui2-admin .panel-nav__home{margin:0 6px 9px!important;min-height:42px!important}
body.ui2-admin .panel-nav-search{margin:0 7px 12px!important}
body.ui2-admin .panel-nav-search input{min-height:39px!important;padding:9px 12px!important;border-radius:10px!important;background:#0b2a47!important;border:1px solid #274763!important;color:#fff!important;box-shadow:none!important;font-size:13px!important}
body.ui2-admin .panel-nav-search input::placeholder{color:#89a6c0!important;opacity:1!important}
body.ui2-panel .yr-dd-menu,body.ui2-admin .yr-dd-menu,body.ui2-panel .gc-topbar-tools__menu{background:#fff!important;color:#223954!important;border:1px solid #dce5ee!important;box-shadow:0 16px 38px rgba(25,52,83,.14)!important;border-radius:12px!important}
body.ui2-panel .yr-dd-item,body.ui2-admin .yr-dd-item,body.ui2-panel .gc-topbar-tools__links a{color:#2b425d!important;border-radius:8px!important}
body.ui2-panel .yr-dd-item:hover,body.ui2-admin .yr-dd-item:hover,body.ui2-panel .gc-topbar-tools__links a:hover{background:#f2f7fd!important;color:#0b5fc8!important}

/* =====================================================================
   Yebrax Stores R3A — Sidebar Final Polish
   Purpose: defeat older high-specificity GC light-theme rules and make
   navigation consistently legible, balanced and brand-aligned.
   ===================================================================== */

/* Slim, unobtrusive scroll indicator (RTL browsers place it on the left). */
html:root body.ui2.ui2-panel .panel-sidebar,
html:root body.ui2.ui2-admin .panel-sidebar{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(71,121,159,.52) transparent!important;
}
html:root body.ui2.ui2-panel .panel-sidebar::-webkit-scrollbar,
html:root body.ui2.ui2-admin .panel-sidebar::-webkit-scrollbar{width:3px!important}
html:root body.ui2.ui2-panel .panel-sidebar::-webkit-scrollbar-track,
html:root body.ui2.ui2-admin .panel-sidebar::-webkit-scrollbar-track{background:transparent!important}
html:root body.ui2.ui2-panel .panel-sidebar::-webkit-scrollbar-thumb,
html:root body.ui2.ui2-admin .panel-sidebar::-webkit-scrollbar-thumb{
  background:rgba(74,124,163,.48)!important;
  border-radius:999px!important;
}

/* Section labels: always readable, even when the UI theme itself is Light. */
html:root body.ui2.ui2-panel .panel-sidebar .panel-group,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group{
  margin:0 0 9px!important;
  padding:0 7px 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(148,184,214,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-group[data-open="1"] > .panel-group__head,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group[data-open="1"] > .panel-group__head,
html:root body.ui2.ui2-panel .panel-sidebar .panel-group > .panel-group__head,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group > .panel-group__head{
  min-height:30px!important;
  margin:0!important;
  padding:5px 8px 4px!important;
  justify-content:flex-start!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#55adff!important;
  opacity:1!important;
  cursor:default!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-group > .panel-group__head:hover,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group > .panel-group__head:hover{
  background:transparent!important;
  color:#6bb8ff!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-group .panel-group__title,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group .panel-group__title{
  gap:0!important;
  color:#55adff!important;
  opacity:1!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-group .panel-group__title b,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group .panel-group__title b,
html:root[data-theme="light"] body.ui2.ui2-panel .panel-sidebar .panel-group .panel-group__title b,
html:root[data-theme="light"] body.ui2.ui2-admin .panel-sidebar .panel-group .panel-group__title b{
  color:#55adff!important;
  opacity:1!important;
  font-size:12.8px!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:.08px!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-group .panel-group__title .ic,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group .panel-group__title .ic{display:none!important}
html:root body.ui2.ui2-panel .panel-sidebar .panel-group .panel-group__chev,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group .panel-group__chev{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Menu rows: larger, brighter, and rhythmically consistent. */
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item{
  position:relative!important;
  min-height:43px!important;
  margin:2px 0!important;
  padding:8px 10px!important;
  gap:11px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#f2f7fc!important;
  box-shadow:none!important;
  opacity:1!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.3!important;
  overflow:hidden!important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item .lb,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item .lb{
  color:#f2f7fc!important;
  opacity:1!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.32!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item .ic,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item .ic{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.065)!important;
  color:#fff!important;
  font-size:14.5px!important;
  line-height:1!important;
  filter:saturate(.72) brightness(1.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item:hover,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item:hover{
  background:rgba(26,77,118,.62)!important;
  border-color:rgba(97,169,231,.16)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item:hover .lb,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item:hover .lb{color:#fff!important}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item:hover .ic,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item:hover .ic{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* Active row: calmer Yebrax blue + a small orange brand accent. */
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item.active,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item.active,
html:root [dir="rtl"] body.ui2.ui2-panel .panel-sidebar .panel-nav__item.active,
html:root [dir="rtl"] body.ui2.ui2-admin .panel-sidebar .panel-nav__item.active{
  background:linear-gradient(90deg,#0e5fc5 0%,#146fe8 100%)!important;
  border-color:rgba(94,159,235,.22)!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(0,75,171,.22)!important;
  font-weight:850!important;
  transform:none!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item.active::before,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item.active::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset-block:7px!important;
  inset-inline-start:0!important;
  width:3px!important;
  border-radius:0 3px 3px 0!important;
  background:#ff9700!important;
  box-shadow:0 0 10px rgba(255,151,0,.32)!important;
}
html:root [dir="rtl"] body.ui2.ui2-panel .panel-sidebar .panel-nav__item.active::before,
html:root [dir="rtl"] body.ui2.ui2-admin .panel-sidebar .panel-nav__item.active::before{
  border-radius:3px 0 0 3px!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item.active .lb,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item.active .lb{
  color:#fff!important;
  font-weight:850!important;
}
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item.active .ic,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item.active .ic{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.16)!important;
  filter:saturate(.65) brightness(1.35)!important;
}

/* Home follows the same vertical rhythm as all other items. */
html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__home,
html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__home{
  min-height:43px!important;
  margin:0 7px 10px!important;
  padding:8px 10px!important;
}

/* Slightly stronger dividers without creating visible boxes. */
html:root body.ui2.ui2-panel .panel-sidebar .panel-group:last-of-type,
html:root body.ui2.ui2-admin .panel-sidebar .panel-group:last-of-type{border-bottom-color:transparent!important}

@media(max-width:980px){
  html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item,
  html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item,
  html:root body.ui2.ui2-panel .panel-sidebar .panel-nav__item .lb,
  html:root body.ui2.ui2-admin .panel-sidebar .panel-nav__item .lb{font-size:14.5px!important}
}