/* ============================================================================
   Direct tab — namespaced to #panel-direct / .dir-* only.
   Reuses the .dist-* table / card / chip / drawer classes from
   distribution.css (loaded globally); only Direct-specific pieces live here.
   ========================================================================== */

#panel-direct { font-size: 13px; }

#panel-direct .dir-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:4px 0 12px; flex-wrap:wrap; }
#panel-direct .dir-title { margin:0; font-size:20px; font-weight:650; letter-spacing:-0.01em; }
#panel-direct .dir-sub { font-size:12px; color:#64748b; margin-top:3px; }

#panel-direct .dir-toggle { display:flex; align-items:center; gap:7px; font-size:12px; color:#475569; font-weight:550; white-space:nowrap; }
#panel-direct .dir-toggle input { accent-color:#1e293b; width:15px; height:15px; cursor:pointer; }

.dir-fresh {
  display:inline-block; padding:3px 10px; border-radius:12px; font-size:11px;
  margin:0 6px 6px 0; border:1px solid #e2e8f0; background:#f8fafc; color:#475569;
}
.dir-fresh-lag { background:#fffbeb; border-color:#fde68a; color:#92400e; }
.dir-fresh-stall { background:#fef2f2; border-color:#fecaca; color:#b91c1c; font-weight:600; }

.dir-badge-big3 {
  display:inline-block; padding:1px 8px; border-radius:10px; font-size:10px;
  font-weight:650; background:#ede9fe; color:#5b21b6; white-space:nowrap; margin-left:5px;
}
.dir-badge-new {
  display:inline-block; padding:1px 8px; border-radius:10px; font-size:10px;
  font-weight:650; background:#dcfce7; color:#166534; white-space:nowrap; margin-left:5px;
}

#panel-direct .dir-group-row td {
  background:#f1f5f9; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em;
  color:#64748b; font-weight:700; padding:6px 9px;
}
#panel-direct .dir-acct-row { cursor:pointer; }
#panel-direct .dir-note-cell { max-width:420px; font-size:11.5px; color:#475569; }

/* drawer reuses .dist-drawer-* classes; only the container id differs */
/* Above .topbar (z-index 1000) — see #dist-drawer note in distribution.css */
#dir-drawer { position:fixed; inset:0; z-index:1200; }

/* Stores & inventory (KAM wave) */
#panel-direct .dir-inv-controls { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 11px; }
#panel-direct .dir-inv-controls input {
  border:1px solid #d8dee7; border-radius:7px; padding:6px 9px; font-size:12px; color:#334155; background:#fff; min-width:200px;
}
#panel-direct .dir-inv-sku { cursor:pointer; }

.dir-tier {
  display:inline-block; padding:1px 8px; border-radius:10px; font-size:10px; font-weight:700; white-space:nowrap;
}
.dir-tier-1 { background:#dcfce7; color:#166534; }
.dir-tier-2 { background:#ecfccb; color:#3f6212; }
.dir-tier-3 { background:#fef9c3; color:#854d0e; }
.dir-tier-4 { background:#f1f5f9; color:#64748b; }

/* Floating help tooltip — appended to body by js/direct.js so it can never
   be clipped by .dist-scroll containers. Sits above the drawers (1200). */
.dir-tooltip {
  display:none; position:fixed; z-index:1300; width:260px;
  background:#0f172a; color:#f1f5f9; padding:9px 12px; border-radius:7px;
  font-size:11.5px; font-weight:400; line-height:1.5; text-align:left;
  text-transform:none; letter-spacing:0; white-space:normal;
  box-shadow:0 6px 18px rgba(15,23,42,.3);
}

.dir-status {
  display:inline-block; padding:2px 9px; border-radius:11px; font-size:10.5px;
  font-weight:700; letter-spacing:.03em; white-space:nowrap;
}
.dir-status-under { background:#fef3c7; color:#92400e; }
.dir-status-ghost { background:#fee2e2; color:#b91c1c; }
.dir-status-void  { background:#e2e8f0; color:#475569; }
.dir-status-ok    { background:#dcfce7; color:#166534; }