/* Admin → Personal/Kontor: "Pågående ärenden"-korten smälte in i panelen (agentfärg 8 %, style-modals.css:484/535).
   Patrik 10-14 natt: tydligare, men färg ur temat — inte vita kort; ingen ram runt varje kort (bara vänsterkanten i agentfärg)
   och ingen box runt hela listan ("alla ärenden ligger i en liten box"). */
@media (min-width: 769px) {
  html body #view-admin .admin-ticket-preview.admin-ticket-preview[style*="--atp-color"] {
    background: color-mix(in srgb, var(--accent-primary) 10%, color-mix(in srgb, var(--atp-color, var(--accent-primary)) 6%, transparent)) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 3px 10px -6px rgba(15, 23, 42, 0.18) !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
  }
  html body #view-admin #agent-ticket-list-panel#agent-ticket-list-panel,
  html body.atlas-light-theme #view-admin .admin-zoom-fill-panel.admin-zoom-fill-panel:not(.glass-panel):has(.admin-ticket-preview),
  html body #view-admin .admin-zoom-fill-panel.admin-zoom-fill-panel:not(.glass-panel):has(.admin-ticket-preview) {
    background: transparent !important;
    border-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (min-width: 769px) {
  /* Pillen i ärendekortens fot: flex klipper texten rakt och trycker bort ikonen när två pills inte får plats ⇒ block med ellips. */
  html body #view-admin .admin-ticket-preview .atp-pill.atp-pill {
    display: block !important; min-width: 3.2em !important;
    overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
  }
  html body #view-admin .admin-ticket-preview .atp-pill.atp-pill > svg {
    display: inline-block !important; vertical-align: -2px !important; margin-right: 4px !important; flex: none !important;
  }
}