/* Custom CSS für Firmen CI */

:root {
    /* Farbschema */
    --brand-orange: #ff6f00;
    --dark-gray: #484848;
    --light-gray: #f5f5f5ad;
    
    /* Pastellige Farben für Status */
    --pastel-primary: #b8daff;
    --pastel-success: #c3e6cb;
    --pastel-info: #bee5eb;
    --pastel-warning: #ffeeba;
    --pastel-danger: #f5c6cb;
    --pastel-secondary: #d6d8db;
    --pastel-protocol-signed: #d0e9c6;
    
    /* Textfarben */
    --text-dark: #333333;
    --text-light: #ffffff;
  }
  
  /* Header/Navbar */
  .navbar-dark.bg-primary {
    background-color: var(--dark-gray) !important;
  }
  
  .navbar-dark .navbar-brand,
  .navbar-dark .nav-link,
  .navbar-dark .navbar-nav .nav-link {
    color: var(--brand-orange) !important;
  }
  
  .navbar-dark .navbar-nav .nav-link:hover,
  .navbar-dark .navbar-nav .nav-link:focus {
    color: var(--text-light) !important;
  }
  
  /* Buttons */
  .btn-primary {
    background-color: var(--dark-gray) !important;
    border-color: var(--dark-gray) !important;
    color: var(--brand-orange) !important;
  }
  
  .btn-primary:hover, 
  .btn-primary:focus {
    background-color: #2a2a2a !important;
    border-color: #2a2a2a !important;
    color: var(--text-light) !important;
  }
  
  .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: var(--text-light) !important;
  }
  
  .btn-success {
    background-color: #60a060 !important;
    border-color: #60a060 !important;
  }
  
  .btn-outline-primary {
    border-color: var(--dark-gray) !important;
    color: var(--dark-gray) !important;
  }
  
  .btn-outline-primary:hover {
    background-color: var(--dark-gray) !important;
    color: var(--brand-orange) !important;
  }
  
  /* Status Badges */
  .badge.bg-primary {
    background-color: var(--pastel-primary) !important;
    color: var(--text-dark) !important;
  }
  
  .badge.bg-success {
    background-color: var(--pastel-success) !important;
    color: var(--text-dark) !important;
  }
  
  .badge.bg-info {
    background-color: var(--pastel-info) !important;
    color: var(--text-dark) !important;
  }
  
  .badge.bg-warning {
    background-color: var(--pastel-warning) !important;
    color: var(--text-dark) !important;
  }
  
  .badge.bg-danger {
    background-color: var(--pastel-danger) !important;
    color: var(--text-dark) !important;
  }
  
  .badge.bg-secondary {
    background-color: var(--pastel-secondary) !important;
    color: var(--text-dark) !important;
  }
  
  /* Spezielle Badge für "Abnahme unterschrieben" */
  .badge[style*="background-color: #8BC34A"] {
    background-color: var(--pastel-protocol-signed) !important;
    color: var(--text-dark) !important;
  }
  
  /* Cards */
  .card {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }
  
  .card-header {
    background-color: var(--light-gray) !important;
    border-bottom: 1px solid #ddd;
  }
  
  /* Formulare */
  .form-control:focus {
    border-color: var(--brand-orange);
    box-shadow: 0 0 0 0.2rem rgba(236, 103, 4, 0.25);
  }
  
  /* Dashboard Cards */
  .card.bg-primary {
    background-color: var(--pastel-primary) !important;
    color: var(--text-dark) !important;
  }
  
  .card.bg-success {
    background-color: var(--pastel-success) !important;
    color: var(--text-dark) !important;
  }
  
  .card.bg-info {
    background-color: var(--pastel-info) !important;
    color: var(--text-dark) !important;
  }
  
  .card.bg-warning {
    background-color: var(--pastel-warning) !important;
    color: var(--text-dark) !important;
  }
  
  .card.bg-secondary {
    background-color: var(--pastel-secondary) !important;
    color: var(--text-dark) !important;
  }
  
  /* Tabellen */
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
  }
  
  .table-hover tbody tr:hover {
    background-color: rgba(236, 103, 4, 0.05);
  }
  
  /* Footer */
footer {
    background-color: var(--dark-gray);
    color: var(--brand-orange);
    padding: 20px 0;
    margin-top: 40px;
  }
  
  /* Mobile Optimierungen */
  @media (max-width: 767.98px) {
    /* Buttons im Protokoll-Bereich */
    .protocol-actions {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 20px;
    }
    
    .protocol-actions .btn {
      width: 100%;
      margin: 0 !important;
      padding: 12px;
      font-size: 16px;
    }
    
    /* Allgemeine Button-Anpassungen für Touch */
    .btn {
      padding: 10px 16px;
      margin-bottom: 5px;
    }
    
    /* Verbesserte Touch-Ziele */
    .nav-link, 
    .dropdown-item {
      padding: 12px 15px;
    }
  }