/* PILLS PÅ DATORN — en form överallt (Patrik 10-14 natt: "viktigt att pills är snygga och lika överallt").
   Inventering: PILLS_INVENTERING.md (datorrunda-20261014). Bara FORMEN tvingas (rundning, storlek, luft, vikt, versaler);
   färgen lämnas åt temat/inline/--dynamic-pill-* så kontors- och agentfärger bärs som förut.
   .chat-affects-badge och .expert-setting-badge är ikonbrickor och hålls utanför (pillens padding tryckte expertmärkets ikon till 0 px, rättat 10-15). Valpills (toggles) har sin standard i admin-pills-desktop.css/admin-forms-desktop.css. */
@media (min-width: 769px) {
  /* (b) informativa etiketter */
  html body .pill.pill:not(.close-pill):not(.desktop-footer-close-pill):not(button),
  html body .ticket-tag.ticket-tag,
  html body #view-admin .atp-pill.atp-pill,
  html body .status-pill.status-pill:not(button):not(.admin-operation-toggle):not(.admin-config-checkbox-pill),
  html body .svc-type-pill, html body .kw-pill, html body .ki-kw-chip, html body .gap-status-pill,
  html body .notif-type-pill, html body .lang-pill.lang-pill, html body .ctpl-card-pill.ctpl-card-pill,
  html body .campaign-status-badge, html body .category-builder-badge, html body .category-builder-preview-pill,
  html body .category-builder-visibility-pill, html body .catalog-system-badge, html body .office-catalog-link-pill,
  html body .ai-model-chip, html body .ai-badge,
  html body .detail-type-badge, html body .reader-type-badge, html body .kb-standard-template-badge,
  html body .kb-unpublished-template-badge, html body .kb-vehicle-inactive-badge, html body .kb-quick-question-badge,
  html body .ki-import-badge, html body .atlas-edition-confirm-badge {
    border-radius: 999px !important;
    padding: 2px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1px !important;
    text-transform: none !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
  }
  /* (c) räknarbadges: rund, samma vikt */
  html body .notes-count-badge, html body .admin-card-badge.admin-card-badge, html body .office-card-badge,
  html body .tab-badge, html body .group-badge, html body .kb-service-count-badge, html body #customer-detail-total-pill {
    border-radius: 999px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }
  /* (a) räknarpillen i agent-/kontorshuvudet: samma form som valpills */
  html body #view-admin .agent-counter-pill.agent-counter-pill {
    border-radius: 999px !important; font-weight: 600 !important; box-shadow: none !important;
  }
}
/* Mjukare kant på alla pills (Patrik 10-14 natt). Etiketter: kanten = textens egen färg 16 % (behåller kontors-/agentfärg).
   Valpills: ovald kant 22 %, vald accent 10 %; räknarpillen accent 14 % ("den hårda kantlinjen inte så skarp"). */
@media (min-width: 769px) {
  html body .pill.pill:not(.close-pill):not(.desktop-footer-close-pill):not(button),
  html body .ticket-tag.ticket-tag, html body #view-admin .atp-pill.atp-pill,
  html body .status-pill.status-pill:not(button):not(.admin-operation-toggle):not(.admin-config-checkbox-pill),
  html body .lang-pill.lang-pill, html body .ctpl-card-pill.ctpl-card-pill {
    border-color: color-mix(in srgb, currentColor 16%, transparent) !important;
    --dynamic-pill-border: color-mix(in srgb, currentColor 16%, transparent) !important;
  }
  /* Temaregler med id (t.ex. nordic-dawn.css:3089 #view-admin .header-pills-row .pill[style*=--dynamic-pill-color]) vinner annars. */
  html body #view-admin .pill.pill[style], html body #view-admin .atp-pill.atp-pill[style], html body #view-admin .lang-pill.lang-pill[style] {
    border-color: color-mix(in srgb, currentColor 16%, transparent) !important;
  }
  :root body #view-admin .agent-permission-section .glass-panel label.agent-office-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,
  html body #view-admin .new-agent-office-label.new-agent-office-label,
  html body #view-admin .new-agent-view-panel .na-view-pill.na-view-pill,
  html body #view-admin #new-office-kind-picker .no-kind-option.no-kind-option {
    border-color: color-mix(in srgb, var(--border-color) 22%, transparent) !important;
  }
  :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-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,
  html body #view-admin .new-agent-office-label.new-agent-office-label:has(input:checked),
  html body #view-admin .new-agent-view-panel .na-view-pill.na-view-pill[data-active="true"],
  html body #view-admin #new-office-kind-picker .no-kind-option.no-kind-option[data-active="true"] {
    border-color: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
  }
  html body #view-admin .agent-counter-pill.agent-counter-pill, html body #view-admin .agent-counter-pill.agent-counter-pill.is-selected {
    border-color: color-mix(in srgb, var(--accent-primary) 14%, transparent) !important;
  }
}
/* Bokikonen ("Påverkar svaren i kundchatten") och expertmärket: ingen ruta eller platta runt ikonen (Patrik 10-14 natt:
   "ta bort rektangel runt boken … eller kanten iaf, så det blir en mjuk linje") ⇒ mjuk platta, svag kant, rundare hörn. */
@media (min-width: 769px) {
  html body .chat-affects-badge.chat-affects-badge, html body .expert-setting-badge.expert-setting-badge,
  html body #view-admin .chat-affects-badge.chat-affects-badge, html body #view-admin .expert-setting-badge.expert-setting-badge {
    background: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
    border-color: color-mix(in srgb, var(--accent-primary) 14%, transparent) !important;
    box-shadow: none !important; border-radius: 7px !important;
    padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  }
  html body .chat-affects-badge.chat-affects-badge, html body #view-admin .chat-affects-badge.chat-affects-badge { color: var(--accent-primary) !important; }
}
/* Navkorten i Kundchatt & Kunskap: boken alltid längst ut till höger (efter AI-chippet), i en rak kolumn (Patrik 10-14 natt). */
@media (min-width: 769px) {
  html body #view-admin .admin-sysconfig-nav-item > .chat-affects-badge,
  html body #view-admin .admin-chat-nav-item > .chat-affects-badge { order: 99; margin-left: auto !important; flex-shrink: 0; }
  html body #view-admin .admin-chat-nav-item:has(> .admin-nav-ai-chip) > .chat-affects-badge { margin-left: 8px !important; }
  html body #view-admin .admin-chat-nav-item:has(> .chat-affects-badge) > .admin-nav-ai-chip { margin-left: auto !important; }
}
/* Nyckelordspillsen (.kw-pill, .ki-kw-chip) och övriga etiketter i listan ovan fick inte den mjuka kanten (temats grå 1px vann),
   och knappen "Samma/Varierar" lektionslängd (.catalog-duration-variance-pill) hade en mörk hård kant. Patrik: pills lika överallt, inga hårda kanter. */
@media (min-width: 769px) {
  html body #view-admin :is(.kw-pill, .ki-kw-chip, .svc-type-pill, .gap-status-pill, .category-builder-preview-pill, .category-builder-visibility-pill, .catalog-system-badge, .office-catalog-link-pill)[class][class] {
    border-color: color-mix(in srgb, currentColor 16%, transparent) !important;
  }
  /* Färgsemantiken (Samma = grön, Varierar = röd) är Patriks beslut 09-16 (admin-catalog.css:40) — bara kanten mjukas (ljusa teman blandade in svart). */
  html body #view-admin .catalog-duration-variance-pill.catalog-duration-variance-pill.is-inactive {
    border-color: color-mix(in srgb, var(--status-success, #22c55e) 34%, transparent) !important; box-shadow: none !important;
  }
  html body #view-admin .catalog-duration-variance-pill.catalog-duration-variance-pill.is-active {
    border-color: color-mix(in srgb, var(--status-danger, #ef4444) 30%, transparent) !important; box-shadow: none !important;
  }
}
/* Expertmärket är en varning (röd triangel) ⇒ plattan i röd ton i stället för accentgrön. */
@media (min-width: 769px) {
  html body .expert-setting-badge.expert-setting-badge.expert-setting-badge, html body #view-admin .expert-setting-badge.expert-setting-badge.expert-setting-badge {
    background: color-mix(in srgb, var(--status-danger, #ef4444) 10%, transparent) !important;
    border-color: color-mix(in srgb, var(--status-danger, #ef4444) 18%, transparent) !important;
  }
}