/* public/css/style.css */
body {
  background-color: #f8f9fa;
}
.app-layout {
  display: flex;
  min-height: 100vh;
}
.app-sidebar {
  width: 260px;
  background: var(--sidebar-bg);
  color: #fff;
}
.app-sidebar .nav-link {
  color: #ffffffcc;
  padding: 0.75rem 1rem;
}
.app-sidebar .nav-link:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
}
.app-content {
  flex: 1;
  padding: 1.25rem;
}
.card-primary {
  border: 0;
  box-shadow: 0 2px 10px rgba(13,110,253,0.15);
}
.card-primary .card-header {
  background: var(--primary);
  color: #fff;
}
.btn-primary {
  background: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
}
.form-label.required::after { content: ' *'; color: #dc3545; }
.logo-thumb {
  width: 56px; height: 56px; object-fit: cover; border-radius: 6px; border: 1px solid #e5e7eb;
}
@media (max-width: 992px){
  .app-sidebar{ display:none; }
}

/* Offcanvas sidebar (mobile) */
.offcanvas-sidebar{
  background: var(--sidebar-bg);
  color:#fff;
  width:260px;
}
.offcanvas-sidebar .offcanvas-header{ background: var(--sidebar-bg); }
.offcanvas-sidebar .offcanvas-footer{ background: rgba(0,0,0,.2); }
.offcanvas-sidebar .nav-link{ color:#ffffffcc; padding: .75rem 1rem; display:block; }
.offcanvas-sidebar .nav-link:hover{ color:#fff; background: rgba(255,255,255,0.1); }