/* Hourly Contract Banner Styles */

.hourlycontract-banner {
   display: flex;
   align-items: center;
   padding: 15px 20px;
   border-radius: 8px;
   border-left: 4px solid;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   font-size: 14px;
   line-height: 1.5;
}

.hourlycontract-banner i {
   font-size: 32px;
   margin-right: 15px;
   flex-shrink: 0;
}

.hourlycontract-banner-content {
   flex: 1;
}

.hourlycontract-banner-content strong {
   font-size: 15px;
}

/* Info Banner - Blue */
.hourlycontract-banner-info {
   background-color: #e3f2fd;
   border-left-color: #2196f3;
   color: #0d47a1;
}

.hourlycontract-banner-info i {
   color: #2196f3;
}

/* Warning Banner - Orange */
.hourlycontract-banner-warning {
   background-color: #fff3e0;
   border-left-color: #ff9800;
   color: #e65100;
}

.hourlycontract-banner-warning i {
   color: #ff9800;
}

/* Danger Banner - Red */
.hourlycontract-banner-danger {
   background-color: #ffebee;
   border-left-color: #dc3545;
   color: #b71c1c;
}

.hourlycontract-banner-danger i {
   color: #dc3545;
   animation: pulse 2s infinite;
}

@keyframes pulse {
   0%, 100% {
      opacity: 1;
   }
   50% {
      opacity: 0.5;
   }
}

/* Contract Deduction Field */
#deduct-contract-field {
   background-color: #f8f9fa;
   padding: 15px;
   border-radius: 6px;
   border: 1px solid #dee2e6;
}

#deduct-contract-field .form-check-label {
   font-weight: 500;
   font-size: 14px;
}

#deduct-contract-field .badge {
   font-size: 11px;
   padding: 4px 8px;
}

/* Table improvements for consumption history */
.tab_cadre_fixe tbody tr:hover {
   background-color: #f5f5f5;
}

/* Export buttons */
.btn-sm {
   padding: 4px 8px;
   font-size: 12px;
}

.btn-outline-primary {
   color: #2196f3;
   border-color: #2196f3;
}

.btn-outline-primary:hover {
   background-color: #2196f3;
   color: white;
}

.btn-outline-danger {
   color: #dc3545;
   border-color: #dc3545;
}

.btn-outline-danger:hover {
   background-color: #dc3545;
   color: white;
}