/* =========================================================
   ROUTIQ WAREHOUSE SUITE — SHARED SHELL HEADER
   FILE: cores/shared/warehouse-header.css

   Shared shell header utilities for all Warehouse Suite cores.
   Load after dashboard.css and before core-specific CSS.

   Each core sets --core-header-accent-rgb on its header element
   to tint the weather icon with its signature color.
   Fallback (122, 90, 209) matches Dashboard inventory-blue.
========================================================= */

/* Horizontally center sidebar branding across all shell cores */
.dashboard-shell .sidebar-top {
  align-items: center;
  text-align: center;
}

/* Crop transparent padding from logo image; preserve visible mark size */
.dashboard-shell .sidebar-top .brand-logo {
  height: 50px;
  object-fit: cover;
  object-position: center;
}

/* Tighten sidebar-top spacing and nav gap for shell cores */
.dashboard-shell .sidebar-top {
  gap: 4px;
  padding-bottom: 6px;
}

.dashboard-shell .sidebar-nav {
  margin-top: 8px;
}

/* Weather icon tinted by core signature color */
.dashboard-shell .weather-icon {
  border-color: rgba(var(--core-header-accent-rgb, 122, 90, 209), 0.28);
  background: rgba(var(--core-header-accent-rgb, 122, 90, 209), 0.08);
}

.dashboard-shell .weather-icon svg {
  fill: none;
  stroke: rgb(var(--core-header-accent-rgb, 122, 90, 209));
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}