/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 .page-title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.table th, .table td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.table th {
  background-color: #f7f7f7;
  text-align: left;
}

.btn {
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
}

.btn-primary { background-color: #007bff; color: #fff; }
.btn-secondary { background-color: #6c757d; color: #fff; }
.btn-outline-info { color: #17a2b8; border: 1px solid #17a2b8; }
.btn-outline-danger { color: #dc3545; border: 1px solid #dc3545; }
.btn-outline-secondary { color: #6c757d; border: 1px solid #6c757d; }

.form-group { margin-bottom: 1rem; }
.form-control { width: 100%; padding: 8px; border-radius: 4px; border: 1px solid #ccc; }
.form-actions { margin-top: 1rem; }