/* public/assets/css/custom.css */
body {
    font-size: 0.9rem; /* Slightly smaller base font */
}

.arbeitsplan-table th,
.arbeitsplan-table td {
    white-space: nowrap;
    padding: 0.25rem 0.4rem; /* Compact padding */
    font-size: 0.8rem;
}

.arbeitsplan-table th small {
    display: block;
    font-size: 0.7rem;
    font-weight: normal;
}
/* Sticky header for the table if it scrolls horizontally too */
.table-responsive thead th {
    position: sticky;
    top: 0;
    z-index: 2; /* Ensure it's above td sticky but below navbar if navbar is fixed */
    background-color: #f8f9fa; /* Default Bootstrap table header color or your choice */
}
.fixed-col {
    background-color: #f8f9fa; /* Light background for fixed columns */
}

/* Custom background colors if Bootstrap classes are not enough */
.bg-feiertag {
    background-color: #ffeeba; /* Light yellow for holidays */
}
.bg-wochenende {
    background-color: #e9ecef; /* Light grey for weekends */
}
.bg-vormonat {
    background-color: #f8f9fa;
    color: #6c757d; /* Dim text */
}
.floating-feedback {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1056; /* Higher than most Bootstrap components like modals */
    min-width: 250px;
}
.arbeitsplan-table td.cell-saving {
    outline: 2px solid orange !important;
    animation: pulse-orange 0.8s infinite ease-in-out;
}
.arbeitsplan-table td.cell-saved-success {
    outline: 2px solid mediumseagreen !important;
    transition: outline 0.3s ease-out;
}
.arbeitsplan-table td.cell-saved-error {
    outline: 2px solid crimson !important;
    transition: outline 0.3s ease-out;
}

@keyframes pulse-orange {
    0% { box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.5); }
    50% { box-shadow: 0 0 0 4px rgba(255, 165, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 165, 0, 0); }
}

.floating-feedback {
    position: fixed;
    top: 70px; /* Ggf. an Navbar-Höhe anpassen */
    right: 20px;
    z-index: 1090; /* Über den meisten Bootstrap-Elementen */
    min-width: 250px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}

.form-control-disabled {
    background-color: #e9ecef; /* Standard "disabled" Farbe von Bootstrap */
    opacity: 1;
}
.arbeitsplan-table td.drag-over-highlight {
    outline: 2px dashed #0d6efd; /* Blauer gestrichelter Rahmen (Bootstrap Primary) */
    outline-offset: -2px;
    background-color: #cfe2ff !important; /* Heller Blauton als zusätzlicher Hinweis */
}

.draggable-dienst {
    cursor: grab; /* Zeigt an, dass das Element ziehbar ist */
}

.draggable-dienst:active {
    cursor: grabbing; /* Ändert den Cursor während des Ziehens */
}

