/*
// File: style.css
// Path: project_root/public/css/style.css
*/

body { background-color: #f8f9fa; }
.table td, .table th { vertical-align: middle; }
.form-label { font-weight: 600; }
.navbar-brand { letter-spacing: .5px; }
.small-muted { font-size: .9rem; color: #6c757d; }
.card { border-radius: .5rem; }

/* Responsiveness for mobile screens */
@media (max-width: 576px) {
  .navbar-brand img { height: 24px; }
  .navbar-brand span { font-size: 1rem; }
  .container, .card-body { padding-left: .75rem; padding-right: .75rem; }
  h1, h2, h3, h4, h5 { font-size: 1rem; }
  .btn { font-size: .9rem; padding: .375rem .5rem; }
  .form-label { font-size: .9rem; }
  .table-responsive { margin-bottom: 1rem; }
  .navbar-collapse { padding-top: .5rem; }
  .nav-tabs { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .nav-tabs .nav-link { white-space: nowrap; }
}

@media (max-width: 360px) {
  .btn { font-size: .85rem; }
}