/* ui_phase7.css
   Phase 7: Unified dashboard containers + toolbars (additive; do not replace app.css)
*/

.app-container { max-width: 1150px; }
.app-container-lg { max-width: 1200px; }
@media (max-width: 575.98px){
  .app-container, .app-container-lg { max-width: 100%; }
}

/* Toolbar pattern (use with .d-flex .justify-content-between etc.) */
.app-toolbar {
  padding-bottom: .75rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.app-toolbar h1, .app-toolbar h2, .app-toolbar h3 { margin: 0; }