/* N07 V3 desktop dashboard authority.
   One layout authority for the warehouse dashboard; presentation only. */
@media (min-width: 761px) {
  body.n07-dashboard-v2 {
    --dash-gap: 14px;
    --dash-card-radius: 14px;
    --dash-border: #e1e7ef;
    --dash-shadow: 0 7px 22px rgba(15, 23, 42, .055);
    --dash-red: #e30613;
    --dash-green: #12a05d;
    --dash-orange: #f28a19;
    --dash-ink: #111c32;
    --dash-muted: #7b8798;
  }

  body.n07-dashboard-v2 .main {
    background-image: linear-gradient(180deg, rgba(246,248,251,.72), rgba(246,248,251,.86)), url('/warehouse_bg_web_v3.webp') !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }

  body.n07-dashboard-v2 .n07-systembar {
    height: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 22px;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid #e7ebf1;
    box-shadow: 0 2px 10px rgba(15,23,42,.035);
  }
  body.n07-dashboard-v2 .n07-systembar button {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid #e0e6ee;
    border-radius: 9px;
    background: #fff;
    color: #182236;
    box-shadow: 0 3px 9px rgba(15,23,42,.05);
    cursor: pointer;
    font-size: 18px;
  }
  body.n07-dashboard-v2 .n07-systembar strong { font-size: 14px; color: #182236; }
  body.n07-dashboard-v2 .n07-systembar span { font-size: 12px; color: #7f8a9a; }

  body.n07-dashboard-v2 .topbar {
    min-height: 92px !important;
    padding: 14px 22px !important;
    background: rgba(255,255,255,.98) !important;
    border-bottom: 1px solid #e6ebf2 !important;
    box-shadow: 0 3px 16px rgba(15,23,42,.035) !important;
  }
  body.n07-dashboard-v2 .topbar h2 {
    font-size: 25px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    color: var(--dash-ink) !important;
  }
  body.n07-dashboard-v2 #runtime-line { color: #6d7889 !important; }
  body.n07-dashboard-v2 .warehouse-switch { gap: 10px !important; }
  body.n07-dashboard-v2 .warehouse-switch button,
  body.n07-dashboard-v2 .user-chip,
  body.n07-dashboard-v2 .top-notification {
    border: 1px solid #dfe6ee !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(15,23,42,.045) !important;
  }
  body.n07-dashboard-v2 .warehouse-switch button.active {
    background: linear-gradient(135deg,#f21d32,#df0619) !important;
    border-color: #df0619 !important;
    box-shadow: 0 8px 20px rgba(227,6,19,.20) !important;
  }

  /* Same horizontal workspace as the other desktop pages: no centered 1320px island. */
  body.n07-dashboard-v2 #page-dashboard {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 18px 42px !important;
    box-sizing: border-box;
  }

  body.n07-dashboard-v2 #page-dashboard > .warehouse-context-card {
    margin: 0 0 var(--dash-gap) !important;
    padding: 14px 16px !important;
    border: 1px solid var(--dash-border) !important;
    border-radius: var(--dash-card-radius) !important;
    background: rgba(255,255,255,.975) !important;
    box-shadow: var(--dash-shadow) !important;
  }
  body.n07-dashboard-v2 #page-dashboard > .warehouse-context-card input,
  body.n07-dashboard-v2 #page-dashboard > .warehouse-context-card select {
    height: 42px !important;
    border-radius: 8px !important;
    border-color: #d9e1eb !important;
    background: #fff !important;
    color: #17233a !important;
    font-weight: 500 !important;
  }

  body.n07-dashboard-v2 #dashboard-metrics.metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: var(--dash-gap) !important;
    margin: 0 0 var(--dash-gap) !important;
  }
  body.n07-dashboard-v2 #dashboard-metrics .overview-card {
    position: relative !important;
    min-width: 0 !important;
    min-height: 108px !important;
    padding: 17px 18px !important;
    border: 1px solid var(--dash-border) !important;
    border-radius: var(--dash-card-radius) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: var(--dash-shadow) !important;
    overflow: hidden !important;
    isolation: isolate;
  }
  body.n07-dashboard-v2 #dashboard-metrics .overview-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
  }
  body.n07-dashboard-v2 #dashboard-metrics .overview-label {
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    color: #5f6b7d !important;
  }
  body.n07-dashboard-v2 #dashboard-metrics .overview-card strong {
    font-size: 25px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    color: #101a2d !important;
  }
  body.n07-dashboard-v2 #dashboard-metrics .overview-card.green strong { color: var(--dash-green) !important; }
  body.n07-dashboard-v2 #dashboard-metrics .overview-card.orange strong { color: var(--dash-orange) !important; }
  body.n07-dashboard-v2 #dashboard-metrics .overview-card small { font-size: 10px !important; color: #768294 !important; }
  body.n07-dashboard-v2 .dashboard-kpi-sparkline {
    position: absolute;
    right: 6px;
    bottom: 4px;
    width: 106px;
    height: 44px;
    opacity: .95;
    pointer-events: none;
    z-index: 0;
  }
  body.n07-dashboard-v2 .dashboard-kpi-sparkline svg { width: 100%; height: 100%; display: block; }

  body.n07-dashboard-v2 .dashboard-main-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: var(--dash-gap) !important;
    align-items: stretch !important;
    margin: 0 0 var(--dash-gap) !important;
  }
  body.n07-dashboard-v2 .dashboard-main-grid > .card {
    grid-column: span 6 !important;
    min-width: 0 !important;
    min-height: 300px !important;
    padding: 16px !important;
    border: 1px solid var(--dash-border) !important;
    border-radius: var(--dash-card-radius) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: var(--dash-shadow) !important;
  }
  body.n07-dashboard-v2 .dashboard-main-grid h3,
  body.n07-dashboard-v2 #dashboard-analytics h3 {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #152138 !important;
    letter-spacing: normal !important;
  }

  body.n07-dashboard-v2 #dashboard-status.dashboard-warehouse-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr auto !important;
    gap: 11px !important;
    min-height: 244px !important;
  }
  body.n07-dashboard-v2 #dashboard-status .dashboard-warehouse-card {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 13px 15px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 11px !important;
    background: #fff !important;
  }
  body.n07-dashboard-v2 #dashboard-status .dashboard-wh-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 11px !important;
  }
  body.n07-dashboard-v2 #dashboard-status .dashboard-wh-title strong { font-weight: 700 !important; }
  body.n07-dashboard-v2 #dashboard-status .dashboard-wh-title span { font-weight: 600 !important; }
  body.n07-dashboard-v2 #dashboard-status .kv-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 18px !important;
    row-gap: 7px !important;
  }
  body.n07-dashboard-v2 #dashboard-status .kv-list > div { color: #5f6b7d !important; font-weight: 400 !important; }
  body.n07-dashboard-v2 #dashboard-status .kv-list > strong { color: #111c32 !important; font-weight: 600 !important; }
  body.n07-dashboard-v2 #dashboard-status .dashboard-system-line {
    display: grid !important;
    grid-template-columns: auto 1fr auto 1fr auto 1.35fr !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fbfcfe !important;
    font-size: 11px !important;
  }

  body.n07-dashboard-v2 .quick-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr !important;
    gap: 10px !important;
    min-height: 230px !important;
    margin-top: 12px !important;
  }
  body.n07-dashboard-v2 .quick-grid button {
    min-width: 0 !important;
    min-height: 101px !important;
    border-radius: 11px !important;
    border: 1px solid #e0e6ee !important;
    box-shadow: none !important;
    font-weight: 600 !important;
  }
  body.n07-dashboard-v2 .quick-grid button span {
    font-weight: 600 !important;
    letter-spacing: normal !important;
  }

  body.n07-dashboard-v2 #dashboard-analytics {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: var(--dash-gap) !important;
    align-items: stretch !important;
  }
  body.n07-dashboard-v2 #dashboard-analytics > .analytics-card {
    min-width: 0 !important;
    min-height: 168px !important;
    padding: 16px !important;
    border: 1px solid var(--dash-border) !important;
    border-radius: var(--dash-card-radius) !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: var(--dash-shadow) !important;
  }
  body.n07-dashboard-v2 #dashboard-analytics > .analytics-card:nth-child(1),
  body.n07-dashboard-v2 #dashboard-analytics > .analytics-card:nth-child(2) { grid-column: span 6 !important; }
  body.n07-dashboard-v2 #dashboard-analytics > .analytics-card:nth-child(3) { grid-column: span 7 !important; }
  body.n07-dashboard-v2 #dashboard-analytics > .dashboard-journey-art { grid-column: span 5 !important; }
  body.n07-dashboard-v2 #dashboard-analytics .analytics-sub { margin: 3px 0 12px !important; color: #6f7b8d !important; font-size: 10px !important; }
  body.n07-dashboard-v2 #dashboard-analytics .capacity-box { margin-top: 12px !important; }
  body.n07-dashboard-v2 #dashboard-analytics .bar-chart { margin-top: 11px !important; }
  body.n07-dashboard-v2 #dashboard-analytics .bar-row {
    display: grid !important;
    grid-template-columns: minmax(88px, 1fr) minmax(140px, 4fr) 24px !important;
    gap: 10px !important;
    align-items: center !important;
  }
  body.n07-dashboard-v2 #dashboard-analytics .bar-row > span:first-child { font-weight: 400 !important; color: #44536a !important; }
  body.n07-dashboard-v2 #dashboard-analytics .bar-value { font-weight: 600 !important; color: #172238 !important; }
  body.n07-dashboard-v2 #dashboard-analytics .bar-track { height: 9px !important; border-radius: 999px !important; background: #e9edf2 !important; }
  body.n07-dashboard-v2 #dashboard-analytics .bar-fill { height: 100% !important; border-radius: 999px !important; background: var(--dash-red) !important; }

  body.n07-dashboard-v2 #dashboard-analytics > .dashboard-journey-art {
    position: relative !important;
    min-height: 168px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  body.n07-dashboard-v2 .dashboard-journey-art .journey-copy {
    position: absolute;
    left: 20px;
    bottom: 26px;
    z-index: 2;
    color: #b0bbce;
  }
  body.n07-dashboard-v2 .dashboard-journey-art .journey-copy strong {
    display: block;
    font-size: 13px;
    letter-spacing: .02em;
    color: #a7b5c9;
  }
  body.n07-dashboard-v2 .dashboard-journey-art .journey-copy span { display: block; margin-top: 5px; font-size: 11px; }
  body.n07-dashboard-v2 .dashboard-journey-art .journey-bike {
    position: absolute;
    right: -2px;
    bottom: 4px;
    width: 72%;
    height: 95%;
    opacity: .22;
    color: #c4d0df;
  }

  body.n07-dashboard-v2.n07-sidebar-collapsed .sidebar { width: 74px !important; }
  body.n07-dashboard-v2.n07-sidebar-collapsed .sidebar .brand-row > :not(.n07-logo),
  body.n07-dashboard-v2.n07-sidebar-collapsed #nav button span,
  body.n07-dashboard-v2.n07-sidebar-collapsed .sidebar-bottom button span { display: none !important; }

  /* System overview only: compact vertically without adding JS or changing structure. */
  body.n07-dashboard-v2 .dashboard-main-grid:has(#dashboard-status .dashboard-warehouse-card + .dashboard-warehouse-card) > .card {
    min-height: 278px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
  body.n07-dashboard-v2 #dashboard-status:has(.dashboard-warehouse-card + .dashboard-warehouse-card) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 1fr auto !important;
    min-height: 222px !important;
    gap: 8px !important;
  }
  body.n07-dashboard-v2 #dashboard-status:has(.dashboard-warehouse-card + .dashboard-warehouse-card) .dashboard-warehouse-card {
    padding: 9px 13px !important;
  }
  body.n07-dashboard-v2 #dashboard-status:has(.dashboard-warehouse-card + .dashboard-warehouse-card) .dashboard-wh-title {
    margin-bottom: 7px !important;
  }
  body.n07-dashboard-v2 #dashboard-status:has(.dashboard-warehouse-card + .dashboard-warehouse-card) .kv-list {
    row-gap: 4px !important;
  }
  body.n07-dashboard-v2 #dashboard-status:has(.dashboard-warehouse-card + .dashboard-warehouse-card) .dashboard-system-line {
    grid-column: 1 / -1 !important;
    min-height: 34px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  body.n07-dashboard-v2 .dashboard-main-grid:has(#dashboard-status .dashboard-warehouse-card + .dashboard-warehouse-card) .quick-grid {
    min-height: 208px !important;
    margin-top: 10px !important;
  }
  body.n07-dashboard-v2 .dashboard-main-grid:has(#dashboard-status .dashboard-warehouse-card + .dashboard-warehouse-card) .quick-grid button {
    min-height: 92px !important;
  }
  body.n07-dashboard-v2 #dashboard-analytics:has(.capacity-grid) > .analytics-card {
    min-height: 146px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
}