/* RAMEN I MÖRKA TEMAN — datorrundan AT-74 (Patrik 10-14: "väl blå ton mot den bruna"; "enhetlig känsla i ramen men ändå med lite nyans";
   "svagare färgtoner än skarpa hårda").
   Mätt (pixlar, Mina ärenden): sidomenyn h315/h285 och logohörnet h227/h233 i Apple Road/Sunset, resten av ramen h34/h350.
   Orsak: .glass-effect har fast violett ton rgba(20,18,28,.5) (style.css:366) och .sidebar-header fast blå gradient (style.css:468).
   Nu följer båda temats egna variabler: sidomenyn = temats panelton, logohörnet = svag skiftning i temats accent. */
@media (min-width: 769px) {
  html body:not(.atlas-light-theme) nav.sidebar.glass-effect {
    background: color-mix(in srgb, var(--bg-dark-primary) 90%, transparent) !important;
  }
  html body:not(.atlas-light-theme) nav.sidebar .sidebar-header {
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 6%, transparent) 0%, transparent 100%) !important;
  }

  /* Listhuvudets glöd bakom ikonen: 22 % accent (style-tickets.css:1794 m.fl.) ⇒ 10 %. Utan !important med avsikt:
     teman som stänger av glöden (carbon, atlas-minimal: background-image none !important) behåller det. */
  html body:not(.atlas-light-theme) :is(#view-inbox, #view-my-tickets, #view-customers, #view-templates) .list-panel-header {
    background-image:
      linear-gradient(180deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.025) 55%, rgba(255,255,255,0.05) 100%),
      radial-gradient(circle at calc(100% - 52px) 50%, color-mix(in srgb, var(--accent-primary) 10%, transparent) 0%, transparent 60%);
  }
  /* Sökrutornas fokus: mjukare accent i mörka teman (search-fields-desktop.css har full accent + 18 % ring). */
  html body:not(.atlas-light-theme) :is(#view-my-tickets, #view-inbox, #view-archive, #view-customers, #view-templates) :is(#my-tickets-search, #inbox-search, #filter-search, #customer-search-top, #template-search-input).filter-input:focus {
    border-color: color-mix(in srgb, var(--accent-primary) 50%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 9%, transparent) !important;
  }
}

/* Översta headern: svag toning i den inloggades agentfärg från vänster in i temat (Patrik 10-14: "väldigt subtil agentfärg … fade
   med agentfärg med temafärgen från vänster till höger"). --min-agentfarg sätts vid inloggning (renderer.js updateProfileUI). */
@media (min-width: 769px) {
  html body header.chat-header.chat-header {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--min-agentfarg, var(--accent-primary)) 11%, transparent) 0%, color-mix(in srgb, var(--min-agentfarg, var(--accent-primary)) 4%, transparent) 35%, transparent 70%) !important;
  }
}

/* Öppet ärende i mörka teman (Patrik 10-14: "kika med ett ärende öppnat … så alla delar smälter ihop färgmässigt").
   Mätt: ärendets färg sätts inline på detaljlagret som --detail-bubble-bg 12 %, --detail-border 30 %, --detail-bg 8 % och svarsbandets --detail-footer-bg 8 % ⇒ i t.ex. Apple Road
   blir bubbla, svarsram och huvud gröna/lila mot brunt. Nu blandas ärendefärgen svagare in i temats egna ytor (nyans kvar, tar inte över).
   !important behövs: variablerna står inline. */
@media (min-width: 769px) {
  html body:not(.atlas-light-theme) [style*="--detail-accent"] {
    --detail-bubble-bg: color-mix(in srgb, var(--detail-accent) 7%, color-mix(in srgb, var(--text-primary) 5%, transparent)) !important;
    --detail-border: color-mix(in srgb, var(--detail-accent) 22%, var(--border-color)) !important;
    --detail-bg: color-mix(in srgb, var(--detail-accent) 5%, transparent) !important;
  }
  html body:not(.atlas-light-theme) [style*="--detail-footer-bg"] {
    --detail-footer-bg: color-mix(in srgb, var(--detail-accent, transparent) 4%, color-mix(in srgb, var(--text-primary) 2%, transparent)) !important;
  }
}
/* Profilrutan nere till vänster (.sidebar-footer) i subtil agentfärg, som översta headern (theme-frame-desktop.css) — Patrik 10-14 natt. */
@media (min-width: 769px) {
  html body .sidebar-footer.sidebar-footer {
    background-image: linear-gradient(90deg, color-mix(in srgb, var(--min-agentfarg, var(--accent-primary)) 12%, transparent) 0%, color-mix(in srgb, var(--min-agentfarg, var(--accent-primary)) 4%, transparent) 60%, transparent 100%) !important;
  }
}