/* I dag: datoen i ord, assistentens boks, og dagens sektioner. Bygger på app.css og
   tavle.css: kortbrikken og gitteret (.gruppe-kort) kommer derfra, farverne fra
   tokens.css, og der er ingen effekter ud over kortets skygge og prioriteringens
   ring, som begge kommer fra tavle.css.
   Telefon: én kolonne i den rækkefølge, skærmen tegner den. Fra 1000 px to kolonner med møder
   og mails til højre; selve kolonnerne vælger skærmen, ikke stilarket. */

/* ---- Hovedet: "I dag" og datoen i ord ---- */
.idag-hoved .idag-dato { font-size: 1.05rem; font-weight: 500; color: var(--tekst-svag); margin: 0.2rem 0 0; }
.idag-henter { margin-bottom: 1rem; }
.idag-fejl { margin-bottom: 1rem; }
.idag-fejl .link-knap { margin-left: 0.35rem; color: inherit; }

/* ---- Morgenmødet: én linje og én knap ---- */
.idag-moede-start { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.idag-moede-start p { margin: 0; flex: 1 1 260px; }

/* ---- Assistentens tekst ---- */
.idag-brief { padding: 1.25rem 1.5rem; }
.idag-brief-hoved { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; }
.idag-brief-hoved img { width: 22px; height: 22px; flex: 0 0 auto; }
.idag-brief-hoved h2 { flex: 1; min-width: 0; margin: 0; }
.idag-brief-hoved .knap { padding: 0.4rem 0.8rem; font-size: 0.9rem; }
.idag-brief-tekst p { margin: 0 0 0.6rem; font-size: 1.02rem; line-height: 1.6; }
.idag-brief-tekst p:last-child { margin-bottom: 0; }
.idag-brief-arbejder { display: flex; align-items: center; gap: 0.5rem; margin: 0.75rem 0 0; color: var(--tekst-svag); font-size: 0.925rem; }
.idag-puls { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); flex: 0 0 auto; }
.idag-brief .besked { margin-top: 0.75rem; }
.idag-brief .idag-status { margin-top: 0.75rem; }

/* ---- Dagens sektioner ---- */
.idag-din-dag { margin: 1.5rem 0 0.75rem; font-size: 1.05rem; }
.idag-kolonner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 380px); gap: 1.5rem; align-items: start; }
.idag-kolonne { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.idag-sektion h3 { display: flex; align-items: center; gap: 0.4rem; font-size: 1rem; margin-bottom: 0.5rem; }
.idag-sektion-hjaelp { margin: -0.25rem 0 0.5rem; }
.idag-tom-linje { margin: 0; color: var(--tekst-svag); font-size: 0.925rem; }
.idag-status { display: flex; flex-wrap: wrap; gap: 0.25rem 0.6rem; align-items: baseline; margin: 0.4rem 0 0; font-size: 0.8rem; color: var(--tekst-svag); }
.idag-status-fejlede { color: var(--fejl); }
.idag-status .link-knap { font-size: 0.8rem; }
.idag-vis-alle { margin-top: 0.5rem; }

/* Møder og mails: én flade pr. punkt, samme kant og skygge som kortbrikken. */
.idag-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.idag-moede, .idag-mail {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.55rem 0.7rem;
  background: var(--flade);
  border: 1px solid var(--linje);
  border-radius: var(--radius);
  box-shadow: var(--skygge-kort);
}
.idag-moede-hoved { display: flex; align-items: baseline; gap: 0.6rem; }
.idag-moede-tid { font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.idag-moede-titel { font-weight: 500; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.idag-moede-sted { font-size: 0.85rem; color: var(--tekst-svag); overflow-wrap: anywhere; }
.idag-handlinger { display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap; margin-top: 0.25rem; font-size: 0.875rem; }
.idag-handlinger .knap { padding: 0.3rem 0.65rem; font-size: 0.85rem; }
.idag-handlinger .link-knap { font-size: 0.875rem; }
.idag-moede .besked, .idag-mail .besked { margin-top: 0.4rem; }
.idag-mail-hoved { display: flex; justify-content: space-between; gap: 0.75rem; font-size: 0.85rem; color: var(--tekst-svag); }
.idag-mail-hvem { min-width: 0; overflow-wrap: anywhere; }
.idag-mail-dato { white-space: nowrap; }
.idag-mail-emne { font-weight: 500; overflow-wrap: anywhere; }
.idag-gjort li { font-size: 0.925rem; padding: 0.35rem 0; border-top: 1px solid var(--linje); }
.idag-gjort li:first-child { border-top: none; padding-top: 0; }

/* Telefon: kortene i én kolonne, boksene med mindre luft. */
@media (max-width: 720px) {
  .idag-brief { padding: 1rem; }
  .idag-brief-hoved { flex-wrap: wrap; }
  .idag-brief-hoved h2 { font-size: 1.05rem; }
  .idag-kolonner { grid-template-columns: 1fr; }
  .idag-sektion .gruppe-kort { grid-template-columns: 1fr; }
  .idag-moede-hoved { flex-wrap: wrap; gap: 0.2rem 0.6rem; }
}