@import '_content/EISI.NetCore.Views.Drawer/EISI.NetCore.Views.Drawer.bundle.scp.css';
@import '_content/EISI.NetCore.Views.PDFJS/EISI.NetCore.Views.PDFJS.7873ig6kkh.bundle.scp.css';

/* _content/Kronoswork.Web/Components/Components/AddWorkReportLineForm.razor.rz.scp.css */
/* === Time display hover states === */
.time-display-start:hover:not(.disabled)[b-w742ya4eyz] {
    border-color: #1976d2 !important;
}

.time-display-end:hover:not(.disabled)[b-w742ya4eyz] {
    border-color: #388e3c !important;
}

/* === Signed/Verified/Cancelled banner === */
.signed-banner[b-w742ya4eyz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: linear-gradient(135deg, #5f9ea0, #4a7c7e);
    color: white;
    border-radius: 8px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(95, 158, 160, 0.3);
}

/* === Type selector bar === */
[b-w742ya4eyz] .type-selectbar .rz-button.rz-state-active {
    background: #1976d2 !important;
    color: white !important;
    border-color: #1976d2 !important;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(25, 118, 210, 0.3);
}

[b-w742ya4eyz] .type-selectbar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[b-w742ya4eyz] .type-selectbar .rz-selectbar {
    border-radius: 8px;
}

/* === Reducir padding del diálogo Radzen que contiene este componente === */
[b-w742ya4eyz] .rz-fieldset {
    padding: 0.5rem 0.75rem;
}

[b-w742ya4eyz] .rz-fieldset-legend {
    padding: 0 0.35rem;
    font-size: 0.85rem;
}

/* === Footer action buttons === */
.footer-buttons[b-w742ya4eyz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.5rem;
    border-top: 1px solid #eee;
    flex-wrap: wrap;
}

/* === Mobile overrides === */
@media (max-width: 768px) {
    .footer-buttons[b-w742ya4eyz] {
        flex-direction: column;
    }

    .footer-buttons > :deep(*)[b-w742ya4eyz] {
        width: 100%;
    }

    [b-w742ya4eyz] .type-selectbar .rz-selectbar {
        font-size: 0.75rem;
    }

    [b-w742ya4eyz] .type-selectbar .rz-button {
        padding: 0.35rem 0.5rem;
        font-size: 0.75rem;
        min-height: 44px;
    }

    [b-w742ya4eyz] .type-selectbar .rz-button .rzi {
        font-size: 0.9rem;
    }
}

/* _content/Kronoswork.Web/Components/Layout/EmptyLayout.razor.rz.scp.css */
#blazor-error-ui[b-q64n3xse5j] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-q64n3xse5j] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Kronoswork.Web/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-mhvaw11yn0] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-mhvaw11yn0] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Radzen Layout Solid Colors */
.rz-sidebar[b-mhvaw11yn0] {
    background: #f8f9fa !important;
    color: #495057 !important;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1) !important;
    border-right: 1px solid #dee2e6 !important;
}

.rz-header[b-mhvaw11yn0] {
    background: #ffffff !important;
    color: #49505 !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.rz-footer[b-mhvaw11yn0] {
    background: #f8f9fa !important;
    color: #6c757d !important;
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid #dee2e6 !important;
}

/* Menu Item Styling */
.gradient-menu-item[b-mhvaw11yn0] {
    background: #ffffff !important;
    margin: 0.5rem 0 !important;
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid #e9ecef !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.gradient-menu-item:hover[b-mhvaw11yn0] {
    background: #f8f9fa !important;
    transform: translateX(8px) scale(1.02) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid #dee2e6 !important;
}

/* Dropdown Styling */
.gradient-dropdown .rz-dropdown[b-mhvaw11yn0] {
    background: #ffffff !important;
    color: #495057 !important;
    border: 1px solid #ced4da !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.gradient-dropdown .rz-dropdown:hover[b-mhvaw11yn0] {
    background: #f8f9fa !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Sidebar Toggle Button */
.rz-sidebar-toggle[b-mhvaw11yn0] {
    background: #007bff !important;
    color: white !important;
    border: 1px solid #0056b3 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.rz-sidebar-toggle:hover[b-mhvaw11yn0] {
    background: #0056b3 !important;
    transform: scale(1.1) rotate(180deg) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Panel Menu Styling */
.rz-panelmenu[b-mhvaw11yn0] {
    background: transparent !important;
    padding: 1rem 0 !important;
}

.rz-panelmenu-item[b-mhvaw11yn0] {
    color: white !important;
    border: none !important;
    margin: 0.25rem 0 !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}

.rz-panelmenu-item:hover[b-mhvaw11yn0] {
    background: rgba(255, 255, 255, 0.15) !important;
    transform: translateX(5px) !important;
}

.rz-panelmenu-item-text[b-mhvaw11yn0] {
    color: #495057 !important;
    font-weight: 500 !important;
}

.rz-panelmenu-item-icon[b-mhvaw11yn0] {
    color: #6c757d !important;
    margin-right: 0.75rem !important;
}

/* Card Styling */
.rz-card[b-mhvaw11yn0] {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.rz-card:hover[b-mhvaw11yn0] {
    background: #f8f9fa !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15) !important;
}

/* Link Styling in Sidebar */
.rz-sidebar .rz-link[b-mhvaw11yn0] {
    color: #495057 !important;
    text-decoration: none !important;
}

.rz-sidebar .rz-link:hover[b-mhvaw11yn0] {
    color: #007bff !important;
}

/* Text Styling */
.rz-sidebar .rz-text[b-mhvaw11yn0] {
    color: #495057 !important;
}

.rz-header .rz-text[b-mhvaw11yn0] {
    color: #495057 !important;
}

.rz-footer .rz-text[b-mhvaw11yn0] {
    color: #6c757d !important;
}

/* Header links styling */
.rz-header a[b-mhvaw11yn0],
.rz-header a:hover[b-mhvaw11yn0],
.rz-header a:focus[b-mhvaw11yn0] {
    color: black !important;
}

/* Button Styling */
.rz-button[b-mhvaw11yn0] {
    background: #007bff !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.rz-button:hover[b-mhvaw11yn0] {
    background: #0056b3 !important;
    transform: translateY(-1px) !important;
}

/* Stack Alignment */
.rz-stack[b-mhvaw11yn0] {
    width: 100%;
}

/* Image Logo Styling */
.rz-image[b-mhvaw11yn0] {
    max-width: 100% !important;
    height: auto !important;
}

/* Content Container */
.rz-body[b-mhvaw11yn0] {
    display: flex !important;
    flex-direction: column !important;
}

.rz-content-container[b-mhvaw11yn0] {
    padding: 2rem !important;
    background: #ffffff !important;
    flex: 1 !important;
    position: relative !important;
}

#page-footer[b-mhvaw11yn0] {
    margin-top: auto;
}

/* Responsive Design */
@media (max-width: 768px) {
    .rz-sidebar[b-mhvaw11yn0] {
        width: 280px !important;
    }
    
    .gradient-menu-item[b-mhvaw11yn0] {
        margin: 0.125rem 0 !important;
        padding: 0.5rem !important;
    }
    
    .rz-content-container[b-mhvaw11yn0] {
        padding: 0.5rem !important;
    }
}

/* Clean Animation */
@keyframes fadeIn-b-mhvaw11yn0 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Smooth Fade Animation */
.fade-in[b-mhvaw11yn0] {
    animation: fadeIn-b-mhvaw11yn0 0.3s ease-out !important;
}

/* _content/Kronoswork.Web/Components/Pages/EmployeeZone/WorkReport.razor.rz.scp.css */
/* === Empty state for data grids === */
[b-jbszcspe2r] .kw-doc-empty {
    text-align: center;
    padding: 2rem 1rem;
    color: #999;
    font-size: 0.9rem;
}

/* === Mobile: make badges wrap in a grid pattern instead of inline === */
@media (max-width: 576px) {
    [b-jbszcspe2r] .rz-badge {
        font-size: 0.75rem;
        padding: 0.25rem 0.5rem;
    }
}