/* ORDO v3.13 · Agenda alineada: panel, workspace y modales */
@media (min-width:901px){
  #agendaModule>.app-shell{
    display:grid!important;
    grid-template-columns:var(--ordo-agenda-sidebar-width,216px) minmax(0,1fr)!important;
    align-items:start!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #agendaModule>.app-shell>.sidebar{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    grid-column:1!important;
    width:var(--ordo-agenda-sidebar-width,216px)!important;
    min-width:0!important;
    max-width:none!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  #agendaModule>.app-shell>.workspace{
    grid-column:2!important;
    position:relative!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:24px!important;
    box-sizing:border-box!important;
  }
  #agendaModule>.app-shell>.workspace>main,
  #agendaModule .calendar-panel,
  #agendaModule .tasks-panel,
  #agendaModule .calendar-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

#eventDialog,#taskDialog,#agendaDialog{
  inset:0!important;
  margin:auto!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
}
#eventDialog>.modal-card,#taskDialog>.modal-card,#agendaDialog>.modal-card,
#eventDialog form,#taskDialog form,#agendaDialog form{
  max-width:min(720px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}

@media (max-width:900px){
  #agendaModule>.app-shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
  }
  #agendaModule>.app-shell>.sidebar{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 12px!important;
    box-sizing:border-box!important;
  }
  #agendaModule>.app-shell>.workspace{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
  }
  #agendaModule .topbar,#agendaModule .panel,#agendaModule .summary-grid{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  #agendaModule .calendar-panel{overflow:hidden!important}
}

@media (max-width:640px){
  #eventDialog,#taskDialog,#agendaDialog{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
  #eventDialog>.modal-card,#taskDialog>.modal-card,#agendaDialog>.modal-card,
  #eventDialog form,#taskDialog form,#agendaDialog form{
    width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;
  }
}