:root{
  --ui-bg:#070b14;
  --ui-bg-2:#0b1220;
  --ui-text:#eaf3ff;
  --ui-muted:#9db1cf;
  --ui-border:rgba(136,170,222,.22);
  --ui-border-strong:rgba(154,193,255,.34);
  --ui-panel:linear-gradient(180deg, rgba(18,28,48,.78), rgba(9,16,30,.78));
  --ui-panel-solid:#101a2b;
  --ui-panel-soft:rgba(17,27,46,.62);
  --ui-accent:#72d4ff;
  --ui-accent-2:#67f0c8;
  --ui-accent-warm:#f3bb6b;
  --ui-danger:#ff6f86;
  --ui-radius:18px;
  --ui-radius-sm:12px;
  --ui-shadow-soft:0 18px 40px rgba(2,8,22,.52);
  --ui-shadow-glow:0 0 0 1px rgba(132,186,255,.12), 0 16px 40px rgba(7,16,36,.7);
}

@font-face{
  font-family:"Amiri";
  src:url("/amiri-font/fonts/Amiri-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Amiri";
  src:url("/amiri-font/fonts/Amiri-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

body.theme-light:not(.client-fixed-light){
  --ui-bg:#edf3fb;
  --ui-bg-2:#e1ebf8;
  --ui-text:#112036;
  --ui-muted:#5f7593;
  --ui-border:rgba(90,120,170,.24);
  --ui-border-strong:rgba(74,116,183,.34);
  --ui-panel:linear-gradient(180deg, rgba(255,255,255,.9), rgba(246,250,255,.88));
  --ui-panel-solid:#ffffff;
  --ui-panel-soft:rgba(255,255,255,.72);
  --ui-accent:#2e7cff;
  --ui-accent-2:#18b897;
  --ui-accent-warm:#cf8b2f;
  --ui-danger:#d94960;
  --ui-shadow-soft:0 14px 28px rgba(26,44,78,.16);
  --ui-shadow-glow:0 0 0 1px rgba(89,130,190,.16), 0 14px 28px rgba(23,40,71,.16);
}

body:not(.theme-light), body.theme-dark{
  --ui-bg:#070b14;
  --ui-bg-2:#0b1220;
}

html, body{
  background:var(--ui-bg) !important;
  color:var(--ui-text) !important;
  font-family:"Amiri","Tajawal","Cairo","Noto Naskh Arabic",system-ui,sans-serif !important;
}

body{
  position:relative;
  background-image:
    radial-gradient(900px 500px at 12% -12%, rgba(85,223,255,.16), transparent 62%),
    radial-gradient(820px 460px at 92% 2%, rgba(124,220,163,.10), transparent 60%),
    radial-gradient(760px 400px at 50% 100%, rgba(255,180,96,.10), transparent 62%),
    linear-gradient(180deg, var(--ui-bg), var(--ui-bg-2)) !important;
  min-height:100%;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%, rgba(122,236,255,.14) 0 2px, transparent 3px),
    radial-gradient(circle at 74% 66%, rgba(255,195,125,.10) 0 2px, transparent 3px);
  opacity:.32;
}

body.no-unified-theme::before{ content:none; }

h1,h2,h3,h4,h5,h6,.hero-title,.title{
  color:var(--ui-text) !important;
  letter-spacing:.2px;
  text-shadow:0 1px 0 rgba(255,255,255,.08);
}
p,span,li,label,div,th,td,a{ color:var(--ui-text); }
.muted, small, .stat-meta, .hero-subtitle{ color:var(--ui-muted) !important; }

.page, .shell, .main, main, section, .card, .panel, .board-card, .hero-card,
.container, .wrap, .table-wrap, .box, .widget, .warehouse-details, .warehouse-sidebar,
.hero, .frame-card, .frame-head, .topbar, .content{
  background:var(--ui-panel) !important;
  border:1px solid var(--ui-border) !important;
  border-radius:var(--ui-radius) !important;
  box-shadow:var(--ui-shadow-soft) !important;
  backdrop-filter:blur(14px) saturate(140%) !important;
}

.frame-card, .hero-card, .board-card, .card{
  box-shadow:var(--ui-shadow-glow) !important;
}

.sidebar, .warehouse-sidebar, .client-sidebar{
  background:linear-gradient(180deg, rgba(8,15,29,.86), rgba(10,17,34,.84)) !important;
  border:1px solid var(--ui-border) !important;
  border-radius:22px !important;
  box-shadow:var(--ui-shadow-glow) !important;
}

.brand, .top-user, .notify, .panel-indicator, .loader-pill{
  background:linear-gradient(180deg, rgba(21,34,59,.82), rgba(12,22,40,.82)) !important;
  border:1px solid var(--ui-border) !important;
  box-shadow:0 10px 24px rgba(4,10,22,.45), inset 0 1px 0 rgba(255,255,255,.08) !important;
  color:var(--ui-text) !important;
}

.avatar{
  background:linear-gradient(135deg, rgba(117,216,255,.95), rgba(106,155,255,.92)) !important;
  border:1px solid rgba(173,226,255,.42) !important;
  box-shadow:0 8px 22px rgba(69,151,226,.45) !important;
}

.logo{
  background:
    url("/assets/logo-almanar-mark.png?v=20260216-3") center/86% 86% no-repeat,
    linear-gradient(180deg, rgba(18,30,50,.62), rgba(11,20,36,.68)) !important;
  border:1px solid rgba(173,226,255,.42) !important;
  box-shadow:0 8px 22px rgba(9,20,40,.45), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.wmLogo img,
.topbar-logo img,
.head-logo img,
.top-left-logo img,
img[src*="/logo-almanar"]{
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 6px 14px rgba(6,16,32,.35));
}

.search, .top-search input, input, select, textarea, .client-input{
  background:linear-gradient(180deg, rgba(10,18,34,.78), rgba(12,20,38,.74)) !important;
  border:1px solid var(--ui-border) !important;
  color:var(--ui-text) !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(0,0,0,.08) !important;
}

input::placeholder, textarea::placeholder{ color:color-mix(in srgb, var(--ui-muted) 92%, #fff 8%) !important; }
input:focus, select:focus, textarea:focus{
  outline:none !important;
  border-color:var(--ui-border-strong) !important;
  box-shadow:0 0 0 2px rgba(113,196,255,.22), 0 0 22px rgba(98,188,255,.18) !important;
}

.nav-item, .tabs .tab, .nav-row .tab, .tab, .branch-btn, .row{
  background:linear-gradient(180deg, rgba(18,30,50,.72), rgba(11,20,36,.74)) !important;
  border:1px solid var(--ui-border) !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 20px rgba(5,12,25,.35) !important;
  color:var(--ui-text) !important;
  transition:transform .16s ease, border-color .18s ease, box-shadow .18s ease, filter .16s ease;
}

.nav-item:hover, .tabs .tab:hover, .nav-row .tab:hover, .tab:hover, .branch-btn:hover, .row:hover{
  transform:translateY(-1px);
  border-color:var(--ui-border-strong) !important;
  box-shadow:0 0 0 1px rgba(129,201,255,.24), 0 12px 24px rgba(8,18,38,.48), 0 0 18px rgba(112,205,255,.18) !important;
}

.nav-item.active, .tabs .tab.active, .nav-row .tab.active, .tab.active, .branch-btn.active, .row.active{
  border-color:rgba(150,224,255,.56) !important;
  background:linear-gradient(135deg, rgba(64,106,188,.42), rgba(36,86,165,.28)) !important;
  box-shadow:0 0 0 1px rgba(150,222,255,.26), 0 14px 30px rgba(17,46,90,.52), 0 0 24px rgba(120,228,255,.24) !important;
  position:relative;
}

.nav-item.active::before, .tabs .tab.active::before, .nav-row .tab.active::before, .tab.active::before{
  content:"";
  position:absolute;
  inset-inline-start:-1px;
  inset-block:4px;
  width:3px;
  border-radius:8px;
  background:linear-gradient(180deg, var(--ui-accent), var(--ui-accent-2));
  box-shadow:0 0 14px rgba(114,221,255,.62);
}

button, .btn, input[type=submit], .logout{
  background:linear-gradient(135deg, rgba(64,102,178,.92), rgba(42,77,152,.84)) !important;
  border:1px solid rgba(151,202,255,.38) !important;
  color:#f4f9ff !important;
  border-radius:13px !important;
  box-shadow:0 12px 26px rgba(9,23,50,.46), inset 0 1px 0 rgba(255,255,255,.17) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.24);
  transition:transform .16s ease, box-shadow .18s ease, filter .18s ease;
}

button:hover, .btn:hover, input[type=submit]:hover, .logout:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(10,28,59,.56), 0 0 22px rgba(126,215,255,.2) !important;
}
button:active, .btn:active, input[type=submit]:active{ transform:translateY(1px); }

.btn.primary, button.primary{
  background:linear-gradient(135deg, rgba(89,246,190,.86), rgba(38,183,145,.82)) !important;
  border-color:rgba(172,255,231,.4) !important;
  color:#042025 !important;
}
.btn.danger, button.danger{
  background:linear-gradient(135deg, rgba(255,107,138,.88), rgba(199,56,87,.82)) !important;
  border-color:rgba(255,170,189,.5) !important;
  color:#fff4f7 !important;
}

table{
  width:100%;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid var(--ui-border) !important;
  border-radius:14px !important;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(10,18,32,.86), rgba(9,16,28,.84)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg, rgba(16,29,52,.94), rgba(12,22,39,.94)) !important;
  color:var(--ui-text) !important;
  border-bottom:1px solid var(--ui-border) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
}

th, td{
  border-bottom:1px solid color-mix(in srgb, var(--ui-border) 76%, transparent) !important;
  color:var(--ui-text) !important;
}

tbody td{ background:rgba(9,17,31,.7) !important; }
tbody tr:nth-child(2n) td{ background:rgba(10,20,36,.72) !important; }
tbody tr:hover td{
  background:linear-gradient(90deg, rgba(61,95,151,.22), rgba(18,40,73,.14)) !important;
}

.pill, .chip, .pill-mini{
  background:linear-gradient(180deg, rgba(23,37,62,.78), rgba(12,22,40,.78)) !important;
  border:1px solid var(--ui-border) !important;
  border-radius:999px !important;
  color:var(--ui-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 16px rgba(7,14,28,.38) !important;
}

.pill.warn{
  background:linear-gradient(135deg, rgba(250,192,94,.88), rgba(201,139,51,.86)) !important;
  border-color:rgba(255,219,156,.45) !important;
  color:#2a1b04 !important;
}
.pill.ok{
  background:linear-gradient(135deg, rgba(99,236,186,.86), rgba(41,163,126,.82)) !important;
  border-color:rgba(168,255,223,.44) !important;
  color:#06251d !important;
}
.pill.info{
  background:linear-gradient(135deg, rgba(117,204,255,.86), rgba(69,124,228,.82)) !important;
  border-color:rgba(170,221,255,.46) !important;
  color:#041a33 !important;
}
.pill.work{
  background:linear-gradient(135deg, rgba(132,174,255,.86), rgba(86,108,216,.82)) !important;
  border-color:rgba(187,204,255,.44) !important;
  color:#071434 !important;
}
.pill.bad{
  background:linear-gradient(135deg, rgba(255,120,145,.88), rgba(205,65,95,.84)) !important;
  border-color:rgba(255,184,198,.48) !important;
  color:#300713 !important;
}

.money-in{ color:#66f2c0 !important; text-shadow:0 0 10px rgba(70,220,170,.24); }
.money-out{ color:#ffd08a !important; text-shadow:0 0 10px rgba(255,202,122,.2); }

td.markWhQty, .markWhQty{
  background:linear-gradient(90deg, rgba(95,173,255,.26), rgba(49,104,173,.16)) !important;
}
td.markQtyBoth, .markQtyBoth{
  background:linear-gradient(90deg, rgba(118,206,255,.28), rgba(95,143,255,.18)) !important;
}

@media (max-width: 980px){
  html, body{ overflow-x:hidden !important; }
  .page, .wrap, .container, main{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
  }
  .row, .grid, .toolbar, .actions, .top, .topbar{
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  input, select, textarea, button, .btn{
    max-width:100% !important;
    min-width:0 !important;
  }
  table{ min-width:0 !important; table-layout:auto !important; }
  th, td{
    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }
}

/* Locked light theme for client-facing pages */
body.client-fixed-light{
  --ui-bg:#eef3fb !important;
  --ui-bg-2:#e4ecf8 !important;
  --ui-text:#0f1f36 !important;
  --ui-muted:#5f7698 !important;
  --ui-border:rgba(92,122,170,.24) !important;
  --ui-border-strong:rgba(64,102,163,.38) !important;
  --ui-panel:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,255,.94)) !important;
  --ui-panel-solid:#ffffff !important;
  --ui-panel-soft:rgba(255,255,255,.82) !important;
  --ui-accent:#2e7cff !important;
  --ui-accent-2:#1eb996 !important;
  --ui-accent-warm:#cf8b2f !important;
  --ui-danger:#d94960 !important;
  --ui-shadow-soft:0 14px 30px rgba(24,43,75,.12) !important;
  --ui-shadow-glow:0 0 0 1px rgba(89,130,190,.15), 0 14px 28px rgba(23,40,71,.14) !important;
  background:linear-gradient(180deg, #eef3fb, #e4ecf8) !important;
  color:#0f1f36 !important;
}
body.client-fixed-light::before{ content:none !important; }
body.client-fixed-light,
body.client-fixed-light p,
body.client-fixed-light span,
body.client-fixed-light li,
body.client-fixed-light label,
body.client-fixed-light div,
body.client-fixed-light th,
body.client-fixed-light td,
body.client-fixed-light a{
  color:#0f1f36 !important;
}
body.client-fixed-light .muted,
body.client-fixed-light small{ color:#5f7698 !important; }
body.client-fixed-light .sidebar{
  background:rgba(255,255,255,.9) !important;
  border-color:#dce6f4 !important;
}
body.client-fixed-light .card,
body.client-fixed-light .panel,
body.client-fixed-light .hero,
body.client-fixed-light .frame-card,
body.client-fixed-light .table-wrap,
body.client-fixed-light .box{
  background:#ffffff !important;
  border-color:#dce6f4 !important;
  box-shadow:0 14px 30px rgba(24,43,75,.12) !important;
}
body.client-fixed-light input,
body.client-fixed-light select,
body.client-fixed-light textarea{
  background:#ffffff !important;
  color:#0f1f36 !important;
  border-color:#cfdced !important;
}
body.client-fixed-light table{
  background:#ffffff !important;
  border-color:#dce6f4 !important;
}
body.client-fixed-light thead th{
  background:#f6f9ff !important;
  color:#21406a !important;
  border-bottom:1px solid #dce6f4 !important;
}
body.client-fixed-light tbody td{
  background:#ffffff !important;
  border-bottom:1px solid #ecf2fb !important;
}
body.client-fixed-light tbody tr:nth-child(2n) td{
  background:#fbfdff !important;
}
body.client-fixed-light .nav-item,
body.client-fixed-light .tab,
body.client-fixed-light .row{
  background:#ffffff !important;
  border-color:#d8e4f5 !important;
  color:#0f1f36 !important;
  box-shadow:0 8px 18px rgba(24,43,75,.08) !important;
}
body.client-fixed-light .stat,
body.client-fixed-light .tx,
body.client-fixed-light .phoneCard,
body.client-fixed-light .tableWrap,
body.client-fixed-light .items-table-wrap,
body.client-fixed-light .history-table-wrap,
body.client-fixed-light .product-table-wrap{
  background:#ffffff !important;
  border-color:#dce6f4 !important;
  color:#0f1f36 !important;
  box-shadow:0 10px 22px rgba(24,43,75,.10) !important;
}
body.client-fixed-light .stat .k,
body.client-fixed-light .phoneCard .meta,
body.client-fixed-light .tx .muted{
  color:#5f7698 !important;
}
body.client-fixed-light .stat .v{
  color:#0f1f36 !important;
}
body.client-fixed-light .tx a{
  color:#2f62c2 !important;
}
body.client-fixed-light .tag{
  background:#eef4ff !important;
  border-color:#d4e2f4 !important;
  color:#12375c !important;
}
body.client-fixed-light .tag.warn{
  background:#fff4de !important;
  border-color:#f0d59f !important;
  color:#8c5b0d !important;
}

/* Global light theme hard overrides (all system pages, not only client-fixed-light) */
body.theme-light:not(.client-fixed-light){
  background:linear-gradient(180deg, #eef3fb, #e4ecf8) !important;
  color:#0f1f36 !important;
}
body.theme-light:not(.client-fixed-light)::before{
  content:none !important;
  opacity:0 !important;
}
body.theme-light:not(.client-fixed-light),
body.theme-light:not(.client-fixed-light) p,
body.theme-light:not(.client-fixed-light) span,
body.theme-light:not(.client-fixed-light) li,
body.theme-light:not(.client-fixed-light) label,
body.theme-light:not(.client-fixed-light) div,
body.theme-light:not(.client-fixed-light) th,
body.theme-light:not(.client-fixed-light) td,
body.theme-light:not(.client-fixed-light) a{
  color:#0f1f36 !important;
}
body.theme-light:not(.client-fixed-light) .muted,
body.theme-light:not(.client-fixed-light) small,
body.theme-light:not(.client-fixed-light) .stat-meta,
body.theme-light:not(.client-fixed-light) .hero-subtitle{
  color:#5f7698 !important;
}
body.theme-light:not(.client-fixed-light) .page,
body.theme-light:not(.client-fixed-light) .shell,
body.theme-light:not(.client-fixed-light) .main,
body.theme-light:not(.client-fixed-light) main,
body.theme-light:not(.client-fixed-light) section,
body.theme-light:not(.client-fixed-light) .card,
body.theme-light:not(.client-fixed-light) .panel,
body.theme-light:not(.client-fixed-light) .board-card,
body.theme-light:not(.client-fixed-light) .hero-card,
body.theme-light:not(.client-fixed-light) .container,
body.theme-light:not(.client-fixed-light) .wrap,
body.theme-light:not(.client-fixed-light) .table-wrap,
body.theme-light:not(.client-fixed-light) .box,
body.theme-light:not(.client-fixed-light) .widget,
body.theme-light:not(.client-fixed-light) .warehouse-details,
body.theme-light:not(.client-fixed-light) .warehouse-sidebar,
body.theme-light:not(.client-fixed-light) .hero,
body.theme-light:not(.client-fixed-light) .frame-card,
body.theme-light:not(.client-fixed-light) .frame-head,
body.theme-light:not(.client-fixed-light) .topbar,
body.theme-light:not(.client-fixed-light) .content,
body.theme-light:not(.client-fixed-light) .kpi-card,
body.theme-light:not(.client-fixed-light) .ana-card,
body.theme-light:not(.client-fixed-light) .action-item,
body.theme-light:not(.client-fixed-light) .loss-row,
body.theme-light:not(.client-fixed-light) .loss-empty{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,255,.96)) !important;
  border-color:#dce6f4 !important;
  box-shadow:0 12px 24px rgba(24,43,75,.10) !important;
}
body.theme-light:not(.client-fixed-light) .sidebar,
body.theme-light:not(.client-fixed-light) .warehouse-sidebar,
body.theme-light:not(.client-fixed-light) .client-sidebar,
body.theme-light:not(.client-fixed-light) .wmSide{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96)) !important;
  border-color:#dce6f4 !important;
  box-shadow:0 12px 24px rgba(24,43,75,.10) !important;
}
body.theme-light:not(.client-fixed-light) .brand,
body.theme-light:not(.client-fixed-light) .top-user,
body.theme-light:not(.client-fixed-light) .notify,
body.theme-light:not(.client-fixed-light) .panel-indicator,
body.theme-light:not(.client-fixed-light) .loader-pill,
body.theme-light:not(.client-fixed-light) .wmBrand,
body.theme-light:not(.client-fixed-light) .wmPill,
body.theme-light:not(.client-fixed-light) .top-pill{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.96)) !important;
  border-color:#d2e0f3 !important;
  color:#112036 !important;
  box-shadow:0 8px 18px rgba(24,43,75,.08) !important;
}
body.theme-light:not(.client-fixed-light) .search,
body.theme-light:not(.client-fixed-light) .top-search input,
body.theme-light:not(.client-fixed-light) input,
body.theme-light:not(.client-fixed-light) select,
body.theme-light:not(.client-fixed-light) textarea,
body.theme-light:not(.client-fixed-light) .client-input{
  background:#ffffff !important;
  color:#0f1f36 !important;
  border-color:#cfdced !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(15,23,42,.05) !important;
}
body.theme-light:not(.client-fixed-light) input::placeholder,
body.theme-light:not(.client-fixed-light) textarea::placeholder{
  color:#6f86a8 !important;
}
body.theme-light:not(.client-fixed-light) .nav-item,
body.theme-light:not(.client-fixed-light) .tabs .tab,
body.theme-light:not(.client-fixed-light) .nav-row .tab,
body.theme-light:not(.client-fixed-light) .tab,
body.theme-light:not(.client-fixed-light) .branch-btn,
body.theme-light:not(.client-fixed-light) .row,
body.theme-light:not(.client-fixed-light) .wmNav a{
  background:#ffffff !important;
  border-color:#d8e4f5 !important;
  color:#0f1f36 !important;
  box-shadow:0 8px 18px rgba(24,43,75,.08) !important;
}
body.theme-light:not(.client-fixed-light) .nav-item.active,
body.theme-light:not(.client-fixed-light) .tabs .tab.active,
body.theme-light:not(.client-fixed-light) .nav-row .tab.active,
body.theme-light:not(.client-fixed-light) .tab.active,
body.theme-light:not(.client-fixed-light) .branch-btn.active,
body.theme-light:not(.client-fixed-light) .row.active,
body.theme-light:not(.client-fixed-light) .wmNav a.active{
  background:linear-gradient(135deg, #3f7be9, #3566c6) !important;
  border-color:#2f62c2 !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px rgba(47,98,194,.28) !important;
}
body.theme-light:not(.client-fixed-light) .nav-item.active *,
body.theme-light:not(.client-fixed-light) .tabs .tab.active *,
body.theme-light:not(.client-fixed-light) .nav-row .tab.active *,
body.theme-light:not(.client-fixed-light) .tab.active *,
body.theme-light:not(.client-fixed-light) .branch-btn.active *,
body.theme-light:not(.client-fixed-light) .row.active *,
body.theme-light:not(.client-fixed-light) .wmNav a.active *{
  color:#ffffff !important;
}
body.theme-light:not(.client-fixed-light) button,
body.theme-light:not(.client-fixed-light) .btn,
body.theme-light:not(.client-fixed-light) input[type=submit],
body.theme-light:not(.client-fixed-light) .logout{
  background:linear-gradient(180deg, #f8fbff, #edf4ff) !important;
  border-color:#c8d8ef !important;
  color:#0f1f36 !important;
  box-shadow:0 8px 16px rgba(24,43,75,.08) !important;
  text-shadow:none !important;
}
body.theme-light:not(.client-fixed-light) .btn.primary,
body.theme-light:not(.client-fixed-light) button.primary{
  background:linear-gradient(135deg, #3f7be9, #3566c6) !important;
  border-color:#2f62c2 !important;
  color:#ffffff !important;
}
body.theme-light:not(.client-fixed-light) .btn.danger,
body.theme-light:not(.client-fixed-light) button.danger{
  background:linear-gradient(135deg, #ef6f88, #d65472) !important;
  border-color:#cd506f !important;
  color:#ffffff !important;
}
body.theme-light:not(.client-fixed-light) table{
  background:#ffffff !important;
  border-color:#dce6f4 !important;
  box-shadow:0 6px 16px rgba(24,43,75,.08) !important;
}
body.theme-light:not(.client-fixed-light) thead th{
  background:#f5f9ff !important;
  color:#1f3f6b !important;
  border-bottom:1px solid #dce6f4 !important;
  text-shadow:none !important;
}
body.theme-light:not(.client-fixed-light) th,
body.theme-light:not(.client-fixed-light) td{
  color:#0f1f36 !important;
  border-bottom:1px solid #eaf0fa !important;
}
body.theme-light:not(.client-fixed-light) tbody td{
  background:#ffffff !important;
}
body.theme-light:not(.client-fixed-light) tbody tr:nth-child(2n) td{
  background:#fbfdff !important;
}
body.theme-light:not(.client-fixed-light) tbody tr:hover td{
  background:#edf4ff !important;
}
body.theme-light:not(.client-fixed-light) .pill,
body.theme-light:not(.client-fixed-light) .chip,
body.theme-light:not(.client-fixed-light) .pill-mini{
  background:#eef4ff !important;
  border-color:#d4e2f4 !important;
  color:#12375c !important;
  box-shadow:none !important;
}
body.theme-light:not(.client-fixed-light) .money-in{
  color:#0f8f66 !important;
  text-shadow:none !important;
}
body.theme-light:not(.client-fixed-light) .money-out{
  color:#9a6a14 !important;
  text-shadow:none !important;
}
body.theme-light:not(.client-fixed-light) td.markWhQty,
body.theme-light:not(.client-fixed-light) .markWhQty{
  background:#eaf3ff !important;
}
body.theme-light:not(.client-fixed-light) td.markQtyBoth,
body.theme-light:not(.client-fixed-light) .markQtyBoth{
  background:#e4f4ff !important;
}
body.theme-light:not(.client-fixed-light) .stat,
body.theme-light:not(.client-fixed-light) .tx,
body.theme-light:not(.client-fixed-light) .phoneCard,
body.theme-light:not(.client-fixed-light) .tableWrap,
body.theme-light:not(.client-fixed-light) .items-table-wrap,
body.theme-light:not(.client-fixed-light) .history-table-wrap,
body.theme-light:not(.client-fixed-light) .product-table-wrap,
body.theme-light:not(.client-fixed-light) .stat-card,
body.theme-light:not(.client-fixed-light) .board-inner,
body.theme-light:not(.client-fixed-light) .client-row,
body.theme-light:not(.client-fixed-light) .client-detail-panel,
body.theme-light:not(.client-fixed-light) .client-balance-row,
body.theme-light:not(.client-fixed-light) .client-invoice-row,
body.theme-light:not(.client-fixed-light) .client-detail-empty{
  background:#ffffff !important;
  border-color:#dce6f4 !important;
  color:#0f1f36 !important;
  box-shadow:0 10px 22px rgba(24,43,75,.10) !important;
}
body.theme-light:not(.client-fixed-light) .stat .k,
body.theme-light:not(.client-fixed-light) .phoneCard .meta,
body.theme-light:not(.client-fixed-light) .tx .muted{
  color:#5f7698 !important;
}
body.theme-light:not(.client-fixed-light) .stat .v{
  color:#0f1f36 !important;
}
body.theme-light:not(.client-fixed-light) .tx a{
  color:#2f62c2 !important;
}
body.theme-light:not(.client-fixed-light) .tag{
  background:#eef4ff !important;
  border-color:#d4e2f4 !important;
  color:#12375c !important;
}
body.theme-light:not(.client-fixed-light) .tag.warn{
  background:#fff4de !important;
  border-color:#f0d59f !important;
  color:#8c5b0d !important;
}
body.theme-light:not(.client-fixed-light) .stat-label,
body.theme-light:not(.client-fixed-light) .stat-value,
body.theme-light:not(.client-fixed-light) .stat-meta,
body.theme-light:not(.client-fixed-light) .client-field label,
body.theme-light:not(.client-fixed-light) .client-invoice-row span,
body.theme-light:not(.client-fixed-light) .client-invoice-row strong{
  color:#0f1f36 !important;
}
body.theme-light:not(.client-fixed-light) .client-row span,
body.theme-light:not(.client-fixed-light) .client-detail-empty,
body.theme-light:not(.client-fixed-light) .client-invoice-row span{
  color:#5f7698 !important;
}
body.theme-light:not(.client-fixed-light) .client-invoice-row a{
  color:#2f62c2 !important;
}
body.theme-light:not(.client-fixed-light) .client-row.active{
  background:linear-gradient(135deg, #3f7be9, #3566c6) !important;
  border-color:#2f62c2 !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px rgba(47,98,194,.28) !important;
}
body.theme-light:not(.client-fixed-light) .client-row.active span{
  color:#e9f2ff !important;
}

/* Performance mode: reduce expensive paint/composition work for smoother scrolling. */
body.perf-lite:not(.client-fixed-light){
  background-image: linear-gradient(180deg, var(--ui-bg), var(--ui-bg-2)) !important;
}
body.perf-lite:not(.client-fixed-light)::before{
  content:none !important;
}
body.perf-lite:not(.client-fixed-light),
body.perf-lite:not(.client-fixed-light) *{
  animation:none !important;
  transition:none !important;
  text-shadow:none !important;
}
body.perf-lite:not(.client-fixed-light) .page,
body.perf-lite:not(.client-fixed-light) .shell,
body.perf-lite:not(.client-fixed-light) .main,
body.perf-lite:not(.client-fixed-light) main,
body.perf-lite:not(.client-fixed-light) section,
body.perf-lite:not(.client-fixed-light) .card,
body.perf-lite:not(.client-fixed-light) .panel,
body.perf-lite:not(.client-fixed-light) .board-card,
body.perf-lite:not(.client-fixed-light) .hero-card,
body.perf-lite:not(.client-fixed-light) .container,
body.perf-lite:not(.client-fixed-light) .wrap,
body.perf-lite:not(.client-fixed-light) .table-wrap,
body.perf-lite:not(.client-fixed-light) .box,
body.perf-lite:not(.client-fixed-light) .widget,
body.perf-lite:not(.client-fixed-light) .warehouse-details,
body.perf-lite:not(.client-fixed-light) .warehouse-sidebar,
body.perf-lite:not(.client-fixed-light) .hero,
body.perf-lite:not(.client-fixed-light) .frame-card,
body.perf-lite:not(.client-fixed-light) .frame-head,
body.perf-lite:not(.client-fixed-light) .topbar,
body.perf-lite:not(.client-fixed-light) .content{
  backdrop-filter:none !important;
  box-shadow:none !important;
}
body.perf-lite:not(.client-fixed-light) .nav-item:hover,
body.perf-lite:not(.client-fixed-light) .tabs .tab:hover,
body.perf-lite:not(.client-fixed-light) .nav-row .tab:hover,
body.perf-lite:not(.client-fixed-light) .tab:hover,
body.perf-lite:not(.client-fixed-light) .branch-btn:hover,
body.perf-lite:not(.client-fixed-light) .row:hover,
body.perf-lite:not(.client-fixed-light) button:hover,
body.perf-lite:not(.client-fixed-light) .btn:hover,
body.perf-lite:not(.client-fixed-light) input[type=submit]:hover,
body.perf-lite:not(.client-fixed-light) .logout:hover{
  transform:none !important;
  filter:none !important;
}
body.perf-lite:not(.client-fixed-light) table{
  box-shadow:none !important;
}
body.perf-lite:not(.client-fixed-light),
body.perf-lite:not(.client-fixed-light) *,
body.perf-lite:not(.client-fixed-light) *::before,
body.perf-lite:not(.client-fixed-light) *::after{
  filter:none !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
  background-attachment:scroll !important;
  mix-blend-mode:normal !important;
  will-change:auto !important;
}
body.perf-lite:not(.client-fixed-light),
body.perf-lite:not(.client-fixed-light) *::before,
body.perf-lite:not(.client-fixed-light) *::after{
  scroll-behavior:auto !important;
}
body.perf-lite:not(.client-fixed-light) thead th{
  position:static !important;
}
body.perf-lite:not(.client-fixed-light) .frame-wrap,
body.perf-lite:not(.client-fixed-light) .table-wrap{
  contain:layout paint style;
}