/* Admin-pills mjukare på datorn (ledartråd 30): Ärendebehörighet/Vybehörighet.
   Temats label-ring (nordic-dawn.css:1531 m.fl.) lade en grå 1px-ring utanför pillens egen kant = dubbel, hård ram.
   Kontor-rutan fick temats mörka panelkant medan Vy-rutan var mjukt tonad ⇒ båda rutorna samma mjuka ton. */
@media (min-width: 769px) {
  :root body #view-admin .agent-permission-section .glass-panel label.agent-office-pill,
  :root body #view-admin .agent-permission-section .glass-panel label.agent-office-group-pill,
  :root body #view-admin .agent-permission-section .glass-panel label.agent-view-pill,
  :root body #view-admin .admin-user-detail .agent-office-pill,
  :root body #view-admin .admin-user-detail .agent-office-group-pill,
  :root body #view-admin .admin-user-detail .agent-view-pill {
    box-shadow: none !important;
    font-weight: 600 !important;
    border-color: color-mix(in srgb, var(--border-color) 70%, transparent) !important;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
  }
  :root body #view-admin .agent-permission-section .glass-panel label.agent-office-pill.is-selected,
  :root body #view-admin .agent-permission-section .glass-panel label.agent-office-group-pill.is-selected,
  :root body #view-admin .agent-permission-section .glass-panel label.agent-view-pill.is-selected,
  :root body #view-admin .admin-user-detail .agent-office-pill.is-selected,
  :root body #view-admin .admin-user-detail .agent-office-group-pill.is-selected,
  :root body #view-admin .admin-user-detail .agent-view-pill.is-selected {
    border-color: color-mix(in srgb, var(--accent-primary) 26%, transparent) !important;
  }
  :root body #view-admin .admin-user-detail .agent-permission-section .glass-panel.agent-office-permission-panel,
  :root body #view-admin .admin-user-detail .agent-permission-section .glass-panel.agent-view-permission-panel {
    background: color-mix(in srgb, var(--accent-primary) 6%, transparent) !important;
    border-color: color-mix(in srgb, var(--accent-primary) 22%, transparent) !important;
    box-shadow: none !important;
  }
  :root body #view-admin .admin-user-detail .agent-counter-pill { box-shadow: none !important; }
}
/* Ovalda valpills: ingen halvvit platta (temats rgba(255,255,255,.42), nordic-dawn.css:1711) — mjuk ton i temats textfärg. */
@media (min-width: 769px) {
  html body #view-admin .lang-pill.lang-pill:not([style*="--dynamic-pill-color"]),
  :root body #view-admin .admin-user-detail .agent-office-pill:not(.is-selected),
  :root body #view-admin .admin-user-detail .agent-office-group-pill:not(.is-selected),
  :root body #view-admin .admin-user-detail .agent-view-pill:not(.is-selected),
  :root body #view-admin .agent-permission-section .glass-panel label.agent-office-pill:not(.is-selected),
  :root body #view-admin .agent-permission-section .glass-panel label.agent-office-group-pill:not(.is-selected),
  :root body #view-admin .agent-permission-section .glass-panel label.agent-view-pill:not(.is-selected) {
    background: color-mix(in srgb, var(--text-primary) 5%, transparent) !important;
    border-color: color-mix(in srgb, var(--text-primary) 12%, transparent) !important;
    color: color-mix(in srgb, var(--text-secondary) 85%, transparent) !important;
  }
}
/* Valda språk (kontorsfärg inline): något tydligare platta så vald/ovald skiljs i alla teman. */
@media (min-width: 769px) {
  html body #view-admin #lang-pill-group .lang-pill.lang-pill[style*="--dynamic-pill-color"],
  html body #view-admin .lang-pill.lang-pill[style*="--dynamic-pill-color"] {
    background: color-mix(in srgb, var(--dynamic-pill-color) 18%, transparent) !important;
    color: color-mix(in srgb, var(--dynamic-pill-color) 55%, var(--text-primary)) !important;
    border-color: color-mix(in srgb, var(--dynamic-pill-color) 40%, transparent) !important;
  }
}