/* static/css/style.css */

/* ========================================
   General & Layout Adjustments
   ======================================== */

body {
  /* Example: Add a slightly different background if needed */
  /* background-color: #f4f7f6; */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Adjust main content padding if needed */
.main-content {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* Ensure consistent spacing for flash messages */
.flash-message {
  margin-bottom: 1rem;
}


/* ========================================
   Sidebar Enhancements (Optional)
   ======================================== */

.sidebar {
  /* background-color: #2c3e50; */ /* Example: Slightly different dark blue */
}

.sidebar .nav-link {
  font-size: 0.95rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.sidebar .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.sidebar .nav-link.active {
   background-color: #0d6efd; /* Match Bootstrap primary color */
   color: #ffffff;
   font-weight: 500;
}

.sidebar .nav-link .fa-fw {
  margin-right: 8px; /* Slightly more space for icons */
}

.sidebar hr {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


/* ========================================
   Tables
   ======================================== */

.table th {
  font-weight: 600; /* Make table headers slightly bolder */
  /* background-color: #f8f9fa; */ /* Optional: subtle header background */
}

/* Add a subtle hover effect to table rows */
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.04); /* Very light grey */
  cursor: default; /* Indicate row isn't directly clickable unless linked */
}

/* Spacing for action buttons within table cells */
.table td .btn,
.table td .d-inline { /* Target the form wrapper for delete */
  margin-right: 5px; /* Space between buttons */
}
.table td .btn:last-child,
.table td .d-inline:last-child .btn {
   margin-right: 0;
}


/* ========================================
   Forms
   ======================================== */

/* Style for required field labels (if using the span) */
.form-label .text-danger {
    font-weight: bold;
    margin-left: 2px;
}

/* Slightly bolder card headers */
.card-header {
    font-weight: 500;
}

/* Ensure login card is centered vertically on larger screens */
.vh-80 { /* Custom class used in login.html */
    min-height: 80vh;
}


/* ========================================
   Badges
   ======================================== */

.badge {
    font-size: 0.8em;
    padding: 0.4em 0.6em;
}

/* ========================================
   Utility Classes (Add as needed)
   ======================================== */

.cursor-pointer {
    cursor: pointer;
}

/* ========================================
   Print Styles (Basic Example)
   ======================================== */
@media print {
  body {
    padding-top: 0 !important;
    background-color: #fff !important;
  }

  .navbar,
  .sidebar,
  .btn,
  .btn-toolbar,
  .flash-message,
  form button[type="submit"], /* Hide submit buttons */
  a[href^="mailto:"], /* Optionally hide mail links */
  a[href^="tel:"] /* Optionally hide tel links */
   {
    display: none !important;
  }

  .main-content {
    margin-left: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .table, .table th, .table td {
     border: 1px solid #dee2e6 !important; /* Ensure borders print */
     font-size: 10pt !important; /* Reduce font size for print */
  }

  .table thead {
      background-color: #e9ecef !important; /* Light background for headers */
      -webkit-print-color-adjust: exact; /* Ensure background prints in Chrome/Safari */
      print-color-adjust: exact; /* Standard property */
  }

  .card {
      border: 1px solid #dee2e6 !important;
      box-shadow: none !important;
  }

  /* Ensure links print reasonably */
  a {
    text-decoration: underline !important;
    color: #000 !important;
  }

  /* Show URL for external links (optional) */
  a[href^="http"]:after {
     /* content: " (" attr(href) ")"; */ /* Can be noisy */
  }
}