/* KATALOGENS STATUSFÄRGER PÅ DATORN — datorrundan AT-74, designtråd 3 (Patrik 10-15). Inaktiv kategori/tjänst = röd fade som
   prisraderna (is-vehicle-inactive, Patriks beslut 09-16); aktiv = grön vänsterkant oavsett temats accent. */
@media (min-width: 769px) {
  /* Inaktiv fordonstyp i katalogen = röd fade som prisraderna (is-vehicle-inactive, Patriks beslut 09-16). Kortregeln ovan
     (background-color på alla listkort) vann över admin-catalog.css:2135 — Patrik 10-15: "gör så att de blir röd-fade igen". */
  html body #view-admin #admin-main-list .category-builder-group.is-inactive > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]) {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 14%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    border-color: color-mix(in srgb, var(--status-danger, #ef4444) 30%, transparent) !important;
    border-left-color: color-mix(in srgb, var(--status-danger, #ef4444) 60%, transparent) !important;
  }
  html body #view-admin #admin-main-list .category-builder-group.is-inactive > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]):not(.active):hover {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 19%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
  }
  /* Ljusa teman: blanda med vitt — rött över temats gröna/blå yta blev oliv/grå (tittat apple-light-green). */
  html body.atlas-light-theme #view-admin #admin-main-list .category-builder-group.is-inactive > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]) {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 10%, #fff) !important;
  }
  html body.atlas-light-theme #view-admin #admin-main-list .category-builder-group.is-inactive > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]):not(.active):hover {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 15%, #fff) !important;
  }
}

/* Tjänsteraderna i en inaktiv kategori (Patrik 10-15: 'snygga till tjänsteraderna i de inaktiva kategorierna'): samma röda fade
   och vänsterkant som kategorikortet i stället för kortregelns gröna; typpillen tydligare röd platta. */
@media (min-width: 769px) {
  html body #view-admin #admin-main-list .category-builder-group.is-inactive .category-builder-group-list > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]) {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 7%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    border-color: color-mix(in srgb, var(--status-danger, #ef4444) 20%, transparent) !important;
    border-left-color: color-mix(in srgb, var(--status-danger, #ef4444) 50%, transparent) !important;
  }
  html body #view-admin #admin-main-list .category-builder-group.is-inactive .category-builder-group-list > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]):not(.active):hover {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 12%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
  }
  html body.atlas-light-theme #view-admin #admin-main-list .category-builder-group.is-inactive .category-builder-group-list > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]) {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 6%, #fff) !important;
  }
  html body.atlas-light-theme #view-admin #admin-main-list .category-builder-group.is-inactive .category-builder-group-list > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]):not(.active):hover {
    background-color: color-mix(in srgb, var(--status-danger, #ef4444) 11%, #fff) !important;
  }
  html body #view-admin #admin-main-list .category-builder-group.is-inactive .category-builder-service-card .svc-type-pill.svc-type-pill {
    background: color-mix(in srgb, var(--status-danger, #ef4444) 12%, transparent) !important;
    color: color-mix(in srgb, var(--status-danger, #ef4444) 80%, var(--text-primary)) !important;
    border: none !important;
  }
  /* Rubriken INAKTIV i kategorihuvudet: röd prick och ton (var grön prick — eget fel 6643b69). */
  html body #view-admin .category-builder-header .category-builder-meta > p.is-off {
    background: color-mix(in srgb, var(--status-danger, #ef4444) 12%, transparent) !important;
    color: color-mix(in srgb, var(--status-danger, #ef4444) 80%, var(--text-primary)) !important;
    border-color: color-mix(in srgb, var(--status-danger, #ef4444) 25%, transparent) !important;
  }
  html body #view-admin .category-builder-header .category-builder-meta > p.is-off::before { background: var(--status-danger, #ef4444) !important; }
}
/* Detaljvyn för inaktiv kategori/tjänst (Patrik 10-15: "detaljvyn för en inaktiv kategori också något röd … samt inaktiv tjänst"):
   huvudet = röd platta + röd överkant, ikonrutan röd. Kategori via :has(p.is-off), tjänst via .catalog-detail.is-inactive (admin-catalog.js). */
@media (min-width: 769px) {
  html body #view-admin .category-builder-detail:has(.category-builder-meta > p.is-off) .category-builder-header.category-builder-header.glass-panel,
  html body #view-admin .catalog-detail.is-inactive > .detail-body > .admin-section-banner.admin-section-banner:first-child {
    background: color-mix(in srgb, var(--status-danger, #ef4444) 10%, transparent) !important;
    box-shadow: inset 0 2px 0 color-mix(in srgb, var(--status-danger, #ef4444) 55%, transparent) !important;
  }
  html body #view-admin .category-builder-detail:has(.category-builder-meta > p.is-off) .category-builder-header #category-builder-header-icon,
  html body #view-admin .catalog-detail.is-inactive > .detail-body > .admin-section-banner:first-child > div:first-child {
    background: color-mix(in srgb, var(--status-danger, #ef4444) 15%, transparent) !important;
    color: color-mix(in srgb, var(--status-danger, #ef4444) 85%, var(--text-primary)) !important;
  }
  /* Aktiva kategorikort = grön vänsterkant (Patrik 10-15: i sunset-horizon är accenten korall ⇒ aktiva såg inaktiva ut). */
  html body #view-admin #admin-main-list .category-builder-group:not(.is-inactive) > .category-builder-card.admin-mini-card.admin-mini-card:not([id^="gap-card-"]):not(.active) {
    border-left-color: color-mix(in srgb, var(--status-success, #22c55e) 75%, transparent) !important;
  }
}
@media (min-width: 769px) {
  /* Ljusa teman: rött över mint blev beige ⇒ blanda med vitt. */
  html body.atlas-light-theme #view-admin .category-builder-detail:has(.category-builder-meta > p.is-off) .category-builder-header.category-builder-header.glass-panel,
  html body.atlas-light-theme #view-admin .catalog-detail.is-inactive > .detail-body > .admin-section-banner.admin-section-banner:first-child {
    background: color-mix(in srgb, var(--status-danger, #ef4444) 9%, #fff) !important;
  }
  /* Tjänsterader i aktiv kategori = grön vänsterkant (sunset: accenten korall ⇒ såg inaktiva ut, Patrik 10-15). */
  html body #view-admin #admin-main-list .category-builder-group:not(.is-inactive) .category-builder-group-list > .admin-mini-card.admin-mini-card:not([id^="gap-card-"]):not(.active) {
    border-left-color: color-mix(in srgb, var(--status-success, #22c55e) 65%, transparent) !important;
  }
}