/* ── Inventory (انبار) v4 ───────────────────────────────────────────────
   Same world as the Task Center (tasks-v3.css): neutral surfaces, one
   indigo accent for primary actions, stock state as the page's colour
   (green ready · amber critical · red out · slate locked), stroke icons.
   Structure: needs-action list → one dense product table → product panel
   docked beside it. Existing flows (restock paste, batches, bulk break,
   edit, lock, delete, import, lists) are reused unchanged. */

#inventoryVaultPage{
  --tv-surface:var(--dk-surface); --tv-surface-2:var(--dk-surface-2); --tv-hover:var(--dk-hover);
  --tv-border:var(--dk-border); --tv-text:var(--dk-text); --tv-muted:var(--dk-muted); --tv-faint:var(--dk-faint); --tv-subtle:var(--dk-subtle);
  --tv-chip:var(--dk-chip); --tv-accent:var(--dk-accent); --tv-accent-soft:var(--dk-accent-soft);
  --st-ok:var(--dk-ok); --st-ok-soft:var(--dk-ok-soft);
  --st-warn:var(--dk-warn); --st-warn-soft:var(--dk-warn-soft);
  --st-late:var(--dk-danger); --st-late-soft:var(--dk-danger-soft);
  --st-info:var(--dk-info); --st-info-soft:var(--dk-info-soft);
  --st-lock:var(--dk-neutral); --st-lock-soft:var(--dk-neutral-soft);
  --tv-shadow:var(--dk-shadow);
  --ivx-dock-w:clamp(400px, 34vw, 540px);
  color:var(--tv-text);
}
html[data-theme="dark"] #inventoryVaultPage{
  --tv-surface:var(--dk-surface); --tv-surface-2:var(--dk-surface-2); --tv-hover:var(--dk-hover);
  --tv-border:var(--dk-border); --tv-text:var(--dk-text); --tv-muted:var(--dk-muted); --tv-faint:var(--dk-faint); --tv-subtle:var(--dk-subtle);
  --tv-chip:var(--dk-chip); --tv-accent:var(--dk-accent); --tv-accent-soft:var(--dk-accent-soft);
  --st-ok:var(--dk-ok); --st-ok-soft:var(--dk-ok-soft);
  --st-warn:var(--dk-warn); --st-warn-soft:var(--dk-warn-soft);
  --st-late:var(--dk-danger); --st-late-soft:var(--dk-danger-soft);
  --st-info:var(--dk-info); --st-info-soft:var(--dk-info-soft);
  --st-lock:var(--dk-neutral); --st-lock-soft:var(--dk-neutral-soft);
  --tv-shadow:var(--dk-shadow);
}
#inventoryVaultPage .tv-ic{ width:16px; height:16px; flex:0 0 auto; display:inline-block; vertical-align:-3px; }
#inventoryVaultPage ::selection{ background:color-mix(in srgb, #4f46e5 26%, transparent); }

/* page frame: no nested card look, no dev furniture */
#inventoryVaultPage{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
#inventoryVaultPage .iv-shell{ max-width:1320px; margin:0 auto; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
#inventoryVaultPage .iv-topbar,
#inventoryVaultPage .iv-hero-badges,
#inventoryVaultPage .iv-mode-bar{ display:none !important; }

/* ── header ── */
#inventoryVaultPage .ivx-hero{
  display:flex !important; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px;
  margin:0 0 14px !important; padding:0 !important;
  background:none !important; border:0 !important; box-shadow:none !important;
}
#inventoryVaultPage .ivx-hero::before, #inventoryVaultPage .ivx-hero::after{ content:none !important; }
#inventoryVaultPage .ivx-hero h1{ margin:0; font-size:22px; font-weight:800; line-height:1.5; color:var(--tv-text); background:none; -webkit-text-fill-color:currentColor; }
#inventoryVaultPage .ivx-hero p{ margin:2px 0 0; font-size:13.5px; color:var(--tv-muted); }
#inventoryVaultPage .ivx-hero-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#inventoryVaultPage .ivx-search{ position:relative; display:inline-flex; align-items:center; }
#inventoryVaultPage .ivx-search .tv-ic{ position:absolute; inset-inline-start:12px; color:var(--tv-faint); pointer-events:none; }
#inventoryVaultPage .ivx-search input{
  width:min(360px, 60vw); height:40px;
  padding:0 12px; padding-inline-start:38px;
  border-radius:11px; border:1px solid var(--tv-border);
  background:var(--tv-surface); color:var(--tv-text);
  font:inherit; font-size:13.5px;
}
#inventoryVaultPage .ivx-search input:focus{ outline:none; border-color:var(--tv-accent); box-shadow:0 0 0 3px var(--tv-accent-soft); }
#inventoryVaultPage .tv-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  height:40px; margin:0; padding:0 16px; border-radius:11px;
  font:inherit; font-size:13.5px; font-weight:700; cursor:pointer; box-shadow:none;
}
#inventoryVaultPage .tv-btn-primary{ background:var(--dk-accent-fill); color:var(--dk-on-accent); border:1px solid transparent; }
#inventoryVaultPage .tv-btn-primary:hover{ filter:brightness(1.08); }
#inventoryVaultPage .tv-btn-ghost{ width:40px; padding:0; background:var(--tv-surface); color:var(--tv-muted); border:1px solid var(--tv-border); }
#inventoryVaultPage .tv-btn-ghost:hover{ color:var(--tv-text); background:var(--tv-hover); }
#inventoryVaultPage #inventoryVaultRefreshBtn.is-busy .tv-ic{ animation:ivx-spin .9s linear infinite; }
@keyframes ivx-spin{ to{ transform:rotate(-360deg); } }

/* ── tabs as a segmented control ── */
#inventoryVaultPage .iv-tabs{
  display:inline-flex !important; gap:2px; padding:3px; margin:0 0 16px !important;
  border-radius:12px; background:var(--tv-chip) !important; border:1px solid var(--tv-border) !important; box-shadow:none !important;
  width:auto !important;
}
#inventoryVaultPage .iv-tab{
  display:inline-flex !important; align-items:center; gap:7px;
  height:36px; padding:0 16px !important; min-width:0 !important; flex:0 0 auto !important;
  border:0 !important; border-radius:9px !important;
  background:transparent !important; color:var(--tv-muted) !important;
  font:inherit; font-size:13.5px !important; font-weight:700 !important;
  box-shadow:none !important; transform:none !important;
}
#inventoryVaultPage .iv-tab:hover{ color:var(--tv-text) !important; }
#inventoryVaultPage .iv-tab.is-active{
  background:var(--tv-surface) !important; color:var(--tv-text) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08), 0 2px 8px -4px rgba(15,23,42,.18) !important;
}
html[data-theme="dark"] #inventoryVaultPage .iv-tab.is-active{ background:#1e293b !important; }
#inventoryVaultPage .iv-tab.is-active .tv-ic{ color:var(--tv-accent); }
#inventoryVaultPage .iv-tab-icon{ display:inline-flex; font-size:0; background:none !important; }

/* ── summary line ── */
#inventoryVaultPage .iv-stats{ display:block !important; margin:0 0 16px !important; }
#inventoryVaultPage .ivx-summary{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#inventoryVaultPage .ivx-sum{
  --tone:var(--tv-text);
  display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px;
  border-radius:10px; border:1px solid var(--tv-border); background:var(--tv-surface);
  font-size:13px; font-weight:600; color:var(--tv-muted);
}
#inventoryVaultPage .ivx-sum b{ font-size:15px; font-weight:800; color:var(--tone); font-variant-numeric:tabular-nums; }
#inventoryVaultPage .ivx-sum[data-tone="ok"]{ --tone:var(--st-ok); }
#inventoryVaultPage .ivx-sum[data-tone="info"]{ --tone:var(--st-info); }
#inventoryVaultPage .ivx-sum[data-tone="danger"]{ --tone:var(--st-late); }
#inventoryVaultPage .ivx-today{ margin-inline-start:auto; font-size:12.5px; color:var(--tv-subtle); }

/* ── needs action ── */
#inventoryVaultPage .ivx-attention{ margin:0 0 18px; }
#inventoryVaultPage .ivx-att-head{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:0 0 8px; padding:0 2px; }
#inventoryVaultPage .ivx-att-head h2{ display:inline-flex; align-items:center; gap:8px; margin:0; font-size:16px; font-weight:800; color:var(--tv-text); }
#inventoryVaultPage .ivx-att-head p{ margin:0; font-size:12.5px; color:var(--tv-subtle); }
#inventoryVaultPage .tv-feed-count{
  min-width:22px; height:22px; padding:0 7px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#dc2626; color:#fff; font-size:12px; font-weight:800;
}
#inventoryVaultPage .ivx-att-rows{
  display:flex; flex-direction:column;
  border:1px solid var(--tv-border); border-radius:14px; background:var(--tv-surface); box-shadow:var(--tv-shadow); overflow:hidden;
}
#inventoryVaultPage .ivx-att-row{
  --tone:var(--st-warn); --tone-soft:var(--st-warn-soft);
  display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:12px;
  padding:12px 16px;
}
#inventoryVaultPage .ivx-att-row + .ivx-att-row{ border-top:1px solid var(--tv-border); }
#inventoryVaultPage .ivx-att-row[data-tone="danger"]{ --tone:var(--st-late); --tone-soft:var(--st-late-soft); }
#inventoryVaultPage .ivx-att-ico{ width:36px; height:36px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:var(--tone-soft); color:var(--tone); }
#inventoryVaultPage .ivx-att-main{ display:flex; flex-direction:column; min-width:0; }
#inventoryVaultPage .ivx-att-main strong{ font-size:14.5px; font-weight:800; color:var(--tv-text); }
#inventoryVaultPage .ivx-att-main span{ font-size:12.5px; font-weight:700; color:var(--tone); }
#inventoryVaultPage .ivx-att-clear{
  display:flex; align-items:center; gap:12px; padding:14px 16px;
  border-radius:14px; border:1px solid var(--tv-border); background:var(--tv-surface);
}
#inventoryVaultPage .ivx-att-clear > span{ width:36px; height:36px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--st-ok-soft); color:var(--st-ok); }
#inventoryVaultPage .ivx-att-clear strong{ display:block; font-size:14px; font-weight:800; }
#inventoryVaultPage .ivx-att-clear div span{ font-size:12.5px; color:var(--tv-muted); }

/* shared action buttons */
#inventoryVaultPage .tv-act{
  display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px;
  border-radius:10px; border:1px solid var(--tv-border); background:var(--tv-surface); color:var(--tv-text);
  font:inherit; font-size:13px; font-weight:700; white-space:nowrap; cursor:pointer;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
#inventoryVaultPage .tv-act .tv-ic{ width:15px; height:15px; }
#inventoryVaultPage .tv-act:hover{ background:var(--tv-hover); }
#inventoryVaultPage .tv-act.is-primary{ background:#4f46e5; border-color:transparent; color:#fff; }
#inventoryVaultPage .tv-act.is-primary:hover{ filter:brightness(1.08); background:#4f46e5; }
#inventoryVaultPage .tv-act.is-soft{ background:var(--tv-accent-soft); border-color:transparent; color:var(--tv-accent); }
#inventoryVaultPage .tv-act.is-soft:hover{ background:#4f46e5; color:#fff; }
#inventoryVaultPage .tv-act.is-danger{ color:var(--st-late); }
#inventoryVaultPage .tv-act.is-danger:hover{ background:var(--st-late-soft); border-color:transparent; }
#inventoryVaultPage .tv-act:focus-visible,
#inventoryVaultPage .ivx-icon-btn:focus-visible,
#inventoryVaultPage .iv-tab:focus-visible{ outline:2px solid var(--tv-accent); outline-offset:2px; }
#inventoryVaultPage .ivx-icon-btn{
  width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; border:0; background:transparent; color:var(--tv-muted); cursor:pointer;
}
#inventoryVaultPage .ivx-icon-btn:hover{ background:var(--tv-hover); color:var(--tv-text); }
#inventoryVaultPage .ivx-icon-btn[data-iv-locked="1"]{ color:var(--st-warn); background:var(--st-warn-soft); }

/* ── product table ── */
#inventoryVaultPage [data-iv-tab-pane="dashboard"] > .iv-panel{
  padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important;
}
#inventoryVaultPage [data-iv-tab-pane="dashboard"] > .iv-panel > .iv-panel-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 8px !important; padding:0 2px !important; border:0 !important; background:none !important; }
#inventoryVaultPage .iv-panel-title{ font-size:16px !important; font-weight:800 !important; color:var(--tv-text) !important; }
#inventoryVaultPage .iv-cards-toolbar{ display:inline-flex; align-items:center; gap:8px; }
#inventoryVaultPage .iv-cards-sort-label{ font-size:12.5px; font-weight:700; color:var(--tv-subtle) !important; }
#inventoryVaultPage .iv-cards-sort-select{ height:36px; padding:0 10px; border-radius:10px; border:1px solid var(--tv-border) !important; background:var(--tv-surface) !important; color:var(--tv-text) !important; font:inherit; font-size:13px; }
#inventoryVaultPage .iv-product-cards{
  display:block !important;
  border:1px solid var(--tv-border); border-radius:14px; background:var(--tv-surface); box-shadow:var(--tv-shadow); overflow:hidden;
  container-type:inline-size;
}
#inventoryVaultPage .ivx-thead,
#inventoryVaultPage .ivx-row{
  display:grid;
  grid-template-columns:minmax(0,2.4fr) minmax(130px,1.2fr) 80px 70px minmax(110px,1fr) auto;
  align-items:center; gap:12px;
  padding:0 16px;
}
#inventoryVaultPage .ivx-thead{ height:38px; background:var(--tv-surface-2); border-bottom:1px solid var(--tv-border); font-size:12px; font-weight:700; color:var(--tv-muted); }
#inventoryVaultPage .ivx-row{ min-height:60px; cursor:pointer; transition:background-color .12s ease; }
#inventoryVaultPage .ivx-row + .ivx-row{ border-top:1px solid var(--tv-border); }
#inventoryVaultPage .ivx-row:hover{ background:var(--tv-hover); }
#inventoryVaultPage .ivx-row.is-selected{ background:var(--tv-accent-soft); }
#inventoryVaultPage .ivx-row:focus-visible{ outline:2px solid var(--tv-accent); outline-offset:-2px; }
#inventoryVaultPage .ivx-row[data-stock="out"]{ background:color-mix(in srgb, var(--st-late) 4%, transparent); }
#inventoryVaultPage .ivx-c{ min-width:0; padding:10px 0; }
#inventoryVaultPage .ivx-c-name{ display:flex; align-items:center; gap:10px; }
#inventoryVaultPage .ivx-p-icon{ width:36px; height:36px; border-radius:10px; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; background:var(--tv-chip); }
#inventoryVaultPage .ivx-p-icon-lg{ width:44px; height:44px; border-radius:12px; }
#inventoryVaultPage .ivx-p-img{ width:100%; height:100%; object-fit:cover; }
#inventoryVaultPage .ivx-p-fallback{ font-size:15px; font-weight:800; color:var(--tv-accent); }
#inventoryVaultPage .ivx-p-text{ display:flex; flex-direction:column; min-width:0; }
#inventoryVaultPage .ivx-p-name{ font-size:14px; font-weight:800; color:var(--tv-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#inventoryVaultPage .ivx-p-code{ font-size:12px; color:var(--tv-subtle); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:end; }
#inventoryVaultPage .ivx-c-stock{ display:flex; align-items:center; gap:10px; }
#inventoryVaultPage .ivx-stock-num{ min-width:34px; font-size:16px; font-weight:800; color:var(--tv-text); font-variant-numeric:tabular-nums; }
#inventoryVaultPage .ivx-row[data-stock="out"] .ivx-stock-num{ color:var(--st-late); }
#inventoryVaultPage .ivx-row[data-stock="critical"] .ivx-stock-num{ color:var(--st-warn); }
#inventoryVaultPage .ivx-stock-bar{ flex:1; height:6px; border-radius:6px; background:var(--tv-chip); overflow:hidden; display:block; }
#inventoryVaultPage .ivx-stock-bar > span{ display:block; height:100%; border-radius:6px; background:var(--st-ok); }
#inventoryVaultPage .ivx-row[data-stock="critical"] .ivx-stock-bar > span{ background:#d97706; }
#inventoryVaultPage .ivx-stock-bar-lg{ height:8px; margin:12px 0 4px; }
#inventoryVaultPage .ivx-c-num{ font-size:14px; font-weight:700; color:var(--tv-muted); font-variant-numeric:tabular-nums; }
#inventoryVaultPage .ivx-c-num.is-broken{ color:var(--st-late); }
#inventoryVaultPage .ivx-c-state{ display:flex; flex-wrap:wrap; gap:4px; }
#inventoryVaultPage .ivx-state{
  --tone:var(--st-ok); --tone-soft:var(--st-ok-soft);
  display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 10px; border-radius:999px;
  background:var(--tone-soft); color:var(--tone); font-size:12px; font-weight:700; white-space:nowrap;
}
#inventoryVaultPage .ivx-state::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
#inventoryVaultPage .ivx-state .tv-ic{ width:13px; height:13px; }
#inventoryVaultPage .ivx-state[data-stock="locked"]::before{ content:none; }
#inventoryVaultPage .ivx-state[data-stock="low"]{ --tone:var(--st-warn); --tone-soft:var(--st-warn-soft); }
#inventoryVaultPage .ivx-state[data-stock="critical"]{ --tone:var(--st-warn); --tone-soft:var(--st-warn-soft); }
#inventoryVaultPage .ivx-state[data-stock="out"]{ --tone:var(--st-late); --tone-soft:var(--st-late-soft); }
#inventoryVaultPage .ivx-state[data-stock="locked"]{ --tone:var(--st-lock); --tone-soft:var(--st-lock-soft); }
#inventoryVaultPage .ivx-c-actions{ display:flex; align-items:center; gap:2px; justify-content:flex-end; }
#inventoryVaultPage .iv-product-cards-pager:empty{ display:none; }

/* narrow table → stacked rows */
@container (max-width:760px){
  #inventoryVaultPage .ivx-thead{ display:none; }
  #inventoryVaultPage .ivx-row{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"name actions" "stock stock" "state state"; padding:10px 14px; gap:6px 10px; }
  #inventoryVaultPage .ivx-c-name{ grid-area:name; }
  #inventoryVaultPage .ivx-c-actions{ grid-area:actions; }
  #inventoryVaultPage .ivx-c-stock{ grid-area:stock; padding:0; }
  #inventoryVaultPage .ivx-c-state{ grid-area:state; padding:0; }
  #inventoryVaultPage .ivx-c-num{ display:none; }
}

/* ── product panel docked beside the table ── */
#inventoryVaultPage .ivx-panel{
  position:fixed; z-index:60;
  top:calc(var(--gtop-h, 64px) + 12px); bottom:12px; left:12px;
  width:var(--ivx-dock-w);
  display:flex; flex-direction:column;
  border-radius:16px; border:1px solid var(--tv-border);
  background:var(--tv-surface);
  box-shadow:0 24px 60px -24px rgba(15,23,42,.45);
  overflow:hidden;
  animation:ivx-dock-in .2s cubic-bezier(.2,.8,.2,1) both;
}
html[data-theme="dark"] #inventoryVaultPage .ivx-panel{ background:#111827; }
#inventoryVaultPage .ivx-panel.hidden{ display:none !important; }
@keyframes ivx-dock-in{ from{ opacity:0; transform:translateX(-14px); } to{ opacity:1; transform:none; } }
#inventoryVaultPage .ivx-panel-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-bottom:1px solid var(--tv-border); }
#inventoryVaultPage .ivx-panel-title{ display:flex; align-items:center; gap:12px; min-width:0; }
#inventoryVaultPage .ivx-panel-name{ font-size:18px; font-weight:800; color:var(--tv-text); line-height:1.5; }
#inventoryVaultPage .ivx-panel-body{ flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:18px; scrollbar-width:thin; }
#inventoryVaultPage .ivx-panel-states{ display:flex; flex-wrap:wrap; gap:6px; }
#inventoryVaultPage .ivx-panel-desc{ margin:10px 0 0; font-size:13px; line-height:1.9; color:var(--tv-muted); }
#inventoryVaultPage .ivx-metrics{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:14px; }
#inventoryVaultPage .ivx-metrics > div{
  --tone:var(--tv-text);
  display:flex; flex-direction:column; gap:2px; padding:10px 12px;
  border-radius:12px; background:var(--tv-surface-2); border:1px solid var(--tv-border);
}
#inventoryVaultPage .ivx-metrics > div[data-tone="ok"]{ --tone:var(--st-ok); }
#inventoryVaultPage .ivx-metrics > div[data-tone="info"]{ --tone:var(--st-info); }
#inventoryVaultPage .ivx-metrics > div[data-tone="danger"]{ --tone:var(--st-late); }
#inventoryVaultPage .ivx-metrics b{ font-size:22px; font-weight:800; color:var(--tone); font-variant-numeric:tabular-nums; }
#inventoryVaultPage .ivx-metrics span{ font-size:12px; font-weight:600; color:var(--tv-muted); }
#inventoryVaultPage .ivx-panel-actions{ display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
#inventoryVaultPage .ivx-panel-items header h3{ margin:0 0 8px; font-size:14.5px; font-weight:800; color:var(--tv-text); }
#inventoryVaultPage .ivx-items{ display:flex; flex-direction:column; border:1px solid var(--tv-border); border-radius:12px; overflow:hidden; }
#inventoryVaultPage .ivx-items[aria-busy="true"]{ padding:10px 14px; }
#inventoryVaultPage .ivx-item{
  display:grid; grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr); grid-template-areas:"id status who" "when when when";
  align-items:center; gap:2px 10px; padding:9px 12px; font-size:12.5px;
}
#inventoryVaultPage .ivx-item + .ivx-item{ border-top:1px solid var(--tv-border); }
#inventoryVaultPage .ivx-item-id{ grid-area:id; font-weight:700; color:var(--tv-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-variant-numeric:tabular-nums; }
#inventoryVaultPage .ivx-item-status{ grid-area:status; }
#inventoryVaultPage .ivx-item-who{ grid-area:who; color:var(--tv-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#inventoryVaultPage .ivx-item-when{ grid-area:when; font-size:11.5px; color:var(--tv-subtle); }
#inventoryVaultPage .ivx-item-status{
  --tone:var(--tv-muted); --tone-soft:var(--tv-chip);
  display:inline-flex; align-items:center; height:22px; padding:0 8px; border-radius:999px;
  background:var(--tone-soft); color:var(--tone); font-size:11.5px; font-weight:700;
}
#inventoryVaultPage .ivx-item-status[data-status="active"]{ --tone:var(--st-ok); --tone-soft:var(--st-ok-soft); }
#inventoryVaultPage .ivx-item-status[data-status="assigned"]{ --tone:var(--st-info); --tone-soft:var(--st-info-soft); }
#inventoryVaultPage .ivx-item-status[data-status="broken"]{ --tone:var(--st-late); --tone-soft:var(--st-late-soft); }
#inventoryVaultPage .ivx-empty{ padding:16px; text-align:center; font-size:13px; color:var(--tv-muted); }
#inventoryVaultPage .ivx-panel-links{ display:flex; flex-wrap:wrap; gap:4px 14px; margin-top:8px; }
#inventoryVaultPage .ivx-link{ display:inline-flex; align-items:center; gap:5px; border:0; background:none; padding:4px 6px; border-radius:8px; color:var(--tv-accent); font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
#inventoryVaultPage .ivx-link:hover{ background:var(--tv-accent-soft); }
#inventoryVaultPage .tv-sk{ display:block; height:11px; margin:8px 0; border-radius:6px; background:var(--tv-chip); animation:ivx-pulse 1.2s ease-in-out infinite; }
@keyframes ivx-pulse{ 50%{ opacity:.45; } }

/* wide screens: the table makes room for the panel instead of hiding under it */
@media (min-width:1200px){
  body.ivx-docked #inventoryVaultPage .iv-shell{ margin-left:calc(var(--ivx-dock-w) + 12px); }
}
/* smaller screens: the panel becomes a full-height sheet */
@media (max-width:1199px){
  #inventoryVaultPage .ivx-panel{ left:8px; right:8px; width:auto; top:calc(var(--gtop-h, 64px) + 8px); bottom:8px; }
}
@media (prefers-reduced-motion:reduce){
  #inventoryVaultPage .ivx-panel, #inventoryVaultPage .tv-sk, #inventoryVaultPage #inventoryVaultRefreshBtn.is-busy .tv-ic{ animation:none; }
}
#inventoryVaultPage #inventoryVaultRefreshBtn{ background:var(--tv-surface) !important; color:var(--tv-muted) !important; border:1px solid var(--tv-border) !important; box-shadow:none !important; }
#inventoryVaultPage #inventoryVaultRefreshBtn:hover{ background:var(--tv-hover) !important; color:var(--tv-text) !important; }
#inventoryVaultPage #inventoryVaultTabs{ display:inline-flex !important; width:auto !important; max-width:100%; overflow-x:auto; }
#inventoryVaultPage .ivx-hero{ margin-top:6px !important; }
#inventoryVaultPage{ --st-ok:#065f46; }
html[data-theme="dark"] #inventoryVaultPage{ --st-ok:var(--dk-ok); }

/* ── Import tab: stepped form (۱ product · ۲ method · ۳ details) ─────────
   One calm surface, numbered steps down the start edge, two method
   cards side by side. All legacy ids kept; legacy .iv-panel look is
   bypassed by the new .ivx-imp wrapper. */
#inventoryVaultPage .ivx-imp{
  background:var(--tv-surface); border:1px solid var(--tv-border); border-radius:14px;
  box-shadow:var(--tv-shadow); padding:22px 24px 8px; margin:0 0 16px;
}
#inventoryVaultPage .ivx-imp-head{ margin:0 0 6px; }
#inventoryVaultPage .ivx-imp-title{ margin:0; font-size:17px; font-weight:800; line-height:1.6; color:var(--tv-text); }
#inventoryVaultPage .ivx-imp-sub{ margin:2px 0 0; font-size:13.5px; line-height:1.8; color:var(--tv-muted); max-width:72ch; }
#inventoryVaultPage #inventoryVaultRestockContext{ display:none !important; }

#inventoryVaultPage .ivx-step{
  display:grid; grid-template-columns:180px minmax(0,1fr); gap:10px 24px;
  padding:18px 0; border-top:1px solid var(--tv-border);
}
#inventoryVaultPage .ivx-step:first-of-type{ border-top:0; }
#inventoryVaultPage .ivx-step-label{
  display:flex; align-items:center; gap:10px; align-self:start;
  font-size:14px; font-weight:800; color:var(--tv-text); line-height:1.6; padding-top:6px;
}
#inventoryVaultPage .ivx-step-num{
  display:inline-grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:50%;
  background:var(--tv-accent-soft); color:var(--tv-accent); font-size:13px; font-weight:800;
}
#inventoryVaultPage .ivx-step-body{ display:grid; gap:14px; min-width:0; }

/* fields inside the import form */
#inventoryVaultPage .ivx-imp .field{ display:grid; gap:6px; margin:0 !important; }
#inventoryVaultPage .ivx-imp .field > label{
  margin:0 !important; font-size:12.5px !important; font-weight:700 !important; color:var(--tv-muted) !important;
}
#inventoryVaultPage .ivx-imp input[type="text"],
#inventoryVaultPage .ivx-imp input[type="number"],
#inventoryVaultPage .ivx-imp select,
#inventoryVaultPage .ivx-imp textarea,
#inventoryVaultPage .ivx-imp .iv-combo-trigger{
  width:100%; min-height:40px; margin:0 !important; padding:8px 12px !important;
  border-radius:10px !important; border:1px solid var(--tv-border) !important;
  background:var(--tv-surface-2) !important; color:var(--tv-text) !important;
  font:inherit !important; font-size:13.5px !important; box-shadow:none !important;
}
#inventoryVaultPage .ivx-imp textarea{ min-height:84px; line-height:1.8; resize:vertical; }
#inventoryVaultPage .ivx-imp input:focus,
#inventoryVaultPage .ivx-imp select:focus,
#inventoryVaultPage .ivx-imp textarea:focus,
#inventoryVaultPage .ivx-imp .iv-combo-trigger:focus-visible{
  outline:none; border-color:var(--tv-accent) !important; box-shadow:0 0 0 3px var(--tv-accent-soft) !important;
}
#inventoryVaultPage .ivx-imp select:disabled{ opacity:.6; cursor:progress; }
#inventoryVaultPage .ivx-imp .iv-optional-tag{
  margin-inline-start:4px; padding:0 6px; border-radius:6px; background:var(--tv-chip);
  color:var(--tv-faint); font-size:11.5px; font-weight:600;
}
#inventoryVaultPage .ivx-imp-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
#inventoryVaultPage .ivx-imp-grid.hidden{ display:none; }
#inventoryVaultPage .ivx-span2{ grid-column:1 / -1; }
#inventoryVaultPage .ivx-imp-block{ display:grid; gap:10px; }
#inventoryVaultPage .ivx-imp-block.hidden{ display:none; }
#inventoryVaultPage .ivx-imp-supplier{ max-width:calc(50% - 7px); }

/* segmented choice: existing vs new product */
#inventoryVaultPage .ivx-seg{
  display:inline-flex; justify-self:start; gap:2px; padding:3px; border-radius:11px;
  background:var(--tv-chip); border:1px solid var(--tv-border);
}
#inventoryVaultPage .ivx-seg-btn{
  height:34px; margin:0; padding:0 14px; border:0; border-radius:8px; background:transparent;
  color:var(--tv-muted); font:inherit; font-size:13px; font-weight:700; cursor:pointer; box-shadow:none;
}
#inventoryVaultPage .ivx-seg-btn:hover{ color:var(--tv-text); }
#inventoryVaultPage .ivx-seg-btn.is-on{ background:var(--tv-surface); color:var(--tv-text); box-shadow:0 1px 2px rgba(15,23,42,.08); }
html[data-theme="dark"] #inventoryVaultPage .ivx-seg-btn.is-on{ background:rgba(71,85,105,.55); }
#inventoryVaultPage .ivx-seg-btn:focus-visible{ outline:2px solid var(--tv-accent); outline-offset:1px; }

#inventoryVaultPage .ivx-imp-info{
  display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px;
  font-size:13px; color:var(--tv-muted);
}
#inventoryVaultPage .ivx-imp-info.hidden{ display:none; }
#inventoryVaultPage .ivx-imp-info strong{ color:var(--tv-text); font-weight:800; }
#inventoryVaultPage .ivx-stock-dot{ width:8px; height:8px; border-radius:50%; background:var(--st-ok); }
#inventoryVaultPage .ivx-stock-dot[data-st="low"],
#inventoryVaultPage .ivx-stock-dot[data-st="critical"]{ background:#d97706; }
#inventoryVaultPage .ivx-stock-dot[data-st="out"]{ background:var(--st-late); }
#inventoryVaultPage .ivx-imp-code{
  display:inline-block !important; width:auto !important; flex:0 0 auto; direction:ltr; padding:1px 8px; border-radius:6px; background:var(--tv-chip);
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:12px; color:var(--tv-muted);
}

/* step 2: two method cards */
#inventoryVaultPage .ivx-methods{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px; }
#inventoryVaultPage .ivx-method{
  display:flex; flex-direction:column; gap:12px; padding:16px;
  border:1px solid var(--tv-border); border-radius:12px; background:var(--tv-surface-2);
}
#inventoryVaultPage .ivx-method-head{ display:flex; gap:12px; align-items:flex-start; }
#inventoryVaultPage .ivx-method-ic{
  display:inline-grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border-radius:10px;
  background:var(--tv-surface); border:1px solid var(--tv-border); color:var(--tv-accent);
}
#inventoryVaultPage .ivx-method-ic .tv-ic{ width:18px; height:18px; vertical-align:0; }
#inventoryVaultPage .ivx-method-title{ font-size:14px; font-weight:800; color:var(--tv-text); line-height:1.6; }
#inventoryVaultPage .ivx-method-sub{ font-size:12.5px; line-height:1.8; color:var(--tv-muted); }
#inventoryVaultPage .ivx-method-btn{ margin-top:auto !important; align-self:flex-start; }
#inventoryVaultPage .ivx-method-btn:not(.tv-btn-primary){
  background:var(--tv-surface); color:var(--tv-text); border:1px solid var(--tv-border);
}
#inventoryVaultPage .ivx-method-btn:not(.tv-btn-primary):hover{ background:var(--tv-hover); }
#inventoryVaultPage .ivx-method-btn:focus-visible{ outline:2px solid var(--tv-accent); outline-offset:2px; }

/* file drop zone (the real <input type=file> covers it, so drag-drop is native) */
#inventoryVaultPage .ivx-drop{
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  min-height:92px; padding:14px; border:1.5px dashed color-mix(in srgb, var(--tv-faint) 55%, transparent);
  border-radius:10px; background:var(--tv-surface); color:var(--tv-muted); text-align:center; cursor:pointer;
  transition:border-color .15s, background-color .15s;
}
#inventoryVaultPage .ivx-drop input[type="file"]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; margin:0; }
#inventoryVaultPage .ivx-drop:hover,
#inventoryVaultPage .ivx-drop.is-over{ border-color:var(--tv-accent); background:var(--tv-accent-soft); }
#inventoryVaultPage .ivx-drop:focus-within{ border-color:var(--tv-accent); box-shadow:0 0 0 3px var(--tv-accent-soft); }
#inventoryVaultPage .ivx-drop.has-file{ border-style:solid; border-color:var(--st-ok); background:var(--st-ok-soft); }
#inventoryVaultPage .ivx-drop-ic{ color:var(--tv-faint); }
#inventoryVaultPage .ivx-drop.has-file .ivx-drop-ic{ color:var(--st-ok); }
#inventoryVaultPage .ivx-drop-text{ font-size:13px; color:var(--tv-text); overflow-wrap:anywhere; }
#inventoryVaultPage .ivx-drop-text u{ color:var(--tv-accent); text-underline-offset:3px; }
#inventoryVaultPage .ivx-drop-text span{ color:var(--tv-muted); }
#inventoryVaultPage .ivx-drop-hint{ font-size:12px; color:var(--tv-faint); }

/* step 3: collapsible details */
#inventoryVaultPage .ivx-step-more > summary{
  grid-column:1 / -1; list-style:none; cursor:pointer; padding-top:0; flex-wrap:wrap;
}
#inventoryVaultPage .ivx-step-more > summary::-webkit-details-marker{ display:none; }
#inventoryVaultPage .ivx-step-hint{ font-size:12.5px; font-weight:500; color:var(--tv-faint); }
#inventoryVaultPage .ivx-step-caret{ display:inline-flex; color:var(--tv-faint); transition:transform .15s; }
#inventoryVaultPage .ivx-step-more[open] .ivx-step-caret{ transform:rotate(180deg); }
#inventoryVaultPage .ivx-step-more > summary:focus-visible{ outline:2px solid var(--tv-accent); outline-offset:4px; border-radius:6px; }
#inventoryVaultPage .ivx-step-more{ display:block; }
#inventoryVaultPage .ivx-step-more > .ivx-step-body{ margin:14px 0 0; margin-inline-start:204px; }
#inventoryVaultPage .ivx-imp .iv-access-inline{ display:flex; gap:8px; }
#inventoryVaultPage .ivx-imp .iv-shared-qty-wrap input{ width:90px; }
#inventoryVaultPage .ivx-imp input[type="file"]:not(.ivx-drop input){ font-size:13px; color:var(--tv-muted); }

/* preview stage + batches: same surface language */
#inventoryVaultPage .iv-preview-stage{
  gap:14px !important; padding:20px 22px !important; margin:0 0 16px;
  border-radius:14px !important; border:1px solid var(--tv-accent) !important;
  background:var(--tv-surface) !important; box-shadow:var(--tv-shadow) !important;
}
#inventoryVaultPage .iv-preview-stage-title{ font-size:16px !important; font-weight:800 !important; color:var(--tv-text) !important; }
#inventoryVaultPage .iv-preview-stage-sub{ font-size:13px !important; color:var(--tv-muted) !important; }
#inventoryVaultPage .iv-preview-summary{
  display:flex; flex-wrap:wrap; gap:6px 18px; padding:0 !important; border:0 !important; background:none !important;
  font-size:13px; color:var(--tv-muted) !important;
}
#inventoryVaultPage .iv-preview-summary strong{ color:var(--tv-text); }
#inventoryVaultPage .iv-panel-batches-only{
  border-radius:14px !important; border:1px solid var(--tv-border) !important;
  background:var(--tv-surface) !important; box-shadow:var(--tv-shadow) !important; padding:18px 20px !important;
}
#inventoryVaultPage .iv-panel-batches-only .iv-panel-title{ font-size:15px !important; font-weight:800 !important; color:var(--tv-text) !important; }
#inventoryVaultPage .iv-panel-batches-only #inventoryVaultBatchesSearch{
  height:38px; border-radius:10px !important; border:1px solid var(--tv-border) !important;
  background:var(--tv-surface-2) !important; color:var(--tv-text) !important; font-size:13px !important; box-shadow:none !important;
}

@media (max-width:900px){
  #inventoryVaultPage .ivx-imp{ padding:16px 16px 4px; }
  #inventoryVaultPage .ivx-step{ grid-template-columns:minmax(0,1fr); gap:10px; }
  #inventoryVaultPage .ivx-step-more > .ivx-step-body{ margin-inline-start:0; }
  #inventoryVaultPage .ivx-methods,
  #inventoryVaultPage .ivx-imp-grid{ grid-template-columns:minmax(0,1fr); }
  #inventoryVaultPage .ivx-imp-supplier{ max-width:none; }
}

#inventoryVaultPage .ivx-step[data-ivx-step="1"] > .ivx-step-body{ max-width:760px; }
#inventoryVaultPage .ivx-sample{
  margin:0; padding:10px 12px; border-radius:8px; border:1px solid var(--tv-border); background:var(--tv-surface);
  font:12px/1.9 ui-monospace, SFMono-Regular, Menlo, monospace; color:var(--tv-faint);
  white-space:pre; overflow-x:auto; text-align:left;
}
html[data-theme="dark"] #inventoryVaultPage .ivx-imp input[type="text"],
html[data-theme="dark"] #inventoryVaultPage .ivx-imp input[type="number"],
html[data-theme="dark"] #inventoryVaultPage .ivx-imp select,
html[data-theme="dark"] #inventoryVaultPage .ivx-imp textarea,
html[data-theme="dark"] #inventoryVaultPage .ivx-imp .iv-combo-trigger{
  background:rgba(15,23,42,.45) !important; border-color:var(--tv-border) !important; color:var(--tv-text) !important;
}
html[data-theme="dark"] #inventoryVaultPage .ivx-drop,
html[data-theme="dark"] #inventoryVaultPage .ivx-sample,
html[data-theme="dark"] #inventoryVaultPage .ivx-method-ic{ background:rgba(15,23,42,.35); }

/* ── Accounts & reports tab: inner views + dense tables ─────────────── */
#inventoryVaultPage .ivx-sr{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
#inventoryVaultPage .ivx-lists{ display:flex; flex-direction:column; gap:12px; }
#inventoryVaultPage .ivx-lviews{ align-self:flex-start; }
#inventoryVaultPage .ivx-seg-count{
  display:inline-block; min-width:20px; margin-inline-start:4px; padding:0 6px; border-radius:999px;
  background:var(--tv-chip); color:var(--tv-muted); font-size:11.5px; line-height:20px; text-align:center;
}
#inventoryVaultPage .ivx-seg-count:empty{ display:none; }
#inventoryVaultPage .ivx-seg-btn.is-on .ivx-seg-count{ background:var(--tv-accent-soft); color:var(--tv-accent); }
#inventoryVaultPage .ivx-lpane{
  border:1px solid var(--tv-border); border-radius:14px; background:var(--tv-surface); box-shadow:var(--tv-shadow);
  overflow:hidden; container-type:inline-size;
}
#inventoryVaultPage .ivx-lpane.hidden{ display:none; }
#inventoryVaultPage .ivx-lbar{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:12px 14px; border-bottom:1px solid var(--tv-border);
}
#inventoryVaultPage .ivx-lbar-note{ justify-content:space-between; }
#inventoryVaultPage .ivx-lbar-note p{ margin:0; font-size:13px; color:var(--tv-muted); }
#inventoryVaultPage .ivx-lsearch{ position:relative; flex:1 1 260px; display:flex; align-items:center; }
#inventoryVaultPage .ivx-lsearch > span[data-ivx-ic]{ position:absolute; inset-inline-start:11px; display:inline-flex; color:var(--tv-faint); pointer-events:none; }
#inventoryVaultPage .ivx-lsearch input,
#inventoryVaultPage .ivx-lsel{
  height:38px !important; min-height:0 !important; margin:0 !important;
  border-radius:10px !important; border:1px solid var(--tv-border) !important;
  background:var(--tv-surface-2) !important; color:var(--tv-text) !important;
  font:inherit !important; font-size:13px !important; box-shadow:none !important;
}
#inventoryVaultPage .ivx-lsearch input{ width:100%; padding:0 12px !important; padding-inline-start:36px !important; }
#inventoryVaultPage .ivx-lsel{ flex:0 1 180px; width:auto !important; padding:0 10px !important; }
#inventoryVaultPage .ivx-lsearch input:focus,
#inventoryVaultPage .ivx-lsel:focus{ outline:none; border-color:var(--tv-accent) !important; box-shadow:0 0 0 3px var(--tv-accent-soft) !important; }
html[data-theme="dark"] #inventoryVaultPage .ivx-lsearch input,
html[data-theme="dark"] #inventoryVaultPage .ivx-lsel{ background:rgba(15,23,42,.45) !important; }
#inventoryVaultPage .ivx-lbtn{
  height:38px; padding:0 12px; background:var(--tv-surface); color:var(--tv-text); border:1px solid var(--tv-border); font-size:13px;
}
#inventoryVaultPage .ivx-lbtn:hover{ background:var(--tv-hover); }
#inventoryVaultPage .ivx-lbtn:disabled{ opacity:.65; cursor:progress; }
#inventoryVaultPage .ivx-lbtn .tv-ic{ color:var(--tv-muted); }

#inventoryVaultPage .ivx-ltable-wrap .iv-alert{ margin:12px 14px !important; }
#inventoryVaultPage .ivx-lt{ display:flex; flex-direction:column; }
#inventoryVaultPage .ivx-lt-head,
#inventoryVaultPage .ivx-lt-row{ display:grid; align-items:center; gap:12px; padding:0 16px; }
#inventoryVaultPage .ivx-lt-items .ivx-lt-head,
#inventoryVaultPage .ivx-lt-items .ivx-lt-row{ grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) 110px minmax(0,.9fr) minmax(0,1fr) 150px 64px; }
#inventoryVaultPage .ivx-lt-broken .ivx-lt-head,
#inventoryVaultPage .ivx-lt-broken .ivx-lt-row{ grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) 140px minmax(0,1fr) minmax(0,.9fr) 150px; }
#inventoryVaultPage .ivx-lt-logs .ivx-lt-head,
#inventoryVaultPage .ivx-lt-logs .ivx-lt-row{ grid-template-columns:160px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) 150px; }
#inventoryVaultPage .ivx-lt-head{
  height:36px; background:var(--tv-surface-2); border-bottom:1px solid var(--tv-border);
  font-size:12px; font-weight:700; color:var(--tv-muted);
}
#inventoryVaultPage .ivx-lt-row{ min-height:48px; font-size:13px; color:var(--tv-text); }
#inventoryVaultPage .ivx-lt-row + .ivx-lt-row{ border-top:1px solid var(--tv-border); }
#inventoryVaultPage .ivx-lt-row:hover{ background:var(--tv-hover); }
#inventoryVaultPage .ivx-lt-row > span{ min-width:0; padding:8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#inventoryVaultPage .ivx-lt-id{ font-weight:700; }
#inventoryVaultPage .ivx-lt-id .ltr-inline{ direction:ltr; unicode-bidi:isolate; }
#inventoryVaultPage .ivx-lt-prod{ color:var(--tv-text); }
#inventoryVaultPage .ivx-lt-who{ color:var(--tv-muted); }
#inventoryVaultPage .ivx-lt-order{ color:var(--tv-muted); font-variant-numeric:tabular-nums; }
#inventoryVaultPage .ivx-lt-when{ color:var(--tv-subtle); font-size:12.5px; font-variant-numeric:tabular-nums; }
#inventoryVaultPage .ivx-dim{ color:var(--tv-faint); }
#inventoryVaultPage .ivx-lt-act{ text-align:end; }
#inventoryVaultPage .ivx-lt-btn{
  height:30px; margin:0; padding:0 10px; border-radius:8px; border:1px solid var(--tv-border);
  background:var(--tv-surface); color:var(--tv-text); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; box-shadow:none;
}
#inventoryVaultPage .ivx-lt-btn:hover{ border-color:var(--tv-accent); color:var(--tv-accent); }
#inventoryVaultPage .ivx-lt-btn:focus-visible{ outline:2px solid var(--tv-accent); outline-offset:1px; }
#inventoryVaultPage .ivx-lt-empty{ padding:36px 16px; text-align:center; font-size:13.5px; color:var(--tv-muted); }

#inventoryVaultPage .ivx-log-act{
  --tone:var(--tv-muted); --tone-soft:var(--tv-chip);
  display:inline-flex; align-items:center; gap:5px; max-width:100%; height:24px; padding:0 9px; border-radius:999px;
  background:var(--tone-soft); color:var(--tone); font-size:12px; font-weight:700;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
#inventoryVaultPage .ivx-log-act::before{ content:""; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:currentColor; }
#inventoryVaultPage .ivx-log-act[data-tone="ok"]{ --tone:var(--st-ok); --tone-soft:var(--st-ok-soft); }
#inventoryVaultPage .ivx-log-act[data-tone="info"]{ --tone:var(--st-info); --tone-soft:var(--st-info-soft); }
#inventoryVaultPage .ivx-log-act[data-tone="warn"]{ --tone:var(--st-warn); --tone-soft:var(--st-warn-soft); }
#inventoryVaultPage .ivx-log-act[data-tone="late"]{ --tone:var(--st-late); --tone-soft:var(--st-late-soft); }
#inventoryVaultPage .ivx-log-act[data-tone="accent"]{ --tone:var(--tv-accent); --tone-soft:var(--tv-accent-soft); }

/* copy chips for links/codes (identifier cell) */
#inventoryVaultPage .ivx-lt .iv-copy-chip{
  display:inline-flex; align-items:center; gap:6px; max-width:100%; height:28px; margin:0; padding:0 10px;
  border-radius:8px; border:1px solid var(--tv-border); background:var(--tv-surface-2); color:var(--tv-text);
  font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; box-shadow:none; overflow:hidden;
}
#inventoryVaultPage .ivx-lt .iv-copy-chip:hover{ border-color:var(--tv-accent); }
#inventoryVaultPage .ivx-lt .iv-copy-chip .tv-ic{ width:14px; height:14px; color:var(--tv-muted); }
#inventoryVaultPage .ivx-copy-hint{ font-weight:600; color:var(--tv-accent); font-size:12px; }

/* pagination under the tables */
#inventoryVaultPage .ivx-ltable-wrap .iv-pagination,
#inventoryVaultPage .ivx-ltable-wrap .iv-simple-pagination{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;
  margin:0 !important; padding:10px 14px !important; border-top:1px solid var(--tv-border); background:var(--tv-surface-2) !important;
}
#inventoryVaultPage .ivx-ltable-wrap .iv-pager-info{ font-size:12.5px; color:var(--tv-muted); }
#inventoryVaultPage .ivx-ltable-wrap .iv-pager-btn{
  min-width:32px; height:32px; margin:0; padding:0 8px; border-radius:8px !important;
  border:1px solid var(--tv-border) !important; background:var(--tv-surface) !important; color:var(--tv-text) !important;
  font:inherit; font-size:12.5px; font-weight:700; box-shadow:none !important;
}
#inventoryVaultPage .ivx-ltable-wrap .iv-pager-btn.is-active{ background:var(--tv-accent-soft) !important; border-color:var(--tv-accent) !important; color:var(--tv-accent) !important; }
#inventoryVaultPage .ivx-ltable-wrap .iv-pager-btn:disabled{ opacity:.45; }

/* narrow → stacked rows */
@container (max-width:820px){
  #inventoryVaultPage .ivx-lt-head{ display:none; }
  #inventoryVaultPage .ivx-lt .ivx-lt-row{
    grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; padding:10px 14px;
  }
  #inventoryVaultPage .ivx-lt-row > span{ padding:0; }
  #inventoryVaultPage .ivx-lt-row > .ivx-lt-when,
  #inventoryVaultPage .ivx-lt-row > .ivx-lt-who,
  #inventoryVaultPage .ivx-lt-row > .ivx-lt-order,
  #inventoryVaultPage .ivx-lt-row > .ivx-lt-prod{ font-size:12px; }
  #inventoryVaultPage .ivx-lt-row > .ivx-lt-order:has(.ivx-dim),
  #inventoryVaultPage .ivx-lt-row > .ivx-lt-who:has(.ivx-dim){ display:none; }
}
@media (max-width:640px){
  #inventoryVaultPage .ivx-lsel, #inventoryVaultPage .ivx-lbtn{ flex:1 1 calc(50% - 4px); }
}
#inventoryVaultPage .ivx-lt .ltr-inline{ display:inline !important; width:auto !important; text-align:inherit !important; unicode-bidi:isolate !important; }
/* filter selects are enhanced into .es-combo (searchable) — size the wrapper, not the hidden select */
#inventoryVaultPage .ivx-lbar .es-combo{ flex:0 1 190px; width:auto !important; min-width:0; margin:0 !important; }
#inventoryVaultPage .ivx-lbar .es-combo-trigger{
  height:38px !important; min-height:0 !important; padding:0 10px !important;
  border-radius:10px !important; border:1px solid var(--tv-border) !important;
  background:var(--tv-surface-2) !important; color:var(--tv-text) !important;
  font-size:13px !important; box-shadow:none !important;
}
html[data-theme="dark"] #inventoryVaultPage .ivx-lbar .es-combo-trigger{ background:rgba(15,23,42,.45) !important; }
#inventoryVaultPage .ivx-lbar .es-combo-trigger:focus-visible{ outline:none; border-color:var(--tv-accent) !important; box-shadow:0 0 0 3px var(--tv-accent-soft) !important; }
@media (max-width:640px){ #inventoryVaultPage .ivx-lbar .es-combo{ flex:1 1 calc(50% - 4px); } }
html[data-theme="dark"] #inventoryVaultPage .ivx-seg-btn.is-on .ivx-seg-count{ color:var(--tv-text); }