h1:focus { outline: none; }

/* Tickets */
.ticket-texto { white-space: pre-wrap; padding: .6rem .8rem; border-left: 3px solid var(--rz-base-300); background: var(--rz-base-50);
    border-radius: 0 4px 4px 0; max-height: 260px; overflow: auto; font-size: .9rem; }
.ticket-resposta { border-left-color: var(--rz-success); }
.tela { display: flex; flex-direction: column; gap: .5rem; height: calc(100vh - 80px); }
/* Tons do vinho da Projurid (as cores do tema e do menu vêm do CoresMarca, no App.razor). */
:root { --admin-vinho: #9B1B30; --admin-vinho-escuro: #6E1222; }

/* Painel da marca nas telas de entrada (componentes.css). */
.login-apresentacao-admin { --login-fundo: linear-gradient(150deg, #4F0D19 0%, var(--admin-vinho-escuro) 45%, var(--admin-vinho) 100%); }


/* Resposta sugerida pela IA na janela do ticket (só a equipe vê) */
.sugestao-ia { display: flex; flex-direction: column; gap: .5rem; padding: .6rem .8rem; border: 1px dashed var(--rz-info); border-radius: 8px;
    background: color-mix(in srgb, var(--rz-info) 6%, transparent); }
.sugestao-ia .rzi { color: var(--rz-info); }
.sugestao-ia-nota { font-size: .85rem; opacity: .8; }

/* Classificador → Referência: os quadros das classificações incorretas e corretas. */
.quadro-referencia { border: 2px solid; border-radius: 8px; padding: .9rem 1rem; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: .6rem; }
.quadro-referencia p { margin: 0; font-size: .875rem; opacity: .85; }
.quadro-titulo { display: flex; align-items: center; gap: .4rem; font-weight: 600; font-size: 1.05rem; }
.quadro-incorretas { border-color: var(--rz-danger); background: var(--rz-danger-lighter); }
.quadro-incorretas .quadro-titulo { color: var(--rz-danger-dark, var(--rz-danger)); }
.quadro-corretas { border-color: var(--rz-success); background: var(--rz-success-lighter); }
.quadro-corretas .quadro-titulo { color: var(--rz-success-dark, var(--rz-success)); }