/* ┌─────────────────────────────────────────────────────────────────────────────┐
   │  transcript-panel.css — transskriptet centralt i mainframen (13/7)          │
   │                                                                             │
   │  Samtalen ligger som en dæmpet, kort-løs kolonne midt i notatfladen:        │
   │  starter oppefra, scroller når der er fyldt, og toner ud med blur i         │
   │  enderne (masken/bluren bor i chat-transcript.css og forstærkes let her).   │
   │  Dock-chippen rider på divider-linjen under Start/Ny session-knapperne;     │
   │  minimeret transskript lukker sig ned på netop den linje.                   │
   │  Bruges af Home.razor omkring <ChatTranscript>.                             │
   └─────────────────────────────────────────────────────────────────────────────┘ */

.transkript-scene {
    flex: 1 1 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.transkript-scene.is-collapsed {
    flex: 0 0 auto;
}

/* ── Dock-chippen på divider-linjen ──
   .editor har 16px padding-top; -28px løfter chippen op, så den centreres
   på .mainframe-top-divider — også når transskriptet er foldet ned. */
.transkript-dock {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: -38px auto 0;
    padding: 3px 13px 4px;
    border: 1px solid rgba(21, 50, 74, 0.10);
    border-radius: 999px;
    background: #fff;
    color: #7d8ea0;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    z-index: 5;
    box-shadow: 0 2px 8px rgba(17, 31, 41, 0.06);
    transition: color 0.15s ease, box-shadow 0.15s ease;
}

.transkript-dock:hover {
    color: #2a4d6c;
    box-shadow: 0 3px 12px rgba(17, 31, 41, 0.11);
}

.transkript-dock-pil {
    font-size: 0.82rem;
    line-height: 1;
    color: #a8b6c4;
}

.transkript-dock-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b6c2cf;
    flex-shrink: 0;
}

.transkript-dock-dot.is-live {
    background: #28a764;
    animation: transkript-dot-puls 1.5s infinite;
}

@keyframes transkript-dot-puls {
    0%, 100% { opacity: 0.35; }
    50% { opacity: 1; }
}

/* ── Samtalen: centreret kolonne uden kort ──
   Teksten ligger direkte på panelfladen; læses oppefra og ned. */
.transkript-krop {
    flex: 1;
    min-height: 0;
    width: min(660px, 88%);
    /* 40px bund-luft, så samtalen ikke løber ind under omnifeltet */
    margin: 2px auto 40px;
    display: flex;
    flex-direction: column;
}

.transkript-krop .chat-transcript {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.transkript-krop .chat-scroll {
    flex: 1;
    max-height: none;
    padding: 26px 6px 22px;
    /* Lidt dybere udtoning end i kort-varianten — indholdet forsvinder blødt */
    -webkit-mask-image: linear-gradient(to bottom,
        transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image: linear-gradient(to bottom,
        transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
}

.transkript-krop .chat-transcript::before,
.transkript-krop .chat-transcript::after {
    height: 30px;
}

.transkript-krop .chat-swap-btn {
    top: 6px;
}

/* ── T1 "Scenen" (13/7) — boble-løst udtryk, ren tekst på fladen ──
   Ingen bobler eller sider: én venstrestillet kolonne, hvor Læge/Patient
   adskilles af farvede mikro-labels. Scrollbaren er helt usynlig —
   auto-følg (chatTranscript.follow) og masken bærer orienteringen. */
.transkript-krop .chat-scroll {
    gap: 14px;
    scrollbar-width: none;
}

.transkript-krop .chat-scroll::-webkit-scrollbar {
    display: none;
}

.transkript-krop .chat-row.is-doctor {
    justify-content: flex-start;
}

.transkript-krop .chat-bubble,
.transkript-krop .chat-row.is-doctor .chat-bubble {
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(61, 79, 97, 0.82);
    font-size: 0.9rem;
    line-height: 1.6;
}

.transkript-krop .chat-speaker {
    color: #b0722f;
}

.transkript-krop .chat-row.is-doctor .chat-speaker {
    color: #2f6c8f;
}

/* Redigering: fokus-markering flytter fra den (nu usynlige) boble til teksten */
.transkript-krop .chat-bubble:has(.chat-text:focus) {
    border: 0;
    box-shadow: none;
}

.transkript-krop .chat-text:focus {
    background: rgba(47, 111, 176, 0.07);
}

.transkript-krop .chat-bubble-pending {
    background: transparent;
    color: #8595a7;
}