/* ============================================================
   Editor de laudo do Centro de Imagem (FilaSenhas.razor) e a
   apresentação do laudo pronto (tela e impressão).
   Par do js/laudo-editor.js.
   ============================================================ */

.laudo-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--default-border, #dee2e6);
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: var(--default-background, #f8f9fa);
}

.laudo-tbtn {
    border: 1px solid transparent;
    background: transparent;
    border-radius: 4px;
    padding: 4px 9px;
    font-size: 15px;
    line-height: 1.2;
    color: inherit;
    cursor: pointer;
}
.laudo-tbtn:hover { background: rgba(0, 0, 0, .07); }
.laudo-tbtn.sep { pointer-events: none; opacity: .35; padding: 4px 2px; }

.laudo-editor {
    min-height: 52vh;
    max-height: 62vh;
    overflow-y: auto;
    border: 1px solid var(--default-border, #dee2e6);
    border-radius: 0 0 6px 6px;
    padding: 14px 16px;
    font-size: 17px;
    line-height: 1.6;
    background: var(--custom-white, #fff);
    outline: none;
}
.laudo-editor:focus { border-color: var(--primary-color, #6c5ffc); }
/* Dica só enquanto o editor está realmente vazio */
.laudo-editor:empty::before {
    content: attr(data-placeholder);
    color: #9ca3af;
}

/* Conteúdo do laudo — mesmas regras no editor, na leitura e na impressão,
   para o médico ver na tela exatamente o que sai no papel. */
.laudo-editor h3, .laudo-conteudo h3 { font-size: 18px; font-weight: 700; margin: 14px 0 6px; }
.laudo-editor h4, .laudo-conteudo h4 { font-size: 16px; font-weight: 700; margin: 12px 0 4px; }
.laudo-editor p,  .laudo-conteudo p  { margin: 0 0 8px; }
.laudo-editor ul, .laudo-editor ol,
.laudo-conteudo ul, .laudo-conteudo ol { margin: 0 0 8px 22px; }

.laudo-conteudo { font-size: 17px; line-height: 1.55; white-space: normal; }
/* Laudo antigo (texto puro) continua respeitando as quebras de linha */
.laudo-conteudo.texto-puro { white-space: pre-wrap; }