/* ADMIN-LISTKORTEN PÅ DATORN — datorrundan AT-74 (Patrik: "admin-korten mjukare på datorn"; "kolla markerad färg vs omarkerad").
   Mätt: hård grå 1px-ram runt om (temats border-color !important åt även vänsterkanten i agentfärg), 10px hörn, ingen skugga;
   Kundchatt & Kunskap/Systemkonfiguration-raderna (.admin-sysconfig-nav-item) 8px hörn med mörk ram.
   Nu som ärendekorten: svag ram, agent-/kontorsfärg som vänsterkant, 14px hörn, mjuk skugga.
   Vald rad följer SEL-standarden (--sel-fill/--sel-edge/--sel-text, style-modals.css) i alla adminlistor. */
@media (min-width: 769px) {
  html body #view-admin #admin-main-list .admin-mini-card.admin-mini-card:not([id^="gap-card-"]) {
    border: 1px solid color-mix(in srgb, var(--border-color) 38%, transparent) !important;
    border-left: 3px solid color-mix(in srgb, var(--agent-color, var(--accent-primary)) 80%, transparent) !important;
    border-radius: 14px !important;
    background-color: color-mix(in srgb, var(--agent-color, var(--accent-primary)) 5%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 12px -6px rgba(0, 0, 0, 0.18) !important;
    margin: 0 0 8px 0 !important;
  }
  html body #view-admin #admin-main-list .admin-mini-card.admin-mini-card:not([id^="gap-card-"]):not(.active):hover {
    background-color: color-mix(in srgb, var(--agent-color, var(--accent-primary)) 10%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 8px 18px -8px rgba(0, 0, 0, 0.24) !important;
    transform: translateY(-1px) !important;
  }
  html body #view-admin #admin-main-list .admin-mini-card.admin-mini-card.active:not([id^="gap-card-"]) {
    background-color: color-mix(in srgb, var(--sel-edge) 14%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    background-image: linear-gradient(0deg, var(--sel-fill), var(--sel-fill)) !important;
    border-color: var(--sel-edge) !important;
    border-left-color: color-mix(in srgb, var(--agent-color, var(--sel-edge)) 95%, transparent) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--sel-edge) 35%, transparent), 0 4px 12px -6px rgba(0, 0, 0, 0.2) !important;
    transform: none !important;
  }
  html body #view-admin #admin-main-list .admin-mini-card .admin-card-badge {
    border-radius: 999px !important;
    border: none !important;
  }

  /* Kundchatt & Kunskap + Systemkonfiguration: menyrader. Accentkant och ton även ovalda, som övriga adminkort
     (Patrik 10-23: "känns avklippta" mot Personal/Avdelningar/Utbud som har kanten i inaktivt läge). */
  html body #view-admin #admin-main-list .admin-sysconfig-nav-item.admin-sysconfig-nav-item {
    border: 1px solid color-mix(in srgb, var(--border-color) 38%, transparent) !important;
    border-left: 3px solid color-mix(in srgb, var(--accent-primary) 80%, transparent) !important;
    border-radius: 12px !important;
    background-color: color-mix(in srgb, var(--accent-primary) 5%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 3px 10px -6px rgba(0, 0, 0, 0.16) !important;
    margin-bottom: 8px !important;
  }
  html body #view-admin #admin-main-list .admin-sysconfig-nav-item.admin-sysconfig-nav-item:not(.active):hover {
    background-image: linear-gradient(0deg, var(--sel-fill-hover), var(--sel-fill-hover)) !important;
    border-color: color-mix(in srgb, var(--border-color) 60%, transparent) !important;
    border-left-color: color-mix(in srgb, var(--accent-primary) 80%, transparent) !important;
  }
  html body #view-admin #admin-main-list .admin-sysconfig-nav-item.admin-sysconfig-nav-item:is(.active, [aria-selected="true"]) {
    background-color: color-mix(in srgb, var(--sel-edge) 14%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    background-image: linear-gradient(0deg, var(--sel-fill), var(--sel-fill)) !important;
    border-color: var(--sel-edge) !important;
    border-left-color: var(--sel-edge) !important;
    color: var(--sel-text) !important;
  }
}

/* Mörka teman, alla sju (Patrik 10-14: "så vill jag ha det på alla mörka"; "markerad färg ljusare men utan den starka kanten runt"): vald rad = ljusare platta, samma svaga ram som ovald. */
@media (min-width: 769px) {
  html body:not(.atlas-light-theme) #view-admin #admin-main-list .admin-mini-card.admin-mini-card.active:not([id^="gap-card-"]),
  html body:not(.atlas-light-theme) #view-admin #admin-main-list .admin-sysconfig-nav-item.admin-sysconfig-nav-item:is(.active, [aria-selected="true"]) {
    background-image: none !important;
    background-color: color-mix(in srgb, #ffffff 11%, var(--bg-dark-secondary, var(--bg-dark-primary))) !important;
    border-top-color: color-mix(in srgb, var(--border-color) 38%, transparent) !important;
    border-right-color: color-mix(in srgb, var(--border-color) 38%, transparent) !important;
    border-bottom-color: color-mix(in srgb, var(--border-color) 38%, transparent) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10), 0 6px 14px -6px rgba(0, 0, 0, 0.35) !important;
  }
  html body:not(.atlas-light-theme) #view-admin #admin-main-list .admin-sysconfig-nav-item.admin-sysconfig-nav-item:is(.active, [aria-selected="true"]) {
    border-left-color: var(--sel-edge) !important;
  }
}

@media (min-width: 769px) {
  /* Enhetskortets avatar med typbricka (Patrik 10-15): 34px så att initialen och brickan får plats. */
  :root body #view-admin #admin-main-list .admin-mini-card .office-card-bubble.office-card-bubble {
    width: 34px !important; height: 34px !important; min-width: 34px !important; font-size: 14px !important;
    border-radius: 9px !important; opacity: 1 !important;
  }
  :root body #view-admin #admin-main-list .office-card-bubble .office-kind-badge { right: -6px !important; bottom: -6px !important; }
}