/* MDL Zeiterfassung - Custom CSS */

body {
  background-color: #f8f9fa;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Cards */
.card {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  border: none;
}

/* Zeiterfassungs-Tabelle */
.zeiterfassung-table td {
  vertical-align: top;
}

.zeiterfassung-table tbody tr:hover {
  background-color: rgba(13, 110, 253, 0.05) !important;
}

.zeiterfassung-table textarea {
  min-height: 60px;
}

/* Wochenend-Zeilen */
.table-secondary {
  background-color: #e9ecef !important;
}

/* Admin Dashboard - Stat Cards */
.stat-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stat-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

/* Schnellzugriff Buttons */
.quick-action {
  padding: 1rem;
  transition: transform 0.15s ease;
}

.quick-action:hover {
  transform: scale(1.05);
}

/* Toast Container */
.toast-container {
  z-index: 1100;
}

/* Row Saved Animation */
.row-saved {
  animation: rowSavedHighlight 1.5s ease;
}

@keyframes rowSavedHighlight {
  0% {
    background-color: rgba(25, 135, 84, 0.3);
  }
  100% {
    background-color: transparent;
  }
}

/* Loading Button */
.btn:disabled {
  opacity: 0.65;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em;
}

/* Mobile */
@media (max-width: 768px) {
  .container-fluid {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .zeiterfassung-table {
    font-size: 0.85rem;
  }
}

/* Print */
@media print {
  .navbar,
  .btn,
  form,
  .toast-container,
  .card-body form {
    display: none !important;
  }

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