@import '_content/LogisticManager.Web.Ui/LogisticManager.Web.Ui.222586gb6c.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.lm-shell__appbar[b-mk4y7nqqhu] {
  height: var(--web-appbar-height, 52px);
  padding-left: var(--space-md, 16px);
  padding-right: var(--space-md, 16px);
  border-bottom: 1px solid var(--mud-palette-lines-default, rgba(0, 0, 0, 0.12));
}

/* Force MudSelect / MudTextField inside the AppBar to inherit AppbarText */
.lm-shell__appbar :global(.mud-select .mud-input-root)[b-mk4y7nqqhu],
.lm-shell__appbar :global(.mud-select .mud-input-slot)[b-mk4y7nqqhu],
.lm-shell__appbar :global(.mud-input-control .mud-input-root)[b-mk4y7nqqhu] {
  color: var(--mud-palette-appbar-text);
}

/* Outlined variant label – keep readable on dark AppBar */
.lm-shell__appbar :global(.mud-input-label)[b-mk4y7nqqhu] {
  color: var(--mud-palette-appbar-text);
  opacity: 0.7;
}

.lm-shell__breadcrumb[b-mk4y7nqqhu] {
  margin-left: var(--space-sm, 8px);
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm, 8px);
}

.lm-shell__breadcrumb-root[b-mk4y7nqqhu] {
  opacity: 0.65;
}

.lm-shell__breadcrumb-sep[b-mk4y7nqqhu] {
  opacity: 0.45;
}

.lm-shell__breadcrumb-page[b-mk4y7nqqhu] {
  font-weight: 600;
}

.lm-shell__user-stack[b-mk4y7nqqhu] {
  gap: var(--space-sm, 8px);
}

.lm-shell__user-name[b-mk4y7nqqhu] {
  opacity: 0.85;
}

.lm-shell__drawer[b-mk4y7nqqhu] {
  border-right: 1px solid var(--mud-palette-lines-default, rgba(0, 0, 0, 0.12));
}

.lm-shell__main[b-mk4y7nqqhu] {
  background: var(--mud-palette-background, #f6faf8);
}

.lm-shell__content[b-mk4y7nqqhu] {
  padding: var(--space-lg, 24px);
  padding-top: calc(var(--space-lg, 24px) + var(--space-sm, 8px));
}

#blazor-error-ui[b-mk4y7nqqhu] {
  color-scheme: light only;
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss[b-mk4y7nqqhu] {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

@media (max-width: 960px) {
  .lm-shell__breadcrumb[b-mk4y7nqqhu] {
    display: none;
  }

  .lm-shell__content[b-mk4y7nqqhu] {
    padding: var(--space-md, 16px);
    padding-top: var(--space-lg, 24px);
  }
}
/* /Layout/NavMenu.razor.rz.scp.css */
[b-7rj4s2r4z4] .mud-navmenu {
    padding: var(--space-md, 16px) var(--space-sm, 8px);
}

[b-7rj4s2r4z4] .mud-nav-group {
    margin-bottom: var(--space-sm, 8px);
}

[b-7rj4s2r4z4] .mud-nav-group-title {
    min-height: 36px;
    border-radius: var(--radius-button, 8px);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--mud-palette-drawer-text);
    opacity: 0.85;
}

[b-7rj4s2r4z4] .mud-nav-link {
    min-height: 36px;
    margin: 2px 0;
    border-radius: var(--radius-button, 8px);
    transition: background-color 120ms ease, color 120ms ease;
}

[b-7rj4s2r4z4] .mud-nav-link:hover {
    background-color: rgba(var(--mud-palette-secondary-rgb, 46, 144, 224), 0.12) !important;
}

[b-7rj4s2r4z4] .mud-nav-link.active {
    background-color: rgba(var(--mud-palette-secondary-rgb, 46, 144, 224), 0.22) !important;
    color: var(--mud-palette-secondary-lighten) !important;
}

[b-7rj4s2r4z4] .mud-nav-link-icon {
    opacity: 0.9;
}

[b-7rj4s2r4z4] .mud-nav-link.active .mud-nav-link-icon {
    color: var(--mud-palette-secondary) !important;
    opacity: 1;
}
/* /Pages/Planning.razor.rz.scp.css */
/* Employee Planning Styles */
.planning-container[b-5spzhjr749] {
    padding: 1rem;
}

.planning-header[b-5spzhjr749] {
    background: var(--bg-surface-muted);
    padding: 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
}

.employee-list-card[b-5spzhjr749] {
    background: var(--bg-surface);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    max-height: 600px;
    overflow-y: auto;
}

.employee-item[b-5spzhjr749] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--bg-surface-muted);
    cursor: grab;
    transition: background-color 0.2s;
}

.employee-item:hover[b-5spzhjr749] {
    background-color: var(--bg-surface-muted);
}

.employee-item.unavailable[b-5spzhjr749] {
    opacity: 0.6;
    cursor: not-allowed;
}

.employee-avatar[b-5spzhjr749] {
    width: 32px;
    height: 32px;
    background: var(--color-secondary);
    color: var(--text-on-accent);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
}

.employee-name[b-5spzhjr749] {
    font-weight: 500;
    font-size: 0.875rem;
}

.employee-tag[b-5spzhjr749] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.availability-indicator[b-5spzhjr749] {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    margin-left: auto;
}

.availability-indicator.available[b-5spzhjr749] {
    background-color: var(--bg-success-strong);
}

.availability-indicator.unavailable[b-5spzhjr749] {
    background-color: var(--color-danger);
}

.planning-grid-card[b-5spzhjr749] {
    background: var(--bg-surface);
    border: 1px solid var(--border-soft);
    overflow: hidden;
}

.planning-table[b-5spzhjr749] {
    margin-bottom: 0;
    font-size: 0.875rem;
}

.planning-table th[b-5spzhjr749] {
    background-color: var(--bg-surface-muted);
    border-top: none;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 10;
}

.time-column[b-5spzhjr749] {
    width: 80px;
    min-width: 80px;
    background-color: var(--bg-surface-muted);
    position: sticky;
    left: 0;
    z-index: 11;
}

.time-slot[b-5spzhjr749] {
    background-color: var(--bg-surface-muted);
    font-weight: 500;
    text-align: center;
    position: sticky;
    left: 0;
    z-index: 5;
}

.day-column[b-5spzhjr749] {
    width: 120px;
    min-width: 120px;
}

.day-name[b-5spzhjr749] {
    font-weight: 600;
}

.day-date[b-5spzhjr749] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.planning-cell[b-5spzhjr749] {
    height: 50px;
    vertical-align: top;
    position: relative;
    border: 1px solid var(--border-soft);
    transition: background-color 0.2s;
}

.planning-cell:hover[b-5spzhjr749] {
    background-color: var(--bg-surface-muted);
}

.employee-assignment[b-5spzhjr749] {
    background: var(--color-secondary);
    color: var(--text-on-accent);
    border-radius: var(--radius-sm);
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 2px;
    position: relative;
    cursor: pointer;
}

.assignment-avatar[b-5spzhjr749] {
    width: 20px;
    height: 20px;
    background: var(--bg-overlay-on-accent);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.625rem;
    font-weight: bold;
}

.assignment-name[b-5spzhjr749] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-remove[b-5spzhjr749] {
    background: none;
    border: none;
    color: var(--text-on-accent);
    padding: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    font-size: 0.625rem;
    opacity: 0.8;
    transition: opacity 0.2s, background-color 0.2s;
}

.btn-remove:hover[b-5spzhjr749] {
    opacity: 1;
    background-color: var(--bg-overlay-on-accent);
}

/* Drag and Drop Visual Feedback */
.drag-over[b-5spzhjr749] {
    background-color: var(--bg-info-soft-2) !important;
    border: 2px dashed var(--border-info) !important;
}

.employee-slot.drag-over[b-5spzhjr749] {
    background-color: var(--bg-info-soft-3) !important;
    border: 2px dashed var(--border-primary) !important;
}

.task-cell.drag-over[b-5spzhjr749] {
    background-color: var(--bg-info-soft-4) !important;
    border: 2px dashed #7c3aed !important;
}

/* Dragging state */
.dragging[b-5spzhjr749] {
    opacity: 0.5;
    transform: rotate(2deg);
}

/* Highlight animations */
.row-highlight[b-5spzhjr749] {
    animation: highlightRow-b-5spzhjr749 1s ease-out;
}

@keyframes highlightRow-b-5spzhjr749 {
    0% { background-color: var(--bg-info-crosshair); }
    100% { background-color: transparent; }
}

/* Employee Pool Styling */
.employee-pool[b-5spzhjr749] {
    background: var(--bg-surface);
    border: 1px solid var(--border-soft);
    box-shadow: 0 2px 4px rgba(243, 239, 239, 0.86);
}

/* Employee Pool Container */
#employeePoolList[b-5spzhjr749] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important; /* Force proper gap */
    align-items: flex-start;
    justify-content: flex-start;
}

.employee-pool-item[b-5spzhjr749] {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    margin: 0 !important; /* Force no margin to prevent overlapping */
    background: var(--bg-surface);
    border: 2px solid var(--border-primary);
    border-radius: var(--radius-button);
    cursor: grab;
    user-select: none;
    font-weight: 500;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: var(--text-primary-strong);
    flex-shrink: 0; /* Prevent shrinking to avoid text wrapping */
    white-space: nowrap; /* Prevent text wrapping */
    min-width: fit-content; /* Ensure proper width calculation */
    box-sizing: border-box; /* Include padding and border in width calculation */
    animation: slideIn-b-5spzhjr749 0.3s ease-in-out;
}

.employee-pool-item:hover[b-5spzhjr749] {
    /* Remove transform to prevent overlap during hover */
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.3);
    background: var(--bg-info-soft-3);
    border-color: var(--border-primary);
}

.employee-pool-item:active[b-5spzhjr749] {
    cursor: grabbing;
    /* Remove transform to prevent overlap during drag */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    opacity: 0.8;
}

/* Employee without driver's license styling */
.employee-pool-item.employee-no-license[b-5spzhjr749] {
    border-color: var(--border-warning);
    background: var(--bg-warning-soft-2);
    color: var(--text-warning-dark);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.employee-pool-item.employee-no-license:hover[b-5spzhjr749] {
    background: var(--bg-warning-soft-3);
    box-shadow: 0 2px 4px rgba(253, 126, 20, 0.3);
    border-color: var(--border-warning);
}

/* Subcontractor styling */
.employee-pool-item.employee-subcontractor[b-5spzhjr749] {
    border-color: var(--border-neutral);
    background: var(--bg-surface-hover);
    color: var(--text-secondary-strong);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Schedule Table Styling */
.schedule-table[b-5spzhjr749] {
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-card);
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.schedule-table th[b-5spzhjr749] {
    background: var(--bg-surface-muted);
    color: var(--text-primary-strong);
    font-weight: 600;
    text-align: center;
    border: 1px solid var(--border-soft);
    padding: 12px 8px;
}

.schedule-table td[b-5spzhjr749] {
    padding: 8px;
    vertical-align: middle;
    border: 1px solid var(--border-soft);
    background-color: var(--bg-surface);
}

/* Task cell styling */
.task-cell[b-5spzhjr749] {
    background: var(--bg-warning-soft-2);
    border-left: 4px solid var(--bg-warning-accent);
    position: relative;
}

/* Section row styling */
.section-row td[b-5spzhjr749] {
    background: var(--bg-info-soft-2);
    border-left: 4px solid var(--border-primary);
    font-weight: 600;
    text-align: center;
    color: var(--color-primary-dark);
}

.section-input[b-5spzhjr749] {
    background: transparent !important;
    border: none !important;
    font-weight: bold;
    text-align: center;
}

/* Employee Slot Styling */
.employee-slot[b-5spzhjr749] {
    position: relative;
    min-height: 50px;
    background: var(--bg-surface);
    border: 1px dashed var(--border-soft);
    border-radius: var(--radius-md);
    transition: all 0.2s ease;
    padding: 4px;
}

.employee-slot-content[b-5spzhjr749] {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: all 0.2s ease;
    position: relative;
    padding: 6px 8px;
}

.employee-slot-content.empty[b-5spzhjr749] {
    background: var(--bg-surface-muted);
    color: var(--text-muted);
    font-style: italic;
    border: 1px dashed var(--bs-secondary-color);
}

.employee-slot-content.empty:hover[b-5spzhjr749] {
    background: var(--color-gray-200);
    border-color: var(--border-primary);
    color: var(--text-link);
}

.employee-slot-content.assigned[b-5spzhjr749] {
    background: var(--bg-success-soft-2);
    color: var(--text-success-strong);
    border: 1px solid var(--bg-success-accent);
    font-weight: 500;
}

.employee-slot-content.assigned:hover[b-5spzhjr749] {
    background: var(--bg-success-soft-3);
    box-shadow: 0 1px 4px rgba(25, 135, 84, 0.2);
}

/* Action Buttons */
.action-btn[b-5spzhjr749] {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 2px solid;
}

.action-btn:hover:not(:disabled)[b-5spzhjr749] {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.action-btn:disabled[b-5spzhjr749] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Controls section */
.controls[b-5spzhjr749] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Button enhancements */
.btn[b-5spzhjr749] {
    transition: all 0.3s ease;
    font-weight: 500;
}

.btn:hover[b-5spzhjr749] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.btn:active[b-5spzhjr749] {
    transform: translateY(0);
}

/* Form controls */
.form-control[b-5spzhjr749], .form-select[b-5spzhjr749] {
  border: 1.5px solid var(--color-gray-200);
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: var(--color-gray-800);
  transition: border-color .15s, box-shadow .15s;
}
.form-control:focus[b-5spzhjr749], .form-select:focus[b-5spzhjr749] {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}

/* Table responsive wrapper */
.table-responsive[b-5spzhjr749] {
    border-radius: var(--radius-card);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Animations */
@keyframes fadeIn-b-5spzhjr749 {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn-b-5spzhjr749 {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

.schedule-table tbody tr[b-5spzhjr749] {
    animation: fadeIn-b-5spzhjr749 0.5s ease-in-out;
}

/* Responsive Design */
@media (max-width: 768px) {
    .planning-container[b-5spzhjr749] {
        padding: 0.5rem;
    }
    
    .planning-header[b-5spzhjr749] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .day-column[b-5spzhjr749] {
        width: 100px;
        min-width: 100px;
    }
    
    .employee-list-card[b-5spzhjr749] {
        max-height: 300px;
    }

    .employee-pool-item[b-5spzhjr749] {
        padding: 6px 10px;
        font-size: 14px;
        /* Remove margin to maintain consistent spacing with Bootstrap gap */
    }
    
    .schedule-table th[b-5spzhjr749],
    .schedule-table td[b-5spzhjr749] {
        padding: 6px 4px;
        font-size: 14px;
    }
    
    .action-btn[b-5spzhjr749] {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }    
    .employee-slot-content[b-5spzhjr749] {
        min-height: 35px;
        font-size: 13px;
    }
}

/* Print styles */
@media print {
    .controls[b-5spzhjr749],
    .employee-pool[b-5spzhjr749],
    .action-btn[b-5spzhjr749] {
        display: none !important;
    }
    
    .schedule-table[b-5spzhjr749] {
        box-shadow: none;
        border: 2px solid #000;
    }
    
    .schedule-table th[b-5spzhjr749],
    .schedule-table td[b-5spzhjr749] {
        border: 1px solid #000;
        background: white !important;
        color: black !important;
    }
}


.drag-target[b-5spzhjr749] {
    border: 2px dashed #0d6efd !important;
    background-color: var(--bg-info-soft-3) !important;
    opacity: 0.8;
}

tr.dragging[b-5spzhjr749] {
    opacity: 0.5;
    background-color: var(--bg-surface-muted);
    border: 2px dashed var(--bs-secondary-color);
}

tr[draggable="true"][b-5spzhjr749] {
    cursor: grab;
    transition: all 0.2s ease;
}

tr[draggable="true"]:active[b-5spzhjr749] {
    cursor: grabbing;
}

tr[draggable="true"]:hover[b-5spzhjr749] {
    background-color: var(--bg-surface-muted);
}

/* Visual cue for draggable rows */
tr[draggable="true"] .bi-grip-vertical[b-5spzhjr749] {
    color: var(--text-muted);
    opacity: 0.6;
    transition: all 0.2s ease;
}

tr[draggable="true"]:hover .bi-grip-vertical[b-5spzhjr749] {
    color: var(--text-link);
    opacity: 1;
}

/* Task Pool Styles */
.task-pool[b-5spzhjr749] {
    background: var(--bg-surface);
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-card);
    padding: 16px;
    margin-bottom: 16px;
}

.task-pool-item[b-5spzhjr749] {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: white;
    border: none;
    border-radius: var(--radius-button);
    padding: 12px 16px;
    margin: 0 !important;
    box-sizing: border-box;
    min-width: 150px;
    max-width: 200px;
    cursor: grab;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 0.875rem;
    position: relative;
}

.task-pool-item:hover[b-5spzhjr749] {
    box-shadow: 0 4px 8px rgba(79, 70, 229, 0.3);
    transform: translateY(-1px);
}

.task-pool-item:active[b-5spzhjr749] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.task-pool-item .task-name[b-5spzhjr749] {
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.task-pool-item .task-client[b-5spzhjr749] {
    font-size: 0.75rem;
    opacity: 0.9;
    margin-bottom: 8px;
}

.task-pool-item.task-subcontractor[b-5spzhjr749] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.task-pool-item.task-training[b-5spzhjr749] {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
}

#taskPoolList[b-5spzhjr749] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px !important;
    align-items: flex-start;
    min-height: 60px;
    padding: 8px;
    border: 2px dashed var(--border-soft);
    border-radius: var(--radius-card);
    background: var(--bg-surface-soft);
}

/* Task assignment in schedule table */
.assigned-task[b-5spzhjr749] {
    background: var(--bg-info-soft-3);
    border: 1px solid var(--border-info);
    border-radius: var(--radius-md);
    padding: 8px;
    color: var(--color-primary-dark);
}

.task-cell:hover[b-5spzhjr749] {
    background-color: var(--bg-surface-soft-alt);
}


/* ── Planning grid ─────────────────────────────────────────── */
html.dark .planning-header[b-5spzhjr749] {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}

html.dark .employee-list-card[b-5spzhjr749] {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}

html.dark .employee-item:hover[b-5spzhjr749] {
    background-color: var(--dm-hover);
}

html.dark .employee-tag[b-5spzhjr749] {
    color: var(--dm-text-muted);
}

html.dark .planning-grid-card[b-5spzhjr749] {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}

html.dark .planning-table th[b-5spzhjr749] {
    background-color: var(--dm-table-header-bg);
    border-color: var(--dm-table-header-border);
    color: var(--dm-table-header-text);
}

html.dark .time-column[b-5spzhjr749],
html.dark .time-slot[b-5spzhjr749] {
    background-color: var(--dm-bg-gray);
}

html.dark .planning-cell[b-5spzhjr749] {
    border-color: var(--dm-border);
}

html.dark .planning-cell:hover[b-5spzhjr749] {
    background-color: var(--dm-hover);
}

/* ── Employee pool ─────────────────────────────────────────── */
html.dark .employee-pool[b-5spzhjr749] {
    background: var(--dm-surface) !important;
    border-color: var(--dm-border) !important;
}

html.dark .employee-pool-item[b-5spzhjr749] {
    background: var(--dm-bg-gray);
    border-color: var(--dm-primary);
    color: var(--dm-text);
}

html.dark .employee-pool-item:hover[b-5spzhjr749] {
    background: var(--bg-planning-dark-hover);
    border-color: var(--dm-primary-light);
}

html.dark .employee-pool-item.employee-no-license[b-5spzhjr749] {
    background: var(--bg-planning-dark-warn);
    border-color: var(--border-warning);
    color: var(--border-warning-strong);
}

html.dark .employee-pool-item.employee-no-license:hover[b-5spzhjr749] {
    background: var(--bg-planning-dark-warn-hover);
}

html.dark .employee-pool-item.employee-subcontractor[b-5spzhjr749] {
    background: var(--bg-planning-dark-neutral);
    border-color: var(--border-neutral);
    color: var(--dm-text-muted);
}

/* ── Schedule table ────────────────────────────────────────── */
html.dark .schedule-table[b-5spzhjr749] {
    border-color: var(--dm-border);
}

html.dark .schedule-table th[b-5spzhjr749] {
    background: var(--dm-table-header-bg);
    color: var(--dm-table-header-text);
    border-color: var(--dm-table-header-border);
}

html.dark .schedule-table td[b-5spzhjr749] {
    background-color: var(--dm-surface);
    border-color: var(--dm-border);
    color: var(--dm-text);
}

html.dark .task-cell[b-5spzhjr749] {
    background: var(--bg-planning-dark-task);
    border-left-color: var(--border-warning-strong);
}

html.dark .section-row td[b-5spzhjr749] {
    background: var(--bg-planning-dark-section);
    border-left-color: var(--dm-primary);
    color: var(--dm-primary-light);
}

/* ── Employee slots ────────────────────────────────────────── */
html.dark .employee-slot[b-5spzhjr749] {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}

html.dark .employee-slot-content.empty[b-5spzhjr749] {
    background: var(--dm-bg-gray);
    color: var(--dm-text-muted);
    border-color: var(--dm-border);
}

html.dark .employee-slot-content.empty:hover[b-5spzhjr749] {
    background: var(--bg-planning-dark-section);
    border-color: var(--dm-primary);
    color: var(--dm-primary-light);
}

html.dark .employee-slot-content.assigned[b-5spzhjr749] {
    background: var(--bg-planning-dark-slot-empty);
    color: var(--text-success-light);
    border-color: var(--border-success-light);
}

html.dark .employee-slot-content.assigned:hover[b-5spzhjr749] {
    background: var(--bg-planning-dark-slot-assigned);
}

/* ── Task pool ──────────────────────────────────────────────── */
html.dark .task-pool[b-5spzhjr749] {
    background: var(--dm-surface);
    border-color: var(--dm-border);
}

html.dark #taskPoolList[b-5spzhjr749] {
    background: var(--dm-bg-gray);
    border-color: var(--dm-border);
}

html.dark .assigned-task[b-5spzhjr749] {
    background: var(--bg-planning-dark-task-assigned);
    border-color: var(--border-info);
    color: var(--text-info-light);
}

html.dark .task-cell:hover[b-5spzhjr749] {
    background-color: var(--dm-hover);
}

/* ── Controls section ──────────────────────────────────────── */
html.dark .controls[b-5spzhjr749] {
    background: linear-gradient(135deg, var(--dm-surface) 0%, var(--dm-bg-gray) 100%);
    border-color: var(--dm-border);
}

/* ── Drag & drop ────────────────────────────────────────────── */
html.dark tr[draggable="true"]:hover[b-5spzhjr749] {
    background-color: var(--dm-hover);
}

html.dark tr.dragging[b-5spzhjr749] {
    background-color: var(--dm-surface);
    border-color: var(--dm-border);
}

/* /Pages/WorkingTimes.razor.rz.scp.css */
/* Toolbar action buttons – hover & press animation
   Principles: subtle scale, ease-out on hover-in, ease-in on hover-out,
   no overshoot (spring) on hover — only a soft deceleration curve.
   Press = immediate snap-down, release = quick spring back. */
.wt-toolbar-actions[b-75d8wws5dj]  .mud-icon-button,
.wt-toolbar-actions[b-75d8wws5dj]  .mud-button {
    transition: transform 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94), /* ease-out */
                box-shadow 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                background-color 0.16s ease;
    will-change: transform;
}

.wt-toolbar-actions[b-75d8wws5dj]  .mud-icon-button:not(:disabled):hover,
.wt-toolbar-actions[b-75d8wws5dj]  .mud-button:not(:disabled):hover {
    transform: scale(1.09) translateY(-1px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.15);
    background-color: rgba(255, 255, 255, 0.07);
}

.wt-toolbar-actions[b-75d8wws5dj]  .mud-icon-button:not(:disabled):active,
.wt-toolbar-actions[b-75d8wws5dj]  .mud-button:not(:disabled):active {
    transform: scale(0.94) translateY(0px);
    transition: transform 0.06s cubic-bezier(0.4, 0, 1, 1), /* ease-in — fast snap */
                box-shadow 0.06s ease,
                background-color 0.06s ease;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.04);
}

.wt-month-table-wrap[b-75d8wws5dj] {
    overflow-x: auto;
}

.wt-month-table[b-75d8wws5dj] {
    min-width: 760px;
}

.wt-month-head-row[b-75d8wws5dj] {
    border-bottom: 2px solid var(--dm-table-header-border, var(--border-soft));
}

.wt-month-th[b-75d8wws5dj] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--dm-table-header-text, var(--text-muted));
    padding: 10px 12px;
}

.wt-month-th-end[b-75d8wws5dj] {
    text-align: right;
}

.wt-week-total-row[b-75d8wws5dj] {
    background: var(--bg-info-crosshair);
    border-top: 1px solid color-mix(in srgb, var(--color-secondary) 45%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--color-secondary) 45%, transparent);
    font-weight: 700;
}

.wt-week-total-label-row[b-75d8wws5dj] {
    background: var(--bg-info-soft-4);
    font-weight: 600;
}

.wt-month-total-row[b-75d8wws5dj] {
    background: color-mix(in srgb, var(--bg-surface) 84%, var(--color-navy) 16%);
    border-top: 2px solid var(--border-soft);
    font-weight: 700;
    color: var(--text-primary-strong);
}

html.dark .wt-month-total-row[b-75d8wws5dj] {
    background: color-mix(in srgb, var(--dm-bg) 74%, var(--dm-surface) 26%);
    border-top-color: var(--dm-border);
    color: var(--dm-text);
}

/* Dark mode – week rows: ensure readable text on tinted backgrounds */
html.dark .wt-week-total-row[b-75d8wws5dj],
html.dark .wt-week-total-row td[b-75d8wws5dj] {
    color: var(--dm-text);
}

html.dark .wt-week-total-label-row[b-75d8wws5dj],
html.dark .wt-week-total-label-row td[b-75d8wws5dj] {
    color: var(--dm-text-muted);
}

/* Dark mode – MudSimpleTable: light text on dark background */
html.dark .wt-month-table td[b-75d8wws5dj] {
    color: var(--dm-text);
}