/* Status Indicator */
 .status-indicator {
     border-radius: 8px;
     padding: 12px 16px;
     border-left: 4px solid;
 }

 .status-online {
     background-color: #f0f9f0;
     border-left-color: #22c55e;
 }

 .status-offline {
     background-color: #fef3f3;
     border-left-color: #ef4444;
 }

 .status-content {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .status-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     flex-shrink: 0;
 }

 .status-dot.online {
     background-color: #22c55e;
     box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
 }

 .status-dot.offline {
     background-color: #ef4444;
     box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
 }

 .status-text {
     font-weight: 600;
     color: #374151;
     font-size: 14px;
 }

 .status-hours {
     color: #6b7280;
     font-size: 13px;
     margin-left: auto;
 }

 /* Service Overlay */
 .service-overlay {
     background: rgba(255, 255, 255, 0.98);
     backdrop-filter: blur(4px);
     border-radius: inherit;
 }

 .status-icon i {
     font-size: 2.5rem;
 }

 .next-opening-info {
     background: #f8fafc;
     padding: 12px 20px;
     border-radius: 6px;
     border: 1px solid #e2e8f0;
     font-size: 14px;
 }

 /* Autres styles */


 .fs-7 {
     font-size: 0.875rem;
 }

 .form-control {
     border-radius: 6px;
     border: 1px solid #d1d5db;
     transition: all 0.2s ease;
 }

 .form-control:focus {
     border-color: #6c5ce7;
     box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
 }