/* Chrome del diálogo de tarea — la única parte de task-detail-dialog.css que
   NO puede acotarse a TaskDetailDialog, y conviene entender por qué antes de
   "terminar la migración" moviéndola.

   Los sujetos de estas reglas son ANCESTROS del componente: el contenedor de
   contenido que pinta Radzen (.rz-dialog-content / .rz-dialog-side-content,
   seleccionado con :has(.task-dialog)) y el propio cajón lateral
   (.rz-dialog-side.dalatic-detail-dialog) con su barra de título. Bajo CSS
   isolation el compilador les pondría el `b-{hash}` del componente, pero esos
   elementos los renderiza DialogService fuera del marcado de
   TaskDetailDialog.razor: el hash nunca les llega y `::deep` sólo baja, nunca
   sube. Se quedan globales a propósito, reducidos a lo imprescindible.

   El resto de la hoja original vive en
   Components/Pages/Projects/TaskDetailDialog.razor.css (isolation). */

    /* Make sure the Radzen content area doesn't add its own scroll on top
       of our two-column scrolls (sidebar + main). */
    .rz-dialog-content:has(.task-dialog),
    .rz-dialog-side-content:has(.task-dialog) {
        padding: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        display: flex;
        flex-direction: column;
    }

/* ═══════════════════════════════════════════════════════════════════════════ */
/* SIDE-DRAWER HOST — kill the spurious third scrollbar                        */
/* The drawer stacks its title bar (~48px) above .task-dialog, which is        */
/* height:100% of the drawer. Title + 100% overflowed the host by exactly that */
/* title height, so the drawer grew its own scrollbar alongside the two real   */
/* ones (.task-main and .task-sidebar) — three bars where there should be two. */
/* Making the host a flex column lets the content area take only the remaining */
/* height, so .task-dialog fits exactly and the host never scrolls.            */
/* ═══════════════════════════════════════════════════════════════════════════ */
.rz-dialog-side.dalatic-detail-dialog {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.rz-dialog-side.dalatic-detail-dialog > .rz-dialog-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* La barra de título del cajón: una fila de servicio, no un encabezado.
   Radzen la pinta a 20px con 24px de aire, y como el título que le pasamos es
   el número de la incidencia, quedaba un "REQ-00028" enorme justo encima del
   chip que YA dice "REQ-00028" en las migas. Dos veces lo mismo, y lo grande
   era la copia redundante. Ahora la barra pesa lo que pesa un rótulo y el
   contenido manda. Va aquí y no en theme.css porque sólo aplica a los cajones
   que piden esta CssClass. */
.rz-dialog-side.dalatic-detail-dialog > .rz-dialog-side-titlebar {
    padding: 12px 16px 0;
}

.rz-dialog-side.dalatic-detail-dialog > .rz-dialog-side-titlebar .rz-dialog-side-title {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--rz-text-secondary-color);
}