@media(max-width:767px) {
  .content-area.agenda-mode:has(.agenda-mobile-page) { height:auto; max-height:none; overflow:auto; flex:1 1 auto; }
  .content-area.agenda-mode .agenda-mobile-page,.agenda-mobile-page { display:block; height:auto; min-height:100%; overflow:visible; }
  #agendaMobile { padding:16px 12px calc(88px + env(safe-area-inset-bottom)); width:100%; box-sizing:border-box; }
  #agendaMobile h1 { font-size:26px; margin:0 0 8px; }
  #agendaMobile header p { font-size:13px; color:var(--text-secondary); margin:0 0 20px; }
  #agendaMobile button,#agendaMobile input,#agendaMobile select,#agendaMobile summary { min-height:44px; }
  #agendaMobile button { white-space:normal; }
  #agendaMobile input,#agendaMobile select { width:100%; min-width:0; box-sizing:border-box; font-size:16px; padding:10px; background:var(--bg-card,#fff); color:var(--text-primary); border:1px solid var(--border-normal,#cbd5e1); border-radius:10px; }
  #agendaMobile label { display:block; min-width:0; font-size:12px; font-weight:600; }
  .ag-mobile-nav { display:grid; grid-template-columns:1fr 1.7fr 1fr; gap:8px; align-items:end; }
  .ag-mobile-nav .btn { padding:8px 6px; font-size:12px; }
  .ag-mobile-tools { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
  .ag-mobile-tools .btn { flex:1; }
  .ag-mobile-tools .btn-primary { flex:1 0 100%; }
  .ag-mobile-filters { border:1px solid var(--border-normal); border-radius:12px; padding:0 12px; margin:16px 0; background:var(--bg-card,#fff); }
  .ag-mobile-filters summary { display:list-item; padding:12px 0; cursor:pointer; font-weight:600; box-sizing:border-box; }
  .ag-mobile-filters label { margin:0 0 12px; }
  .ag-mobile-status { font-size:13px; line-height:1.5; color:var(--text-secondary); }
  .ag-mobile-card,.ag-mobile-empty { border:1px solid var(--border-normal); border-radius:14px; padding:16px; margin-bottom:14px; background:var(--bg-card,#fff); overflow-wrap:anywhere; }
  .ag-mobile-card h2 { font-size:17px; margin:12px 0 8px; line-height:1.4; }
  .ag-mobile-card p,.ag-mobile-empty p { font-size:14px; margin:8px 0; line-height:1.5; color:var(--text-secondary); }
  .ag-mobile-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:space-between; font-size:13px; }
  .ag-mobile-meta span { padding:5px 8px; border-radius:20px; background:var(--brand-soft,#ecfdf5); }
  .ag-mobile-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
  .ag-mobile-actions .btn { flex:1; }
  .ag-mobile-actions .btn-primary { flex:1 0 100%; }
  #modalAgenda:not(.active) { display:none; }
  #modalAgenda .modal-panel { display:flex; flex-direction:column; width:100%!important; max-width:100%!important; max-height:calc(100dvh - 16px); margin:0; background:var(--bg-card,#fff); border-radius:16px; overflow:hidden; }
  #modalAgenda { padding:8px; }
  #modalAgenda .modal-body { overflow:auto; min-height:0; }
  #modalAgenda input,#modalAgenda textarea,#modalAgenda select { font-size:16px!important; min-height:44px; }
  #modalAgenda button,#modalAgendaResultado button { min-height:44px; }
  #modalAgenda .modal-header,#modalAgenda .modal-footer { flex-shrink:0; }
  #modalAgenda .modal-close { min-width:44px; }
  #modalAgenda .ag-tipo-card { flex:1 0 25%!important; }
  #modalAgenda .ag-tipo-card span { font-size:12px!important; white-space:normal!important; }
  #modalAgenda .modal-body>div:has(#agEvtData) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #modalAgenda .form-group:has(>#agEvtData) { grid-column:1 / -1; }
  #modalAgenda .form-group,#modalAgenda input { min-width:0; max-width:100%; }
  #modalAgenda .modal-footer { flex-wrap:wrap; padding-bottom:max(12px,env(safe-area-inset-bottom)); }
  body:has(#modalAgenda.active) .mobile-bottom-nav,body:has(#modalAgendaResultado.active) .mobile-bottom-nav { display:none!important; }
}
