/* Chrome del dialogo del detalle de ticket — lo UNICO de la antigua
   ticket-detail-dialog.css (2100 lineas) que NO puede acotarse a su
   componente, y conviene entender por que antes de "terminar la migracion"
   moviendolo.

   La regla que hace el trabajo es:

       .rz-dialog-content:has(.tk-detail) { padding: 0 !important; ... }

   El sujeto es el contenedor de scroll DEL PROPIO DIALOGO Radzen — un
   elemento por ENCIMA del marcado de TicketDetailDialog. Bajo CSS isolation
   el compilador pondria el b-{hash} al sujeto (`.rz-dialog-content[b-hash]`),
   y ese elemento lo dibuja Radzen, no el componente: la regla dejaria de
   matchear y el dialogo recuperaria su padding y su scroll duplicado.
   `::deep` tampoco sirve: solo baja por el arbol, nunca sube.

   El `:has(.tk-detail)` es lo que la limita a ESTE dialogo, y es tambien la
   razon de las dos excepciones declaradas en
   tools/scripts/check-css-scope.ps1 para este fichero: fuera de un dialogo
   que contenga el detalle de ticket no matchea nada.

   El resto de la hoja original vive ahora en:
     - Components/Pages/ServiceDesk/TicketDetailDialog.razor.css (lo vivo:
       modo escritor, composer, watcher picker, adjuntos del composer);
     - projects/task-detail-dialog.css + TaskDetailDialog.razor.css (las
       homonimas del drawer de tarea, clúster projects);
     - ninguna parte: ~75 clases muertas repo-wide del diseño pre-tk-detail
       murieron con la hoja (se reporto, no se "mejoro").
   ───────────────────────────────────────────────────────────────────────────── */

/* Make sure the Radzen content area doesn't add its own scroll on top
   of our two-column scrolls (sidebar + main). The real root class in
   the markup is `.tk-detail` (not `.ticket-dialog` — that one only
   appears in the writer-mode modifier). */
.rz-dialog-content:has(.tk-detail),
.rz-dialog-side-content:has(.tk-detail) {
    padding: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
}