/* HEM PÅ DATORN — datorrundan AT-74, 2026-10-14 (Patrik gav fri hand: "Allt du gör blir riktigt bra").
   - Panelerna (.hw-card) som den stora detaljrutan (detail-frame-desktop.css): lätt ram + mjuk skugga.
   - Statistikraderna i "Mina ärenden": en gemensam yta (förr nästan osynlig vit ram i ljusa teman, gul bara på interna).
   - Att göra (Patrik: "todo krånglig"): kryssrutan först och rund (klick = klar, home-widgets.js), tiden som diskret
     text till höger, klocka/papperskorg syns vid hover eller fokus, raderna mjukare och tätare. Bara desktop. */
/* Hem i Trafik (Fråga Atlas-fältet nertill; Standard döljer det). Patrik 10-14 natt: Hem gjordes bara för Standard.
   Bandet: ingen hård överkant, mindre höjd så Att göra får plats; fältet = mjuk platta i temats accent som Hem-panelerna. */
@media (min-width: 769px) {
  html body #view-chat #home-chat-footer.chat-input-area.chat-input-area {
    border-top: 0 !important; box-shadow: none !important; backdrop-filter: none !important;
    min-height: 0 !important; padding: 10px 40px 16px !important;
    background: transparent !important;
  }
  html:not(.atlas-edition-standard):not(.atlas-edition-unresolved) body #view-chat #home-chat-footer #chat-form {
    background: color-mix(in srgb, var(--accent-primary) 7%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 22%, transparent) !important;
    border-radius: 999px !important; box-shadow: none !important; max-width: 620px !important;
  }
  html:not(.atlas-edition-standard):not(.atlas-edition-unresolved) body #view-chat #home-chat-footer #chat-form:focus-within {
    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) 12%, transparent) !important;
  }
}

/* Rutorna ovanför klipps inte rakt mot frågefältet: mjuk uttoning nertill + luft när man scrollat till botten (Patrik: 'stannar precis på linjen'). */
/* Hem i Trafik: frågefältets band lika högt som sidomenyns profilruta (.sidebar-footer min-height 60px) så linjerna möts. */
@media (min-width: 769px) {
  html:not(.atlas-edition-standard):not(.atlas-edition-unresolved) body #view-chat #home-chat-footer.chat-input-area.chat-input-area {
    height: 60px !important; min-height: 60px !important; padding: 0 40px !important; box-sizing: border-box !important;
  }
  html:not(.atlas-edition-standard):not(.atlas-edition-unresolved) body #view-chat #home-chat-footer #chat-form {
    padding: 4px 4px 4px 20px !important; align-items: center !important;
  }
  html:not(.atlas-edition-standard):not(.atlas-edition-unresolved) body #view-chat #home-chat-footer #my-chat-input {
    height: 34px !important; min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;
  }
}
/* Hem i Trafik: bandet bakom frågefältet i headerns ton (Patrik: "nyansskillnad på bakgrunden och skrivfältet … samma som headern"). */
@media (min-width: 769px) {
  html:not(.atlas-edition-standard):not(.atlas-edition-unresolved) body #view-chat #home-chat-footer.chat-input-area.chat-input-area {
    background: color-mix(in srgb, var(--accent-primary) 14%, var(--bg-color, transparent)) !important;
  }
  html:not(.atlas-edition-standard):not(.atlas-edition-unresolved) body #view-chat #home-chat-footer #chat-form {
    /* Lite ljusare än bandet i alla teman (relativ färg; mörka teman fick annars ett mörkt hål). Datorrundan 10-15. */
    background: oklch(from color-mix(in srgb, var(--accent-primary) 14%, var(--bg-color, #fff)) calc(l + 0.07) calc(c * 0.8) h) !important;
    border-color: color-mix(in srgb, var(--text-primary) 13%, transparent) !important;
  }
}