/* ================================================
 * TRACKR — Responsive
 * Media queries para mobile/tablet (cargar último)
 * Dependencias: todas las demás hojas CSS
 * ================================================ */

/* ── Mobile ── */
@media(max-width:768px){
  /* Sidebar colapsado */
  .sb{width:52px}
  .sb .nt,.sb-logo span{display:none}
  .sb-logo{padding:0;text-align:center}
  .ni{justify-content:center;padding:.55rem}

  /* Main content ajustado */
  .mc{margin-left:52px;padding:1.25rem;overflow:hidden}

  /* Grids a 1 columna */
  .fr{grid-template-columns:1fr}
  .pg{grid-template-columns:1fr}
  .cfg-grid{grid-template-columns:1fr}
  .din-trim-grid{grid-template-columns:1fr}

  /* Info: CTA a columna */
  .info-cta-actions{flex-direction:column}

  /* Calendario mensual: celdas compactas, ocultar nombre proyecto */
  .cal-day{min-height:60px;padding:.25rem}
  .cal-entry{font-size:.6rem}
  .cal-e-p{display:none}
  .cal-dow{font-size:.6rem;padding:.25rem .15rem}
  .cal-title{font-size:.95rem;min-width:0}

  /* Calendario: header wrap */
  .cal-hd{flex-wrap:wrap;gap:.4rem}

  /* Calendario semanal: ocultar grid de columnas, mostrar lista mobile */
  .cal-week{display:none}
  .cal-week-mobile{display:block}

  /* Dinero */
  .gas-count{display:none}
  .din-fin-header{flex-wrap:wrap;gap:.5rem}
  .din-fin-nav{flex-wrap:wrap}
  .din-gastos-header{flex-wrap:wrap;gap:.5rem}
  .din-ded-item{flex-wrap:wrap;gap:.25rem}
  .din-ded-desc{min-width:0}
}