/* css/layout.css */

/* Navbar placeholder (rendered by layout.js) */
.app-navbar{
  position: sticky;
  top: 0;
  z-index: 1020;
}

/* Page header */
.page-header{
  padding: 22px 0 18px 0;
  gap: 12px;
}
.page-title{
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0;
}
.page-subtitle{
  margin-top: 6px;
  color: rgba(15,23,42,.65);
  font-weight: 500;
}

/* Content spacing */
main.container-fluid{
  padding-bottom: 40px;
}

/* Responsive helpers for your dashboard sections */
.desktop-table{ display: block; }
.mobile-cards{ display: none; }

@media (max-width: 991.98px){
  .desktop-table{ display: none; }
  .mobile-cards{ display: grid; gap: 12px; }
}