/* ==========================================================================
   Warehouse Management UI Prototype v1 (Inventory Phase 1C-UI)
   ==========================================================================
   Pure UI prototype styling — static data only, no persistence. Reuses the
   existing shared Foundation classes from inventory-design.css untouched
   (.inventory-section-card, .inventory-btn-*, .icon-btn, .drawer-*,
   .status-badge, .toggle-switch, .profile-summary-row, .chip/.chip-group,
   .field-group/.field-grid, .inventory-empty-state, .query-field,
   .status-chip) — only new warehouse-specific structural classes live here.
   Exceeds 150 lines, so per the dev rules this is its own file rather than
   an addition to inventory-design.css.
   ========================================================================== *//* ---- Prototype marker ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .prototype-banner {
  display: inline-flex;
  align-items: center;
  gap: var(--ids-space-2);
  background: #fff6e5;
  border: 1px solid #eccb7a;
  color: #8a5a00;
  border-radius: var(--ids-radius-pill);
  padding: 6px 14px;
  font-size: var(--ids-font-xs);
  font-weight: 600;
  margin-top: var(--ids-space-2);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .prototype-banner .inv-icon {
  width: 16px;
  height: 16px;
}/* ---- Summary Cards ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--ids-space-4);
  margin-bottom: var(--ids-space-5);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-summary-card {
  display: flex;
  align-items: center;
  gap: var(--ids-space-3);
  background: var(--color-white);
  border: 1px solid var(--ids-border-soft);
  border-radius: var(--ids-radius-lg);
  padding: var(--ids-space-4);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-summary-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--ids-radius-md);
  background: #eef6fb;
  color: var(--color-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-summary-icon .inv-icon {
  width: 20px;
  height: 20px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-summary-value {
  font-size: var(--ids-font-xl);
  font-weight: 700;
  color: var(--color-navy);
  line-height: 1.2;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-summary-label {
  font-size: var(--ids-font-xs);
  color: var(--color-text-muted);
  margin-top: 2px;
}/* ---- Search row: keyword input + Type/Status Select + Advanced toggle ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-search-row {
  display: flex;
  align-items: flex-end;
  gap: var(--ids-space-3);
  flex-wrap: wrap;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-search-input-wrap {
  flex: 1 1 320px;
  min-width: 240px;
}/* ---- Warehouse row list — flat list with a bottom divider between rows
   (not individually-boxed cards), matching the approved design reference. ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-list {
  display: flex;
  flex-direction: column;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row {
  display: flex;
  align-items: center;
  gap: var(--ids-space-4);
  padding: var(--ids-space-4) var(--ids-space-2);
  min-height: 100px;
  border-bottom: 1px solid var(--ids-border-soft);
  border-radius: var(--ids-radius-md);
  transition: background 150ms ease;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row:last-child {
  border-bottom: none;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row:hover {
  background: var(--ids-surface-hover);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row.is-inactive {
  opacity: 0.7;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #eef6fb;
  color: var(--color-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-avatar .inv-icon {
  width: 22px;
  height: 22px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-left {
  display: flex;
  align-items: center;
  gap: var(--ids-space-3);
  flex: 1 1 260px;
  min-width: 220px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-text {
  min-width: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-line1 {
  display: flex;
  align-items: center;
  gap: var(--ids-space-2);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-code {
  font-size: var(--ids-font-sm);
  color: var(--color-text-muted);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-name {
  font-size: var(--ids-font-md);
  font-weight: 700;
  color: var(--color-text);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-line2 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  font-size: var(--ids-font-xs);
  color: var(--color-text-muted);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-line2 .inv-icon {
  width: 14px;
  height: 14px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-mid {
  flex: 2 1 420px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ids-space-2) var(--ids-space-6);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-stat {
  font-size: var(--ids-font-sm);
  color: var(--color-text);
  min-width: 90px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-stat-label {
  display: block;
  font-size: 11px;
  color: var(--color-text-muted);
  margin-bottom: 2px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-actions {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}/* ---- Warehouse Detail Drawer: Profile Header ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-header {
  display: flex;
  align-items: flex-start;
  gap: var(--ids-space-3);
  padding: 16px var(--ids-space-6);
  background: var(--ids-surface-muted);
  border-radius: var(--ids-radius-lg) 0 0 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #eef6fb;
  color: var(--color-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-avatar .inv-icon {
  width: 22px;
  height: 22px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-text {
  flex: 1;
  min-width: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-title {
  font-size: var(--ids-font-lg);
  font-weight: 700;
  color: var(--color-navy);
  line-height: 1.3;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-subtitle {
  font-size: var(--ids-font-sm);
  color: var(--color-text-muted);
  margin-top: 2px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-line2 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--ids-font-xs);
  color: var(--color-text-muted);
  margin-top: 2px;
  line-height: 1.2;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-profile-line3 {
  font-size: var(--ids-font-xs);
  color: var(--color-text-muted);
  margin-top: 2px;
  line-height: 1.2;
}/* ---- Basic tab: 65/35 columns ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-basic-columns {
  display: grid;
  /* Group C (Issue #006's overflow root cause, same fix applied to every
     affected Drawer): a plain percentage track has no min-content limit of
     its own and can still force the grid past its container's width;
     wrapping both tracks in minmax(0, ...) keeps the same 65/35 visual
     ratio but lets them actually shrink instead of overflowing. */
  grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
  gap: var(--ids-space-4);
  align-items: start;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 760px) {:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-basic-columns {
    grid-template-columns: 1fr;
  }
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-basic-left, :is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-basic-right {
  min-width: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--ids-space-2) 0;
}/* ---- Locations tab ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-location-list {
  display: flex;
  flex-direction: column;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-location-card {
  display: flex;
  align-items: center;
  gap: var(--ids-space-4);
  padding: var(--ids-space-3) var(--ids-space-1);
  border-bottom: 1px solid var(--ids-border-soft);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-location-card:last-child {
  border-bottom: none;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-location-icon {
  width: 40px;
  height: 40px;
  border-radius: var(--ids-radius-sm);
  border: 1px solid var(--ids-border-soft);
  background: var(--ids-surface-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  flex-shrink: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-location-info {
  flex: 1 1 200px;
  min-width: 140px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-location-stat {
  font-size: var(--ids-font-xs);
  color: var(--color-text);
  min-width: 70px;
}/* ---- Managed Items tab ---- */:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-managed-item-list {
  display: flex;
  flex-direction: column;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-managed-item-row {
  display: flex;
  align-items: center;
  gap: var(--ids-space-4);
  padding: var(--ids-space-3) var(--ids-space-1);
  border-bottom: 1px solid var(--ids-border-soft);
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-managed-item-row:last-child {
  border-bottom: none;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-managed-item-thumb {
  width: 48px;
  height: 48px;
  border-radius: var(--ids-radius-sm);
  border: 1px solid var(--ids-border-soft);
  background: var(--ids-surface-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-muted);
  flex-shrink: 0;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-managed-item-info {
  flex: 1 1 200px;
  min-width: 140px;
}:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-managed-item-stat {
  font-size: var(--ids-font-xs);
  color: var(--color-text);
  min-width: 80px;
}/* ---- Responsive ---- */


@media (max-width: 900px) {:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row {
    flex-wrap: wrap;
  }:is(#inventoryHostRoot, #inventoryOverlayRoot) .warehouse-row-mid {
    flex-basis: 100%;
  }
}