/* items-manage.css — إدارة الأصناف (ثيم Aurora) */
:root{
  --im-card:rgba(255,255,255,.04); --im-line:rgba(255,255,255,.10);
  --im-text:#e9edff; --im-mut:#9aa3c7; --im-accent:#6d8bff; --im-accent2:#a855f7;
  --im-ok:#10b981; --im-bad:#ef4444;
}
.im-page{ max-width:1000px; margin:0 auto; padding:18px 14px 90px; color:var(--im-text); }

/* ===== الثيم الفاتح ===== */
:root[data-theme="light"]{
  --im-card:#eaf1ff; --im-line:rgba(37,99,235,.15); --im-text:#0b0d23; --im-mut:#475569;
}
:root[data-theme="light"] .im-add__field input,
:root[data-theme="light"] .im-inp:focus,
:root[data-theme="light"] .im-select,
:root[data-theme="light"] .im-search{ background:#f1f5ff; color:#0b0d23; }
:root[data-theme="light"] .im-table thead th{ background:#dbe7ff; color:#475569; }
:root[data-theme="light"] .im-table tbody tr:hover{ background:rgba(37,99,235,.06); }

/* hero */
.im-hero{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.im-hero__type{ display:inline-block; font-size:12.5px; font-weight:800; color:var(--im-accent);
  background:rgba(109,139,255,.12); border:1px solid rgba(109,139,255,.3); padding:4px 12px; border-radius:999px; }
.im-hero__title{ font-size:25px; font-weight:900; margin:8px 0 4px; }
.im-hero__sub{ font-size:13px; color:var(--im-mut); margin:0; }
.im-back{ flex:0 0 auto; font-size:13px; font-weight:700; color:var(--im-text); text-decoration:none;
  border:1px solid var(--im-line); background:var(--im-card); padding:9px 14px; border-radius:12px; }
.im-back:hover{ border-color:var(--im-accent); }

/* quick add */
.im-add{ display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(109,139,255,.08),rgba(168,85,247,.06));
  border:1px solid rgba(109,139,255,.25); border-radius:16px; padding:14px; margin-bottom:14px; }
.im-add__field{ display:flex; flex-direction:column; gap:5px; min-width:120px; }
.im-add__field--grow{ flex:1; min-width:180px; }
.im-add__field--sm{ width:90px; min-width:90px; }
.im-add__field label{ font-size:11.5px; font-weight:700; color:var(--im-mut); }
.im-add__field input{ background:#0e1330; color:var(--im-text); border:1px solid var(--im-line);
  border-radius:10px; padding:10px 12px; font-size:14px; }
.im-add__field input:focus{ outline:none; border-color:var(--im-accent); box-shadow:0 0 0 3px rgba(109,139,255,.18); }
.im-add__btn{ display:flex; align-items:center; gap:7px; border:0; cursor:pointer;
  background:linear-gradient(135deg,#6d8bff,#a855f7); color:#fff; font-weight:800; font-size:14px;
  padding:11px 18px; border-radius:12px; height:42px; }
.im-add__btn:active{ transform:scale(.97); }

/* toolbar */
.im-toolbar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.im-search{ display:flex; align-items:center; gap:8px; flex:1; min-width:200px;
  background:var(--im-card); border:1px solid var(--im-line); border-radius:12px; padding:9px 13px; color:var(--im-mut); }
.im-search input{ flex:1; background:transparent; border:0; outline:none; color:var(--im-text); font-size:14px; }
.im-select{ background:var(--im-card); color:var(--im-text); border:1px solid var(--im-line);
  border-radius:12px; padding:10px 12px; font-size:13px; font-weight:700; }
.im-spacer{ flex:1; }
.im-btn{ border:1px solid var(--im-line); background:var(--im-card); color:var(--im-text);
  font-weight:800; font-size:12.5px; padding:9px 13px; border-radius:12px; cursor:pointer; }
.im-btn:hover{ border-color:var(--im-accent); }
.im-btn--accent{ border-color:rgba(16,185,129,.4); background:rgba(16,185,129,.12); color:#34d399; }
.im-btn--accent:hover{ background:rgba(16,185,129,.2); }
.im-count{ font-size:12px; color:var(--im-mut); margin:2px 2px 12px; }

/* table */
.im-tablewrap{ background:var(--im-card); border:1px solid var(--im-line); border-radius:16px; overflow-x:auto; }
.im-table{ width:100%; border-collapse:collapse; min-width:760px; }
.im-table thead th{ position:sticky; top:0; background:#11152e; color:var(--im-mut); font-size:11.5px; font-weight:800;
  text-align:right; padding:11px 10px; border-bottom:1px solid var(--im-line); white-space:nowrap; }
.im-table tbody td{ padding:7px 10px; border-bottom:1px solid rgba(255,255,255,.06); vertical-align:middle; }
.im-table tbody tr:hover{ background:rgba(109,139,255,.05); }
.im-th--move{ width:74px; text-align:center; }
.im-th--desc{ min-width:140px; }
.im-th--m{ width:70px; }
.im-th--bc{ width:120px; }
.im-th--sort{ width:64px; }
.im-th--total{ width:74px; }
.im-th--act{ width:48px; }
.im-inp--m{ width:60px; text-align:center; }
.im-inp--bc{ width:110px; }

.im-inp{ width:100%; background:transparent; color:var(--im-text); border:1px solid transparent;
  border-radius:8px; padding:7px 8px; font-size:13.5px; font-family:inherit; transition:border-color .12s, background .12s; }
.im-inp:hover{ border-color:var(--im-line); }
.im-inp:focus{ outline:none; border-color:var(--im-accent); background:#0e1330; }
.im-inp--sort{ width:60px; text-align:center; }
.im-inp.is-saved{ border-color:var(--im-ok); }
.im-total{ font-weight:800; font-size:13.5px; text-align:center; }
.im-total--zero{ color:#64748b; }

.im-drag{ cursor:grab; color:var(--im-mut); font-size:15px; line-height:1; user-select:none; padding:2px 0; }
.im-drag:active{ cursor:grabbing; }
.im-drag:hover{ color:var(--im-accent); }
.im-row--bstart td{ border-top:2px solid rgba(109,139,255,.35) !important; }
tr.im-drag-over td{ background:rgba(109,139,255,.16); box-shadow:inset 0 2px 0 var(--im-accent); }
.im-moves{ display:flex; flex-direction:column; gap:2px; align-items:center; }
.im-move{ width:26px; height:20px; border:1px solid var(--im-line); background:rgba(255,255,255,.04);
  color:var(--im-text); border-radius:6px; cursor:pointer; font-size:11px; line-height:1; display:grid; place-items:center; }
.im-move:hover{ border-color:var(--im-accent); color:var(--im-accent); }
.im-del{ width:30px; height:30px; border:1px solid rgba(239,68,68,.3); background:rgba(239,68,68,.08);
  color:#f87171; border-radius:8px; cursor:pointer; font-size:13px; }
.im-del:hover{ background:rgba(239,68,68,.18); }

.im-empty{ text-align:center; padding:54px 20px; color:var(--im-mut); }
.im-empty__icon{ font-size:44px; margin-bottom:10px; }

@media(max-width:560px){
  .im-th--total{ display:none; } .im-table td.im-td--total{ display:none; }
  .im-add__field--sm{ width:80px; }
}