/* ┌─────────────────────────────────────────────────────────────────────────────┐
   │  vedhaeftning.css — JournalAgent-svar som vedhæftning i feltet (bud A, 19/10)│
   │                                                                             │
   │  Bruges af Home.razor (chips i feltet, skyggen i kolonnen) og OpslagsPopup  │
   │  (pillen "Vedhæft til notatet"). Facit: docs/design/kontekst-foer-notatet.  │
   │  Chippen er et bilag: lille, lys, foran placeholderen; × sender den op igen. │
   └─────────────────────────────────────────────────────────────────────────────┘ */

/* ── Chips i feltet ──
   Feltet er et grid med én kolonne (app.css), og mic/↑ ligger absolut i enderne. Med chips får
   grid'et to kolonner (chips · tekst), så teksten bliver på linjen; chips'ene rykker ind forbi
   mic'en, og tekstfeltet slipper sin mic-padding. I efterdiktat (display:block) står chips'ene
   som en række over tekstfeltet. */
.editor-search-inline:has(.vedhaeft-chips) { grid-template-columns: auto 1fr; }
.vedhaeft-chips { display: flex; gap: 5px; flex-shrink: 0; margin-left: 6px; min-width: 0; }
.editor-search-inline.has-live-mic .vedhaeft-chips { margin-left: 46px; }
.editor-search-inline.has-live-mic:has(.vedhaeft-chips) input { padding-left: 6px; }
.editor-search-inline.har-efterdiktat .vedhaeft-chips { margin: 4px 0 2px 10px; }

.vedhaeft-chip {
    display: inline-flex; align-items: center; gap: 5px;
    height: 26px; padding: 0 4px 0 6px; border-radius: 999px;
    background: #e9eff4; color: #15324a;
    font: inherit; font-size: 0.74rem; font-weight: 600; white-space: nowrap;
    border: 0; cursor: pointer; max-width: 180px;
}
.vedhaeft-chip:hover { outline: 1.5px solid rgba(47, 108, 143, 0.45); }
.vedhaeft-chip .vedhaeft-navn { overflow: hidden; text-overflow: ellipsis; }
.vedhaeft-j {
    width: 14px; height: 14px; border-radius: 4px; flex-shrink: 0;
    background: #d9e9f2; color: #15324a; font-size: 0.6rem; font-weight: 700;
    display: grid; place-items: center;
}
.vedhaeft-x {
    width: 18px; height: 18px; border-radius: 50%; border: 0; background: none;
    color: #607284; font: inherit; font-size: 0.8rem; line-height: 1; cursor: pointer; padding: 0;
    display: grid; place-items: center;
}
.vedhaeft-x:hover { background: rgba(21, 50, 74, 0.10); color: #15324a; }

/* Mange chips: teksten i feltet må ikke klemmes helt — chips forkortes */
.editor-search-inline:has(.vedhaeft-chip:nth-child(3)) .vedhaeft-chip { max-width: 110px; }

/* ── Skyggen i kolonnen: svaret er i feltet ── */
.agent-answer-button.er-vedhaeftet {
    background: transparent; border-style: dashed; border-color: rgba(22, 33, 43, 0.14);
    color: #a1afbd; font-size: 0.78rem; padding: 7px 11px;
}
.agent-answer-button.er-vedhaeftet .knap-prik { background: transparent; border: 1px solid #a1afbd; }
.agent-answer-button.er-vedhaeftet:hover { background: rgba(236, 245, 255, 0.5); }
.vedhaeft-suffix { color: #b6c2cf; font-weight: 500; }

/* ── Pillen i popuppen ── */
.sk-pille.er-lys { background: #d9e9f2; color: #15324a; box-shadow: none; }