/* Modales del proyecto (Íconos · Notas · Documentos): el diálogo adopta el <main> de la página global.
   La cabecera es fija por estructura (columna flex); el scroll vive dentro del <main> adoptado. */
/* max-width:none: el estilo base del navegador limita <dialog> a 100% - 2em y lo dejaría corto en celular. */
dialog.proy{width:min(1180px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:none;height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
dialog.proy .dlg-body{display:flex;flex-direction:column;height:100%;max-height:none;padding:0;overflow:hidden}
dialog.proy .dlg-head{position:static;margin:0;padding:22px 28px 14px;border-bottom:1px solid var(--linea)}
dialog.proy .dlg-head h2{font-size:1.375rem}
dialog.proy .proy-acts{display:flex;gap:8px;flex:none}
dialog.proy .proy-host{flex:1;min-height:0;display:flex;flex-direction:column}
dialog.proy .proy-host>main{flex:1;min-height:0}
dialog.proy .home{padding:18px 28px 40px}
dialog.proy .doclist{padding:16px 16px 40px 24px}
dialog.proy .proy-empty{padding:28px;color:var(--tinta-2)}
/* Lo que ya dice la cabecera del modal (títulos de página, «Solo X · Ver todas») y lo que no aplica dentro (PDF imprime la página). */
dialog.proy #lib .home-head h1,dialog.proy #notas .nt-heading>div,dialog.proy #notas #ntProjFilter,dialog.proy #docs .doclist h1,dialog.proy #docPdf{display:none}
dialog.proy #lib .home-head{margin-bottom:16px}
dialog.proy #notas .nt-heading{margin-bottom:16px;justify-content:flex-end}
@media (max-width:700px){
  dialog.proy{width:100vw;height:100dvh;max-height:none;border-radius:0}
  dialog.proy .dlg-head{padding:max(14px,env(safe-area-inset-top)) 16px 10px}
  dialog.proy .dlg-head h2{font-size:1.125rem}
  dialog.proy .proy-acts .btn{padding:0 12px}
  dialog.proy .home{padding:12px 16px 40px}
  dialog.proy .doclist{padding:12px 16px 40px}
}