/* ELVENSONG_ADMIN_LIGHT_2_0_0
   Light, Bitrix24-like visual layer for the Elvensong warehouse admin.
   CSS ONLY: no JS, no API, no DB. No layout properties (display / position /
   width / height / flex / grid) are touched, so desktop and mobile layouts
   stay exactly as they are.
   Scoped to #esw-overlay and prefixed with :root so it also wins over the
   runtime <style> injected by elvensong-warehouse-addon.js.
   Rollback: cp -a /root/backups-es-adminlight-*/premium.css.bak
   /opt/elvensong/web/public/elvensong-admin-premium.css  (or delete the
   <link ...elvensong-admin-premium.css...> line from index.html). */

/* 1. Tokens (light). NOTE: the old theme never defined --esw-slate-900 while
   ~20 rules used it, so those declarations were invalid and those blocks
   rendered transparent — that is why the admin looked like bare columns. */
:root #esw-overlay{
  --esw-bg:#eef2f5;
  --esw-sidebar:#ffffff;
  --esw-card:#ffffff;
  --esw-slate-900:#f5f7fa;
  --esw-slate-800:#e6ebf0;
  --esw-slate-700:#d7dee6;
  --esw-slate-600:#b9c3cf;
  --esw-slate-500:#7c8899;
  --esw-slate-400:#5b6878;
  --esw-slate-300:#2b3440;
  --esw-blue-600:#0b66c3;
  --esw-blue-700:#0a56a6;
  --esw-line:#e3e9ee;
  --esw-line-strong:#d3dbe3;
  --esw-shadow:0 1px 2px rgba(37,50,68,.06),0 10px 26px -18px rgba(37,50,68,.35);
  background:#eef2f5!important;
  color:#2b3440!important;
  font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
}

/* 2. Sidebar, brand, navigation */
:root #esw-overlay .esw-sidebar{
  background:#ffffff!important;
  border-right:1px solid var(--esw-line)!important;
  box-shadow:none!important;
}
:root #esw-overlay .esw-brand{
  background:#ffffff!important;
  border-bottom:1px solid var(--esw-line)!important;
}
:root #esw-overlay .esw-brand::before{color:#0b66c3!important}
:root #esw-overlay .esw-nav{color:#5b6878!important}
:root #esw-overlay .esw-nav:hover{background:#f1f5f9!important;color:#1f2b38!important}
:root #esw-overlay .esw-nav.active{background:#0b66c3!important;color:#fff!important}
:root #esw-overlay .esw-nav.active:hover{background:#0a56a6!important;color:#fff!important}

/* 3. Headings and surfaces */
:root #esw-overlay .esw-head{border-bottom:1px solid var(--esw-line)!important}
:root #esw-overlay .esw-title{color:#1f2b38!important}
:root #esw-overlay .esw-sub{color:#6b7889!important}
:root #esw-overlay .esw-card,
:root #esw-overlay .esw-panel{
  background:#ffffff!important;
  border:1px solid var(--esw-line)!important;
  border-radius:12px!important;
  box-shadow:var(--esw-shadow)!important;
}
:root #esw-overlay .esw-card b{color:#1f2b38!important}
:root #esw-overlay .esw-card span{color:#7c8899!important}
:root #esw-overlay .esw-panel h3{color:#2b3440!important}
:root #esw-overlay .esw-field label{color:#6b7889!important}
:root #esw-overlay .esw-note{color:#7c8899!important}
:root #esw-overlay .esw-check{color:#2b3440!important}

/* 4. Inputs */
:root #esw-overlay .esw-input,
:root #esw-overlay .esw-select,
:root #esw-overlay .esw-textarea{
  background:#ffffff!important;
  color:#2b3440!important;
  border:1px solid var(--esw-line-strong)!important;
  border-radius:10px!important;
}
:root #esw-overlay .esw-input::placeholder{color:#9aa5b1!important}
:root #esw-overlay .esw-input:focus,
:root #esw-overlay .esw-select:focus,
:root #esw-overlay .esw-textarea:focus{
  border-color:#0b66c3!important;
  box-shadow:0 0 0 3px rgba(11,102,195,.16)!important;
  outline:none!important;
}

/* 5. Buttons */
:root #esw-overlay .esw-btn{
  background:var(--esw-blue-600)!important;
  color:#fff!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
:root #esw-overlay .esw-btn:hover{background:var(--esw-blue-700)!important}
:root #esw-overlay .esw-btn.secondary{
  background:#ffffff!important;
  color:#2b3440!important;
  border:1px solid var(--esw-line-strong)!important;
}
:root #esw-overlay .esw-btn.secondary:hover{
  background:#f3f6f9!important;
  border-color:#c3ceda!important;
}
:root #esw-overlay .esw-btn.good{background:#1fa64a!important;color:#fff!important}
:root #esw-overlay .esw-btn.good:hover{background:#178c3d!important}
:root #esw-overlay .esw-btn.danger{color:#fff!important}

/* 6. Tables */
:root #esw-overlay .esw-table-wrap{
  background:#ffffff!important;
  border:1px solid var(--esw-line)!important;
  border-radius:12px!important;
}
:root #esw-overlay .esw-table th{
  background:#f7f9fb!important;
  color:#6b7889!important;
  border-bottom:1px solid var(--esw-line)!important;
  letter-spacing:.03em!important;
}
:root #esw-overlay .esw-table td{
  color:#2b3440!important;
  border-bottom:1px solid #eef2f6!important;
}
:root #esw-overlay .esw-table tbody tr:hover td{background:#f5f9ff!important}
:root #esw-overlay .esw-shipping-table th{background:#f7f9fb!important;color:#6b7889!important}
:root #esw-overlay .esw-shipping-table-wrap{background:#ffffff!important}

/* 7. Badges and status tabs */
:root #esw-overlay .esw-badge{
  background:#f1f5f9!important;
  color:#4a5666!important;
  border:1px solid var(--esw-line)!important;
  border-radius:999px!important;
  font-weight:600!important;
}
:root #esw-overlay .esw-badge.good{background:#e8f7ee!important;color:#1a7f45!important;border-color:#cbead8!important}
:root #esw-overlay .esw-badge.warn{background:#fdf3e3!important;color:#a9741a!important;border-color:#f2e0bd!important}
:root #esw-overlay .esw-badge.bad{background:#fdecec!important;color:#b3403a!important;border-color:#f5d3d1!important}
:root #esw-overlay .esw-status-tab{
  background:#f2f5f8!important;
  color:#5b6878!important;
  border:1px solid var(--esw-line)!important;
  border-radius:999px!important;
}
:root #esw-overlay .esw-status-tab b{background:#ffffff!important;color:#2b3440!important}
:root #esw-overlay .esw-status-tab.active{
  background:#0b66c3!important;
  color:#fff!important;
  border-color:#0b66c3!important;
}
:root #esw-overlay .esw-status-tab.active b{background:rgba(255,255,255,.22)!important;color:#fff!important}

/* 8. Search results */
:root #esw-overlay .esw-search-results{
  background:#ffffff!important;
  border:1px solid var(--esw-line)!important;
  border-radius:12px!important;
}
:root #esw-overlay .esw-search-item{color:#2b3440!important}
:root #esw-overlay .esw-search-item:hover{background:#f5f9ff!important}
:root #esw-overlay .esw-product-thumb-empty{background:#eef2f5!important;color:#8a95a3!important}

/* 9. Modals */
:root #esw-overlay .esw-modal-backdrop,
:root .esw-modal-backdrop{background:rgba(23,32,44,.45)!important}
:root #esw-overlay .esw-modal,
:root .esw-modal{
  background:#ffffff!important;
  border:1px solid var(--esw-line)!important;
  border-radius:14px!important;
  box-shadow:0 24px 60px -20px rgba(23,32,44,.45)!important;
}
:root #esw-overlay .esw-modal-head,
:root .esw-modal-head{background:#f7f9fb!important;border-bottom:1px solid var(--esw-line)!important}
:root #esw-overlay .esw-modal-product,
:root .esw-modal-product{background:#ffffff!important;border:1px solid var(--esw-line)!important}
:root #esw-overlay .esw-order-modal-head{background:#f7f9fb!important;border-bottom:1px solid var(--esw-line)!important}

/* 10. Sub-surfaces that had hard-coded dark backgrounds in the old theme */
:root #esw-overlay .esw-order-item,
:root #esw-overlay .esw-order-summary-grid>div,
:root #esw-overlay .esw-order-search-card,
:root #esw-overlay .esw-order-search-item,
:root #esw-overlay .esw-order-search-info>div,
:root #esw-overlay .esw-order-search-group-head,
:root #esw-overlay .esw-reservation-group,
:root #esw-overlay .esw-reservation-item,
:root #esw-overlay .esw-reservation-order-info>div,
:root #esw-overlay .esw-movement-group,
:root #esw-overlay .esw-movement-event,
:root #esw-overlay .esw-movement-summary>div,
:root #esw-overlay .esw-movement-delta,
:root #esw-overlay .esw-movement-explanation,
:root #esw-overlay .esw-low-stock-category,
:root #esw-overlay .esw-warehouse-note,
:root #esw-overlay .esw-warehouse-summary>div,
:root #esw-overlay .esw-return-card,
:root #esw-overlay .esw-return-reason{
  background:#f7f9fb!important;
  border:1px solid var(--esw-line)!important;
}
:root #esw-overlay .esw-return-product{background:#ffffff!important;border:1px solid var(--esw-line)!important}
:root #esw-overlay .esw-order-search-group-head b,
:root #esw-overlay .esw-warehouse-mini-summary span{background:#ffffff!important;color:#2b3440!important}
:root #esw-overlay .esw-warehouse-summary b{color:#1f2b38!important}
:root #esw-overlay .esw-movement-event.warning,
:root #esw-overlay .esw-movement-warning-row{background:#fdf3e3!important;border-color:#f2e0bd!important}
:root #esw-overlay .esw-danger-note{background:#fdecec!important;color:#b3403a!important;border:1px solid #f5d3d1!important}
:root #esw-overlay .esw-close:hover{background:#fdecec!important;color:#b3403a!important}

/* 11. COD / gold accents -> soft amber on white */
:root #esw-overlay .esw-order-search-card.esw-cod-order-card,
:root #esw-overlay .esw-cod-transit-card,
:root #esw-overlay .esw-shipping-table tbody tr.esw-cod-row{
  background:linear-gradient(115deg,rgba(232,163,61,.12),#ffffff 55%)!important;
  border-color:#f2e0bd!important;
}
:root #esw-overlay .esw-order-search-group-bitrix .esw-order-search-group-head{
  background:linear-gradient(90deg,rgba(232,163,61,.16),#f7f9fb 65%)!important;
}

/* 12. Scrollbars, launcher, reduced motion */
:root #esw-overlay ::-webkit-scrollbar{width:10px;height:10px}
:root #esw-overlay ::-webkit-scrollbar-track{background:transparent}
:root #esw-overlay ::-webkit-scrollbar-thumb{
  background:#cbd5df;
  border-radius:999px;
  border:2px solid transparent;
  background-clip:content-box;
}
:root #esw-overlay ::-webkit-scrollbar-thumb:hover{background:#a9b6c4;background-clip:content-box}
:root #esw-launch{background:#0b66c3!important;color:#fff!important}
@media (prefers-reduced-motion:reduce){
  :root #esw-overlay *{transition:none!important;animation:none!important}
}