/* EZI-POS visual parity layer */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800&display=swap');
:root{--ezi-primary:#ff9f43;--ezi-primary-dark:#e88925;--ezi-purple:#7367f0;--ezi-bg:#f5f5f9;--ezi-card:#fff;--ezi-border:#dbdade;--ezi-text:#566a7f;--ezi-heading:#2f3349;--ezi-muted:#a8aaae;--ezi-success:#28c76f;--ezi-danger:#ea5455;--ezi-info:#00cfe8;--ezi-warning:#ff9f43;--ezi-shadow:0 .25rem 1rem rgba(75,70,92,.08);--ezi-radius:.5rem;}
html,body{font-family:'Public Sans','Tajawal',Arial,sans-serif;background:var(--ezi-bg);color:var(--ezi-text);font-size:14px;}
a{text-decoration:none}.ezi-app{min-height:100vh;background:var(--ezi-bg)}.ezi-navbar{height:64px;background:#fff;border-bottom:1px solid var(--ezi-border);display:flex;align-items:center;gap:1rem;padding:0 1.5rem;position:sticky;top:0;z-index:1030;box-shadow:var(--ezi-shadow)}.ezi-brand{display:flex;align-items:center;gap:.65rem;font-weight:800;color:var(--ezi-heading);min-width:190px}.ezi-brand-badge{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,var(--ezi-primary),#ffc06c);display:grid;place-items:center;color:#fff;box-shadow:0 .25rem .65rem rgba(255,159,67,.35)}.ezi-brand span span{color:var(--ezi-primary)}.ezi-warehouse{display:flex;align-items:center;gap:.5rem;border:1px solid var(--ezi-border);border-radius:999px;padding:.45rem .85rem;background:#fff;color:var(--ezi-heading);font-weight:600}.ezi-actions{margin-inline-start:auto;display:flex;align-items:center;gap:.35rem}.ezi-icon{width:36px;height:36px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:#6f6b7d;cursor:pointer}.ezi-icon:hover{background:#f1f1f4;color:var(--ezi-primary)}.ezi-user{position:relative}.ezi-avatar{width:38px;height:38px;border-radius:50%;background:#f1ecff;color:var(--ezi-purple);display:grid;place-items:center;font-weight:700;cursor:pointer}.ezi-user-menu,.ezi-menu-dropdown{display:none;position:absolute;top:calc(100% + 9px);background:#fff;border:1px solid var(--ezi-border);border-radius:.5rem;box-shadow:0 .5rem 1.5rem rgba(75,70,92,.18);min-width:220px;z-index:1050;overflow:hidden}.ezi-user-menu{inset-inline-end:0}.ezi-user-menu.show,.ezi-menu-dropdown.show{display:block}.ezi-user-menu a,.ezi-menu-dropdown a{display:flex;align-items:center;gap:.65rem;padding:.7rem 1rem;color:var(--ezi-text);font-size:.9rem}.ezi-user-menu a:hover,.ezi-menu-dropdown a:hover{background:#fff4e8;color:var(--ezi-primary)}.ezi-menu{height:54px;background:#fff;border-bottom:1px solid var(--ezi-border);display:flex;align-items:center;padding:0 1.5rem;gap:.25rem;position:sticky;top:64px;z-index:1020;box-shadow:0 .125rem .65rem rgba(75,70,92,.05)}.ezi-menu-item{position:relative}.ezi-menu-link{display:flex;align-items:center;gap:.5rem;border:0;background:transparent;padding:.75rem 1rem;color:#6f6b7d;border-radius:.375rem;font-weight:500;cursor:pointer;white-space:nowrap}.ezi-menu-link:hover,.ezi-menu-link.active{background:#fff4e8;color:var(--ezi-primary)}.ezi-menu-dropdown{top:100%;inset-inline-start:0}.ezi-content{padding:1.5rem;max-width:1480px;margin:0 auto}.ezi-footer{padding:1rem 1.5rem;color:var(--ezi-muted);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ezi-card{background:#fff;border:1px solid var(--ezi-border);border-radius:var(--ezi-radius);box-shadow:var(--ezi-shadow);overflow:hidden}.ezi-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--ezi-border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.ezi-card-title{font-size:1rem;font-weight:700;color:var(--ezi-heading);margin:0}.ezi-card-body{padding:1.25rem}.ezi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.ezi-stat{background:#fff;border:1px solid var(--ezi-border);border-radius:.5rem;box-shadow:var(--ezi-shadow);padding:1rem;display:flex;gap:1rem;align-items:center}.ezi-stat-icon{width:46px;height:46px;border-radius:.5rem;display:grid;place-items:center;font-size:1.25rem}.ezi-stat-icon.primary{background:#fff4e8;color:var(--ezi-primary)}.ezi-stat-icon.success{background:#e8f9ee;color:var(--ezi-success)}.ezi-stat-icon.danger{background:#ffeeef;color:var(--ezi-danger)}.ezi-stat-icon.info{background:#e0f9fc;color:var(--ezi-info)}.ezi-stat-icon.purple{background:#f1ecff;color:var(--ezi-purple)}.ezi-stat-value{font-size:1.35rem;font-weight:800;color:var(--ezi-heading);line-height:1.1}.ezi-stat-label{font-size:.82rem;color:var(--ezi-muted);margin-top:.25rem}.ezi-tabs{display:flex;gap:.65rem;flex-wrap:wrap}.ezi-tab{min-width:110px;border:1px solid var(--ezi-border);background:#fff;border-radius:.5rem;padding:.85rem .75rem;text-align:center;cursor:pointer;color:#6f6b7d}.ezi-tab.active,.ezi-tab:hover{background:var(--ezi-primary);border-color:var(--ezi-primary);color:#fff;box-shadow:0 .35rem .8rem rgba(255,159,67,.32)}.ezi-table{width:100%;border-collapse:collapse}.ezi-table th,.ezi-table td{padding:.75rem;border-bottom:1px solid var(--ezi-border);text-align:start}.ezi-table th{font-size:.78rem;color:#6f6b7d;background:#f8f8fb}.btn,.ezi-btn{border:0;border-radius:.375rem;padding:.6rem .95rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:600;cursor:pointer}.ezi-btn-primary{background:var(--ezi-primary);color:#fff}.ezi-btn-success{background:var(--ezi-success);color:#fff}.ezi-btn-light{background:#f1f1f4;color:#6f6b7d}.ezi-btn-danger{background:var(--ezi-danger);color:#fff}.form-control,.form-select{border:1px solid var(--ezi-border);border-radius:.375rem;padding:.55rem .8rem;background:#fff;color:var(--ezi-heading);font-family:inherit}.form-control:focus,.form-select:focus{outline:0;border-color:var(--ezi-primary);box-shadow:0 0 0 .18rem rgba(255,159,67,.15)}@media(max-width:1050px){.ezi-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.ezi-menu{overflow-x:auto}.ezi-brand{min-width:auto}.ezi-warehouse{display:none}}@media(max-width:650px){.ezi-grid{grid-template-columns:1fr}.ezi-content{padding:1rem}.ezi-navbar{padding:0 1rem}.ezi-menu{padding:0 1rem}}

/* =====================================================
   DARK MODE SUPPORT - EZI POS
   ===================================================== */

/* Light mode defaults (same as :root) */
body {
  --ezi-bg: #f5f5f9;
  --ezi-card: #fff;
  --ezi-border: #dbdade;
  --ezi-text: #566a7f;
  --ezi-heading: #2f3349;
  --ezi-muted: #a8aaae;
}

body.dark-mode {
  --ezi-bg: #1a1a2e;
  --ezi-card: #16213e;
  --ezi-border: #2a2a4a;
  --ezi-text: #b8bcd4;
  --ezi-heading: #e8eaf6;
  --ezi-muted: #6c7293;
  background: var(--ezi-bg);
  color: var(--ezi-text);
}

body.dark-mode .ezi-navbar,
body.dark-mode .ezi-menu,
body.dark-mode .ezi-card,
body.dark-mode .ezi-stat,
body.dark-mode .ezi-tab,
body.dark-mode .form-control,
body.dark-mode .ezi-stat-icon,
body.dark-mode .category-tabs,
body.dark-mode .pos-navbar,
body.dark-mode .pos-right,
body.dark-mode .cart-header,
body.dark-mode .cart-footer,
body.dark-mode .search-bar,
body.dark-mode .pos-left {
  background: var(--ezi-card) !important;
  border-color: var(--ezi-border) !important;
}

body.dark-mode .items-grid {
  background: var(--ezi-bg) !important;
}

body.dark-mode .items-grid .item-card {
  background: var(--ezi-card) !important;
  border-color: var(--ezi-border) !important;
}

body.dark-mode .cart-items {
  background: var(--ezi-card) !important;
}

body.dark-mode .pos-right {
  border-color: var(--ezi-border) !important;
}

body.dark-mode .ezi-stat-value,
body.dark-mode .ezi-card-title,
body.dark-mode .ezi-stat-label,
body.dark-mode .ezi-tab,
body.dark-mode .ezi-brand,
body.dark-mode .ezi-warehouse,
body.dark-mode .item-name,
body.dark-mode .item-price,
body.dark-mode .item-stock,
body.dark-mode .cart-item-name,
body.dark-mode .total-row,
body.dark-mode .grand-total,
body.dark-mode .cart-header-top span,
body.dark-mode .pos-navbar span,
body.dark-mode .cart-employee-bar select {
  color: var(--ezi-heading) !important;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea,
body.dark-mode .form-control {
  background: #12122a !important;
  color: var(--ezi-heading) !important;
  border-color: var(--ezi-border) !important;
}

body.dark-mode .ezi-btn-light,
body.dark-mode .cat-tab:not(.active),
body.dark-mode .btn-light,
body.dark-mode .quick-actions button {
  background: #1e1e3a !important;
  color: var(--ezi-text) !important;
  border-color: var(--ezi-border) !important;
}

body.dark-mode .ezi-btn-light:hover,
body.dark-mode .cat-tab:hover {
  background: var(--ezi-primary) !important;
  color: white !important;
}

body.dark-mode .pos-left {
  border-color: var(--ezi-border) !important;
}

body.dark-mode .item-img {
  background: #1e1e3a !important;
}

body.dark-mode .pos-modal-dialog,
body.dark-mode .ezi-pos-modal-card {
  background: var(--ezi-card) !important;
}

body.dark-mode .ezi-pos-modal-card header,
body.dark-mode .ezi-pos-modal-card .body {
  background: var(--ezi-card) !important;
  color: var(--ezi-heading) !important;
  border-color: var(--ezi-border) !important;
}

/* Dark mode scrollbar */
body.dark-mode ::-webkit-scrollbar-track {
  background: var(--ezi-bg);
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #3a3a5a;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: var(--ezi-primary);
}