/* DEN STORA DETALJRUTAN PÅ DATORN — datorrundan AT-74, 2026-10-14 (godkänt av Patrik i Chrome).
   Rotorsak: tre nästlade lager (glas-skalet > detaljlagret > .detail-container) ritade var sin 1px-ram bredvid
   varandra => tjock kant. Princip: glas-skalet äger ramen (lätt) och en mjuk skugga; detaljlagret äger bara
   vänsterkanten i ärendets färg (--detail-accent, nedtonad mot kantfärgen, som ärendekortet).
   Arkivets detaljlager är #archive-detail och Kunders #customer-detail (archive-view.js/customers-view.js sätter --detail-accent).
   Platshållarna: den nästlade .hero-placeholder målade en egen ljus platta med hårda kanter, och Mailmallars
   platshållare hade en mörk inset-skugga i botten — båda bort. Bara desktop. */
@media (min-width: 769px) {
  html body :is(#view-my-tickets, #view-inbox, #view-archive, #view-customers, #view-admin, #view-templates) .template-editor-container.glass-effect {
    border-color: color-mix(in srgb, var(--border-color) 60%, transparent) !important;
    box-shadow:
      0 1px 2px rgba(10, 25, 35, 0.06),
      0 10px 28px -8px rgba(10, 25, 35, 0.22) !important;
  }
  html body :is(#view-my-tickets, #view-inbox, #view-archive, #view-customers, #view-admin, #view-templates) .template-editor-container :is(.template-editor-container, #archive-detail, #customer-detail) .detail-container {
    border: 0 none !important;
    box-shadow: none !important;
  }
  html body :is(#view-my-tickets, #view-inbox, #view-archive, #view-customers, #view-admin, #view-templates) .template-editor-container:has(> :is(.template-editor-container, #archive-detail, #customer-detail):not([style*="display: none"])) {
    border-left-width: 0 !important;
  }
  html body :is(#view-my-tickets, #view-inbox, #view-archive, #view-customers, #view-admin, #view-templates) .template-editor-container > :is(.template-editor-container, #archive-detail, #customer-detail) {
    border: 0 none !important;
    border-left: 4px solid color-mix(in srgb, var(--detail-accent, var(--border-color)) 50%, var(--border-color)) !important;
    border-radius: inherit !important;
    box-shadow: none !important;
  }
  /* Kundvyns huvud: inline 3px kundfärg i överkant skrevs över av temat till grå 2px; kundfärgen bärs av vänsterkanten. */
  html body #view-customers #customer-detail .detail-header-top {
    border-top: 0 none !important;
  }
  /* Platshållarna */
  html body :is(#view-my-tickets, #view-inbox, #view-archive, #view-customers, #view-admin, #view-templates) .hero-placeholder,
  html body #view-templates #editor-placeholder {
    box-shadow: none !important;
  }
  html body :is(#view-my-tickets, #view-inbox, #view-archive, #view-customers, #view-admin, #view-templates) .hero-placeholder .hero-placeholder {
    background: none !important;
    border: 0 none !important;
  }
}