@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* _content/Portal.Client/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-d8ujnt9gzj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-d8ujnt9gzj] {
    flex: 1;
}

.sidebar[b-d8ujnt9gzj] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-d8ujnt9gzj] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-d8ujnt9gzj]  a, .top-row[b-d8ujnt9gzj]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-d8ujnt9gzj]  a:hover, .top-row[b-d8ujnt9gzj]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-d8ujnt9gzj]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-d8ujnt9gzj] {
        justify-content: space-between;
    }

    .top-row[b-d8ujnt9gzj]  a, .top-row[b-d8ujnt9gzj]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-d8ujnt9gzj] {
        flex-direction: row;
    }

    .sidebar[b-d8ujnt9gzj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-d8ujnt9gzj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-d8ujnt9gzj]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-d8ujnt9gzj], article[b-d8ujnt9gzj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-d8ujnt9gzj] {
    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-d8ujnt9gzj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Portal.Client/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-yb6xol9al7] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-yb6xol9al7] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-yb6xol9al7] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-yb6xol9al7] {
    font-size: 1.1rem;
}

.bi[b-yb6xol9al7] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-yb6xol9al7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-yb6xol9al7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-yb6xol9al7] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-yb6xol9al7] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

    .nav-item:first-of-type[b-yb6xol9al7] {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-yb6xol9al7] {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .nav-item[b-yb6xol9al7]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-yb6xol9al7]  a.active {
        /*background-color: rgba(255,255,255,0.37);*/
        color: white;
    }

    .nav-item[b-yb6xol9al7]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-yb6xol9al7] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-yb6xol9al7] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-yb6xol9al7] {
        display: none;
    }

    .nav-scrollable[b-yb6xol9al7] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Communications/AnnouncementsDashboard.razor.rz.scp.css */
/* =========================================
   Layout & Container Structure
   ========================================= */
.content-wrapper[b-7kj596yo20] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* =========================================
   Toolbar & Search
   ========================================= */
.toolbar-card[b-7kj596yo20],
.filter-card[b-7kj596yo20] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease;
}

.toolbar-card:hover[b-7kj596yo20],
.filter-card:hover[b-7kj596yo20] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.search-box-modern[b-7kj596yo20] {
    position: relative;
    width: 320px;
}

.search-icon[b-7kj596yo20] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #90a4ae;
    font-size: 1.1rem;
    z-index: 10;
    pointer-events: none;
}

.clear-search-btn[b-7kj596yo20] {
    position: absolute !important;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #90a4ae !important;
    z-index: 10;
}

/* =========================================
   Filter Section
   ========================================= */
.filter-info[b-7kj596yo20] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background-color: rgba(3, 75, 71, 0.05);
    /* Brand color tint */
    border-radius: 8px;
}

.filter-title[b-7kj596yo20] {
    font-weight: 600;
    color: #034B47;
    font-size: 0.95rem;
}

/* =========================================
   Stats Bar
   ========================================= */
.stats-bar[b-7kj596yo20] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0 0.5rem;
}

.stat-item-inline[b-7kj596yo20] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #546e7a;
    font-weight: 500;
    background: white;
    padding: 6px 12px;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.search-result[b-7kj596yo20] {
    color: #e65100;
}

/* =========================================
   Empty State
   ========================================= */
.empty-state[b-7kj596yo20] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-icon[b-7kj596yo20] {
    margin-bottom: 1.5rem;
    opacity: 0.5;
}

.empty-title[b-7kj596yo20] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #37474f;
    margin-bottom: 0.5rem;
}

.empty-subtitle[b-7kj596yo20] {
    font-size: 1rem;
    color: #78909c;
}

/* =========================================
   Grid View (Cards)
   ========================================= */
.tasks-grid-compact[b-7kj596yo20] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.task-card-compact[b-7kj596yo20] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    border: 2px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.25s ease;
}

.task-card-compact:hover[b-7kj596yo20] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    border: 2px solid #034B47;
}

.task-card-header-compact[b-7kj596yo20] {
    display: flex;
    gap: 8px;
    margin-bottom: 1rem;
}

.task-card-title-compact[b-7kj596yo20] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #263238;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.publication-content[b-7kj596yo20] {
    font-size: 0.9rem;
    color: #546e7a;
    line-height: 1.6;
    margin-bottom: auto;
    /* Push footer down */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-card-meta-compact[b-7kj596yo20] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #f5f5f5;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.meta-item-compact[b-7kj596yo20] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.813rem;
    color: #78909c;
}

/* =========================================
   List View
   ========================================= */
.content-card[b-7kj596yo20] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.tasks-table-compact[b-7kj596yo20] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.task-row-compact[b-7kj596yo20] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s ease;
    cursor: pointer;
}

.task-row-compact:hover[b-7kj596yo20] {
    background-color: #fafafa;
}

.task-row-compact:last-child[b-7kj596yo20] {
    border-bottom: none;
}

.task-row-main[b-7kj596yo20] {
    flex: 1;
    min-width: 0;
    /* Text truncation fix */
    padding-right: 2rem;
}

.task-row-badges[b-7kj596yo20] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.task-row-title[b-7kj596yo20] {
    font-size: 1rem;
    font-weight: 600;
    color: #37474f;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.publication-content-list[b-7kj596yo20] {
    font-size: 0.875rem;
    color: #607d8b;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-row-meta[b-7kj596yo20] {
    display: flex;
    gap: 1.5rem;
}

.meta-tag[b-7kj596yo20] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #90a4ae;
}

/* =========================================
   Badges
   ========================================= */
.badge-compact[b-7kj596yo20],
.badge-mini[b-7kj596yo20] {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.75em;
    border-radius: 99px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-compact[b-7kj596yo20] {
    padding: 4px 10px;
}

.badge-mini[b-7kj596yo20] {
    padding: 2px 8px;
    font-size: 0.7rem;
}

/* Type Badges */
.badge-info[b-7kj596yo20] {
    /* Announcement */
    background-color: rgba(2, 136, 209, 0.1);
    color: #0288d1;
}

.badge-warning[b-7kj596yo20] {
    /* HR */
    background-color: rgba(245, 124, 0, 0.1);
    color: #f57c00;
}

.badge-success[b-7kj596yo20] {
    /* Event */
    background-color: rgba(56, 142, 60, 0.1);
    color: #388e3c;
}

/* Priority Badges */
.badge-danger[b-7kj596yo20] {
    /* Urgent */
    background-color: rgba(211, 47, 47, 0.1);
    color: #d32f2f;
    border: 1px solid rgba(211, 47, 47, 0.2);
}

.badge-primary[b-7kj596yo20] {
    /* Normal */
    background-color: #f5f5f5;
    color: #616161;
}

.badge-secondary[b-7kj596yo20] {
    background-color: #eceff1;
    color: #78909c;
}

/* =========================================
   Actions
   ========================================= */
.task-card-footer-compact[b-7kj596yo20] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    display: flex;
    justify-content: flex-end;
}

.task-actions-compact[b-7kj596yo20],
.task-row-actions[b-7kj596yo20] {
    display: flex;
    gap: 0.5rem;
    opacity: 0.4;
    transition: opacity 0.2s;
}

.task-card-compact:hover .task-actions-compact[b-7kj596yo20],
.task-row-compact:hover .task-row-actions[b-7kj596yo20] {
    opacity: 1;
}

/* =========================================
   Responsive
   ========================================= */
@media (max-width: 768px) {
    .search-box-modern[b-7kj596yo20] {
        width: 100%;
    }

    .tasks-grid-compact[b-7kj596yo20] {
        grid-template-columns: 1fr;
    }

    .task-row-compact[b-7kj596yo20] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .task-row-actions[b-7kj596yo20] {
        width: 100%;
        justify-content: flex-end;
        opacity: 1;
        /* Always visible on mobile */
    }
}
/* _content/Portal.Client/Components/Pages/Communications/Components/PublicationStatsPills.razor.rz.scp.css */
.stats-pills-container[b-uqtzwec4xy] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pills-wrapper[b-uqtzwec4xy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-uqtzwec4xy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-uqtzwec4xy] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-uqtzwec4xy] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-uqtzwec4xy] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-uqtzwec4xy] {
    transform: scale(1.1);
}

.pill-content[b-uqtzwec4xy] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-uqtzwec4xy] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-uqtzwec4xy] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-uqtzwec4xy] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-uqtzwec4xy] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-uqtzwec4xy] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-wrapper[b-uqtzwec4xy] {
        gap: 0.5rem;
    }

    .stats-pill[b-uqtzwec4xy] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-uqtzwec4xy] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-uqtzwec4xy] {
        font-size: 1.125rem;
    }

    .pill-label[b-uqtzwec4xy] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-wrapper[b-uqtzwec4xy] {
        justify-content: center;
    }

    .stats-pill[b-uqtzwec4xy] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-uqtzwec4xy] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-uqtzwec4xy] {
        font-size: 1rem;
    }

    .pill-label[b-uqtzwec4xy] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-uqtzwec4xy] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-uqtzwec4xy] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-uqtzwec4xy] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-uqtzwec4xy] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Communications/PublicationEditDialog.razor.rz.scp.css */
.dropdown-item-modern[b-p5egxcaggz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 1px 12px;
}

.dropdown-item-modern span[b-p5egxcaggz] {
    line-height: 1;
}
/* _content/Portal.Client/Components/Pages/Feedback/Components/IdeaStatsPills.razor.rz.scp.css */
.stats-pills-container[b-ewh89emzdr] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pills-wrapper[b-ewh89emzdr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-ewh89emzdr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-ewh89emzdr] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-ewh89emzdr] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-ewh89emzdr] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-ewh89emzdr] {
    transform: scale(1.1);
}

.pill-content[b-ewh89emzdr] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-ewh89emzdr] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-ewh89emzdr] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-ewh89emzdr] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-ewh89emzdr] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-ewh89emzdr] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-wrapper[b-ewh89emzdr] {
        gap: 0.5rem;
    }

    .stats-pill[b-ewh89emzdr] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-ewh89emzdr] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-ewh89emzdr] {
        font-size: 1.125rem;
    }

    .pill-label[b-ewh89emzdr] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-wrapper[b-ewh89emzdr] {
        justify-content: center;
    }

    .stats-pill[b-ewh89emzdr] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-ewh89emzdr] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-ewh89emzdr] {
        font-size: 1rem;
    }

    .pill-label[b-ewh89emzdr] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-ewh89emzdr] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-ewh89emzdr] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-ewh89emzdr] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-ewh89emzdr] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Home.razor.rz.scp.css */
/* Card hover effects */
.card.widget-flat[b-otbswx1te7] {
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
}

.card.widget-flat:hover[b-otbswx1te7] {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    border-color: rgba(114, 124, 245, 0.3);
}

/* Fade in animation for cards */
@keyframes fadeInUp-b-otbswx1te7 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.card.widget-flat[b-otbswx1te7] {
    animation: fadeInUp-b-otbswx1te7 0.6s ease-out;
}

/* Gradient backgrounds for icon containers */
.widget-icon[b-otbswx1te7] {
    background: linear-gradient(135deg, rgba(114, 124, 245, 0.1) 0%, rgba(114, 124, 245, 0.2) 100%);
    border-radius: 8px;
    padding: 0px;
    font-size: 1.5rem;
}

/* Avatar hover effect */
.avatar-sm[b-otbswx1te7] {
    transition: all 0.3s ease;
}

.avatar-sm:hover[b-otbswx1te7] {
    transform: scale(1.1);
}

/* Badge pulse animation for urgent items */
@keyframes pulse-b-otbswx1te7 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.badge.bg-danger[b-otbswx1te7] {
    animation: pulse-b-otbswx1te7 2s infinite;
}

/* Activity timeline border effect */
.border-bottom[b-otbswx1te7] {
    border-color: rgba(0,0,0,0.05) !important;
    transition: border-color 0.3s ease;
}

.border-bottom:hover[b-otbswx1te7] {
    border-color: rgba(114, 124, 245, 0.3) !important;
}

/* Alert slide in animation */
@keyframes slideInRight-b-otbswx1te7 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.alert[b-otbswx1te7] {
    animation: slideInRight-b-otbswx1te7 0.4s ease-out;
}

/* Vacation/Birthday card hover effect */
.bg-light.rounded[b-otbswx1te7] {
    transition: all 0.3s ease;
    cursor: pointer;
}

.bg-light.rounded:hover[b-otbswx1te7] {
    background-color: rgba(114, 124, 245, 0.1) !important;
    transform: translateX(5px);
}

/* Icon rotation on hover */
.mdi[b-otbswx1te7] {
    transition: transform 0.3s ease;
}

.card:hover .widget-icon .mdi[b-otbswx1te7] {
    transform: rotate(10deg) scale(1.1);
}

/* Gradient text for headings */
/*.page-title {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}*/

/* Smooth color transitions for badges */
.badge[b-otbswx1te7] {
    transition: all 0.3s ease;
}

.badge:hover[b-otbswx1te7] {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Chart container hover effect */
.card-body:has(div[dir="ltr"])[b-otbswx1te7] {
    position: relative;
}

.card-body:has(div[dir="ltr"])[b-otbswx1te7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(114, 124, 245, 0.03) 0%, rgba(114, 124, 245, 0.08) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: 8px;
}

.card-body:has(div[dir="ltr"]):hover[b-otbswx1te7]::before {
    opacity: 1;
}

/* Staggered animation delay for multiple cards */
.col-sm-6:nth-child(1) .card[b-otbswx1te7] {
    animation-delay: 0s;
}

.col-sm-6:nth-child(2) .card[b-otbswx1te7] {
    animation-delay: 0.1s;
}

.col-sm-6:nth-child(3) .card[b-otbswx1te7] {
    animation-delay: 0.2s;
}

.col-sm-6:nth-child(4) .card[b-otbswx1te7] {
    animation-delay: 0.3s;
}

.col-sm-6:nth-child(5) .card[b-otbswx1te7] {
    animation-delay: 0.4s;
}

.col-sm-6:nth-child(6) .card[b-otbswx1te7] {
    animation-delay: 0.5s;
}

/* Loading shimmer effect */
@keyframes shimmer-b-otbswx1te7 {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.card.widget-flat.loading[b-otbswx1te7] {
    background: linear-gradient(90deg, #f0f0f0 0px, #f8f8f8 40px, #f0f0f0 80px);
    background-size: 1000px 100%;
    animation: shimmer-b-otbswx1te7 2s infinite;
}

/* Sparkline mini charts */
.sparkline[b-otbswx1te7] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 40px;
    width: 60px;
}

.sparkline-bar[b-otbswx1te7] {
    flex: 1;
    border-radius: 2px;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.sparkline-bar:hover[b-otbswx1te7] {
    opacity: 1;
    transform: scaleY(1.1);
}

/* Sparkline colors */
.sparkline-primary .sparkline-bar[b-otbswx1te7] {
    background: linear-gradient(180deg, rgba(114, 124, 245, 0.8) 0%, rgba(114, 124, 245, 1) 100%);
}

.sparkline-warning .sparkline-bar[b-otbswx1te7] {
    background: linear-gradient(180deg, rgba(255, 193, 7, 0.8) 0%, rgba(255, 193, 7, 1) 100%);
}

.sparkline-success .sparkline-bar[b-otbswx1te7] {
    background: linear-gradient(180deg, rgba(40, 167, 69, 0.8) 0%, rgba(40, 167, 69, 1) 100%);
}

.sparkline-info .sparkline-bar[b-otbswx1te7] {
    background: linear-gradient(180deg, rgba(23, 162, 184, 0.8) 0%, rgba(23, 162, 184, 1) 100%);
}

/* Stats card enhancement */
.stats-card[b-otbswx1te7] {
    padding: 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.1) 100%);
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05);
}

.stats-card:hover[b-otbswx1te7] {
    background: linear-gradient(135deg, rgba(114, 124, 245, 0.05) 0%, rgba(114, 124, 245, 0.1) 100%);
    border-color: rgba(114, 124, 245, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Sparkline animation on card hover */
.stats-card:hover .sparkline-bar[b-otbswx1te7] {
    animation: sparklineGrow-b-otbswx1te7 0.6s ease-out;
}

@keyframes sparklineGrow-b-otbswx1te7 {
    0% {
        transform: scaleY(0.5);
    }
    50% {
        transform: scaleY(1.1);
    }
    100% {
        transform: scaleY(1);
    }
}

/* ERP Alert badge styling */
.erp-alert[b-otbswx1te7] {
    animation: erpPulse-b-otbswx1te7 2s infinite;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.erp-alert:hover[b-otbswx1te7] {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.5);
    color: #ffffff !important;
}

@keyframes erpPulse-b-otbswx1te7 {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
    }
    50% {
        box-shadow: 0 2px 12px rgba(220, 53, 69, 0.6);
    }
}

/* Enhanced Weather Widget Styling */
.modern-weather-card[b-otbswx1te7] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 1px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.modern-weather-card:hover[b-otbswx1te7] {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.5);
}

.weather-gradient-bg[b-otbswx1te7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at top right, rgba(255,255,255,0.2) 0%, transparent 50%),
                radial-gradient(circle at bottom left, rgba(118,75,162,0.3) 0%, transparent 50%);
    opacity: 0.6;
    animation: gradientShift-b-otbswx1te7 15s ease-in-out infinite;
}

@keyframes gradientShift-b-otbswx1te7 {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1) rotate(0deg);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.1) rotate(5deg);
    }
}

.modern-weather-card .card-body[b-otbswx1te7] {
    position: relative;
    z-index: 2;
    backdrop-filter: blur(10px);
}

.enhanced-weather-widget[b-otbswx1te7] {
    animation: fadeInUp-b-otbswx1te7 0.8s ease-out;
}

/* Weather Header */
.weather-header h6[b-otbswx1te7] {
    font-size: 0.875rem;
    letter-spacing: 1px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.btn-light-outline[b-otbswx1te7] {
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
    color: white;
    border-radius: 8px;
    padding: 0.25rem 0.5rem;
    transition: all 0.3s ease;
}

.btn-light-outline:hover[b-otbswx1te7] {
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0.5);
    color: white;
    transform: rotate(180deg);
}

/* Main Temperature Display */
.weather-main-temp[b-otbswx1te7] {
    animation: scaleIn-b-otbswx1te7 0.6s ease-out 0.3s both;
}

@keyframes scaleIn-b-otbswx1te7 {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Compact Weather Icon */
.weather-icon-compact[b-otbswx1te7] {
    animation: iconFloat-b-otbswx1te7 4s ease-in-out infinite;
    filter: drop-shadow(0 4px 8px rgba(255, 215, 0, 0.3));
}

@keyframes iconFloat-b-otbswx1te7 {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-8px);
    }
}

/* Compact Temperature Display */
.temperature-display-compact[b-otbswx1te7] {
    display: flex;
    align-items: flex-start;
    line-height: 1;
}

.temp-value-compact[b-otbswx1te7] {
    font-size: 2.5rem;
    font-weight: 700;
    color: white;
    text-shadow: 0 4px 8px rgba(0,0,0,0.3);
    letter-spacing: -2px;
}

.temp-unit-compact[b-otbswx1te7] {
    font-size: 1.25rem;
    font-weight: 300;
    color: rgba(255,255,255,0.8);
    margin-top: 0.25rem;
    margin-left: 0.125rem;
}

.weather-description-compact[b-otbswx1te7] {
    font-size: 0.813rem;
    font-weight: 500;
    text-transform: capitalize;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin-top: 0.25rem;
}

/* Weather Details Grid - Compact */
.weather-details-grid-compact[b-otbswx1te7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-top: 1rem;
}

.weather-detail-item-compact[b-otbswx1te7] {
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.1);
    font-size: 0.813rem;
    color: white;
}

.weather-detail-item-compact:hover[b-otbswx1te7] {
    background: rgba(255,255,255,0.25);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-color: rgba(255,255,255,0.3);
}

.weather-detail-item-compact i[b-otbswx1te7] {
    font-size: 1.125rem;
    color: #FFD700;
}

.detail-value-compact[b-otbswx1te7] {
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Weather Spinner */
.weather-spinner[b-otbswx1te7] {
    animation: pulse-b-otbswx1te7 1.5s ease-in-out infinite;
}

/* Text Colors */
.text-white-50[b-otbswx1te7] {
    color: rgba(255,255,255,0.7) !important;
}

/* Responsive hover effects disable on mobile */
@media (max-width: 768px) {
    .card.widget-flat:hover[b-otbswx1te7] {
        transform: none;
    }

    .bg-light.rounded:hover[b-otbswx1te7] {
        transform: none;
    }

    .stats-card:hover[b-otbswx1te7] {
        transform: none;
    }

    .weather-card:hover[b-otbswx1te7] {
        transform: none;
    }

    .weather-detail-card:hover[b-otbswx1te7] {
        transform: none;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/AddPontaj.razor.rz.scp.css */
.user-dropdown-item[b-2lvaoksoo3] {
    display: flex;
    align-items: center; /* Aliniere verticală perfectă */
    gap: 0.5rem; /* Spațiu între icon și text */
    /*padding: 4px 6px;*/
}

.user-info[b-2lvaoksoo3] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.user-name[b-2lvaoksoo3] {
    font-weight: 600;
    font-size: 0.938rem;
}

.user-role[b-2lvaoksoo3] {
    font-size: 0.75rem;
    color: #666;
}
/* _content/Portal.Client/Components/Pages/Panels/ApprovalPage.razor.rz.scp.css */
/*                  calenda rapid           */
.quick-calendar-section .title[b-8zggfzsisf] {
    color: #2c3e50;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.quick-calendar-section .title i[b-8zggfzsisf] {
    color: #3498db;
    font-size: 1.1rem;
}

.quick-calendar-section .card-body[b-8zggfzsisf] {
    padding: 16px;
}

/* --------------------------------- */
/*                  calenda            */
.calendar-section .title[b-8zggfzsisf] {
    color: #2c3e50;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .calendar-section .title i[b-8zggfzsisf] {
        color: #3498db;
        font-size: 1.1rem;
    }

.calendar-section .card-body[b-8zggfzsisf] {
    padding: 16px;
}

/* --------------------------------- */

.modern-grid[b-8zggfzsisf] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.user-cell[b-8zggfzsisf] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-avatar-small[b-8zggfzsisf] {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.user-name[b-8zggfzsisf] {
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.9rem;
}

.period-cell[b-8zggfzsisf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.period-dates[b-8zggfzsisf] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.85rem;
}

    .period-dates i[b-8zggfzsisf] {
        color: #3498db;
        font-size: 0.8rem;
    }

.period-duration[b-8zggfzsisf] {
    font-size: 0.75rem;
    color: #7f8c8d;
}

.document-icons[b-8zggfzsisf] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.doc-icon[b-8zggfzsisf] {
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 4px;
    border-radius: 4px;
}

    .doc-icon.uploaded[b-8zggfzsisf] {
        color: #3498db;
    }

    .doc-icon.generated[b-8zggfzsisf] {
        color: #27ae60;
    }

    .doc-icon:hover[b-8zggfzsisf] {
        background: rgba(52, 152, 219, 0.1);
        transform: scale(1.1);
    }

.action-buttons[b-8zggfzsisf] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.action-btn[b-8zggfzsisf] {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.view-btn:hover[b-8zggfzsisf] {
    background: #3498db !important;
    color: white !important;
    transform: scale(1.1) !important;
}

/* Grid styling improvements */
.modern-grid .rz-datatable[b-8zggfzsisf] {
    border: none;
}

.modern-grid .rz-datatable-header[b-8zggfzsisf] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 2px solid #dee2e6;
}

    .modern-grid .rz-datatable-header th[b-8zggfzsisf] {
        font-weight: 600;
        color: #495057;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        padding: 12px 8px;
    }

.modern-grid .rz-datatable-data tr[b-8zggfzsisf] {
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .modern-grid .rz-datatable-data tr:hover[b-8zggfzsisf] {
        background: rgba(52, 152, 219, 0.05);
        transform: scale(1.01);
    }

.modern-grid .rz-datatable-data td[b-8zggfzsisf] {
    padding: 12px 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.03);
}

/* Responsive */
@media (max-width: 768px) {
    .period-cell[b-8zggfzsisf] {
        font-size: 0.8rem;
    }

    .user-name[b-8zggfzsisf] {
        font-size: 0.8rem;
    }
}

.calendar-section[b-8zggfzsisf] {
    margin-bottom: 24px;
}

.header-content[b-8zggfzsisf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

/* _content/Portal.Client/Components/Pages/Panels/AprobareDocumente.razor.rz.scp.css */
.modern-page-container[b-769rfxq13k] {
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header-modern[b-769rfxq13k] {
    background: linear-gradient(135deg, #034B47 0%, #056862 50%, #078177 100%);
    padding: 2rem 2rem 3rem;
    box-shadow: 0 4px 20px rgba(3, 75, 71, 0.2);
    margin-bottom: 2rem;
    position: relative;
}

    .page-header-modern[b-769rfxq13k]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, #078177 0%, #034B47 100%);
        border-radius: 2px;
    }

.header-content[b-769rfxq13k] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.header-icon-wrapper[b-769rfxq13k] {
    width: 64px;
    height: 64px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.page-title-modern[b-769rfxq13k] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}

.breadcrumb-modern[b-769rfxq13k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
}

    .breadcrumb-modern .active[b-769rfxq13k] {
        font-weight: 600;
        color: #fff;
    }

.content-wrapper[b-769rfxq13k] {
    max-width: 1600px;
    margin: 0 auto;
}

/* Stats Cards */
.stats-row-top[b-769rfxq13k] {
    margin-bottom: 1rem;
}

.stat-card-approval[b-769rfxq13k] {
    padding: 1.25rem;
    border-radius: 12px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.2s ease;
}

    .stat-card-approval:hover[b-769rfxq13k] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

.stat-icon[b-769rfxq13k] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    flex-shrink: 0;
}

.stat-content[b-769rfxq13k] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stat-value[b-769rfxq13k] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.stat-label[b-769rfxq13k] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.filter-card[b-769rfxq13k] {
    margin-bottom: 2rem;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.filter-info[b-769rfxq13k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-title[b-769rfxq13k] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
}

/* Documents Grid */
.documents-grid[b-769rfxq13k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
    padding-top: 20px;
}

.document-card[b-769rfxq13k] {
    border-radius: 16px;
    border: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
}

    .document-card:hover[b-769rfxq13k] {
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
        transform: translateY(-4px);
    }

.document-card-header[b-769rfxq13k] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 2px solid #e0e0e0;
}

.document-title-section[b-769rfxq13k] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    flex: 1;
}

.document-icon-large[b-769rfxq13k] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.document-title-info[b-769rfxq13k] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.document-title[b-769rfxq13k] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
}

.document-date[b-769rfxq13k] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.813rem;
    color: #666;
}

.status-badge-large[b-769rfxq13k] {
    font-size: 0.813rem;
    padding: 0.375rem 0.875rem;
    font-weight: 600;
}

.document-card-body[b-769rfxq13k] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.document-field[b-769rfxq13k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.field-label[b-769rfxq13k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #034B47;
}

.field-value[b-769rfxq13k] {
    font-size: 0.938rem;
    color: #1a1a1a;
    line-height: 1.5;
}

    .field-value.empty[b-769rfxq13k] {
        color: #999;
        font-style: italic;
    }

.message-content[b-769rfxq13k] {
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 3px solid #034B47;
}

.file-attachment[b-769rfxq13k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #e0f2f1;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .file-attachment:hover[b-769rfxq13k] {
        background: #b2dfdb;
        transform: translateX(4px);
    }

    .file-attachment.approved[b-769rfxq13k] {
        background: #e8f5e9;
    }

        .file-attachment.approved:hover[b-769rfxq13k] {
            background: #c8e6c9;
        }

.file-name[b-769rfxq13k] {
    font-weight: 500;
    color: #1a1a1a;
    font-size: 0.875rem;
}

.comment-field[b-769rfxq13k] {
    margin-top: 0.5rem;
}

.comment-content[b-769rfxq13k] {
    padding: 0.75rem;
    background: #fff3e0;
    border-radius: 8px;
    border-left: 3px solid #ff9800;
}

.document-card-actions[b-769rfxq13k] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
}

.status-final[b-769rfxq13k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-final-text[b-769rfxq13k] {
    font-weight: 600;
    color: #2e7d32;
}

/* Loading & Empty States */
.loading-card[b-769rfxq13k], .empty-card[b-769rfxq13k] {
    border-radius: 16px;
    border: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.loading-text[b-769rfxq13k] {
    font-size: 1rem;
    color: #666;
}

.empty-icon[b-769rfxq13k] {
    width: 80px;
    height: 80px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-769rfxq13k] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-769rfxq13k] {
    font-size: 0.938rem;
    color: #999;
}

/* Responsive */
@media (max-width: 1200px) {
    .documents-grid[b-769rfxq13k] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}

@media (max-width: 768px) {
    .page-header-modern[b-769rfxq13k] {
        padding: 1.5rem 1rem 2rem;
    }

    .content-wrapper[b-769rfxq13k] {
        padding: 0 1rem 1rem;
    }

    .documents-grid[b-769rfxq13k] {
        grid-template-columns: 1fr;
    }

    .document-card-actions[b-769rfxq13k] {
        flex-wrap: wrap;
    }

    .stat-card-approval[b-769rfxq13k] {
        padding: 1rem;
    }

    .stat-value[b-769rfxq13k] {
        font-size: 1.5rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/CampaignStatsPills.razor.rz.scp.css */
.stats-pills-container[b-li2gr88z2s] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pills-wrapper[b-li2gr88z2s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-li2gr88z2s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-li2gr88z2s] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-li2gr88z2s] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-li2gr88z2s] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-li2gr88z2s] {
    transform: scale(1.1);
}

.pill-content[b-li2gr88z2s] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-li2gr88z2s] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-li2gr88z2s] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-li2gr88z2s] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-li2gr88z2s] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-li2gr88z2s] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-wrapper[b-li2gr88z2s] {
        gap: 0.5rem;
    }

    .stats-pill[b-li2gr88z2s] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-li2gr88z2s] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-li2gr88z2s] {
        font-size: 1.125rem;
    }

    .pill-label[b-li2gr88z2s] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-wrapper[b-li2gr88z2s] {
        justify-content: center;
    }

    .stats-pill[b-li2gr88z2s] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-li2gr88z2s] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-li2gr88z2s] {
        font-size: 1rem;
    }

    .pill-label[b-li2gr88z2s] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-li2gr88z2s] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-li2gr88z2s] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-li2gr88z2s] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-li2gr88z2s] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/DayDetailsDialog.razor.rz.scp.css */
.day-details-dialog[b-dkuicrnfaq] {
    padding-top: 0.5rem;
}

.dialog-header-section[b-dkuicrnfaq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.date-display[b-dkuicrnfaq] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.date-icon[b-dkuicrnfaq] {
    font-size: 3rem;
    color: #667eea;
    opacity: 0.8;
}

.date-title[b-dkuicrnfaq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2d3748;
    margin: 0;
    text-transform: capitalize;
}

.date-subtitle[b-dkuicrnfaq] {
    font-size: 0.938rem;
    color: #718096;
    margin: 0.25rem 0 0 0;
    text-transform: capitalize;
}

.day-type-badge[b-dkuicrnfaq] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.813rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.today-badge[b-dkuicrnfaq] {
    background: linear-gradient(135deg, #f56565 0%, #ed8936 100%);
    color: white;
}

.vacation-badge[b-dkuicrnfaq] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.rest-badge[b-dkuicrnfaq] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    color: white;
}

.weekend-badge[b-dkuicrnfaq] {
    background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
    color: white;
}

.workday-badge[b-dkuicrnfaq] {
    background: #edf2f7;
    color: #4a5568;
}

/* Events Section */
.events-section[b-dkuicrnfaq] {
    margin-bottom: 2rem;
}

.section-title[b-dkuicrnfaq] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2d3748;
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .section-title i[b-dkuicrnfaq] {
        color: #667eea;
    }

.event-card[b-dkuicrnfaq] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 12px;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .event-card:hover[b-dkuicrnfaq] {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    }

.vacation-event[b-dkuicrnfaq] {
    background: linear-gradient(135deg, #ddd6fe 0%, #e9d5ff 100%);
    border-left: 4px solid #667eea;
}

.rest-event[b-dkuicrnfaq] {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    border-left: 4px solid #48bb78;
}

.event-icon-container[b-dkuicrnfaq] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vacation-event .event-icon[b-dkuicrnfaq] {
    font-size: 1.75rem;
    color: #667eea;
}

.rest-event .event-icon[b-dkuicrnfaq] {
    font-size: 1.75rem;
    color: #48bb78;
}

.event-content[b-dkuicrnfaq] {
    flex: 1;
}

.event-title[b-dkuicrnfaq] {
    font-size: 1rem;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 0.25rem 0;
}

.event-description[b-dkuicrnfaq] {
    font-size: 0.875rem;
    color: #4a5568;
    margin: 0 0 0.75rem 0;
}

.event-meta[b-dkuicrnfaq] {
    display: flex;
    gap: 1rem;
}

.meta-item[b-dkuicrnfaq] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #718096;
}

    .meta-item i[b-dkuicrnfaq] {
        font-size: 0.875rem;
    }

.event-badge[b-dkuicrnfaq] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}

    .event-badge i[b-dkuicrnfaq] {
        font-size: 1.25rem;
        color: white;
    }

/* No Events */
.no-events[b-dkuicrnfaq] {
    text-align: center;
    padding: 3rem 1rem;
}

.no-events-icon[b-dkuicrnfaq] {
    font-size: 4rem;
    color: #cbd5e0;
    margin-bottom: 1rem;
}

.no-events-text[b-dkuicrnfaq] {
    font-size: 1rem;
    color: #718096;
    margin: 0;
}

.weekend-note[b-dkuicrnfaq] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: #fef5e7;
    border-radius: 8px;
    color: #ed8936;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Info Section */
.info-section[b-dkuicrnfaq] {
    background: #f7fafc;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.info-grid[b-dkuicrnfaq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.info-item[b-dkuicrnfaq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.info-icon[b-dkuicrnfaq] {
    font-size: 1.5rem;
    color: #667eea;
    opacity: 0.8;
}

.info-content[b-dkuicrnfaq] {
    display: flex;
    flex-direction: column;
}

.info-label[b-dkuicrnfaq] {
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-dkuicrnfaq] {
    font-size: 1rem;
    font-weight: 600;
    color: #2d3748;
}

/* Dialog Actions */
.dialog-actions[b-dkuicrnfaq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

/* Responsive */
@media (max-width: 768px) {
    .dialog-header-section[b-dkuicrnfaq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .info-grid[b-dkuicrnfaq] {
        grid-template-columns: 1fr;
    }
}

/* Butoane moderne */
.btn[b-dkuicrnfaq] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-dkuicrnfaq] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-dkuicrnfaq] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Components/DialogTemplate.razor.rz.scp.css */
.dialog-container[b-yi1no1z0bk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    /*background: var(--rz-base-100, #f8f9fa);*/
}

.dialog-header[b-yi1no1z0bk] {
    flex-shrink: 0;
    padding: 0.75rem 1rem 0.5rem;
    background: linear-gradient(135deg, #034B47 0%, #056862 50%, #078177 100%);
    border-bottom: 2px solid #023430;
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.3);
}

.dialog-header-icon[b-yi1no1z0bk] {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

.dialog-header-text[b-yi1no1z0bk] {
    flex: 1;
    min-width: 0;
}

.dialog-header-title[b-yi1no1z0bk] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.3px;
}

.dialog-header-subtitle[b-yi1no1z0bk] {
    margin: 0.15rem 0 0;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.9);
}

.dialog-content[b-yi1no1z0bk] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.dialog-footer[b-yi1no1z0bk] {
    flex-shrink: 0;
    border-top: 1px solid var(--rz-border-color, #dee2e6);
    /*background-color: var(--rz-base-background-color, #fff);*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -5px;
    padding-top: 15px;
}

.footer-info[b-yi1no1z0bk] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dialog-submit-button[b-yi1no1z0bk] {
    /*background: linear-gradient(135deg, #034B47 0%, #056862 100%);*/
    border: none;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.25);
    transition: all 0.2s ease;
}

    .dialog-submit-button:hover:not(:disabled)[b-yi1no1z0bk] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(3, 75, 71, 0.35);
    }

/* Custom Scrollbar */
.dialog-content[b-yi1no1z0bk]::-webkit-scrollbar {
    width: 10px;
}

.dialog-content[b-yi1no1z0bk]::-webkit-scrollbar-track {
    /*background: var(--rz-base-200, #f0f0f0);*/
    border-radius: 5px;
}

.dialog-content[b-yi1no1z0bk]::-webkit-scrollbar-thumb {
    background: var(--rz-base-400, #bdbdbd);
    border-radius: 5px;
    border: 2px solid var(--rz-base-200, #f0f0f0);
}

    .dialog-content[b-yi1no1z0bk]::-webkit-scrollbar-thumb:hover {
        background: var(--rz-base-500, #9e9e9e);
    }

/* Mobile Responsive */
@media (max-width: 768px) {
    .dialog-header[b-yi1no1z0bk] {
        padding: 1rem;
    }

    .dialog-content[b-yi1no1z0bk] {
        padding: 1rem;
    }

    .dialog-footer[b-yi1no1z0bk] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .footer-info[b-yi1no1z0bk] {
        order: 2;
    }

    .dialog-footer .rz-stack[b-yi1no1z0bk] {
        order: 1;
        width: 100%;
    }

        .dialog-footer .rz-stack .rz-button[b-yi1no1z0bk] {
            flex: 1;
        }
}

/* Butoane moderne */
.btn[b-yi1no1z0bk] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    /*width: 120px !important;*/
}

    .btn:hover:not(:disabled)[b-yi1no1z0bk] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-yi1no1z0bk] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Components/DocumentApproveFileUploadComponent.razor.rz.scp.css */
.file-upload-container[b-5c8cqkqt8z] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.file-upload-area[b-5c8cqkqt8z] {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    background: #f8f9fa;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .file-upload-area:not(.disabled):hover[b-5c8cqkqt8z] {
        border-color: #007bff;
        background: #f0f8ff;
    }

    .file-upload-area.disabled[b-5c8cqkqt8z] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.upload-content[b-5c8cqkqt8z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.upload-icon-text[b-5c8cqkqt8z] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;
    color: #6c757d;
}

    .upload-icon-text i[b-5c8cqkqt8z] {
        font-size: 1.5rem;
    }

.upload-hint[b-5c8cqkqt8z] {
    color: #6c757d;
    font-size: 0.85rem;
}

.uploaded-file-info[b-5c8cqkqt8z] {
    display: flex;
    align-items: center;
    justify-content: between;
    padding: 12px;
    background: #e8f5e8;
    border: 1px solid #28a745;
    border-radius: 8px;
}

.file-details[b-5c8cqkqt8z] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

    .file-details i[b-5c8cqkqt8z] {
        color: #28a745;
        font-size: 1.2rem;
    }

.file-name[b-5c8cqkqt8z] {
    font-weight: 500;
    color: #155724;
}

.file-size[b-5c8cqkqt8z] {
    color: #6c757d;
    font-size: 0.9rem;
}

.file-error[b-5c8cqkqt8z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8d7da;
    color: #721c24;
    border-radius: 6px;
    font-size: 0.9rem;
}

/* _content/Portal.Client/Components/Pages/Panels/Components/DocumentCompacttFileUploadComponent.razor.rz.scp.css */
/* Zona principală (comună și pentru uploaded state) */
.upload-zone-compact[b-avit6nirp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #e0f2f1 0%, #f0f8f7 100%);
    border: 2px dashed #80cbc4;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
    min-height: 48px;
}

    .upload-zone-compact:hover[b-avit6nirp4] {
        border-color: #034B47;
        background: #b2dfdb;
    }

.upload-zone-hover[b-avit6nirp4] {
    border-color: #034B47 !important;
    background: #80cbc4 !important;
    transform: scale(1.02);
}

/* Stânga: icon */
.upload-icon-small[b-avit6nirp4] {
    font-size: 1.25rem;
    color: #034B47;
}

/* Dreapta: text + buton */
.upload-right[b-avit6nirp4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

.upload-text-small[b-avit6nirp4] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #034B47;
}

/* Uploaded file layout */
.uploaded-file-zone[b-avit6nirp4] {
    cursor: default;
    background: #eaf7f6;
    border-style: solid;
}

.uploaded-file-info[b-avit6nirp4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    margin-left: 0.5rem;
}

.file-icon[b-avit6nirp4] {
    font-size: 1.1rem;
    color: #034B47;
}

.file-name[b-avit6nirp4] {
    font-weight: 500;
    color: #034B47;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.file-size[b-avit6nirp4] {
    color: #5a5a5a;
    font-size: 0.85rem;
}

.remove-file-btn[b-avit6nirp4] {
    flex-shrink: 0;
    margin-left: auto;
    padding: 0.25rem;
}

    .remove-file-btn i[b-avit6nirp4] {
        font-size: 1.2rem;
        vertical-align: middle;
    }
/* _content/Portal.Client/Components/Pages/Panels/Components/DocumentFileUploadComponent.razor.rz.scp.css */
.file-upload-container[b-rv4i7g3c7i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.file-upload-area[b-rv4i7g3c7i] {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    background: #f8f9fa;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .file-upload-area:not(.disabled):hover[b-rv4i7g3c7i] {
        border-color: #007bff;
        background: #f0f8ff;
    }

    .file-upload-area.disabled[b-rv4i7g3c7i] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.upload-content[b-rv4i7g3c7i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.upload-icon-text[b-rv4i7g3c7i] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;
    color: #6c757d;
}

    .upload-icon-text i[b-rv4i7g3c7i] {
        font-size: 1.5rem;
    }

.upload-hint[b-rv4i7g3c7i] {
    color: #6c757d;
    font-size: 0.85rem;
}

.uploaded-file-info[b-rv4i7g3c7i] {
    display: flex;
    align-items: center;
    justify-content: between;
    padding: 12px;
    background: #e8f5e8;
    border: 1px solid #28a745;
    border-radius: 8px;
}

.file-details[b-rv4i7g3c7i] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

    .file-details i[b-rv4i7g3c7i] {
        color: #28a745;
        font-size: 1.2rem;
    }

.file-name[b-rv4i7g3c7i] {
    font-weight: 500;
    color: #155724;
}

.file-size[b-rv4i7g3c7i] {
    color: #6c757d;
    font-size: 0.9rem;
}

.file-error[b-rv4i7g3c7i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8d7da;
    color: #721c24;
    border-radius: 6px;
    font-size: 0.9rem;
}

/* _content/Portal.Client/Components/Pages/Panels/Components/DocumentFileUploadSmallComponent.razor.rz.scp.css */
.drop-zone[b-mxswe7ad87] {
    border: 2px dashed #80cbc4;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}

    .drop-zone:hover[b-mxswe7ad87] {
        border-color: #034b47;
        background-color: #f1f8f7;
    }

.drop-zone-drag[b-mxswe7ad87] {
    border-color: #00796b !important;
    background-color: #e0f2f1 !important;
}

.upload-placeholder[b-mxswe7ad87] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 0.9rem;
    color: #034b47;
}

.uploaded-file[b-mxswe7ad87] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
}

    .uploaded-file .file-name[b-mxswe7ad87] {
        font-weight: 500;
    }

    .uploaded-file .file-size[b-mxswe7ad87] {
        color: #666;
        font-size: 0.8rem;
    }
/* _content/Portal.Client/Components/Pages/Panels/Components/EvaluationStatsPills.razor.rz.scp.css */
.stats-pills-container[b-rkmdl9hltf] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pills-wrapper[b-rkmdl9hltf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-rkmdl9hltf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-rkmdl9hltf] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-rkmdl9hltf] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-rkmdl9hltf] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-rkmdl9hltf] {
    transform: scale(1.1);
}

.pill-content[b-rkmdl9hltf] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-rkmdl9hltf] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-rkmdl9hltf] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-rkmdl9hltf] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-rkmdl9hltf] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-rkmdl9hltf] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-wrapper[b-rkmdl9hltf] {
        gap: 0.5rem;
    }

    .stats-pill[b-rkmdl9hltf] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-rkmdl9hltf] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-rkmdl9hltf] {
        font-size: 1.125rem;
    }

    .pill-label[b-rkmdl9hltf] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-wrapper[b-rkmdl9hltf] {
        justify-content: center;
    }

    .stats-pill[b-rkmdl9hltf] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-rkmdl9hltf] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-rkmdl9hltf] {
        font-size: 1rem;
    }

    .pill-label[b-rkmdl9hltf] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-rkmdl9hltf] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-rkmdl9hltf] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-rkmdl9hltf] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-rkmdl9hltf] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/LoadingSpinner.razor.rz.scp.css */
.loading-spinner-container[b-xh8l01b39x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    min-height: 200px;
}

.loading-spinner[b-xh8l01b39x] {
    margin-bottom: 20px;
}

.spinner[b-xh8l01b39x] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin-b-xh8l01b39x 1s linear infinite;
}

@keyframes spin-b-xh8l01b39x {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-message[b-xh8l01b39x] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 1rem;
}

.loading-subtitle[b-xh8l01b39x] {
    color: #6c757d;
    font-size: 0.9rem;
}
/* _content/Portal.Client/Components/Pages/Panels/Components/ObjectiveStatsPills.razor.rz.scp.css */
.stats-pills-container[b-3vu8ihxy0l] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pills-wrapper[b-3vu8ihxy0l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-3vu8ihxy0l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-3vu8ihxy0l] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-3vu8ihxy0l] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-3vu8ihxy0l] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-3vu8ihxy0l] {
    transform: scale(1.1);
}

.pill-content[b-3vu8ihxy0l] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-3vu8ihxy0l] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-3vu8ihxy0l] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-3vu8ihxy0l] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-3vu8ihxy0l] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-3vu8ihxy0l] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-wrapper[b-3vu8ihxy0l] {
        gap: 0.5rem;
    }

    .stats-pill[b-3vu8ihxy0l] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-3vu8ihxy0l] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-3vu8ihxy0l] {
        font-size: 1.125rem;
    }

    .pill-label[b-3vu8ihxy0l] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-wrapper[b-3vu8ihxy0l] {
        justify-content: center;
    }

    .stats-pill[b-3vu8ihxy0l] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-3vu8ihxy0l] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-3vu8ihxy0l] {
        font-size: 1rem;
    }

    .pill-label[b-3vu8ihxy0l] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-3vu8ihxy0l] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-3vu8ihxy0l] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-3vu8ihxy0l] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-3vu8ihxy0l] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/QuickCalendarSection.razor.rz.scp.css */
/* Container Principal */
.enhanced-quick-calendar[b-6hw52pz27t] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    margin: 0;
}

/* 🔄 Layout-ul Principal: Folosește Grid pentru a pune Calendarul (stânga) și Sidebar-ul (dreapta) */
.calendar-container[b-6hw52pz27t] {
    display: grid;
    /* Imparte in doua coloane: 60% pentru calendar, 40% pentru bara din dreapta */
    grid-template-columns: 3fr 2fr;
    gap: 1.5rem; /* Spațiu între calendar și bara laterală */
    padding: 1.5rem;
    background: white;
    border-radius: 12px;
    overflow: hidden;
}

/* ⬅️ Secțiunea principală de calendar - ocupă prima coloană */
.calendar-main-section[b-6hw52pz27t] {
    /* Nu necesita stiluri speciale, dar este bine sa o pastrati ca wrapper */
}

/* ➡️ Sidebar-ul Dreapta - ocupă a doua coloană */
.sidebar-right[b-6hw52pz27t] {
    display: flex;
    flex-direction: column; /* Asigură că rândul cu statistici/legendă este sus */
    gap: 1rem;
}

/* 🤝 Container pentru Statistica și Legenda pe același RÂND (ORIZONTAL) */
.stats-and-legend-row[b-6hw52pz27t] {
    display: flex;
    gap: 1rem; /* Spațiu între cardurile de statistică și legendă */
    width: 100%;
}

/* 📐 Asigură că secțiunile de Statistică și Legendă sunt egale pe rândul orizontal */
.stats-section[b-6hw52pz27t],
.legend-section[b-6hw52pz27t] {
    flex: 1; /* Le face să ocupe spațiu egal */
    padding: 0; /* Elimină padding-ul de la wrapper-ul exterior, îl lăsăm pe cel din RadzenCard */
    background: none;
    border-bottom: none;
}

    /* Asigură-te că RadzenCard primește stilul de umplere */
    .stats-section > :first-child[b-6hw52pz27t],
    .legend-section > :first-child[b-6hw52pz27t] {
        padding: 1.5rem;
        background: #f8f9fa;
        border-radius: 6px; /* Adaugă un border-radius pentru aspect */
        height: 100%;
    }

/* 📱 Responsive: Pe ecrane mici, revine la afișarea pe verticală (calendar sus, sidebar jos) */
@media (max-width: 992px) { /* Am crescut de la 768px la 992px pentru a permite mai mult spațiu */
    .calendar-container[b-6hw52pz27t] {
        /* Trece la o singură coloană: 100% pentru fiecare secțiune */
        grid-template-columns: 1fr;
        padding: 1rem;
        gap: 1rem;
    }

    .stats-and-legend-row[b-6hw52pz27t] {
        flex-direction: column; /* Pe mobil, statistica și legenda se afișează una sub alta */
    }

    .stats-section > :first-child[b-6hw52pz27t],
    .legend-section > :first-child[b-6hw52pz27t] {
        margin-bottom: 0;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/SmartDocumentUploadDialog.razor.rz.scp.css */
.smart-upload-container[b-hhq0dgxamj] {
    min-height: 400px;
    position: relative;
}

/* Modern Stepper Progress */
.upload-stepper[b-hhq0dgxamj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
    padding: 0 1rem;
}

.upload-stepper[b-hhq0dgxamj]::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: linear-gradient(to right, #e9ecef 0%, #e9ecef 100%);
    z-index: 0;
}

.stepper-step[b-hhq0dgxamj] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.stepper-circle[b-hhq0dgxamj] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #6c757d;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.stepper-step.active .stepper-circle[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
    color: white;
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.4);
    animation: pulse-b-hhq0dgxamj 2s infinite;
}

.stepper-step.completed .stepper-circle[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white;
}

.stepper-label[b-hhq0dgxamj] {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
    text-align: center;
}

.stepper-step.active .stepper-label[b-hhq0dgxamj] {
    color: #0d6efd;
    font-weight: 600;
}

.stepper-step.completed .stepper-label[b-hhq0dgxamj] {
    color: #28a745;
}

@keyframes pulse-b-hhq0dgxamj {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Modern File Drop Zone */
.file-drop-zone-compact[b-hhq0dgxamj] {
    border: 3px dashed #dee2e6;
    border-radius: 12px;
    padding: 2.5rem 1.5rem;
    text-align: center;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.file-drop-zone-compact[b-hhq0dgxamj]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(13, 110, 253, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.file-drop-zone-compact:hover[b-hhq0dgxamj]::before {
    opacity: 1;
}

.file-drop-zone-compact:hover[b-hhq0dgxamj] {
    border-color: #0d6efd;
    background: linear-gradient(135deg, #e7f1ff 0%, #cfe2ff 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(13, 110, 253, 0.15);
}

.drop-zone-content-compact[b-hhq0dgxamj] {
    padding: 1rem;
    position: relative;
    z-index: 1;
}

.drop-zone-content-compact i[b-hhq0dgxamj] {
    opacity: 0.7;
    transition: all 0.3s ease;
    display: inline-block;
}

.file-drop-zone-compact:hover .drop-zone-content-compact i[b-hhq0dgxamj] {
    opacity: 1;
    transform: scale(1.1) translateY(-5px);
}

/* Selected Files Container */
.selected-files-container[b-hhq0dgxamj] {
    animation: fadeInUp-b-hhq0dgxamj 0.4s ease-out;
}

.files-list-compact[b-hhq0dgxamj] {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 0.75rem;
    background: #f8f9fa;
}

.files-list-compact[b-hhq0dgxamj]::-webkit-scrollbar {
    width: 6px;
}

.files-list-compact[b-hhq0dgxamj]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.files-list-compact[b-hhq0dgxamj]::-webkit-scrollbar-thumb {
    background: #0d6efd;
    border-radius: 10px;
}

.files-list-compact[b-hhq0dgxamj]::-webkit-scrollbar-thumb:hover {
    background: #0a58ca;
}

.file-item-compact[b-hhq0dgxamj] {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: white;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: slideInRight-b-hhq0dgxamj 0.3s ease-out;
}

.file-item-compact:hover[b-hhq0dgxamj] {
    border-color: #0d6efd;
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
    transform: translateX(4px);
}

.file-item-compact:last-child[b-hhq0dgxamj] {
    margin-bottom: 0;
}

.file-name-compact[b-hhq0dgxamj] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #212529;
    word-break: break-word;
}

/* Analysis Results List */
.analysis-results-list[b-hhq0dgxamj] {
    max-height: 380px;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.analysis-results-list[b-hhq0dgxamj]::-webkit-scrollbar {
    width: 6px;
}

.analysis-results-list[b-hhq0dgxamj]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.analysis-results-list[b-hhq0dgxamj]::-webkit-scrollbar-thumb {
    background: #0d6efd;
    border-radius: 10px;
}

.analysis-result-card[b-hhq0dgxamj] {
    animation: fadeInUp-b-hhq0dgxamj 0.4s ease-out;
    transition: all 0.3s ease;
}

.analysis-result-card:hover[b-hhq0dgxamj] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.1) !important;
}

/* Step Headers */
.step-header h5[b-hhq0dgxamj] {
    color: #212529;
    font-weight: 700;
    padding-bottom: 0.75rem;
    border-bottom: 3px solid #0d6efd;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

@keyframes slideInRight-b-hhq0dgxamj {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Progress Bar Enhanced */
.progress[b-hhq0dgxamj] {
    background-color: #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    height: 18px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.progress-bar[b-hhq0dgxamj] {
    font-weight: 600;
    font-size: 0.75rem;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.progress-bar[b-hhq0dgxamj]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    animation: shimmer-b-hhq0dgxamj 2s infinite;
}

@keyframes shimmer-b-hhq0dgxamj {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Alert Enhancements */
.alert[b-hhq0dgxamj] {
    border-radius: 8px;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    animation: fadeInUp-b-hhq0dgxamj 0.3s ease-out;
}

.alert-success[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #d1e7dd 0%, #a3cfbb 100%);
    border-left: 4px solid #198754;
}

.alert-warning[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);
    border-left: 4px solid #ffc107;
}

.alert-info[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #cfe2ff 0%, #9ec5fe 100%);
    border-left: 4px solid #0dcaf0;
}

.alert-danger[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #f8d7da 0%, #f1aeb5 100%);
    border-left: 4px solid #dc3545;
}

/* Button Enhancements */
.btn[b-hhq0dgxamj] {
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

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

.btn:active[b-hhq0dgxamj] {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.btn-success[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #28a745, #20c997);
    border: none;
}

.btn-success:hover[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #218838, #1aa179);
}

/* Card Improvements */
.card[b-hhq0dgxamj] {
    border-radius: 10px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
    overflow: hidden;
}

.card.border-warning[b-hhq0dgxamj] {
    border-left: 4px solid #ffc107;
    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.15);
}

.card.border-success[b-hhq0dgxamj] {
    border-left: 4px solid #28a745;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.15);
}

.card.border-primary[b-hhq0dgxamj] {
    border: 2px solid #0d6efd;
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
}

/* Badge Enhancements */
.badge[b-hhq0dgxamj] {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.badge.bg-primary[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca) !important;
}

.badge.bg-success[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
}

.badge.bg-warning[b-hhq0dgxamj] {
    background: linear-gradient(135deg, #ffc107, #fd7e14) !important;
    color: #212529 !important;
}

/* Loading Spinner Enhanced */
.spinner-border[b-hhq0dgxamj] {
    animation: spinner-rotate-b-hhq0dgxamj 0.75s linear infinite;
}

@keyframes spinner-rotate-b-hhq0dgxamj {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Classification Result */
.classification-result[b-hhq0dgxamj] {
    animation: slideInUp-b-hhq0dgxamj 0.4s ease-out;
}

@keyframes slideInUp-b-hhq0dgxamj {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.classification-result .card-header[b-hhq0dgxamj] {
    font-weight: 600;
}

/* Progress Bar */
.progress[b-hhq0dgxamj] {
    background-color: #e9ecef;
    border-radius: 8px;
    overflow: hidden;
}

.progress-bar[b-hhq0dgxamj] {
    font-weight: 600;
    transition: width 0.6s ease;
}

/* Alternatives */
.alternatives .badge[b-hhq0dgxamj] {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
}

/* Alert Styling */
.alert[b-hhq0dgxamj] {
    border-radius: 8px;
}

.alert-warning[b-hhq0dgxamj] {
    border-left: 4px solid #ffc107;
}

.alert-success[b-hhq0dgxamj] {
    border-left: 4px solid #198754;
}

.alert-info[b-hhq0dgxamj] {
    border-left: 4px solid #0dcaf0;
}

.alert-danger[b-hhq0dgxamj] {
    border-left: 4px solid #dc3545;
}

/* Confirmation Table */
.confirmation-step table[b-hhq0dgxamj] {
    margin-bottom: 0;
}

.confirmation-step th[b-hhq0dgxamj] {
    font-weight: 600;
    color: #6c757d;
}

.confirmation-step .badge[b-hhq0dgxamj] {
    padding: 0.4rem 0.7rem;
    font-size: 0.85rem;
}

/* Card Styling */
.card[b-hhq0dgxamj] {
    border-radius: 8px;
    transition: all 0.3s ease;
}

.card.border-primary[b-hhq0dgxamj] {
    border-width: 2px;
}

.card.border-success[b-hhq0dgxamj] {
    border-width: 2px;
}

/* Responsive */
@media (max-width: 768px) {
    .file-drop-zone[b-hhq0dgxamj] {
        padding: 2rem 1rem;
    }

    .drop-zone-content i[b-hhq0dgxamj] {
        font-size: 3rem !important;
    }

    .selected-file-info .display-4[b-hhq0dgxamj] {
        font-size: 2rem;
    }
}

/* Loading Spinner */
.spinner-border[b-hhq0dgxamj] {
    animation: spinner-border 0.75s linear infinite;
}

/* Hover Effects */
.btn[b-hhq0dgxamj] {
    transition: all 0.2s ease;
}

.btn:hover[b-hhq0dgxamj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.btn:active[b-hhq0dgxamj] {
    transform: translateY(0);
}
/* _content/Portal.Client/Components/Pages/Panels/Components/StatsPills.razor.rz.scp.css */
.stats-pills-container[b-3oxxuqdqlm] {
    display: flex;
    justify-content: flex-start; /* pills la stânga */
    gap: 0.75rem;
    flex-wrap: wrap; /* se pot împacheta pe mobile */
}

.stats-pills-wrapper[b-3oxxuqdqlm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-3oxxuqdqlm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-3oxxuqdqlm] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-3oxxuqdqlm] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-3oxxuqdqlm] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-3oxxuqdqlm] {
    transform: scale(1.1);
}

.pill-content[b-3oxxuqdqlm] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-3oxxuqdqlm] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-3oxxuqdqlm] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-3oxxuqdqlm] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-3oxxuqdqlm] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-3oxxuqdqlm] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-container[b-3oxxuqdqlm] {
        /*padding: 0.75rem 1rem;*/
    }

    .stats-pills-wrapper[b-3oxxuqdqlm] {
        gap: 0.5rem;
    }

    .stats-pill[b-3oxxuqdqlm] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-3oxxuqdqlm] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-3oxxuqdqlm] {
        font-size: 1.125rem;
    }

    .pill-label[b-3oxxuqdqlm] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-container[b-3oxxuqdqlm] {
        /*padding: 0.75rem 1rem;*/
    }

    .stats-pills-wrapper[b-3oxxuqdqlm] {
        justify-content: center;
    }

    .stats-pill[b-3oxxuqdqlm] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-3oxxuqdqlm] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-3oxxuqdqlm] {
        font-size: 1rem;
    }

    .pill-label[b-3oxxuqdqlm] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-3oxxuqdqlm] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-3oxxuqdqlm] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-3oxxuqdqlm] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-3oxxuqdqlm] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/TaskStatsPills.razor.rz.scp.css */
.stats-pills-container[b-2tw866afni] {
    display: flex;
    justify-content: flex-start; /* pills la stânga */
    gap: 0.75rem;
    flex-wrap: wrap; /* se pot împacheta pe mobile */
}

.stats-pills-wrapper[b-2tw866afni] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-2tw866afni] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-2tw866afni] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-2tw866afni] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-2tw866afni] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-2tw866afni] {
    transform: scale(1.1);
}

.pill-content[b-2tw866afni] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-2tw866afni] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-2tw866afni] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-2tw866afni] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-2tw866afni] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-2tw866afni] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-container[b-2tw866afni] {
        /*padding: 0.75rem 1rem;*/
    }

    .stats-pills-wrapper[b-2tw866afni] {
        gap: 0.5rem;
    }

    .stats-pill[b-2tw866afni] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-2tw866afni] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-2tw866afni] {
        font-size: 1.125rem;
    }

    .pill-label[b-2tw866afni] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-container[b-2tw866afni] {
        /*padding: 0.75rem 1rem;*/
    }

    .stats-pills-wrapper[b-2tw866afni] {
        justify-content: center;
    }

    .stats-pill[b-2tw866afni] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-2tw866afni] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-2tw866afni] {
        font-size: 1rem;
    }

    .pill-label[b-2tw866afni] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-2tw866afni] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-2tw866afni] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-2tw866afni] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-2tw866afni] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/UsefulDocumentCompacttFileUploadComponent.razor.rz.scp.css */
/* Zona principală (comună și pentru uploaded state) */
.upload-zone-compact[b-42tnopurs8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #e0f2f1 0%, #f0f8f7 100%);
    border: 2px dashed #80cbc4;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
    min-height: 48px;
}

    .upload-zone-compact:hover[b-42tnopurs8] {
        border-color: #034B47;
        background: #b2dfdb;
    }

.upload-zone-hover[b-42tnopurs8] {
    border-color: #034B47 !important;
    background: #80cbc4 !important;
    transform: scale(1.02);
}

/* Stânga: icon */
.upload-icon-small[b-42tnopurs8] {
    font-size: 1.25rem;
    color: #034B47;
}

/* Dreapta: text + buton */
.upload-right[b-42tnopurs8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

.upload-text-small[b-42tnopurs8] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #034B47;
}

/* Uploaded file layout */
.uploaded-file-zone[b-42tnopurs8] {
    cursor: default;
    background: #eaf7f6;
    border-style: solid;
}

.uploaded-file-info[b-42tnopurs8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    margin-left: 0.5rem;
}

.file-icon[b-42tnopurs8] {
    font-size: 1.1rem;
    color: #034B47;
}

.file-name[b-42tnopurs8] {
    font-weight: 500;
    color: #034B47;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.file-size[b-42tnopurs8] {
    color: #5a5a5a;
    font-size: 0.85rem;
}

.remove-file-btn[b-42tnopurs8] {
    flex-shrink: 0;
    margin-left: auto;
    padding: 0.25rem;
}

    .remove-file-btn i[b-42tnopurs8] {
        font-size: 1.2rem;
        vertical-align: middle;
    }
/* _content/Portal.Client/Components/Pages/Panels/Components/UserRoleFilterPills.razor.rz.scp.css */
.stats-pills-container[b-ef5v9hsb87] {
    display: flex;
    justify-content: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pills-wrapper[b-ef5v9hsb87] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-ef5v9hsb87] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .stats-pill:hover[b-ef5v9hsb87] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #034B47;
    }

    .stats-pill.active[b-ef5v9hsb87] {
        border-color: #034B47;
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
    }

.pill-icon[b-ef5v9hsb87] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-ef5v9hsb87] {
    transform: scale(1.1);
}

.pill-content[b-ef5v9hsb87] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-ef5v9hsb87] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-ef5v9hsb87] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}

.stats-pill.clear-pill[b-ef5v9hsb87] {
    background: #f5f5f5;
    border-color: #ccc;
    padding: 0.5rem 0.75rem;
}

    .stats-pill.clear-pill:hover[b-ef5v9hsb87] {
        background: #e0e0e0;
        border-color: #999;
    }

    .stats-pill.clear-pill .pill-label[b-ef5v9hsb87] {
        font-size: 0.875rem;
        color: #666;
    }

/* Responsive */
@media (max-width: 991px) {
    .stats-pills-wrapper[b-ef5v9hsb87] {
        gap: 0.5rem;
    }

    .stats-pill[b-ef5v9hsb87] {
        padding: 0.375rem 0.75rem;
    }

    .pill-icon[b-ef5v9hsb87] {
        width: 28px;
        height: 28px;
        min-width: 28px;
    }

    .pill-value[b-ef5v9hsb87] {
        font-size: 1.125rem;
    }

    .pill-label[b-ef5v9hsb87] {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .stats-pills-wrapper[b-ef5v9hsb87] {
        justify-content: center;
    }

    .stats-pill[b-ef5v9hsb87] {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center;
    }

    .pill-content[b-ef5v9hsb87] {
        flex-direction: column;
        align-items: center;
        gap: 0.125rem;
    }

    .pill-value[b-ef5v9hsb87] {
        font-size: 1rem;
    }

    .pill-label[b-ef5v9hsb87] {
        font-size: 0.688rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stats-pill[b-ef5v9hsb87] {
        flex-direction: column;
        padding: 0.5rem;
        gap: 0.375rem;
        min-width: 70px;
    }

    .pill-icon[b-ef5v9hsb87] {
        width: 32px;
        height: 32px;
        min-width: 32px;
    }

    .pill-content[b-ef5v9hsb87] {
        gap: 0.125rem;
    }

    .stats-pill.clear-pill[b-ef5v9hsb87] {
        flex-direction: row;
        min-width: auto;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/VacationCalendarCard.razor.rz.scp.css */
/* Calendar Card Container */
.calendar-card[b-rruylz368v] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
}

/* Header Section */
.calendar-card-header[b-rruylz368v] {
    padding: 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e2e8f0;
}

.header-content[b-rruylz368v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left[b-rruylz368v] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-rruylz368v] {
    font-size: 2rem;
    color: #667eea;
}

.calendar-main-title[b-rruylz368v] {
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.calendar-subtitle[b-rruylz368v] {
    font-size: 0.875rem;
    color: #718096;
    margin: 0.25rem 0 0 0;
    text-transform: capitalize;
}

.header-actions[b-rruylz368v] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Modern Calendar */
.modern-calendar[b-rruylz368v] {
    padding: 1.5rem;
}

.calendar-weekdays[b-rruylz368v] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.weekday-label[b-rruylz368v] {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: #667eea;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.5rem;
}

.calendar-days[b-rruylz368v] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5rem;
}

.calendar-day[b-rruylz368v] {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    background: #f8f9fa;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid #e2e8f0;
    padding: 0.5rem;
}

    .calendar-day:hover[b-rruylz368v] {
        background: white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-color: #667eea;
    }

.day-number[b-rruylz368v] {
    font-size: 0.938rem;
    font-weight: 600;
    color: #2d3748;
    line-height: 1;
}

.calendar-day.other-month[b-rruylz368v] {
    opacity: 0.3;
    background: #edf2f7;
}

    .calendar-day.other-month:hover[b-rruylz368v] {
        opacity: 0.5;
    }

.calendar-day.today[b-rruylz368v] {
    background: #f56565;
    border-color: #f56565;
    color: white;
}

    .calendar-day.today .day-number[b-rruylz368v] {
        color: white;
        font-weight: 700;
    }

.calendar-day.weekend[b-rruylz368v] {
    background: #fff5f5;
    border-color: #fed7d7;
}

.calendar-day.rest-day[b-rruylz368v] {
    background: #f0fff4;
    border-color: #48bb78;
}

.calendar-day.vacation-day[b-rruylz368v] {
    background: #f5f3ff;
    border-color: #667eea;
}

.calendar-day.multiple-events[b-rruylz368v] {
    background: #fffaf0;
    border: 2px solid #f39c12;
}

.day-badge[b-rruylz368v] {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 0.875rem;
    color: #4a5568;
}

.event-dots[b-rruylz368v] {
    display: flex;
    gap: 3px;
    margin-top: 4px;
}

.event-dot[b-rruylz368v] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #667eea;
}

/* Responsive */
@media (max-width: 768px) {
    .calendar-main-title[b-rruylz368v] {
        font-size: 1.25rem;
    }

    .header-icon[b-rruylz368v] {
        font-size: 1.5rem;
    }

    .day-number[b-rruylz368v] {
        font-size: 0.813rem;
    }

    .header-content[b-rruylz368v] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .header-actions[b-rruylz368v] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Components/VacationLegendCard.razor.rz.scp.css */
/* Legend */
.legend-container[b-l7dhmscd5i] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.legend-item[b-l7dhmscd5i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-dot[b-l7dhmscd5i] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #e2e8f0;
}

.vacation-dot[b-l7dhmscd5i] {
    background: #667eea;
}

.rest-dot[b-l7dhmscd5i] {
    background: #48bb78;
}

.weekend-dot[b-l7dhmscd5i] {
    background: #ed8936;
}

.today-dot[b-l7dhmscd5i] {
    background: #f56565;
}

.legend-text[b-l7dhmscd5i] {
    font-size: 0.813rem;
    color: #4a5568;
    font-weight: 500;
}
/* _content/Portal.Client/Components/Pages/Panels/Components/VacationStatsCard.razor.rz.scp.css */
/* Stats Grid */
.stats-grid[b-dfujuoxyve] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-dfujuoxyve] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

    .stat-card:hover[b-dfujuoxyve] {
        background: white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

.vacation-card[b-dfujuoxyve] {
    border-left: 3px solid #667eea;
}

.rest-card[b-dfujuoxyve] {
    border-left: 3px solid #48bb78;
}

.weekend-card[b-dfujuoxyve] {
    border-left: 3px solid #ed8936;
}

.total-card[b-dfujuoxyve] {
    border-left: 3px solid #9f7aea;
}

.stat-icon[b-dfujuoxyve] {
    font-size: 2rem;
    opacity: 0.8;
}

.vacation-card .stat-icon[b-dfujuoxyve] {
    color: #667eea;
}

.rest-card .stat-icon[b-dfujuoxyve] {
    color: #48bb78;
}

.weekend-card .stat-icon[b-dfujuoxyve] {
    color: #ed8936;
}

.total-card .stat-icon[b-dfujuoxyve] {
    color: #9f7aea;
}

.stat-content[b-dfujuoxyve] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-dfujuoxyve] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2d3748;
    line-height: 1;
}

.stat-label[b-dfujuoxyve] {
    font-size: 0.75rem;
    color: #718096;
    margin-top: 0.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .stats-grid[b-dfujuoxyve] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/Portal.Client/Components/Pages/Panels/ConcediiMele.razor.rz.scp.css */
/* ===========================
   REPORT TEMPLATES - COMPLETE STYLES
   =========================== */

/* TOOLBAR & COMMON */
.toolbar-card[b-4kemwad2lg] {
    margin-bottom: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.toolbar-left[b-4kemwad2lg] {
    flex: 1;
}

/* Iconita de cautare */
.search-icon[b-4kemwad2lg] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none;
    z-index: 1;
}

.search-box-modern[b-4kemwad2lg] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-input[b-4kemwad2lg] {
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .search-input:focus[b-4kemwad2lg] {
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.clear-search-btn[b-4kemwad2lg] {
    position: absolute;
    right: 8px;
    z-index: 2;
}

.view-toggle[b-4kemwad2lg] {
    display: flex;
    gap: 0.25rem;
    background: #f0f0f0;
    padding: 0.25rem;
    border-radius: 8px;
}

/* STATS BAR */
.stats-bar[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-4kemwad2lg] {
        color: #f57c00;
        font-weight: 600;
    }

/* CONTENT CARD */
.content-card[b-4kemwad2lg] {
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-top: 20px;
}

/* EMPTY STATE */
.empty-state[b-4kemwad2lg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
}

.empty-icon[b-4kemwad2lg] {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-4kemwad2lg] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-4kemwad2lg] {
    font-size: 1rem;
    color: #999;
    text-align: center;
    max-width: 400px;
}

/* ===========================
   CARD VIEW (GRID)
   =========================== */

.templates-grid-compact[b-4kemwad2lg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

.template-card-compact[b-4kemwad2lg] {
    background: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 16px;
    padding: 1.25rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga - Gradient violet */
    .template-card-compact[b-4kemwad2lg]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .template-card-compact:hover[b-4kemwad2lg] {
        border-color: #667eea;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.2);
        transform: translateY(-4px);
    }

        .template-card-compact:hover[b-4kemwad2lg]::before {
            transform: scaleY(1);
        }

.template-card-header-compact[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.template-icon-wrapper[b-4kemwad2lg] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.template-card-compact:hover .template-icon-wrapper[b-4kemwad2lg] {
    background: linear-gradient(135deg, #a8c0ff 0%, #d6a4ff 100%);
    color: #2d2d2d;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

    .template-card-compact:hover .template-icon-wrapper .rz-icon[b-4kemwad2lg] {
        color: white !important;
    }

.template-badge[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background: #f5f5f5;
    border-radius: 12px;
    font-size: 0.75rem;
    color: #666;
    font-weight: 500;
}

.template-card-title-compact[b-4kemwad2lg] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 1rem 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}

.template-card-meta-compact[b-4kemwad2lg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.meta-item-compact[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #666;
}

.template-card-footer-compact[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.template-actions-compact[b-4kemwad2lg] {
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.template-card-compact:hover .template-actions-compact[b-4kemwad2lg] {
    opacity: 1;
}

/* ===========================
   TABLE VIEW (VERTICAL LIST)
   =========================== */

.templates-table-compact[b-4kemwad2lg] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.template-row-compact[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga - Gradient violet */
    .template-row-compact[b-4kemwad2lg]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .template-row-compact:hover[b-4kemwad2lg] {
        border-color: #667eea;
        background: #ffffff;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15);
        transform: translateX(4px);
    }

        .template-row-compact:hover[b-4kemwad2lg]::before {
            transform: scaleY(1);
        }

.template-row-main[b-4kemwad2lg] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.template-row-icon[b-4kemwad2lg] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.template-row-compact:hover .template-row-icon[b-4kemwad2lg] {
    background: linear-gradient(135deg, #a8c0ff 0%, #d6a4ff 100%);
}

    .template-row-compact:hover .template-row-icon .rz-icon[b-4kemwad2lg] {
        color: white !important;
    }

.template-row-content[b-4kemwad2lg] {
    flex: 1;
    min-width: 0;
}

.template-row-title[b-4kemwad2lg] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.template-row-meta[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.meta-tag[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.813rem;
    color: #666;
    background: #f0f0f0;
    padding: 0.25rem 0.625rem;
    border-radius: 8px;
}

.template-row-actions[b-4kemwad2lg] {
    display: flex;
    gap: 0.5rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.template-row-compact:hover .template-row-actions[b-4kemwad2lg] {
    opacity: 1;
}

/* ===========================
   PAGINATION
   =========================== */

.pagination-wrapper[b-4kemwad2lg] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e0e0e0;
}

/* ===========================
   ANIMATIONS
   =========================== */

@keyframes fadeInUp-b-4kemwad2lg {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.template-card-compact[b-4kemwad2lg],
.template-row-compact[b-4kemwad2lg] {
    animation: fadeInUp-b-4kemwad2lg 0.3s ease-out;
    animation-fill-mode: both;
}

    .template-card-compact:nth-child(1)[b-4kemwad2lg],
    .template-row-compact:nth-child(1)[b-4kemwad2lg] {
        animation-delay: 0.05s;
    }

    .template-card-compact:nth-child(2)[b-4kemwad2lg],
    .template-row-compact:nth-child(2)[b-4kemwad2lg] {
        animation-delay: 0.1s;
    }

    .template-card-compact:nth-child(3)[b-4kemwad2lg],
    .template-row-compact:nth-child(3)[b-4kemwad2lg] {
        animation-delay: 0.15s;
    }

    .template-card-compact:nth-child(4)[b-4kemwad2lg],
    .template-row-compact:nth-child(4)[b-4kemwad2lg] {
        animation-delay: 0.2s;
    }

    .template-card-compact:nth-child(5)[b-4kemwad2lg],
    .template-row-compact:nth-child(5)[b-4kemwad2lg] {
        animation-delay: 0.25s;
    }

    .template-card-compact:nth-child(6)[b-4kemwad2lg],
    .template-row-compact:nth-child(6)[b-4kemwad2lg] {
        animation-delay: 0.3s;
    }

/* ===========================
   HOVER EFFECTS & TRANSITIONS
   =========================== */

.template-card-compact[b-4kemwad2lg],
.template-row-compact[b-4kemwad2lg] {
    will-change: transform;
}

/* Smooth transitions pentru butoane */
.template-actions-compact .rz-button[b-4kemwad2lg],
.template-row-actions .rz-button[b-4kemwad2lg] {
    transition: all 0.2s ease;
}

    .template-actions-compact .rz-button:hover[b-4kemwad2lg],
    .template-row-actions .rz-button:hover[b-4kemwad2lg] {
        transform: scale(1.1);
    }

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 1200px) {
    .templates-grid-compact[b-4kemwad2lg] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}

@media (max-width: 991px) {
    .search-box-modern[b-4kemwad2lg] {
        min-width: 100%;
    }

    .templates-grid-compact[b-4kemwad2lg] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

@media (max-width: 767px) {
    .stats-bar[b-4kemwad2lg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .templates-grid-compact[b-4kemwad2lg] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .template-actions-compact[b-4kemwad2lg],
    .template-row-actions[b-4kemwad2lg] {
        opacity: 1;
    }

    .template-row-meta[b-4kemwad2lg] {
        gap: 0.5rem;
    }

    .template-row-main[b-4kemwad2lg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .template-row-actions[b-4kemwad2lg] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 576px) {
    .toolbar-card .rz-stack[b-4kemwad2lg] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .view-toggle[b-4kemwad2lg] {
        width: 100%;
        justify-content: center;
    }

    .template-card-footer-compact[b-4kemwad2lg] {
        flex-direction: column;
        align-items: stretch;
    }

    .template-actions-compact[b-4kemwad2lg] {
        justify-content: center;
    }
}

/* ===========================
   LOADING SPINNER
   =========================== */

.loading-container[b-4kemwad2lg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1.5rem;
}

.loading-spinner[b-4kemwad2lg] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-4kemwad2lg 1s linear infinite;
}

@keyframes spin-b-4kemwad2lg {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-text[b-4kemwad2lg] {
    font-size: 1rem;
    color: #666;
    font-weight: 500;
}

/* ===========================
   CUSTOM SCROLLBAR
   =========================== */

.templates-table-compact[b-4kemwad2lg]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.templates-table-compact[b-4kemwad2lg]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.templates-table-compact[b-4kemwad2lg]::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 10px;
}

    .templates-table-compact[b-4kemwad2lg]::-webkit-scrollbar-thumb:hover {
        background: #5568d3;
    }

/* ===========================
   ACCESSIBILITY
   =========================== */

.template-card-compact:focus-visible[b-4kemwad2lg],
.template-row-compact:focus-visible[b-4kemwad2lg] {
    outline: 3px solid #667eea;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .template-card-compact[b-4kemwad2lg],
    .template-row-compact[b-4kemwad2lg] {
        border-width: 3px;
    }

        .template-card-compact:hover[b-4kemwad2lg],
        .template-row-compact:hover[b-4kemwad2lg] {
            border-width: 3px;
        }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .template-card-compact[b-4kemwad2lg],
    .template-row-compact[b-4kemwad2lg],
    .template-actions-compact[b-4kemwad2lg],
    .template-row-actions[b-4kemwad2lg],
    .template-icon-wrapper[b-4kemwad2lg],
    .template-row-icon[b-4kemwad2lg] {
        animation: none;
        transition: none;
    }

        .template-card-compact:hover[b-4kemwad2lg],
        .template-row-compact:hover[b-4kemwad2lg] {
            transform: none;
        }
}

/* ===========================
   CHECKBOX STYLING
   =========================== */

/* Checkbox container styling for "Doar cererile mele" filter */
.checkbox-container-concedii[b-4kemwad2lg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 20px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .checkbox-container-concedii:hover[b-4kemwad2lg] {
        background: #e9ecef;
        border-color: #3498db;
    }

/* Checkbox label styling */
.checkbox-label-concedii[b-4kemwad2lg] {
    margin: 0;
    font-size: 0.9rem;
    color: #495057;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

/* Checkbox input styling */
.filter-checkbox-concedii[b-4kemwad2lg] {
    transform: scale(1.1);
}
/* _content/Portal.Client/Components/Pages/Panels/ConcediiSalarizare.razor.rz.scp.css */
.scheduler-header[b-iby6gk4rrg] {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.scheduler-title[b-iby6gk4rrg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d3748;
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/ApprovalDataGrid.razor.rz.scp.css */
.modern-grid[b-3doc92kjep] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.user-cell[b-3doc92kjep] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-avatar-small[b-3doc92kjep] {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.user-name-container[b-3doc92kjep] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.user-first-name[b-3doc92kjep] {
    font-weight: 600;
    font-size: 13px;
    color: #2c3e50;
    line-height: 1.2;
}

.user-last-name[b-3doc92kjep] {
    font-weight: 400;
    font-size: 12px;
    color: #7f8c8d;
    line-height: 1.2;
}

.user-name[b-3doc92kjep] {
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.9rem;
}

.period-cell[b-3doc92kjep] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.period-dates[b-3doc92kjep] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.85rem;
}

    .period-dates i[b-3doc92kjep] {
        color: #3498db;
        font-size: 0.8rem;
    }

.period-duration[b-3doc92kjep] {
    font-size: 0.75rem;
    color: #7f8c8d;
}

.document-icons[b-3doc92kjep] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.doc-icon[b-3doc92kjep] {
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 4px;
    border-radius: 4px;
}

    .doc-icon.uploaded[b-3doc92kjep] {
        color: #3498db;
    }

    .doc-icon.generated[b-3doc92kjep] {
        color: #27ae60;
    }

    .doc-icon:hover[b-3doc92kjep] {
        background: rgba(52, 152, 219, 0.1);
        transform: scale(1.1);
    }

.action-buttons[b-3doc92kjep] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.priority-cell[b-3doc92kjep] {
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    min-height: 50px;
}

/* Stiluri pentru butonul de acțiuni */
.action-buttons .action-btn[b-3doc92kjep] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    background: white;
    color: #3498db;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.action-buttons .action-btn i[b-3doc92kjep] {
    font-size: 16px;
    line-height: 1;
}

.action-buttons .view-btn:hover[b-3doc92kjep] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
    border-color: #3498db;
}

.action-buttons .view-btn:hover i[b-3doc92kjep] {
    color: white;
}

.action-buttons .view-btn:active[b-3doc92kjep] {
    transform: translateY(0px);
    box-shadow: 0 2px 6px rgba(52, 152, 219, 0.3);
}

.action-buttons .view-btn:focus[b-3doc92kjep] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}

/* Grid styling improvements */
.modern-grid .rz-datatable[b-3doc92kjep] {
    border: none;
}

.modern-grid .rz-datatable-header[b-3doc92kjep] {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-bottom: 2px solid #dee2e6;
}

    .modern-grid .rz-datatable-header th[b-3doc92kjep] {
        font-weight: 600;
        color: #495057;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        padding: 12px 8px;
    }

.modern-grid .rz-datatable-data tr[b-3doc92kjep] {
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .modern-grid .rz-datatable-data tr:hover[b-3doc92kjep] {
        background: rgba(52, 152, 219, 0.05);
        transform: scale(1.01);
    }

.modern-grid .rz-datatable-data td[b-3doc92kjep] {
    padding: 12px 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.03);
}

/* Fix pentru coloana de prioritate - permite overflow pentru animație */
.modern-grid[b-3doc92kjep] (.rz-datatable-data) td:has(.priority-cell) {
    overflow: visible !important;
    position: relative !important;
}

.modern-grid[b-3doc92kjep] (.rz-datatable-data) td:has(.priority-cell) * {
    overflow: visible !important;
}

.modern-grid[b-3doc92kjep] (.rz-datatable-data) td:has(.priority-cell) > div {
    overflow: visible !important;
}

.modern-grid[b-3doc92kjep] (.rz-datatable-data) .rz-cell-data:has(.priority-cell) {
    overflow: visible !important;
}

/* Forțează overflow visible pe toate nivelurile */
.modern-grid[b-3doc92kjep] (td):has(.priority-cell),
.modern-grid[b-3doc92kjep] (td):has(.priority-cell) > *,
.modern-grid[b-3doc92kjep] (td):has(.priority-cell) > * > * {
    overflow: visible !important;
}

/* Responsive */
@media (max-width: 768px) {
    .period-cell[b-3doc92kjep] {
        font-size: 0.8rem;
    }

    .user-name[b-3doc92kjep] {
        font-size: 0.8rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/ApprovalPage.razor.rz.scp.css */
/* Enhanced page styling */
.approval-page-container[b-jo7s7k7gr5] {
    padding: 0;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

/* Modern page header */
.page-header-modern[b-jo7s7k7gr5] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 24px;
    box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
    position: relative;
    overflow: hidden;
}

    .page-header-modern[b-jo7s7k7gr5]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        animation: shimmer-b-jo7s7k7gr5 3s infinite;
    }

@keyframes shimmer-b-jo7s7k7gr5 {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.header-content[b-jo7s7k7gr5] {
    position: relative;
    z-index: 1;
}

.breadcrumb-nav[b-jo7s7k7gr5] {
    margin-bottom: 16px;
}

.breadcrumb[b-jo7s7k7gr5] {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}

.breadcrumb-link[b-jo7s7k7gr5] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease;
}

    .breadcrumb-link:hover[b-jo7s7k7gr5] {
        color: white;
    }

.breadcrumb-item.active[b-jo7s7k7gr5] {
    color: rgba(255, 255, 255, 0.9);
}

.title-section[b-jo7s7k7gr5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.page-title[b-jo7s7k7gr5] {
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.new-request-btn[b-jo7s7k7gr5] {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

    .new-request-btn:hover[b-jo7s7k7gr5] {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-3px) scale(1.05) !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2) !important;
    }

/* Main content grid */
.main-content-grid[b-jo7s7k7gr5] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 24px;
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.content-primary[b-jo7s7k7gr5] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.content-sidebar[b-jo7s7k7gr5] {
    display: flex;
    flex-direction: column;
}

.sidebar-sticky[b-jo7s7k7gr5] {
    position: sticky;
    top: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Enhanced card styling */
.enhanced-card[b-jo7s7k7gr5] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

    .enhanced-card:hover[b-jo7s7k7gr5] {
        transform: translateY(-5px);
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    }

.gradient-header[b-jo7s7k7gr5] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px 24px;
    position: relative;
}

.mini-gradient[b-jo7s7k7gr5] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
    padding: 16px 20px;
}

.header-title[b-jo7s7k7gr5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.section-title[b-jo7s7k7gr5] {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.mini-title[b-jo7s7k7gr5] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.month-indicator[b-jo7s7k7gr5] {
    font-size: 0.8rem;
    opacity: 0.9;
    font-weight: 400;
}

/* Scheduler enhancements */
.scheduler-wrapper[b-jo7s7k7gr5] {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.05);
}

.scheduler-loading[b-jo7s7k7gr5] {
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #f8f9fa, #e9ecef);
}

.enhanced-scheduler[b-jo7s7k7gr5] {
    border-radius: 16px;
    overflow: hidden;
}

/* Vacation appointment styling */
.vacation-appointment[b-jo7s7k7gr5] {
    border-radius: 12px;
    padding: 8px;
    margin: 2px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

    .vacation-appointment[b-jo7s7k7gr5]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
        transition: left 0.5s;
    }

    .vacation-appointment:hover[b-jo7s7k7gr5]::before {
        left: 100%;
    }

    .vacation-appointment:hover[b-jo7s7k7gr5] {
        transform: scale(1.05) translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
        z-index: 10;
    }

    .vacation-appointment.approved[b-jo7s7k7gr5] {
        background: linear-gradient(135deg, rgba(46, 125, 50, 0.9), rgba(67, 160, 71, 0.9));
        color: white;
        border-left: 5px solid #2e7d32;
    }

    .vacation-appointment.pending[b-jo7s7k7gr5] {
        background: linear-gradient(135deg, rgba(255, 152, 0, 0.9), rgba(255, 193, 7, 0.9));
        color: white;
        border-left: 5px solid #ff9800;
    }

    .vacation-appointment.rejected[b-jo7s7k7gr5] {
        background: linear-gradient(135deg, rgba(211, 47, 47, 0.9), rgba(244, 67, 54, 0.9));
        color: white;
        border-left: 5px solid #d32f2f;
    }

.appointment-content[b-jo7s7k7gr5] {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.appointment-header[b-jo7s7k7gr5] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    margin-bottom: 4px;
}

.appointment-icon[b-jo7s7k7gr5] {
    font-size: 1rem;
    opacity: 0.9;
}

.appointment-title[b-jo7s7k7gr5] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85rem;
}

.appointment-details[b-jo7s7k7gr5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    opacity: 0.9;
}

.appointment-period[b-jo7s7k7gr5],
.appointment-user[b-jo7s7k7gr5] {
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Compact card body */
.card-body.compact[b-jo7s7k7gr5] {
    padding: 16px;
}

/* Responsive design */
@media (max-width: 1400px) {
    .main-content-grid[b-jo7s7k7gr5] {
        grid-template-columns: 1fr 320px;
        gap: 20px;
        padding: 20px;
    }
}

@media (max-width: 1200px) {
    .main-content-grid[b-jo7s7k7gr5] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .sidebar-sticky[b-jo7s7k7gr5] {
        position: static;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .page-header-modern[b-jo7s7k7gr5] {
        padding: 16px;
    }

    .page-title[b-jo7s7k7gr5] {
        font-size: 1.8rem;
    }

    .title-section[b-jo7s7k7gr5] {
        flex-direction: column;
        align-items: stretch;
    }

    .main-content-grid[b-jo7s7k7gr5] {
        padding: 16px;
        gap: 16px;
    }

    .sidebar-sticky[b-jo7s7k7gr5] {
        grid-template-columns: 1fr;
    }

    .enhanced-scheduler[b-jo7s7k7gr5] {
        height: 400px !important;
    }
}

@media (max-width: 480px) {
    .page-header-modern[b-jo7s7k7gr5] {
        padding: 12px;
    }

    .page-title[b-jo7s7k7gr5] {
        font-size: 1.5rem;
    }

    .main-content-grid[b-jo7s7k7gr5] {
        padding: 12px;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/ApprovalRequestsSection.razor.rz.scp.css */
.approval-requests-section[b-xj2b3s6083] {
    margin-bottom: 24px;
}

.modern-card[b-xj2b3s6083] {
    background: white;
    border-radius: 12px 12px 0px 0px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

    .modern-card:hover[b-xj2b3s6083] {
        box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

.card-header[b-xj2b3s6083] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 20px 24px;
}

.header-content[b-xj2b3s6083] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.header-title[b-xj2b3s6083] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.title[b-xj2b3s6083] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .title i[b-xj2b3s6083] {
        font-size: 1.3rem;
        color: #3498db;
    }

.requests-count[b-xj2b3s6083] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(243, 156, 18, 0.3);
}

.card-body[b-xj2b3s6083] {
    padding: 24px;
}

@media (max-width: 768px) {
    .header-content[b-xj2b3s6083] {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-body[b-xj2b3s6083] {
        padding: 16px;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/ApprovalStepComponent.razor.rz.scp.css */
.approval-step[b-1yattb05no] {
    background: white;
    border-radius: 8px;
    padding: 16px;
    border-left: 4px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

.approval-step[b-1yattb05no]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0,123,255,0.3), transparent);
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}

.approval-step:hover[b-1yattb05no]::before {
    transform: translateX(100%);
}

.approval-step.substitute[b-1yattb05no] {
    border-left-color: #17a2b8;
}

.approval-step.coordinator[b-1yattb05no] {
    border-left-color: #ffc107;
}

.approval-step.manager[b-1yattb05no] {
    border-left-color: #28a745;
}

.approval-step.approved-step[b-1yattb05no] {
    background: linear-gradient(135deg, #f8fff8, #ffffff);
    border-left-color: #28a745;
    border-left-width: 6px;
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.15);
}

.approval-step.rejected-step[b-1yattb05no] {
    background: linear-gradient(135deg, #fff8f8, #ffffff);
    border-left-color: #dc3545;
    border-left-width: 6px;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.15);
}

.approval-step.inactive-step[b-1yattb05no] {
    background: #f8f9fa;
    opacity: 0.7;
    pointer-events: none;
}

    .approval-step.inactive-step *[b-1yattb05no] {
        color: #6c757d !important;
    }

    .approval-step.inactive-step .step-icon[b-1yattb05no] {
        background-color: #ced4da !important;
        color: #cacfd3 !important;
    }

    .approval-step.inactive-step button.rz-button[b-1yattb05no] {
        background-color: #e9ecef !important;
        border-color: #ced4da !important;
        color: #6c757d !important;
        cursor: not-allowed !important;
    }

    .approval-step.inactive-step .rz-dropdown[b-1yattb05no],
    .approval-step.inactive-step .rz-dropdownbutton[b-1yattb05no] {
        background-color: #e9ecef !important;
        color: #6c757d !important;
    }

    .approval-step.inactive-step textarea[b-1yattb05no] {
        background-color: #e9ecef !important;
        color: #6c757d !important;
    }

.step-header[b-1yattb05no] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 12px;
}

.step-info[b-1yattb05no] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 200px;
}

.step-icon[b-1yattb05no] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    font-size: 1rem;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

    .step-icon[b-1yattb05no]::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: linear-gradient(45deg, rgba(255,255,255,0.2), transparent);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .step-icon:hover[b-1yattb05no]::before {
        opacity: 1;
    }

    .step-icon.substitute[b-1yattb05no] {
        background: linear-gradient(135deg, #17a2b8, #138496);
    }

    .step-icon.coordinator[b-1yattb05no] {
        background: linear-gradient(135deg, #ffc107, #e0a800);
        color: #000;
    }

    .step-icon.manager[b-1yattb05no] {
        background: linear-gradient(135deg, #28a745, #1e7e34);
    }

.step-title[b-1yattb05no] {
    font-weight: 600;
    color: #495057;
    margin: 0;
    font-size: 1rem;
}

.step-actions[b-1yattb05no] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.step-content[b-1yattb05no] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .step-content .rz-form-field[b-1yattb05no] {
        margin-bottom: 0;
    }

    .step-content .rz-dropdown-datagrid[b-1yattb05no] {
        width: 100% !important;
    }

    .step-content .rz-textarea[b-1yattb05no] {
        resize: vertical;
        min-height: 60px;
    }

/* Status Indicator Styles within step */
.step-info .status-indicator[b-1yattb05no] {
    font-size: 0.75rem;
    padding: 2px 6px;
}

/* Validation message styles within step */
.step-content .validation-message[b-1yattb05no] {
    margin-top: 4px;
    font-size: 0.8rem;
}

/* Button styles within step */
.step-actions .rz-button[b-1yattb05no] {
    min-width: 80px;
    font-size: 0.875rem;
    padding: 6px 12px;
    font-weight: 500;
    border-radius: 6px;
}

    .step-actions .rz-button:hover:not(:disabled)[b-1yattb05no] {
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    }

/* Required validator styling within step */
.step-content .rz-required-validator[b-1yattb05no] {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dc3545;
    color: white;
    font-size: 12px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    line-height: 1;
    pointer-events: none;
    margin: 0;
    padding: 0;
    z-index: 10;
}

/* Form field enhancements within step */
.step-content .rz-form-field[b-1yattb05no] {
    position: relative;
}

    .step-content .rz-form-field label[b-1yattb05no] {
        font-weight: 500;
        color: #495057;
        margin-bottom: 6px;
        display: block;
        font-size: 0.9rem;
    }

/* Responsive design for steps */
@media (max-width: 768px) {
    .step-header[b-1yattb05no] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .step-actions[b-1yattb05no] {
        width: 100%;
        justify-content: center;
    }

        .step-actions .rz-button[b-1yattb05no] {
            flex: 1;
            max-width: 120px;
        }

    .step-icon[b-1yattb05no] {
        width: 32px;
        height: 32px;
        font-size: 0.9rem;
    }

    .step-title[b-1yattb05no] {
        font-size: 0.9rem;
    }

    .approval-step[b-1yattb05no] {
        padding: 12px;
    }
}

@media (max-width: 480px) {
    .step-info[b-1yattb05no] {
        min-width: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

        .step-info > div:first-child[b-1yattb05no] {
            display: flex;
            align-items: center;
            gap: 8px;
        }

    .step-actions .rz-button[b-1yattb05no] {
        font-size: 0.8rem;
        padding: 4px 8px;
        min-width: 70px;
    }
}

/* Print styles for approval steps */
@media print {
    .approval-step[b-1yattb05no] {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none !important;
        border: 1px solid #ccc;
    }

    .step-actions[b-1yattb05no] {
        display: none !important;
    }

    .approval-step[b-1yattb05no]::before {
        display: none;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .approval-step[b-1yattb05no] {
        border-width: 3px;
    }

    .step-icon[b-1yattb05no] {
        border: 2px solid #000;
    }

    .step-actions .rz-button[b-1yattb05no] {
        border-width: 2px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .approval-step[b-1yattb05no]::before,
    .step-icon[b-1yattb05no]::before {
        display: none;
    }

    .approval-step[b-1yattb05no],
    .step-icon[b-1yattb05no],
    .step-actions .rz-button[b-1yattb05no] {
        transition: none !important;
    }
}

/* Focus management */
.approval-step:focus-within[b-1yattb05no] {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Animation for status changes */
.approval-step.status-changing[b-1yattb05no] {
    animation: statusPulse-b-1yattb05no 0.6s ease-in-out;
}

@keyframes statusPulse-b-1yattb05no {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

/* Smooth transitions for state changes */
.approval-step.state-transition[b-1yattb05no] {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.textarea-container[b-1yattb05no] {
    position: relative;
    width: 100%;
}

.character-count[b-1yattb05no] {
    position: absolute;
    top: -20px;
    right: 0;
    color: #6c757d;
    font-size: 0.8rem;
    z-index: 1;
    background: white;
    padding: 0 4px;
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/BatchApprovalActions.razor.rz.scp.css */
.batch-approval-actions[b-erj3ism77g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 12px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
    flex-wrap: wrap;
    gap: 12px;
}

.selection-info[b-erj3ism77g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.selection-count[b-erj3ism77g] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #495057;
    font-weight: 500;
    font-size: 0.9rem;
}

    .selection-count i[b-erj3ism77g] {
        color: #6c757d;
    }

.action-buttons[b-erj3ism77g] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.batch-approve-btn[b-erj3ism77g] {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    border: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

    .batch-approve-btn:hover:not(:disabled)[b-erj3ism77g] {
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 16px rgba(40, 167, 69, 0.3) !important;
    }

.batch-reject-btn[b-erj3ism77g] {
    background: linear-gradient(135deg, #dc3545, #e74c3c) !important;
    border: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

    .batch-reject-btn:hover:not(:disabled)[b-erj3ism77g] {
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 16px rgba(220, 53, 69, 0.3) !important;
    }

.rz-button:disabled[b-erj3ism77g] {
    opacity: 0.6 !important;
    transform: none !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .batch-approval-actions[b-erj3ism77g] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-buttons[b-erj3ism77g] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/BatchCommentDialog.razor.rz.scp.css */
.batch-comment-dialog[b-b2jirfkoqi] {
    padding: 0;
}

.dialog-header[b-b2jirfkoqi] {
    padding: 20px 24px 16px 24px;
    border-bottom: 1px solid #e9ecef;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
}

    .dialog-header h4[b-b2jirfkoqi] {
        margin: 0 0 8px 0;
        color: #2c3e50;
        font-weight: 600;
    }

.dialog-subtitle[b-b2jirfkoqi] {
    margin: 0;
    color: #6c757d;
    font-size: 0.9rem;
}

.dialog-body[b-b2jirfkoqi] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.warning-message[b-b2jirfkoqi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
    border-radius: 8px;
    font-size: 0.9rem;
}

    .warning-message i[b-b2jirfkoqi] {
        font-size: 1.1rem;
        flex-shrink: 0;
    }

.dialog-actions[b-b2jirfkoqi] {
    padding: 16px 24px 20px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    background: #f8f9fa;
}

.cancel-btn[b-b2jirfkoqi] {
    min-width: 100px;
}

.confirm-btn[b-b2jirfkoqi] {
    min-width: 120px;
    font-weight: 600;
}

.character-count[b-b2jirfkoqi] {
    position: absolute;
    top: -20px;
    right: 0;
    color: #6c757d;
    font-size: 0.8rem;
    z-index: 1;
    background: white;
    padding: 0 4px;
}

/* Butoane moderne */
.btn[b-b2jirfkoqi] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-b2jirfkoqi] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-b2jirfkoqi] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Concedii/CalendarFilters.razor.rz.scp.css */
.calendar-filters[b-frvppu9hqv] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.search-container[b-frvppu9hqv] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-input[b-frvppu9hqv] {
    width: 250px;
    padding-left: 35px !important;
    border-radius: 20px !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
}

    .search-input:focus[b-frvppu9hqv] {
        border-color: #3498db !important;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2) !important;
    }

.search-icon[b-frvppu9hqv] {
    position: absolute;
    left: 12px;
    color: #6c757d;
    font-size: 1rem;
    z-index: 1;
}

.clear-search-btn[b-frvppu9hqv] {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    transition: all 0.3s ease !important;
}

    .clear-search-btn:hover[b-frvppu9hqv] {
        background: #e9ecef !important;
        transform: scale(1.1) !important;
    }

.filter-options[b-frvppu9hqv] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.checkbox-container[b-frvppu9hqv] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 20px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

    .checkbox-container:hover[b-frvppu9hqv] {
        background: #e9ecef;
        border-color: #3498db;
    }

.checkbox-label[b-frvppu9hqv] {
    margin: 0;
    font-size: 0.9rem;
    color: #495057;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

.filter-checkbox[b-frvppu9hqv] {
    transform: scale(1.1);
}

.dropdown-container[b-frvppu9hqv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-dropdown[b-frvppu9hqv] {
    border-radius: 20px !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
}

    .filter-dropdown:focus[b-frvppu9hqv] {
        border-color: #3498db !important;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2) !important;
    }

@media (max-width: 768px) {
    .calendar-filters[b-frvppu9hqv] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .search-input[b-frvppu9hqv] {
        width: 100%;
    }

    .filter-options[b-frvppu9hqv] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .dropdown-container[b-frvppu9hqv] {
        width: 100%;
    }

    .filter-dropdown[b-frvppu9hqv] {
        width: 100% !important;
        min-width: 100% !important;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/CalendarSection.razor.rz.scp.css */
.calendar-section[b-xxgx4pwpa9] {
    margin-bottom: 24px;
}

.header-content[b-xxgx4pwpa9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.scheduler-container[b-xxgx4pwpa9] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.modern-scheduler[b-xxgx4pwpa9] {
    border-radius: 12px;
    overflow: hidden;
}

.vacation-appointment[b-xxgx4pwpa9] {
    border-radius: 8px;
    padding: 4px 8px;
    margin: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-left: 4px solid currentColor;
    font-size: 0.8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .vacation-appointment:hover[b-xxgx4pwpa9] {
        transform: scale(1.02);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        z-index: 10;
    }

    .vacation-appointment.approved[b-xxgx4pwpa9] {
        background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
        color: #2e7d32;
        border-left-color: #4caf50;
    }

    .vacation-appointment.pending[b-xxgx4pwpa9] {
        background: linear-gradient(135deg, #fff3e0, #ffcc02);
        color: #e65100;
        border-left-color: #ff9800;
    }

    .vacation-appointment.rejected[b-xxgx4pwpa9] {
        background: linear-gradient(135deg, #ffebee, #ffcdd2);
        color: #c62828;
        border-left-color: #f44336;
    }

.appointment-header[b-xxgx4pwpa9] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
}

.appointment-title[b-xxgx4pwpa9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.appointment-details[b-xxgx4pwpa9] {
    margin-top: 2px;
    opacity: 0.8;
}

/* Responsive */
@media (max-width: 768px) {
    .header-content[b-xxgx4pwpa9] {
        flex-direction: column;
        align-items: stretch;
    }

    .modern-scheduler[b-xxgx4pwpa9] {
        height: 400px !important;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/DayDetailsDialog.razor.rz.scp.css */
.day-details-dialog[b-962g7zmrj8] {
    padding-top: 0.5rem;
}

.dialog-header-section[b-962g7zmrj8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.date-display[b-962g7zmrj8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.date-icon[b-962g7zmrj8] {
    font-size: 3rem;
    color: #667eea;
    opacity: 0.8;
}

.date-title[b-962g7zmrj8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2d3748;
    margin: 0;
    text-transform: capitalize;
}

.date-subtitle[b-962g7zmrj8] {
    font-size: 0.938rem;
    color: #718096;
    margin: 0.25rem 0 0 0;
    text-transform: capitalize;
}

.day-type-badge[b-962g7zmrj8] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.813rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.today-badge[b-962g7zmrj8] {
    background: linear-gradient(135deg, #f56565 0%, #ed8936 100%);
    color: white;
}

.vacation-badge[b-962g7zmrj8] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.rest-badge[b-962g7zmrj8] {
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    color: white;
}

.weekend-badge[b-962g7zmrj8] {
    background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
    color: white;
}

.workday-badge[b-962g7zmrj8] {
    background: #edf2f7;
    color: #4a5568;
}

/* Events Section */
.events-section[b-962g7zmrj8] {
    margin-bottom: 2rem;
}

.section-title[b-962g7zmrj8] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2d3748;
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .section-title i[b-962g7zmrj8] {
        color: #667eea;
    }

.event-card[b-962g7zmrj8] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 12px;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .event-card:hover[b-962g7zmrj8] {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    }

.vacation-event[b-962g7zmrj8] {
    background: linear-gradient(135deg, #ddd6fe 0%, #e9d5ff 100%);
    border-left: 4px solid #667eea;
}

.rest-event[b-962g7zmrj8] {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    border-left: 4px solid #48bb78;
}

.event-icon-container[b-962g7zmrj8] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vacation-event .event-icon[b-962g7zmrj8] {
    font-size: 1.75rem;
    color: #667eea;
}

.rest-event .event-icon[b-962g7zmrj8] {
    font-size: 1.75rem;
    color: #48bb78;
}

.event-content[b-962g7zmrj8] {
    flex: 1;
}

.event-title[b-962g7zmrj8] {
    font-size: 1rem;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 0.25rem 0;
}

.event-description[b-962g7zmrj8] {
    font-size: 0.875rem;
    color: #4a5568;
    margin: 0 0 0.75rem 0;
}

.event-meta[b-962g7zmrj8] {
    display: flex;
    gap: 1rem;
}

.meta-item[b-962g7zmrj8] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #718096;
}

    .meta-item i[b-962g7zmrj8] {
        font-size: 0.875rem;
    }

.event-badge[b-962g7zmrj8] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}

    .event-badge i[b-962g7zmrj8] {
        font-size: 1.25rem;
        color: white;
    }

/* No Events */
.no-events[b-962g7zmrj8] {
    text-align: center;
    padding: 3rem 1rem;
}

.no-events-icon[b-962g7zmrj8] {
    font-size: 4rem;
    color: #cbd5e0;
    margin-bottom: 1rem;
}

.no-events-text[b-962g7zmrj8] {
    font-size: 1rem;
    color: #718096;
    margin: 0;
}

.weekend-note[b-962g7zmrj8] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: #fef5e7;
    border-radius: 8px;
    color: #ed8936;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Info Section */
.info-section[b-962g7zmrj8] {
    background: #f7fafc;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.info-grid[b-962g7zmrj8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.info-item[b-962g7zmrj8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.info-icon[b-962g7zmrj8] {
    font-size: 1.5rem;
    color: #667eea;
    opacity: 0.8;
}

.info-content[b-962g7zmrj8] {
    display: flex;
    flex-direction: column;
}

.info-label[b-962g7zmrj8] {
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-962g7zmrj8] {
    font-size: 1rem;
    font-weight: 600;
    color: #2d3748;
}

/* Dialog Actions */
.dialog-actions[b-962g7zmrj8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

/* Responsive */
@media (max-width: 768px) {
    .dialog-header-section[b-962g7zmrj8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .info-grid[b-962g7zmrj8] {
        grid-template-columns: 1fr;
    }
}

/* Butoane moderne */
.btn[b-962g7zmrj8] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-962g7zmrj8] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-962g7zmrj8] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Concedii/EmptyStateComponent.razor.rz.scp.css */
.empty-state[b-m76t7m0zlt] {
    text-align: center;
    padding: 48px 24px;
    color: #6c757d;
}

.empty-state-icon[b-m76t7m0zlt] {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.7;
}

    .empty-state-icon.text-success[b-m76t7m0zlt] {
        color: #28a745;
    }

    .empty-state-icon.text-info[b-m76t7m0zlt] {
        color: #17a2b8;
    }

    .empty-state-icon.text-warning[b-m76t7m0zlt] {
        color: #ffc107;
    }

.empty-state-title[b-m76t7m0zlt] {
    color: #495057;
    margin-bottom: 12px;
    font-weight: 600;
}

.empty-state-subtitle[b-m76t7m0zlt] {
    color: #6c757d;
    margin-bottom: 24px;
    font-size: 0.9rem;
}

.empty-state-action[b-m76t7m0zlt] {
    margin-top: 16px;
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/ErrorSummaryPanel.razor.rz.scp.css */
.error-summary-panel[b-b39i81gzs6] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.95), rgba(192, 57, 43, 0.95));
    backdrop-filter: blur(10px);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(231, 76, 60, 0.3);
    color: white;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.error-summary-panel.expanded[b-b39i81gzs6] {
    box-shadow: 0 12px 40px rgba(231, 76, 60, 0.4);
}

.error-header[b-b39i81gzs6] {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s ease;
}

    .error-header:hover[b-b39i81gzs6] {
        background: rgba(255, 255, 255, 0.1);
    }

.header-info[b-b39i81gzs6] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.error-icon[b-b39i81gzs6] {
    font-size: 1.3rem;
    animation: pulse-b-b39i81gzs6 2s infinite;
}

@keyframes pulse-b-b39i81gzs6 {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

.error-title[b-b39i81gzs6] {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
}

.header-actions[b-b39i81gzs6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.clear-all-btn[b-b39i81gzs6] {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .clear-all-btn:hover[b-b39i81gzs6] {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.05);
    }

.toggle-btn[b-b39i81gzs6] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.3s ease;
}

    .toggle-btn:hover[b-b39i81gzs6] {
        background: rgba(255, 255, 255, 0.2);
    }

    .toggle-btn i[b-b39i81gzs6] {
        transition: transform 0.3s ease;
        font-size: 1.1rem;
    }

        .toggle-btn i.rotated[b-b39i81gzs6] {
            transform: rotate(180deg);
        }

.error-content[b-b39i81gzs6] {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

    .error-content.hidden[b-b39i81gzs6] {
        max-height: 0;
        opacity: 0;
    }

    .error-content.visible[b-b39i81gzs6] {
        max-height: 500px;
        opacity: 1;
        padding: 0 20px 20px 20px;
    }

.section-title[b-b39i81gzs6] {
    margin: 0 0 12px 0;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.9;
}

.global-errors-section[b-b39i81gzs6] {
    margin-bottom: 16px;
}

.error-list[b-b39i81gzs6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.error-item[b-b39i81gzs6] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    .error-item:hover[b-b39i81gzs6] {
        background: rgba(255, 255, 255, 0.15);
        transform: translateX(4px);
    }

.error-content-text[b-b39i81gzs6] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.field-info[b-b39i81gzs6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.field-name[b-b39i81gzs6] {
    font-weight: 600;
    font-size: 0.85rem;
    opacity: 0.9;
}

.error-message[b-b39i81gzs6] {
    font-size: 0.9rem;
}

.error-time[b-b39i81gzs6] {
    font-size: 0.75rem;
    opacity: 0.7;
}

.error-actions[b-b39i81gzs6] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.goto-btn[b-b39i81gzs6],
.dismiss-btn[b-b39i81gzs6] {
    width: 28px;
    height: 28px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .goto-btn:hover[b-b39i81gzs6] {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.1);
    }

    .dismiss-btn:hover[b-b39i81gzs6] {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.1);
    }

/* Responsive */
@media (max-width: 768px) {
    .error-header[b-b39i81gzs6] {
        padding: 12px 16px;
    }

    .error-content.visible[b-b39i81gzs6] {
        padding: 0 16px 16px 16px;
        max-height: 300px;
        overflow-y: auto;
    }

    .error-item[b-b39i81gzs6] {
        padding: 10px;
    }

    .field-info[b-b39i81gzs6] {
        gap: 1px;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/LegendItemComponent.razor.rz.scp.css */
.legend-item[b-bxaft82np8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.legend-item:hover[b-bxaft82np8] {
    background: #e9ecef;
    transform: translateX(4px);
}

.legend-icon[b-bxaft82np8] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.legend-content[b-bxaft82np8] {
    flex: 1;
    min-width: 0;
}

.legend-title[b-bxaft82np8] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.9rem;
    margin-bottom: 2px;
}

.legend-description[b-bxaft82np8] {
    color: #6c757d;
    font-size: 0.8rem;
    line-height: 1.3;
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/LoadingSpinner.razor.rz.scp.css */
.loading-spinner-container[b-t8w17dowmx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    min-height: 200px;
}

.loading-spinner[b-t8w17dowmx] {
    margin-bottom: 20px;
}

.spinner[b-t8w17dowmx] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin-b-t8w17dowmx 1s linear infinite;
}

@keyframes spin-b-t8w17dowmx {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-message[b-t8w17dowmx] {
    color: #495057;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 1rem;
}

.loading-subtitle[b-t8w17dowmx] {
    color: #6c757d;
    font-size: 0.9rem;
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/PageHeader.razor.rz.scp.css */
.page-header[b-5j9dsdpfwp] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    box-shadow: 0 8px 32px rgba(102, 126, 234, 0.3);
}

.page-header-content[b-5j9dsdpfwp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.breadcrumb[b-5j9dsdpfwp] {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}

.breadcrumb-link[b-5j9dsdpfwp] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s ease;
}

    .breadcrumb-link:hover[b-5j9dsdpfwp] {
        color: white;
    }

.breadcrumb-item.active[b-5j9dsdpfwp] {
    color: rgba(255, 255, 255, 0.9);
}

.page-title-section[b-5j9dsdpfwp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.page-title[b-5j9dsdpfwp] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-title-icon[b-5j9dsdpfwp] {
    font-size: 2.2rem;
    opacity: 0.9;
}

.new-request-btn[b-5j9dsdpfwp] {
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

    .new-request-btn:hover[b-5j9dsdpfwp] {
        background: rgba(255, 255, 255, 0.3) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
    }

@media (max-width: 768px) {
    .page-title[b-5j9dsdpfwp] {
        font-size: 1.5rem;
    }

    .page-title-section[b-5j9dsdpfwp] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/PriorityIndicator.razor.rz.scp.css */
.priority-indicator[b-rhdh56iww9] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: bold;
    margin: 0 auto;
    transition: all 0.3s ease;
    overflow: visible;
    position: relative;
    z-index: 10;
}

.priority-indicator.urgent[b-rhdh56iww9] {
    background: #d32f2f;
    color: white;
    border: 2px solid #d32f2f;
    box-shadow: 0 0 0 0 rgba(211, 47, 47, 1);
    animation: pulse-ring-b-rhdh56iww9 2s infinite;
}

.priority-indicator.high[b-rhdh56iww9] {
    background: #fff3e0;
    color: #f57c00;
    border: 2px solid #ff9800;
}

.priority-indicator.normal[b-rhdh56iww9] {
    background: #e8f5e9;
    color: #388e3c;
    border: 2px solid #4caf50;
}

.priority-indicator.low[b-rhdh56iww9] {
    background: #f5f5f5;
    color: #757575;
    border: 2px solid #9e9e9e;
}

@keyframes pulse-ring-b-rhdh56iww9 {
    0% {
        box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.7),
                    0 0 0 0 rgba(211, 47, 47, 0.7);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(211, 47, 47, 0),
                    0 0 0 10px rgba(211, 47, 47, 0);
    }

    100% {
        box-shadow: 0 0 0 5px rgba(211, 47, 47, 0),
                    0 0 0 10px rgba(211, 47, 47, 0);
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/QuickCalendarSection.razor.rz.scp.css */
.enhanced-quick-calendar[b-nnwbuhtra4] {
    background: white;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    margin: 0;
}

.calendar-container[b-nnwbuhtra4]

{
    background: white;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

/* Header Styles */
.calendar-header[b-nnwbuhtra4] {
    padding: 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e2e8f0;
}

.header-content[b-nnwbuhtra4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-left[b-nnwbuhtra4] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon[b-nnwbuhtra4] {
    font-size: 2rem;
    color: #667eea;
}

.calendar-main-title[b-nnwbuhtra4] {
    /*font-size: 1.5rem;*/
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.calendar-subtitle[b-nnwbuhtra4] {
    font-size: 0.875rem;
    color: #718096;
    margin: 0.25rem 0 0 0;
    text-transform: capitalize;
}

.header-actions[b-nnwbuhtra4] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Stats Grid */
.stats-grid[b-nnwbuhtra4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-nnwbuhtra4] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

    .stat-card:hover[b-nnwbuhtra4] {
        background: white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

.vacation-card[b-nnwbuhtra4] {
    border-left: 3px solid #667eea;
}

.rest-card[b-nnwbuhtra4] {
    border-left: 3px solid #48bb78;
}

.weekend-card[b-nnwbuhtra4] {
    border-left: 3px solid #ed8936;
}

.total-card[b-nnwbuhtra4] {
    border-left: 3px solid #9f7aea;
}

.stat-icon[b-nnwbuhtra4] {
    font-size: 2rem;
    opacity: 0.8;
}

.vacation-card .stat-icon[b-nnwbuhtra4] {
    color: #667eea;
}

.rest-card .stat-icon[b-nnwbuhtra4] {
    color: #48bb78;
}

.weekend-card .stat-icon[b-nnwbuhtra4] {
    color: #ed8936;
}

.total-card .stat-icon[b-nnwbuhtra4] {
    color: #9f7aea;
}

.stat-content[b-nnwbuhtra4] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-nnwbuhtra4] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2d3748;
    line-height: 1;
}

.stat-label[b-nnwbuhtra4] {
    font-size: 0.75rem;
    color: #718096;
    margin-top: 0.25rem;
}

/* Legend */
.legend-container[b-nnwbuhtra4] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.legend-item[b-nnwbuhtra4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-dot[b-nnwbuhtra4] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #e2e8f0;
}

.vacation-dot[b-nnwbuhtra4] {
    background: #667eea;
}

.rest-dot[b-nnwbuhtra4] {
    background: #48bb78;
}

.weekend-dot[b-nnwbuhtra4] {
    background: #ed8936;
}

.today-dot[b-nnwbuhtra4] {
    background: #f56565;
}

.legend-text[b-nnwbuhtra4] {
    font-size: 0.813rem;
    color: #4a5568;
    font-weight: 500;
}

/* Modern Calendar */
.modern-calendar[b-nnwbuhtra4] {
    padding: 1.5rem;
}

.calendar-weekdays[b-nnwbuhtra4] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.weekday-label[b-nnwbuhtra4] {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: #667eea;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.5rem;
}

.calendar-days[b-nnwbuhtra4] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5rem;
}

.calendar-day[b-nnwbuhtra4] {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 8px;
    background: #f8f9fa;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid #e2e8f0;
    padding: 0.5rem;
}

    .calendar-day:hover[b-nnwbuhtra4] {
        background: white;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        border-color: #667eea;
    }

.day-number[b-nnwbuhtra4] {
    font-size: 0.938rem;
    font-weight: 600;
    color: #2d3748;
    line-height: 1;
}

.calendar-day.other-month[b-nnwbuhtra4] {
    opacity: 0.3;
    background: #edf2f7;
}

    .calendar-day.other-month:hover[b-nnwbuhtra4] {
        opacity: 0.5;
    }

.calendar-day.today[b-nnwbuhtra4] {
    background: #f56565;
    border-color: #f56565;
    color: white;
}

    .calendar-day.today .day-number[b-nnwbuhtra4] {
        color: white;
        font-weight: 700;
    }

.calendar-day.weekend[b-nnwbuhtra4] {
    background: #fff5f5;
    border-color: #fed7d7;
}

.calendar-day.rest-day[b-nnwbuhtra4] {
    background: #f0fff4;
    border-color: #48bb78;
}

.calendar-day.vacation-day[b-nnwbuhtra4] {
    background: #f5f3ff;
    border-color: #667eea;
}

.calendar-day.multiple-events[b-nnwbuhtra4] {
    background: #fffaf0;
    border: 2px solid #f39c12;
}

.day-badge[b-nnwbuhtra4] {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 0.875rem;
    color: #4a5568;
}

.event-dots[b-nnwbuhtra4] {
    display: flex;
    gap: 3px;
    margin-top: 4px;
}

.event-dot[b-nnwbuhtra4] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #667eea;
}

/* Responsive */
@media (max-width: 768px) {
    .enhanced-quick-calendar[b-nnwbuhtra4] {
        padding: 1rem;
    }

    .calendar-main-title[b-nnwbuhtra4] {
        font-size: 1.25rem;
    }

    .stats-grid[b-nnwbuhtra4] {
        grid-template-columns: repeat(2, 1fr);
    }

    .header-icon[b-nnwbuhtra4] {
        font-size: 2rem;
    }

    .day-number[b-nnwbuhtra4] {
        font-size: 0.813rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/SmartSubstituteSelector.razor.rz.scp.css */
.smart-substitute-selector[b-9b2sqq3cg3] {
    margin-bottom: 1rem;
}

.smart-recommend-btn[b-9b2sqq3cg3] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    border: 2px dashed #0d6efd;
    background: linear-gradient(135deg, #e3f2fd 0%, #fff 100%);
    transition: all 0.3s ease;
}

.smart-recommend-btn:hover:not(:disabled)[b-9b2sqq3cg3] {
    background: linear-gradient(135deg, #bbdefb 0%, #e3f2fd 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);
}

.smart-recommend-btn:disabled[b-9b2sqq3cg3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ml-unavailable[b-9b2sqq3cg3] {
    text-align: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
    color: #6c757d;
    font-size: 0.875rem;
}

.ml-unavailable i[b-9b2sqq3cg3] {
    font-size: 1.5rem;
    display: block;
    margin-bottom: 0.25rem;
}

.recommendations-panel[b-9b2sqq3cg3] {
    background: white;
    border: 2px solid #e3f2fd;
    border-radius: 12px;
    margin-top: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.panel-header[b-9b2sqq3cg3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
    border-bottom: 1px solid #dee2e6;
}

.panel-header h6[b-9b2sqq3cg3] {
    font-weight: 600;
    color: #495057;
}

.recommendations-list[b-9b2sqq3cg3] {
    max-height: 400px;
    overflow-y: auto;
}

.recommendation-card[b-9b2sqq3cg3] {
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.recommendation-card:hover[b-9b2sqq3cg3] {
    background: #f8f9fa;
    transform: translateX(4px);
}

.recommendation-card.selected[b-9b2sqq3cg3] {
    background: #e3f2fd;
    border-left: 4px solid #0d6efd;
}

.rec-header[b-9b2sqq3cg3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.rec-avatar[b-9b2sqq3cg3] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
}

.rec-info[b-9b2sqq3cg3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.rec-info strong[b-9b2sqq3cg3] {
    font-size: 0.9375rem;
    color: #212529;
}

.rec-info small[b-9b2sqq3cg3] {
    font-size: 0.8125rem;
}

.rec-score[b-9b2sqq3cg3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.score-badge[b-9b2sqq3cg3] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    color: white;
}

.score-excellent[b-9b2sqq3cg3] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.score-good[b-9b2sqq3cg3] {
    background: linear-gradient(135deg, #17a2b8 0%, #20c997 100%);
}

.score-fair[b-9b2sqq3cg3] {
    background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
}

.score-low[b-9b2sqq3cg3] {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
}

.rec-score small[b-9b2sqq3cg3] {
    font-size: 0.75rem;
    color: #6c757d;
}

.rec-metrics[b-9b2sqq3cg3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.metric[b-9b2sqq3cg3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.metric-label[b-9b2sqq3cg3] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
}

.metric small[b-9b2sqq3cg3] {
    font-size: 0.75rem;
    color: #495057;
    font-weight: 600;
}

.rec-reasons[b-9b2sqq3cg3], .rec-warning[b-9b2sqq3cg3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    padding: 0.5rem;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.rec-reasons[b-9b2sqq3cg3] {
    background: #d1f4e0;
    color: #155724;
}

.rec-warning[b-9b2sqq3cg3] {
    background: #fff3cd;
    color: #856404;
}

.selected-indicator[b-9b2sqq3cg3] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: #0d6efd;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.panel-footer[b-9b2sqq3cg3] {
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .rec-metrics[b-9b2sqq3cg3] {
        grid-template-columns: 1fr;
    }

    .rec-header[b-9b2sqq3cg3] {
        flex-wrap: wrap;
    }

    .score-badge[b-9b2sqq3cg3] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/StatCard.razor.rz.scp.css */
.stat-card[b-i7oa2ffpym] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
}

.stat-card:hover[b-i7oa2ffpym] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.stat-icon[b-i7oa2ffpym] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.stat-content[b-i7oa2ffpym] {
    flex: 1;
    min-width: 0;
}

.stat-value[b-i7oa2ffpym] {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
}

.stat-label[b-i7oa2ffpym] {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/UserInfoBadge.razor.rz.scp.css */
.user-info-badge[b-ffn2q5sm7y] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: white;
    padding: 12px 16px;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.user-avatar[b-ffn2q5sm7y] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
}

.user-details[b-ffn2q5sm7y] {
    flex: 1;
    min-width: 0;
}

.user-name[b-ffn2q5sm7y] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-roles[b-ffn2q5sm7y] {
    display: flex;
    gap: 4px;
    margin-top: 4px;
    flex-wrap: wrap;
}

.role-badge[b-ffn2q5sm7y] {
    background: #e3f2fd;
    color: #1565c0;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

    .role-badge.more[b-ffn2q5sm7y] {
        background: #f5f5f5;
        color: #666;
    }

.vacation-stats[b-ffn2q5sm7y] {
    display: flex;
    gap: 16px;
}

.stat-item[b-ffn2q5sm7y] {
    text-align: center;
}

.stat-value[b-ffn2q5sm7y] {
    display: block;
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.1rem;
}

.stat-label[b-ffn2q5sm7y] {
    display: block;
    font-size: 0.7rem;
    color: #7f8c8d;
    margin-top: 2px;
}

@media (max-width: 768px) {
    .user-info-badge[b-ffn2q5sm7y] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .vacation-stats[b-ffn2q5sm7y] {
        align-self: stretch;
        justify-content: space-around;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/UserStatsSection.razor.rz.scp.css */
.user-stats-section .title[b-qvdwnrb478] {
    color: #2c3e50;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-stats-section .title i[b-qvdwnrb478] {
    color: #3498db;
    font-size: 1.1rem;
}

.stats-grid[b-qvdwnrb478] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 480px) {
    .stats-grid[b-qvdwnrb478] {
        grid-template-columns: 1fr;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/VacationDocumentsDialog.razor.rz.scp.css */
.vacation-documents-dialog[b-gs85j9k4h2] {
    padding: 10px;
}

.document-info-header[b-gs85j9k4h2] {
    padding: 15px 0;
}

.document-info-header h5[b-gs85j9k4h2] {
    color: #333;
    font-weight: 600;
}

.document-info-header .badge[b-gs85j9k4h2] {
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 20px;
}

.documents-list[b-gs85j9k4h2] {
    margin-top: 20px;
}

.document-item[b-gs85j9k4h2] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.document-item:hover[b-gs85j9k4h2] {
    background: white;
    border-color: #667eea;
    transform: translateX(5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.document-item-icon[b-gs85j9k4h2] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
}

.document-item-icon.uploaded[b-gs85j9k4h2] {
    background: linear-gradient(135deg, #34d399 0%, #059669 100%);
}

.document-item-icon.generated[b-gs85j9k4h2] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.document-item-icon i[b-gs85j9k4h2] {
    font-size: 32px;
    color: white;
}

.document-item-details[b-gs85j9k4h2] {
    flex: 1;
}

.document-item-details h6[b-gs85j9k4h2] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}

.document-item-details p[b-gs85j9k4h2] {
    font-size: 0.85rem;
    color: #666;
}

.document-item-action[b-gs85j9k4h2] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(102, 126, 234, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.document-item:hover .document-item-action[b-gs85j9k4h2] {
    background: #667eea;
}

.document-item-action i[b-gs85j9k4h2] {
    font-size: 20px;
    color: #667eea;
    transition: color 0.3s ease;
}

.document-item:hover .document-item-action i[b-gs85j9k4h2] {
    color: white;
}

.badge.bg-success-light[b-gs85j9k4h2] {
    background: rgba(52, 211, 153, 0.1);
    color: #059669;
    font-size: 0.7rem;
    padding: 4px 10px;
    border-radius: 15px;
}

.badge.bg-primary-light[b-gs85j9k4h2] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    font-size: 0.7rem;
    padding: 4px 10px;
    border-radius: 15px;
}

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

.document-item[b-gs85j9k4h2] {
    animation: fadeIn-b-gs85j9k4h2 0.3s ease-out;
}

.document-item:nth-child(1)[b-gs85j9k4h2] {
    animation-delay: 0s;
}

.document-item:nth-child(2)[b-gs85j9k4h2] {
    animation-delay: 0.1s;
}

/* Empty state */
.text-center i.ri-file-forbid-line[b-gs85j9k4h2] {
    animation: float-b-gs85j9k4h2 3s ease-in-out infinite;
}

@keyframes float-b-gs85j9k4h2 {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/VacationDocumentsSection.razor.rz.scp.css */
/* Documents List Container */
.documents-list[b-ukm13y4trp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.title[b-ukm13y4trp] {
    color: #2c3e50;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

     .title i[b-ukm13y4trp] {
        color: #3498db;
        font-size: 1.1rem;
    }

/* Document List Item */
.document-list-item[b-ukm13y4trp] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.document-list-item:hover[b-ukm13y4trp] {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
    transform: translateX(5px);
}

/* Document Icon */
.document-list-icon[b-ukm13y4trp] {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.document-list-icon i[b-ukm13y4trp] {
    font-size: 22px;
    color: white;
}

/* Document Content */
.document-list-content[b-ukm13y4trp] {
    flex: 1;
    min-width: 0;
}

.document-list-header[b-ukm13y4trp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    gap: 10px;
}

.document-list-title[b-ukm13y4trp] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-list-header .badge[b-ukm13y4trp] {
    font-size: 0.65rem;
    padding: 4px 10px;
    border-radius: 12px;
    text-transform: uppercase;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.document-list-info[b-ukm13y4trp] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.info-item[b-ukm13y4trp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    color: #666;
}

.info-item i[b-ukm13y4trp] {
    font-size: 14px;
    color: #667eea;
}

.document-list-badges[b-ukm13y4trp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.doc-badge[b-ukm13y4trp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    padding: 3px 8px;
    border-radius: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.doc-badge:hover[b-ukm13y4trp] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.doc-badge.uploaded[b-ukm13y4trp] {
    background: rgba(52, 211, 153, 0.1);
    color: #059669;
    border: 1px solid rgba(52, 211, 153, 0.3);
}

.doc-badge.uploaded:hover[b-ukm13y4trp] {
    background: rgba(52, 211, 153, 0.2);
    border-color: #059669;
}

.doc-badge.uploaded i[b-ukm13y4trp] {
    color: #059669;
}

.doc-badge.generated[b-ukm13y4trp] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.doc-badge.generated:hover[b-ukm13y4trp] {
    background: rgba(59, 130, 246, 0.2);
    border-color: #2563eb;
}

.doc-badge.generated i[b-ukm13y4trp] {
    color: #2563eb;
}

/* Document Action */
.document-list-action[b-ukm13y4trp] {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(102, 126, 234, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.document-list-item:hover .document-list-action[b-ukm13y4trp] {
    background: #667eea;
}

.document-list-action i[b-ukm13y4trp] {
    font-size: 18px;
    color: #667eea;
    transition: color 0.3s ease;
}

.document-list-item:hover .document-list-action i[b-ukm13y4trp] {
    color: white;
}

/* Pagination */
.pagination-container[b-ukm13y4trp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
}

.pagination-info[b-ukm13y4trp] {
    font-size: 0.85rem;
    color: #666;
    font-weight: 500;
}

.pagination-container .btn[b-ukm13y4trp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
}

.pagination-container .btn i[b-ukm13y4trp] {
    font-size: 18px;
}

/* Empty State */
.text-center i.ri-file-forbid-line[b-ukm13y4trp] {
    animation: float-b-ukm13y4trp 3s ease-in-out infinite;
}

@keyframes float-b-ukm13y4trp {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .document-list-item[b-ukm13y4trp] {
        padding: 12px;
        gap: 12px;
    }

    .document-list-icon[b-ukm13y4trp] {
        width: 40px;
        height: 40px;
    }

    .document-list-icon i[b-ukm13y4trp] {
        font-size: 20px;
    }

    .document-list-title[b-ukm13y4trp] {
        font-size: 0.9rem;
    }

    .document-list-info[b-ukm13y4trp] {
        gap: 10px;
    }

    .info-item[b-ukm13y4trp] {
        font-size: 0.75rem;
    }

    .document-list-header[b-ukm13y4trp] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/VacationForm.razor.rz.scp.css */
.vacation-form-container[b-c2k9xz12ef] {
    display: flex;
    flex-direction: column;
    background: #f8f9fa;
    max-height: 140vh;
}

.main-layout[b-c2k9xz12ef] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    overflow-y: auto;
    /*padding: 20px;*/
    padding-bottom: 0px;
}

.left-panel[b-c2k9xz12ef], .right-panel[b-c2k9xz12ef] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left:15px;
}

@media (max-width: 768px) {
    .main-layout[b-c2k9xz12ef] {
        grid-template-columns: 1fr;
        padding: 16px;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/VacationFormActions.razor.rz.scp.css */
.enhanced-form-actions[b-zlqdkjk63t] {
    background: linear-gradient(180deg, rgba(248, 249, 250, 0.95), white);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    /*padding: 20px 24px;*/
    position: sticky;
    bottom: -30px;
    z-index: 100;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}

.actions-container[b-zlqdkjk63t] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.error-warning[b-zlqdkjk63t] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(231, 76, 60, 0.05));
    border: 1px solid rgba(231, 76, 60, 0.2);
    border-radius: 8px;
    color: #c0392b;
    animation: errorPulse-b-zlqdkjk63t 2s infinite;
}

@keyframes errorPulse-b-zlqdkjk63t {
    0%, 100% {
        background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(231, 76, 60, 0.05));
    }

    50% {
        background: linear-gradient(135deg, rgba(231, 76, 60, 0.15), rgba(231, 76, 60, 0.08));
    }
}

.error-warning i[b-zlqdkjk63t] {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.error-text[b-zlqdkjk63t] {
    flex: 1;
    font-weight: 500;
    font-size: 0.9rem;
}

.validate-btn[b-zlqdkjk63t] {
    background: rgba(231, 76, 60, 0.1);
    border: 1px solid rgba(231, 76, 60, 0.3);
    color: #c0392b;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

    .validate-btn:hover[b-zlqdkjk63t] {
        background: rgba(231, 76, 60, 0.2);
        transform: scale(1.05);
    }

.main-actions[b-zlqdkjk63t] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.action-btn[b-zlqdkjk63t] {
    min-width: 120px !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

    .action-btn:hover:not(:disabled)[b-zlqdkjk63t] {
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    }

.save-btn[b-zlqdkjk63t] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    border: none !important;
}

.approve-btn[b-zlqdkjk63t] {
    background: linear-gradient(135deg, #27ae60, #229954) !important;
    border: none !important;
}

.reject-btn[b-zlqdkjk63t] {
    color: #e74c3c !important;
    border-color: #e74c3c !important;
}

    .reject-btn:hover[b-zlqdkjk63t] {
        background: #e74c3c !important;
        color: white !important;
    }

.delete-btn[b-zlqdkjk63t] {
    color: #e74c3c !important;
    border-color: #e74c3c !important;
}

    .delete-btn:hover[b-zlqdkjk63t] {
        background: #e74c3c !important;
        color: white !important;
    }

.cancel-btn[b-zlqdkjk63t] {
    background: #6c757d !important;
    border: none !important;
    color: white !important;
}

.shortcuts-info[b-zlqdkjk63t] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.shortcuts-text[b-zlqdkjk63t] {
    color: #6c757d;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Responsive */
@media (max-width: 768px) {
    .enhanced-form-actions[b-zlqdkjk63t] {
        padding: 16px;
    }

    .main-actions[b-zlqdkjk63t] {
        justify-content: center;
        gap: 8px;
    }

    .action-btn[b-zlqdkjk63t] {
        min-width: 100px !important;
        padding: 10px 16px !important;
        font-size: 0.9rem !important;
    }

    .error-warning[b-zlqdkjk63t] {
        padding: 10px 12px;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .shortcuts-info[b-zlqdkjk63t] {
        display: none;
    }
}

@media (max-width: 480px) {
    .main-actions[b-zlqdkjk63t] {
        flex-direction: column;
        width: 100%;
    }

    .action-btn[b-zlqdkjk63t] {
        width: 100% !important;
    }
}

/* Butoane moderne */
.btn[b-zlqdkjk63t] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    /*width: 120px !important;*/
}

    .btn:hover:not(:disabled)[b-zlqdkjk63t] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-zlqdkjk63t] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Concedii/VacationFormLoader.razor.rz.scp.css */
.loading-container[b-z8wwcrgjwy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: rgba(248, 249, 250, 0.8);
    border-radius: 12px;
}

.loading-content[b-z8wwcrgjwy] {
    text-align: center;
    max-width: 300px;
}

.loading-spinner[b-z8wwcrgjwy] {
    margin-bottom: 20px;
}

.spinner[b-z8wwcrgjwy] {
    width: 50px;
    height: 50px;
    border: 4px solid #e9ecef;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin-b-z8wwcrgjwy 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-z8wwcrgjwy {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-content h6[b-z8wwcrgjwy] {
    margin: 10px 0 5px 0;
    color: #495057;
}

.loading-content p[b-z8wwcrgjwy] {
    margin: 0;
    font-size: 0.9rem;
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/VacationRequestInfoComponent.razor.rz.scp.css */

.form-section[b-d44mi0hvr9] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e9ecef;
}

.form-content[b-d44mi0hvr9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.date-row[b-d44mi0hvr9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.vacation-duration[b-d44mi0hvr9] {
    background: #e3f2fd;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #1565c0;
}

.textarea-container[b-d44mi0hvr9] {
    position: relative;
    width: 100%;
}

.character-count[b-d44mi0hvr9] {
    position: absolute;
    top: -20px;
    right: 0;
    color: #6c757d;
    font-size: 0.8rem;
    z-index: 1;
    background: white;
    padding: 0 4px;
}

@media (max-width: 768px) {
    .date-row[b-d44mi0hvr9] {
        grid-template-columns: 1fr;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Concedii/ValidationMessageDisplay.razor.rz.scp.css */
.validation-messages[b-p5tp62j1ls] {
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.validation-message[b-p5tp62j1ls] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    animation: slideInDown-b-p5tp62j1ls 0.3s ease-out;
}

    .validation-message.error[b-p5tp62j1ls] {
        background: rgba(231, 76, 60, 0.1);
        color: #c0392b;
        border: 1px solid rgba(231, 76, 60, 0.2);
    }

    .validation-message.warning[b-p5tp62j1ls] {
        background: rgba(243, 156, 18, 0.1);
        color: #d68910;
        border: 1px solid rgba(243, 156, 18, 0.2);
    }

    .validation-message.info[b-p5tp62j1ls] {
        background: rgba(52, 152, 219, 0.1);
        color: #2980b9;
        border: 1px solid rgba(52, 152, 219, 0.2);
    }

.error-text[b-p5tp62j1ls] {
    flex: 1;
    font-weight: 500;
}

.error-time[b-p5tp62j1ls] {
    opacity: 0.7;
    font-size: 0.7rem;
}

@keyframes slideInDown-b-p5tp62j1ls {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/Portal.Client/Components/Pages/Panels/DocumentAnalysisDashboardContent.razor.rz.scp.css */
.document-analysis-dashboard[b-du4uiyuna7] {
    padding: 1rem;
    animation: fadeIn-b-du4uiyuna7 0.5s ease-in;
}

@keyframes fadeIn-b-du4uiyuna7 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Model Status Card */
.model-status-card[b-du4uiyuna7] {
    border-left: 4px solid #0d6efd;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.15);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fadeInUp-b-du4uiyuna7 0.5s ease-out;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    position: relative;
    overflow: hidden;
}

.model-status-card[b-du4uiyuna7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.03) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.model-status-card:hover[b-du4uiyuna7]::before {
    opacity: 1;
}

.model-status-card:hover[b-du4uiyuna7] {
    box-shadow: 0 6px 16px rgba(13, 110, 253, 0.25);
    transform: translateY(-2px);
    border-left-color: #0a58ca;
}

.model-status-card h6[b-du4uiyuna7] {
    color: #495057;
    font-weight: 600;
    position: relative;
    z-index: 1;
    transition: color 0.3s ease;
}

.model-status-card:hover h6[b-du4uiyuna7] {
    color: #0d6efd;
}

/* Stat Cards */
.stat-card[b-du4uiyuna7] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fadeInUp-b-du4uiyuna7 0.6s ease-out;
    border: 1px solid #e9ecef;
    position: relative;
    overflow: hidden;
}

.stat-card[b-du4uiyuna7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.05) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.stat-card:hover[b-du4uiyuna7]::before {
    opacity: 1;
}

.stat-card:hover[b-du4uiyuna7] {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-color: #0d6efd;
}

.stat-icon[b-du4uiyuna7] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.stat-card:hover .stat-icon[b-du4uiyuna7] {
    transform: scale(1.1) rotate(5deg);
}

.stat-icon i[b-du4uiyuna7] {
    font-size: 1.8rem;
    color: white;
    transition: all 0.3s ease;
}

.stat-card:hover .stat-icon i[b-du4uiyuna7] {
    transform: scale(1.1);
}

.stat-details[b-du4uiyuna7] {
    position: relative;
    z-index: 1;
    flex-grow: 1;
}

.stat-details h3[b-du4uiyuna7] {
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
    color: #2c3e50;
    transition: color 0.3s ease;
}

.stat-card:hover .stat-details h3[b-du4uiyuna7] {
    color: #0d6efd;
}

.stat-details p[b-du4uiyuna7] {
    margin: 0;
    color: #7f8c8d;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.stat-card:hover .stat-details p[b-du4uiyuna7] {
    color: #495057;
}

.stat-details small[b-du4uiyuna7] {
    font-size: 0.85rem;
    font-weight: 600;
}

/* Completeness Score Circle */
.completeness-score[b-du4uiyuna7] {
    text-align: center;
    margin-bottom: 1rem;
    animation: fadeInUp-b-du4uiyuna7 0.8s ease-out;
}

.completeness-score h6[b-du4uiyuna7] {
    margin-bottom: 1rem;
    color: #495057;
    font-weight: 600;
}

.score-circle[b-du4uiyuna7] {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: 8px solid;
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    animation: scaleIn-b-du4uiyuna7 0.8s ease-out;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.score-circle:hover[b-du4uiyuna7] {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.score-value[b-du4uiyuna7] {
    font-size: 2rem;
    font-weight: bold;
    color: white;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.score-circle:hover .score-value[b-du4uiyuna7] {
    transform: scale(1.1);
}

@keyframes scaleIn-b-du4uiyuna7 {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.score-excellent[b-du4uiyuna7] {
    background: linear-gradient(135deg, #28a745, #20c997);
    border-color: #28a745;
}

.score-good[b-du4uiyuna7] {
    background: linear-gradient(135deg, #17a2b8, #20c997);
    border-color: #17a2b8;
}

.score-average[b-du4uiyuna7] {
    background: linear-gradient(135deg, #ffc107, #fd7e14);
    border-color: #ffc107;
}

.score-poor[b-du4uiyuna7] {
    background: linear-gradient(135deg, #dc3545, #c82333);
    border-color: #dc3545;
}

/* Document Counts */
.document-counts[b-du4uiyuna7] {
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: fadeInUp-b-du4uiyuna7 0.8s ease-out;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

.document-counts:hover[b-du4uiyuna7] {
    background: linear-gradient(135deg, #e7f1ff 0%, #cfe2ff 100%);
    border-color: #0d6efd;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.15);
}

.document-counts p[b-du4uiyuna7] {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    transition: color 0.3s ease;
}

.document-counts:hover p[b-du4uiyuna7] {
    color: #0d6efd;
}

.document-counts p:last-child[b-du4uiyuna7] {
    margin-bottom: 0;
}

/* Analysis Result Card */
.analysis-result[b-du4uiyuna7] {
    animation: slideIn-b-du4uiyuna7 0.5s ease-out;
}

@keyframes slideIn-b-du4uiyuna7 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp-b-du4uiyuna7 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.analysis-result .card-header[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca) !important;
    position: relative;
    overflow: hidden;
}

.analysis-result .card-header[b-du4uiyuna7]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: shimmer-b-du4uiyuna7 3s infinite;
}

@keyframes shimmer-b-du4uiyuna7 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Recommendations List */
.recommendations-list[b-du4uiyuna7] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recommendations-list li[b-du4uiyuna7] {
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #e7f3ff 0%, #d0ebff 100%);
    border-left: 4px solid #0dcaf0;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    animation: slideIn-b-du4uiyuna7 0.4s ease-out;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.recommendations-list li:hover[b-du4uiyuna7] {
    background: linear-gradient(135deg, #cfe2ff 0%, #9ec5fe 100%);
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(13, 202, 240, 0.15);
    border-left-color: #0d6efd;
}

.recommendations-list li:last-child[b-du4uiyuna7] {
    margin-bottom: 0;
}

/* Tables */
.table-responsive[b-du4uiyuna7] {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.table-responsive[b-du4uiyuna7]::-webkit-scrollbar {
    height: 8px;
}

.table-responsive[b-du4uiyuna7]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.table-responsive[b-du4uiyuna7]::-webkit-scrollbar-thumb {
    background: #0d6efd;
    border-radius: 10px;
}

.table-responsive[b-du4uiyuna7]::-webkit-scrollbar-thumb:hover {
    background: #0a58ca;
}

.table[b-du4uiyuna7] {
    margin-bottom: 0;
}

.table thead[b-du4uiyuna7] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.table th[b-du4uiyuna7] {
    font-weight: 600;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    padding: 1rem;
}

.table td[b-du4uiyuna7] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

.table-hover tbody tr[b-du4uiyuna7] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.table-hover tbody tr:hover[b-du4uiyuna7] {
    background-color: #e7f1ff;
    cursor: pointer;
    transform: scale(1.005);
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
}

/* Progress Bar */
.progress[b-du4uiyuna7] {
    background-color: #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    height: 20px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar[b-du4uiyuna7] {
    font-weight: 600;
    font-size: 0.875rem;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.progress-bar[b-du4uiyuna7]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer-b-du4uiyuna7 2s infinite;
}

.progress-bar span[b-du4uiyuna7],
.progress-bar small[b-du4uiyuna7] {
    position: relative;
    z-index: 1;
}

/* Badges */
.badge[b-du4uiyuna7] {
    padding: 0.4rem 0.8rem;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.badge:hover[b-du4uiyuna7] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.badge.bg-primary[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca) !important;
}

.badge.bg-success[b-du4uiyuna7] {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
}

.badge.bg-warning[b-du4uiyuna7] {
    background: linear-gradient(135deg, #ffc107, #fd7e14) !important;
    color: #212529 !important;
}

.badge.bg-danger[b-du4uiyuna7] {
    background: linear-gradient(135deg, #dc3545, #c82333) !important;
}

.badge.bg-info[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0dcaf0, #17a2b8) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .stat-card[b-du4uiyuna7] {
        margin-bottom: 1rem;
    }

    .score-circle[b-du4uiyuna7] {
        width: 120px;
        height: 120px;
        border-width: 6px;
    }

    .score-value[b-du4uiyuna7] {
        font-size: 1.5rem;
    }

    .stat-details h3[b-du4uiyuna7] {
        font-size: 1.5rem;
    }
}

/* Loading Spinner */
.spinner-border[b-du4uiyuna7] {
    width: 3rem;
    height: 3rem;
    animation: spinner-rotate-b-du4uiyuna7 0.75s linear infinite;
}

@keyframes spinner-rotate-b-du4uiyuna7 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Gradient Header for Charts */
.bg-gradient-primary[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%) !important;
}

/* Chart Card Improvements */
.card.shadow-sm[b-du4uiyuna7] {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1) !important;
    border: none;
    border-radius: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    animation: fadeInUp-b-du4uiyuna7 0.6s ease-out;
    overflow: hidden;
}

.card.shadow-sm:hover[b-du4uiyuna7] {
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-4px);
}

.card-header[b-du4uiyuna7] {
    position: relative;
    border-radius: 12px 12px 0 0 !important;
}

.card-header.py-3[b-du4uiyuna7] {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.card-body[b-du4uiyuna7] {
    position: relative;
}

.text-white-50[b-du4uiyuna7] {
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

.card:hover .text-white-50[b-du4uiyuna7] {
    opacity: 1;
}

/* Alert Enhancements */
.alert[b-du4uiyuna7] {
    border-radius: 8px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    animation: fadeInUp-b-du4uiyuna7 0.3s ease-out;
    transition: all 0.3s ease;
}

.alert:hover[b-du4uiyuna7] {
    transform: translateX(2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.alert-success[b-du4uiyuna7] {
    background: linear-gradient(135deg, #d1e7dd 0%, #a3cfbb 100%);
    border-left: 4px solid #198754;
}

.alert-warning[b-du4uiyuna7] {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);
    border-left: 4px solid #ffc107;
}

.alert-info[b-du4uiyuna7] {
    background: linear-gradient(135deg, #cfe2ff 0%, #9ec5fe 100%);
    border-left: 4px solid #0dcaf0;
}

.alert-danger[b-du4uiyuna7] {
    background: linear-gradient(135deg, #f8d7da 0%, #f1aeb5 100%);
    border-left: 4px solid #dc3545;
}

/* Button Enhancements */
.btn[b-du4uiyuna7] {
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

.btn:active[b-du4uiyuna7] {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn-primary[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
    border: none;
}

.btn-primary:hover[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0a58ca, #084298);
}

.btn-success[b-du4uiyuna7] {
    background: linear-gradient(135deg, #28a745, #20c997);
    border: none;
}

.btn-success:hover[b-du4uiyuna7] {
    background: linear-gradient(135deg, #218838, #1aa179);
}

.btn-info[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0dcaf0, #17a2b8);
    border: none;
}

.btn-info:hover[b-du4uiyuna7] {
    background: linear-gradient(135deg, #0aa2c0, #138496);
}

/* Icon Enhancements */
.bi[b-du4uiyuna7], .mdi[b-du4uiyuna7] {
    transition: transform 0.3s ease;
}

.btn:hover .bi[b-du4uiyuna7],
.btn:hover .mdi[b-du4uiyuna7] {
    transform: scale(1.1);
}

/* Card Title Enhancements */
.card-title[b-du4uiyuna7] {
    font-weight: 700;
    color: #212529;
    transition: color 0.3s ease;
}

.card:hover .card-title[b-du4uiyuna7] {
    color: #0d6efd;
}

/* Scrollbar Enhancements */
*[b-du4uiyuna7]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*[b-du4uiyuna7]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

*[b-du4uiyuna7]::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
    border-radius: 10px;
}

*[b-du4uiyuna7]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #0a58ca, #084298);
}
/* _content/Portal.Client/Components/Pages/Panels/DocumentApproveDialog.razor.rz.scp.css */
.action-dialog-container[b-1154ydcc62] {
    display: flex;
    flex-direction: column;
    min-height: 400px;
    background: #fff;
}

.dialog-header-section[b-1154ydcc62] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #e0f2f1 0%, #f0f8f7 100%);
    border-bottom: 2px solid #b2dfdb;
}

.header-icon[b-1154ydcc62] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.header-info[b-1154ydcc62] {
    flex: 1;
}

.dialog-title[b-1154ydcc62] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
}

.dialog-subtitle[b-1154ydcc62] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #666;
}

.dialog-body-section[b-1154ydcc62] {
    flex: 1;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow-y: auto;
}

.form-section[b-1154ydcc62] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.section-label[b-1154ydcc62] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    font-weight: 600;
    color: #034B47;
    margin: 0;
}

.modern-textarea[b-1154ydcc62] {
    border-radius: 8px;
    border: 1.5px solid #e0e0e0;
    padding: 0.75rem;
    font-size: 0.938rem;
    transition: all 0.2s ease;
}

    .modern-textarea:focus[b-1154ydcc62] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
        outline: none;
    }

.field-hint[b-1154ydcc62] {
    font-size: 0.813rem;
    color: #999;
    font-style: italic;
}

.dialog-footer-section[b-1154ydcc62] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
}

.save-button[b-1154ydcc62] {
    background: linear-gradient(135deg, #2e7d32 0%, #388e3c 100%);
    border: none;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(46, 125, 50, 0.25);
    transition: all 0.2s ease;
}

    .save-button:hover[b-1154ydcc62] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(46, 125, 50, 0.35);
    }

/* Scrollbar styling */
.dialog-body-section[b-1154ydcc62]::-webkit-scrollbar {
    width: 8px;
}

.dialog-body-section[b-1154ydcc62]::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}

.dialog-body-section[b-1154ydcc62]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

    .dialog-body-section[b-1154ydcc62]::-webkit-scrollbar-thumb:hover {
        background: #999;
    }

.character-count[b-1154ydcc62] {
    position: absolute;
    top: -25px;
    right: 0;
    color: #6c757d;
    font-size: 0.8rem;
    z-index: 1;
    background: white;
    padding: 0 4px;
}

.dialog-container[b-1154ydcc62] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.dialog-header[b-1154ydcc62] {
    flex-shrink: 0;
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 3px solid #023430;
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.3);
}

.dialog-content[b-1154ydcc62] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.dialog-footer[b-1154ydcc62] {
    flex-shrink: 0;
    border-top: 1px solid var(--rz-border-color, #dee2e6);
    justify-content: space-between;
    align-items: center;
    margin-bottom: -5px;
    padding-top: 15px;
}
/* _content/Portal.Client/Components/Pages/Panels/DocumenteDisponibile.razor.rz.scp.css */
.modern-page-container[b-170o9a6nqv] {
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header-modern[b-170o9a6nqv] {
    background: linear-gradient(135deg, #034B47 0%, #056862 50%, #078177 100%);
    padding: 2rem 2rem 3rem;
    box-shadow: 0 4px 20px rgba(3, 75, 71, 0.2);
    margin-bottom: 2rem;
    position: relative;
}

    .page-header-modern[b-170o9a6nqv]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, #078177 0%, #034B47 100%);
        border-radius: 2px;
    }

.header-content[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.header-icon-wrapper[b-170o9a6nqv] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.page-title-modern[b-170o9a6nqv] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}

.breadcrumb-modern[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
}

    .breadcrumb-modern .active[b-170o9a6nqv] {
        font-weight: 600;
        color: #fff;
    }

.content-wrapper[b-170o9a6nqv] {
    max-width: 1600px;
    margin: 0 auto;
    /*padding: 0 2rem 2rem;*/
}

/* Sticky Sidebar */
.sticky-sidebar[b-170o9a6nqv] {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Generator Card */
.generator-card[b-170o9a6nqv] {
    border-radius: 20px;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.card-header-section[b-170o9a6nqv] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 1rem;
}

.header-icon-gen[b-170o9a6nqv] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.card-title-gen[b-170o9a6nqv] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
}

.card-subtitle-gen[b-170o9a6nqv] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #666;
}

.form-content-gen[b-170o9a6nqv] {
    padding: 1.5rem;
}

.field-wrapper[b-170o9a6nqv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.field-label[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    font-weight: 600;
    color: #034B47;
}

.field-input[b-170o9a6nqv] {
    border-radius: 10px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .field-input:focus[b-170o9a6nqv] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    }

.field-hint[b-170o9a6nqv] {
    font-size: 0.813rem;
    color: #999;
    font-style: italic;
}

.dropdown-item-content[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem;
}

.checkbox-section[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 10px;
}

.checkbox-label[b-170o9a6nqv] {
    margin: 0;
    font-weight: 500;
    cursor: pointer;
}

.generate-button[b-170o9a6nqv] {
    width: 100%;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease;
}

    .generate-button:hover[b-170o9a6nqv] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    }

.pdf-button[b-170o9a6nqv] {
    background: linear-gradient(135deg, #d32f2f 0%, #c62828 100%);
    border: none;
}

.docx-button[b-170o9a6nqv] {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
    border: none;
}

/* Info Card */
.info-card[b-170o9a6nqv] {
    border-radius: 16px;
    border: 2px solid #b2dfdb;
    background: linear-gradient(135deg, #e0f2f1 0%, #fff 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.info-header[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.info-title[b-170o9a6nqv] {
    font-size: 1rem;
    font-weight: 600;
    color: #034B47;
}

.info-content[b-170o9a6nqv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-item[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: #666;
}

/* History Card */
.history-card[b-170o9a6nqv] {
    border-radius: 20px;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.history-header[b-170o9a6nqv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
}

.header-left-hist[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-icon-hist[b-170o9a6nqv] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.history-title[b-170o9a6nqv] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
}

.history-subtitle[b-170o9a6nqv] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #666;
}

.history-body[b-170o9a6nqv] {
    padding: 1.5rem;
    min-height: 400px;
}

/* Loading & Empty States */
.loading-state[b-170o9a6nqv], .empty-state[b-170o9a6nqv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 3rem;
}

.loading-text[b-170o9a6nqv] {
    font-size: 1rem;
    color: #666;
}

.empty-icon[b-170o9a6nqv] {
    width: 80px;
    height: 80px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-170o9a6nqv] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-170o9a6nqv] {
    font-size: 0.938rem;
    color: #999;
    text-align: center;
    max-width: 400px;
}

/* Documents List */
.documents-list[b-170o9a6nqv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.document-item[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .document-item:hover[b-170o9a6nqv] {
        background: #f8f9fa;
        border-color: #034B47;
        transform: translateX(4px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

.document-icon-wrapper[b-170o9a6nqv] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.document-info[b-170o9a6nqv] {
    flex: 1;
    min-width: 0;
}

.document-name[b-170o9a6nqv] {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 0.938rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-meta[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
    font-size: 0.813rem;
    color: #666;
}

.meta-date[b-170o9a6nqv] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.meta-separator[b-170o9a6nqv] {
    color: #ccc;
}

.document-action[b-170o9a6nqv] {
    font-size: 1.5rem;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.document-item:hover .document-action[b-170o9a6nqv] {
    opacity: 1;
}

/* Responsive */
@media (max-width: 991px) {
    .sticky-sidebar[b-170o9a6nqv] {
        position: relative;
        top: 0;
    }

    .page-header-modern[b-170o9a6nqv] {
        padding: 1.5rem 1rem 2rem;
    }

    .content-wrapper[b-170o9a6nqv] {
        padding: 0 1rem 1rem;
    }
}

/* Butoane moderne */
.btn[b-170o9a6nqv] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-170o9a6nqv] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-170o9a6nqv] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/DocumenteDiverse.razor.rz.scp.css */
.modern-page-container[b-5k3958m1hl] {
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header-modern[b-5k3958m1hl] {
    background: linear-gradient(135deg, #034B47 0%, #056862 50%, #078177 100%);
    padding: 2rem 2rem 3rem;
    box-shadow: 0 4px 20px rgba(3, 75, 71, 0.2);
    margin-bottom: 2rem;
    position: relative;
}

    .page-header-modern[b-5k3958m1hl]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, #078177 0%, #034B47 100%);
        border-radius: 2px;
    }

.header-content[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.header-icon-wrapper[b-5k3958m1hl] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.page-title-modern[b-5k3958m1hl] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}

.breadcrumb-modern[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
}

    .breadcrumb-modern .active[b-5k3958m1hl] {
        font-weight: 600;
        color: #fff;
    }

.content-wrapper[b-5k3958m1hl] {
    max-width: 1600px;
    margin: 0 auto;
}

/* Sticky Sidebar */
.sticky-sidebar[b-5k3958m1hl] {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Form Card */
.form-card[b-5k3958m1hl] {
    border-radius: 20px;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.form-card-header[b-5k3958m1hl] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 1rem;
}

.header-icon[b-5k3958m1hl] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
}

.form-card-title[b-5k3958m1hl] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
}

.form-card-subtitle[b-5k3958m1hl] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #666;
}

.form-body[b-5k3958m1hl] {
    padding: 1.5rem;
}

.form-field-wrapper[b-5k3958m1hl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modern-label[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #034B47;
}

.modern-input[b-5k3958m1hl], .modern-dropdown[b-5k3958m1hl], .modern-textarea[b-5k3958m1hl] {
    border-radius: 10px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .modern-input:focus[b-5k3958m1hl], .modern-dropdown:focus[b-5k3958m1hl], .modern-textarea:focus[b-5k3958m1hl] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    }

.dropdown-item-modern[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem;
}

.drop-zone-compact[b-5k3958m1hl] {
    border: 2px dashed #b0bec5;
    border-radius: 12px;
    background: #fafafa;
    padding: 1rem;
    transition: all 0.3s ease;
    cursor: pointer;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .drop-zone-compact:hover[b-5k3958m1hl] {
        border-color: #056862;
        background: #f0f8f7;
    }

.drop-zone-hover[b-5k3958m1hl] {
    border-color: #034B47;
    background: #e0f2f1;
    transform: scale(1.02);
}

.drop-zone-empty[b-5k3958m1hl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
    width: 100%;
}

.upload-icon-compact[b-5k3958m1hl] {
    font-size: 2rem;
    color: #056862;
}

.upload-text-compact[b-5k3958m1hl] {
    font-size: 0.875rem;
    color: #666;
}

.upload-button-compact[b-5k3958m1hl] {
    background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    border: none;
}

.file-selected-compact[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.75rem;
    background: #e8f5e9;
    border-radius: 8px;
}

.file-info[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.file-icon-large[b-5k3958m1hl] {
    font-size: 2rem;
    color: #034B47;
    flex-shrink: 0;
}

.file-details[b-5k3958m1hl] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.file-name[b-5k3958m1hl] {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-size[b-5k3958m1hl] {
    font-size: 0.75rem;
    color: #666;
}

.field-hint[b-5k3958m1hl] {
    font-size: 0.75rem;
    color: #999;
}

.checkbox-wrapper[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.checkbox-label[b-5k3958m1hl] {
    margin: 0;
    font-weight: 500;
    cursor: pointer;
}

.submit-button-modern[b-5k3958m1hl] {
    width: 100%;
    background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    border: none;
    padding: 0.875rem;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.25);
    transition: all 0.2s ease;
}

    .submit-button-modern:hover[b-5k3958m1hl] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(3, 75, 71, 0.35);
    }

/* Stats Cards */
.stats-row[b-5k3958m1hl] {
    margin-top: 1rem;
}

.stat-card[b-5k3958m1hl] {
    padding: 1rem;
    border-radius: 12px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stat-icon[b-5k3958m1hl] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.stat-content[b-5k3958m1hl] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-5k3958m1hl] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.stat-label[b-5k3958m1hl] {
    font-size: 0.75rem;
    color: #666;
    margin-top: 0.25rem;
}

/* Grid Card */
.grid-card[b-5k3958m1hl] {
    border-radius: 20px;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.grid-card-header[b-5k3958m1hl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
}

.grid-card-title[b-5k3958m1hl] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
}

.grid-card-subtitle[b-5k3958m1hl] {
    margin: 0.25rem 0 0;
    font-size: 0.875rem;
    color: #666;
}

.grid-body[b-5k3958m1hl] {
    padding-top: 1rem;
}

.modern-data-grid[b-5k3958m1hl] {
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.main-cell[b-5k3958m1hl] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #fff;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .main-cell:hover[b-5k3958m1hl] {
        background: #f8f9fa;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

.main-cell-header[b-5k3958m1hl] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.doc-icon-wrapper-compact[b-5k3958m1hl] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #034B47;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.main-cell-content[b-5k3958m1hl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.main-cell-row[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.doc-link-primary[b-5k3958m1hl] {
    color: #034B47;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .doc-link-primary:hover[b-5k3958m1hl] {
        color: #056862;
        text-decoration: underline;
    }

.main-cell-meta[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.813rem;
    color: #666;
}

.meta-item[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    white-space: nowrap;
}

.meta-separator[b-5k3958m1hl] {
    color: #ccc;
}

.meta-message[b-5k3958m1hl] {
    color: #666;
    font-style: italic;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-cell-footer[b-5k3958m1hl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #f0f0f0;
}

.approved-section[b-5k3958m1hl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #e8f5e9;
    border-radius: 6px;
}

.doc-link-secondary[b-5k3958m1hl] {
    color: #2e7d32;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .doc-link-secondary:hover[b-5k3958m1hl] {
        color: #1b5e20;
        text-decoration: underline;
    }

.comment-section[b-5k3958m1hl] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #fff3e0;
    border-radius: 6px;
}

.comment-text[b-5k3958m1hl] {
    font-size: 0.875rem;
    color: #666;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .sticky-sidebar[b-5k3958m1hl] {
        position: relative;
        top: 0;
    }

    .page-header-modern[b-5k3958m1hl] {
        padding: 1.5rem 1rem 2rem;
    }

    .content-wrapper[b-5k3958m1hl] {
        padding: 0 1rem 1rem;
    }
}

.character-count[b-5k3958m1hl] {
    position: absolute;
    top: -20px;
    right: 0;
    color: #6c757d;
    font-size: 0.8rem;
    z-index: 1;
    background: white;
    padding: 0 4px;
}

/* Stats Cards */
.stats-row[b-5k3958m1hl] {
    margin-top: 1rem;
}

.stat-card[b-5k3958m1hl] {
    padding: 1rem;
    border-radius: 12px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: all 0.2s ease;
}

    .stat-card:hover[b-5k3958m1hl] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

.stat-icon[b-5k3958m1hl] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.stat-content[b-5k3958m1hl] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.stat-value[b-5k3958m1hl] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.stat-label[b-5k3958m1hl] {
    font-size: 0.75rem;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Butoane moderne */
.btn[b-5k3958m1hl] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

.btn:hover:not(:disabled)[b-5k3958m1hl] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.btn:disabled[b-5k3958m1hl] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Textarea mai mare */
.textarea-ultra-modern[b-5k3958m1hl] {
    min-height: 100px;
    resize: vertical;
}

/* Details section - should expand to fill remaining space */
.form-group-modern.details-section[b-5k3958m1hl] {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100px !important;
    overflow: hidden !important;
}

    .form-group-modern.details-section[b-5k3958m1hl]  .rz-form-field {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .form-group-modern.details-section[b-5k3958m1hl]  .rz-form-field-content {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .form-group-modern.details-section[b-5k3958m1hl]  .rz-textarea {
        flex: 1 !important;
        min-height: 100px !important;
        height: 100% !important;
        width: 100% !important;
        resize: vertical;
    }
/* _content/Portal.Client/Components/Pages/Panels/DocumenteleMele.razor.rz.scp.css */
/* Toolbar */
.toolbar-card[b-u62p5hq70j] {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 1rem 1.25rem;
}

.toolbar-left[b-u62p5hq70j] {
    flex: 1;
    min-width: 0;
}

/* Search Box */
.search-box-modern[b-u62p5hq70j] {
    position: relative;
    display: inline-block;
    min-width: 300px;
}

.search-icon[b-u62p5hq70j] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
    color: #999;
    pointer-events: none;
    z-index: 1;
}

.clear-search-btn[b-u62p5hq70j] {
    position: absolute !important;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

/* Checkbox Styling - Modern rounded with hover effect */
.checkbox-container-documente[b-u62p5hq70j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 20px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .checkbox-container-documente:hover[b-u62p5hq70j] {
        background: #e9ecef;
        border-color: #3498db;
    }

.checkbox-label-documente[b-u62p5hq70j] {
    margin: 0;
    font-size: 0.9rem;
    color: #495057;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

.filter-checkbox-documente[b-u62p5hq70j] {
    transform: scale(1.1);
}

/* View Toggle */
.view-toggle[b-u62p5hq70j] {
    display: flex;
    gap: 4px;
    background: #f5f5f5;
    padding: 4px;
    border-radius: 8px;
}

/* Filter Card - White background like Tasks_New */
.filter-card[b-u62p5hq70j] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Stats Items */
.stat-item-inline[b-u62p5hq70j] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #495057;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-u62p5hq70j] {
        background: rgba(245, 124, 0, 0.1);
        padding: 6px 12px;
        border-radius: 20px;
    }

/* Content Card */
.content-card[b-u62p5hq70j] {
    margin-top: 1rem;
}

/* Empty State */
.empty-state[b-u62p5hq70j] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-icon[b-u62p5hq70j] {
    margin-bottom: 1.5rem;
}

.empty-title[b-u62p5hq70j] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
    margin-bottom: 0.5rem;
}

.empty-subtitle[b-u62p5hq70j] {
    display: block;
    font-size: 1rem;
    color: #999;
}

/* Card Grid - Compact Cards */
.templates-grid-compact[b-u62p5hq70j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
    margin-top: 1rem;
}

/* Compact Card Styles */
.template-card-compact[b-u62p5hq70j] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .template-card-compact:hover[b-u62p5hq70j] {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
        transform: translateY(-4px);
    }

.template-card-header-compact[b-u62p5hq70j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.template-icon-wrapper[b-u62p5hq70j] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.template-badge[b-u62p5hq70j] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.template-card-title-compact[b-u62p5hq70j] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.4;
}

.template-card-meta-compact[b-u62p5hq70j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.meta-item-compact[b-u62p5hq70j] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #666;
}

.template-card-footer-compact[b-u62p5hq70j] {
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid #f0f0f0;
}

/* Badge Color Classes */
.badge-success[b-u62p5hq70j] {
    background: linear-gradient(135deg, #27ae60, #229954);
    color: white;
}

.badge-warning[b-u62p5hq70j] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: white;
}

.badge-danger[b-u62p5hq70j] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.badge-secondary[b-u62p5hq70j] {
    background: linear-gradient(135deg, #95a5a6, #7f8c8d);
    color: white;
}

.badge-adeverinta[b-u62p5hq70j] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

.badge-contract[b-u62p5hq70j] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.badge-decizie[b-u62p5hq70j] {
    background: linear-gradient(135deg, #e67e22, #d35400);
    color: white;
}

.badge-default[b-u62p5hq70j] {
    background: linear-gradient(135deg, #95a5a6, #7f8c8d);
    color: white;
}

/* List View - Long Cards */
.templates-table-compact[b-u62p5hq70j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.template-row-compact[b-u62p5hq70j] {
    background: white;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #f0f0f0;
    transition: all 0.2s ease;
}

    .template-row-compact:hover[b-u62p5hq70j] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: #667eea;
    }

.template-row-main[b-u62p5hq70j] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.template-row-icon[b-u62p5hq70j] {
    flex-shrink: 0;
}

.template-row-content[b-u62p5hq70j] {
    flex: 1;
    min-width: 0;
}

.template-row-title[b-u62p5hq70j] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.template-row-meta[b-u62p5hq70j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.meta-tag[b-u62p5hq70j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: #f8f9fa;
    border-radius: 12px;
    font-size: 0.75rem;
    color: #666;
    white-space: nowrap;
}

    .meta-tag.badge-success[b-u62p5hq70j],
    .meta-tag.badge-warning[b-u62p5hq70j],
    .meta-tag.badge-danger[b-u62p5hq70j],
    .meta-tag.badge-secondary[b-u62p5hq70j] {
        color: white;
    }

/* Pagination */
.pagination-wrapper[b-u62p5hq70j] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Responsive Design */
@media (max-width: 768px) {
    .templates-grid-compact[b-u62p5hq70j] {
        grid-template-columns: 1fr;
    }

    .search-box-modern[b-u62p5hq70j] {
        min-width: 200px;
        width: 100%;
    }

    .toolbar-card[b-u62p5hq70j] {
        padding: 1rem;
    }

    .template-row-main[b-u62p5hq70j] {
        flex-direction: column;
        align-items: flex-start;
    }

    .template-row-meta[b-u62p5hq70j] {
        flex-direction: column;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/DocumenteUtile.razor.rz.scp.css */
.folder-card[b-81d4p4qus8] {
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #e3e6f0;
    border-radius: 8px;
    height: 100%;
}

.folder-card:hover[b-81d4p4qus8] {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-color: #4e73df;
}

.folder-icon[b-81d4p4qus8] {
    font-size: 3rem;
    color: #f39c12;
}

.document-card[b-81d4p4qus8] {
    transition: all 0.3s ease;
    border: 1px solid #e3e6f0;
    border-radius: 8px;
    height: 100%;
}

    .document-card:hover[b-81d4p4qus8] {
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        border-color: #4e73df;
    }

.document-icon[b-81d4p4qus8] {
    font-size: 2.5rem;
}

.breadcrumb-nav[b-81d4p4qus8] {
    background-color: #f8f9fc;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.breadcrumb-item.active[b-81d4p4qus8] {
    color: #4e73df;
    font-weight: 600;
}

.upload-zone[b-81d4p4qus8] {
    border: 2px dashed #cbd5e0;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    background-color: #f8f9fc;
    transition: all 0.3s ease;
}

    .upload-zone:hover[b-81d4p4qus8] {
        border-color: #4e73df;
        background-color: #eef2ff;
    }

.btn-back[b-81d4p4qus8] {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
}

    .btn-back:hover[b-81d4p4qus8] {
        background-color: #5a6268;
        border-color: #545b62;
    }

.empty-state[b-81d4p4qus8] {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.empty-state-icon[b-81d4p4qus8] {
    font-size: 5rem;
    color: #cbd5e0;
    margin-bottom: 20px;
}


/* Modern Grid View */
.documents-grid-modern[b-81d4p4qus8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.document-card-modern[b-81d4p4qus8] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    border: 2px solid transparent;
}

    .document-card-modern:hover[b-81d4p4qus8] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0,0,0,0.15);
        border-color: #034B47;
    }

.folder-card-modern:hover[b-81d4p4qus8] {
    border-color: #f39c12;
}

.card-icon-wrapper[b-81d4p4qus8] {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-content[b-81d4p4qus8] {
    width: 100%;
}

.card-title[b-81d4p4qus8] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-description[b-81d4p4qus8] {
    font-size: 0.875rem;
    color: #7f8c8d;
    margin-bottom: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-meta[b-81d4p4qus8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 0.75rem;
}

.meta-badge[b-81d4p4qus8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #7f8c8d;
    background: #f8f9fa;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

.card-actions[b-81d4p4qus8] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #ecf0f1;
    width: 100%;
    justify-content: center;
}

/* Modern List View */
.documents-list-modern[b-81d4p4qus8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.document-row-modern[b-81d4p4qus8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    border: 2px solid #ecf0f1;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .document-row-modern:hover[b-81d4p4qus8] {
        border-color: #034B47;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

.folder-row-modern:hover[b-81d4p4qus8] {
    border-color: #f39c12;
}

.row-icon[b-81d4p4qus8] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
}

.row-content[b-81d4p4qus8] {
    flex: 1;
    min-width: 0;
}

.row-title[b-81d4p4qus8] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.row-description[b-81d4p4qus8] {
    font-size: 0.875rem;
    color: #7f8c8d;
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.row-meta[b-81d4p4qus8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.meta-tag[b-81d4p4qus8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #95a5a6;
}

.row-actions[b-81d4p4qus8] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Search and toolbar styles */
.search-box-modern[b-81d4p4qus8] {
    position: relative;
    width: 300px;
}

.search-icon[b-81d4p4qus8] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #95a5a6;
    font-size: 1.25rem;
    pointer-events: none;
}

.clear-search-btn[b-81d4p4qus8] {
    position: absolute !important;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.view-toggle[b-81d4p4qus8] {
    display: flex;
    gap: 0.25rem;
    background: #f8f9fa;
    padding: 0.25rem;
    border-radius: 8px;
}

.stats-bar[b-81d4p4qus8] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    flex-wrap: wrap;
}

.stat-item-inline[b-81d4p4qus8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #2c3e50;
    font-weight: 500;
}

.search-result[b-81d4p4qus8] {
    color: #f57c00;
}

.empty-state[b-81d4p4qus8] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-icon[b-81d4p4qus8] {
    margin-bottom: 1.5rem;
}

.empty-title[b-81d4p4qus8] {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.empty-subtitle[b-81d4p4qus8] {
    display: block;
    font-size: 1rem;
    color: #7f8c8d;
}

@media (max-width: 768px) {
    .documents-grid-modern[b-81d4p4qus8] {
        grid-template-columns: 1fr;
    }

    .search-box-modern[b-81d4p4qus8] {
        width: 100%;
    }

    .document-row-modern[b-81d4p4qus8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .row-actions[b-81d4p4qus8] {
        width: 100%;
        justify-content: flex-end;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Documente_New.razor.rz.scp.css */
.modern-page-container[b-d98q0ko3hj] {
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header-modern[b-d98q0ko3hj] {
    background: linear-gradient(135deg, #034B47 0%, #056862 50%, #078177 100%);
    padding: 2rem 2rem 3rem;
    box-shadow: 0 4px 20px rgba(3, 75, 71, 0.2);
    margin-bottom: 2rem;
    position: relative;
}

    .page-header-modern[b-d98q0ko3hj]::after {
        content: '';
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 4px;
        background: linear-gradient(90deg, #078177 0%, #034B47 100%);
        border-radius: 2px;
    }

.header-content[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
}

.header-icon-wrapper[b-d98q0ko3hj] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.page-title-modern[b-d98q0ko3hj] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}

.breadcrumb-modern[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.85);
}

    .breadcrumb-modern .active[b-d98q0ko3hj] {
        font-weight: 600;
        color: #fff;
    }

.content-wrapper[b-d98q0ko3hj] {
/*    max-width: 1600px;
    margin: 0 auto;*/
}

/* Toolbar */
.toolbar-card[b-d98q0ko3hj] {
    margin-bottom: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.toolbar-left[b-d98q0ko3hj] {
    flex: 1;
}

.search-box-modern[b-d98q0ko3hj] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-icon[b-d98q0ko3hj] {
    position: absolute;
    left: 12px;
    color: #999;
    pointer-events: none;
}

.search-input[b-d98q0ko3hj] {
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
}

.clear-search-btn[b-d98q0ko3hj] {
    position: absolute;
    right: 8px;
}

/* User Selector Button */
.user-selector-button[b-d98q0ko3hj] {
    min-width: 250px;
    padding: 0.625rem 1.25rem !important;
    border-radius: 12px !important;
    border: 2px solid #034B47 !important;
    transition: all 0.3s ease !important;
}

    .user-selector-button:hover[b-d98q0ko3hj] {
        background: #034B47 !important;
        color: white !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(3, 75, 71, 0.25) !important;
    }

        .user-selector-button:hover .rz-button-icon-left[b-d98q0ko3hj] {
            color: white !important;
        }

.upload-zone-compact[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #e0f2f1 0%, #f0f8f7 100%);
    border: 2px dashed #80cbc4;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .upload-zone-compact:hover[b-d98q0ko3hj] {
        border-color: #034B47;
        background: #b2dfdb;
    }

.upload-zone-hover[b-d98q0ko3hj] {
    border-color: #034B47 !important;
    background: #80cbc4 !important;
    transform: scale(1.02);
}

.upload-icon-small[b-d98q0ko3hj] {
    font-size: 1.25rem;
    color: #034B47;
}

.upload-text-small[b-d98q0ko3hj] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #034B47;
}

.view-toggle[b-d98q0ko3hj] {
    display: flex;
    gap: 0.25rem;
    background: #f0f0f0;
    padding: 0.25rem;
    border-radius: 8px;
}

/* Stats Bar */
.stats-bar[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-d98q0ko3hj] {
        color: #f57c00;
        font-weight: 600;
    }

/* Content Card */
.content-card[b-d98q0ko3hj] {
    border-radius: 16px;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);*/
    min-height: 400px;
    margin-top: 20px;
}

/* Loading & Empty States */
.loading-state[b-d98q0ko3hj], .empty-state[b-d98q0ko3hj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
}

.loading-text[b-d98q0ko3hj] {
    font-size: 1rem;
    color: #666;
}

.empty-icon[b-d98q0ko3hj] {
    width: 100px;
    height: 100px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-d98q0ko3hj] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-d98q0ko3hj] {
    font-size: 1rem;
    color: #999;
    text-align: center;
    max-width: 400px;
}

/* Grid View */
.documents-grid-view[b-d98q0ko3hj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}

.document-card-grid[b-d98q0ko3hj] {
    position: relative;
    border-radius: 16px;
    border: 2px solid #e0e0e0;
    transition: all 0.2s ease;
    overflow: visible;
    background: #FFFFFF;
}

    .document-card-grid:hover[b-d98q0ko3hj] {
        border-color: #034B47;
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

.delete-btn-wrapper[b-d98q0ko3hj] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
}

.doc-card-actions[b-d98q0ko3hj] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.document-card-grid:hover .doc-card-actions[b-d98q0ko3hj] {
    opacity: 1;
}

.delete-btn-card[b-d98q0ko3hj] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

.doc-card-content[b-d98q0ko3hj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    gap: 1rem;
    padding: 1.5rem 1rem;
}

.doc-icon-large[b-d98q0ko3hj] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doc-card-info[b-d98q0ko3hj] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    width: 100%;
}

.doc-card-name[b-d98q0ko3hj] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-card-size[b-d98q0ko3hj] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
}

.doc-card-date[b-d98q0ko3hj] {
    font-size: 0.75rem;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

/* List View */
.documents-list-view[b-d98q0ko3hj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.document-item-list[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 12px;
    transition: all 0.2s ease;
    border: 2px solid #e0e0e0;
}

    .document-item-list:hover[b-d98q0ko3hj] {
        border-color: #034B47;
        background: #e9ecef;
        transform: translateX(4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

.doc-item-main[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    cursor: pointer;
    min-width: 0;
}

.doc-icon-wrapper-list[b-d98q0ko3hj] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.doc-item-info[b-d98q0ko3hj] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    flex: 1;
    min-width: 0;
}

.doc-item-name[b-d98q0ko3hj] {
    font-weight: 600;
    font-size: 0.938rem;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-item-meta[b-d98q0ko3hj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.813rem;
    color: #666;
}

.meta-separator[b-d98q0ko3hj] {
    color: #ccc;
}

/* Responsive */
@media (max-width: 991px) {
    .page-header-modern[b-d98q0ko3hj] {
        padding: 1.5rem 1rem 2rem;
    }

    .content-wrapper[b-d98q0ko3hj] {
        padding: 0 1rem 1rem;
    }

    .toolbar-left[b-d98q0ko3hj] {
        width: 100%;
    }

    .search-box-modern[b-d98q0ko3hj] {
        min-width: 100%;
    }

    .documents-grid-view[b-d98q0ko3hj] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}

@media (max-width: 767px) {
    .stats-bar[b-d98q0ko3hj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .documents-grid-view[b-d98q0ko3hj] {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 1rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/DocumentViewer.razor.rz.scp.css */
.document-viewer-container[b-yv1exaafa0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #f8f9fa;
}

.viewer-header[b-yv1exaafa0] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 1rem 1.5rem;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px 8px 0 0;
}

.viewer-content[b-yv1exaafa0] {
    flex: 1;
    padding: 1.5rem;
    overflow: auto;
    background: white;
    margin: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.viewer-footer[b-yv1exaafa0] {
    /*padding: 1rem 1.5rem;*/
    background: white;
    border-top: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.action-button[b-yv1exaafa0] {
    transition: all 0.3s ease;
}

    .action-button:hover[b-yv1exaafa0] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.file-info-badge[b-yv1exaafa0] {
    background: rgba(255,255,255,0.2);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    backdrop-filter: blur(10px);
}

.image-viewer-wrapper[b-yv1exaafa0] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.no-document-alert[b-yv1exaafa0] {
    text-align: center;
    padding: 3rem;
}

.no-document-icon[b-yv1exaafa0] {
    font-size: 64px;
    color: #ffc107;
    margin-bottom: 1rem;
}

.download-preview[b-yv1exaafa0] {
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
}

/* Butoane moderne */
.btn[b-yv1exaafa0] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    width: 120px !important;
}

    .btn:hover:not(:disabled)[b-yv1exaafa0] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-yv1exaafa0] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/FeedbackMLDashboardContent.razor.rz.scp.css */
.feedback-ml-dashboard[b-7qhkxaolko] {
    min-height: 400px;
}

.model-status-card[b-7qhkxaolko] {
    border-left: 4px solid var(--bs-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.model-item[b-7qhkxaolko] {
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.analysis-result-card[b-7qhkxaolko] {
    padding: 1.25rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.sentiment-badge[b-7qhkxaolko] {
    display: flex;
    align-items: center;
}

.sentiment-scores .score-bar[b-7qhkxaolko] {
    display: grid;
    grid-template-columns: 80px 1fr 60px;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.sentiment-scores .score-bar .progress[b-7qhkxaolko] {
    height: 20px;
}

.sentiment-scores .score-bar span[b-7qhkxaolko] {
    font-size: 0.875rem;
    font-weight: 500;
}

.sentiment-scores .score-bar small[b-7qhkxaolko] {
    text-align: right;
    font-weight: 600;
}
/* _content/Portal.Client/Components/Pages/Panels/Organigrama/FunctionDetailsDialog.razor.rz.scp.css */
/* ========================================
   Modern Function Details Dialog Styles
   Two Column Layout with Purple Theme
   ======================================== */

:root[b-g9c38rzl7t] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --border-radius: 16px;
}

/* Dialog Header */
.dialog-header[b-g9c38rzl7t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 2.5rem;
    background: var(--primary-gradient);
    color: white;
    position: relative;
    overflow: hidden;
}

    .dialog-header[b-g9c38rzl7t]::before {
        content: "";
        position: absolute;
        top: -50%;
        right: -10%;
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
        border-radius: 50%;
    }

    .dialog-header h4[b-g9c38rzl7t] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 700;
        letter-spacing: -0.5px;
        position: relative;
        z-index: 1;
    }

.manager-indicator[b-g9c38rzl7t] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

    .manager-indicator[b-g9c38rzl7t]::before {
        content: "⚡";
        font-size: 1.1rem;
        animation: glow-b-g9c38rzl7t 2s ease-in-out infinite;
    }

@keyframes glow-b-g9c38rzl7t {
    0%, 100% {
        opacity: 1;
        filter: brightness(1);
    }

    50% {
        opacity: 0.8;
        filter: brightness(1.3);
    }
}

/* Main Container - Two Column Layout */
.function-details-enhanced[b-g9c38rzl7t] {
    /*padding: 2.5rem;*/
    /*max-width: 1400px;*/
    margin: 0 auto;
    /*background: #f8fafc;*/
}

/* Function Info Section */
.function-info-section[b-g9c38rzl7t] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .function-info-section > h4[b-g9c38rzl7t] {
        font-size: 2.25rem;
        font-weight: 800;
        background: var(--primary-gradient);
        background-clip: text;
        margin: 0;
        padding: 0.5rem 0;
        letter-spacing: -1px;
        text-align: left;
    }

/* Info Tabs */
.info-tabs[b-g9c38rzl7t] {
    width: 100%;
}

.tab-content[b-g9c38rzl7t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

/* Info Groups - Full Width Cards in Two Columns */
.info-group[b-g9c38rzl7t] {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    border: 1px solid rgba(102, 126, 234, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    height: fit-content;
}

    .info-group[b-g9c38rzl7t]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: var(--primary-gradient);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .info-group:hover[b-g9c38rzl7t] {
        transform: translateX(4px);
        box-shadow: var(--card-shadow-hover);
        border-color: rgba(102, 126, 234, 0.3);
    }

        .info-group:hover[b-g9c38rzl7t]::before {
            opacity: 1;
        }

    .info-group h5[b-g9c38rzl7t] {
        margin: 0 0 1.5rem 0;
        font-size: 1.25rem;
        font-weight: 700;
        color: #1e293b;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        letter-spacing: -0.3px;
    }

        .info-group h5[b-g9c38rzl7t]::before {
            content: "";
            width: 8px;
            height: 8px;
            background: var(--primary-gradient);
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);
        }

    /* Left Column - Statistics Card */
    .info-group:first-of-type[b-g9c38rzl7t] {
        grid-column: 1;
    }

    /* Right Column - Users Card */
    .info-group:last-of-type[b-g9c38rzl7t] {
        grid-column: 2;
    }

/* Info Grid - Statistics */
.info-grid[b-g9c38rzl7t] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.info-item[b-g9c38rzl7t] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}

    .info-item[b-g9c38rzl7t]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--primary-gradient);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .info-item:hover[b-g9c38rzl7t] {
        background: white;
        border-color: rgba(102, 126, 234, 0.2);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
    }

        .info-item:hover[b-g9c38rzl7t]::before {
            transform: scaleX(1);
        }

    .info-item strong[b-g9c38rzl7t] {
        font-size: 0.75rem;
        font-weight: 700;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }

    .info-item span[b-g9c38rzl7t] {
        font-size: 1.5rem;
        color: #1e293b;
        font-weight: 700;
    }

/* Status Classes */
.active[b-g9c38rzl7t] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.875rem;
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #065f46;
    border-radius: 20px;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    border: 1px solid #6ee7b7;
}

    .active[b-g9c38rzl7t]::before {
        content: "●";
        color: #10b981;
        font-size: 1rem;
        animation: pulse-status-b-g9c38rzl7t 2s ease-in-out infinite;
    }

.partial[b-g9c38rzl7t] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.875rem;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e;
    border-radius: 20px;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    border: 1px solid #fbbf24;
}

    .partial[b-g9c38rzl7t]::before {
        content: "◐";
        color: #f59e0b;
        font-size: 1rem;
    }

.inactive[b-g9c38rzl7t] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.875rem;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    color: #475569;
    border-radius: 20px;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    border: 1px solid #cbd5e1;
}

    .inactive[b-g9c38rzl7t]::before {
        content: "○";
        color: #94a3b8;
        font-size: 1rem;
    }

@keyframes pulse-status-b-g9c38rzl7t {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

/* Users Grid */
.users-grid[b-g9c38rzl7t] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.user-card[b-g9c38rzl7t] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .user-card[b-g9c38rzl7t]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: var(--primary-gradient);
        transform: scaleY(0);
        transition: transform 0.3s ease;
    }

    .user-card:hover[b-g9c38rzl7t] {
        background: #fafbff;
        border-color: #667eea;
        transform: translateX(8px);
        box-shadow: 0 4px 20px rgba(102, 126, 234, 0.2);
    }

        .user-card:hover[b-g9c38rzl7t]::before {
            transform: scaleY(1);
        }

    .user-card:active[b-g9c38rzl7t] {
        transform: translateX(6px) scale(0.98);
    }

.mini-avatar[b-g9c38rzl7t] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e2e8f0;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.user-card:hover .mini-avatar[b-g9c38rzl7t] {
    border-color: #667eea;
    transform: scale(1.1);
}

.user-info[b-g9c38rzl7t] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}

.user-name[b-g9c38rzl7t] {
    font-weight: 700;
    color: #1e293b;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role[b-g9c38rzl7t] {
    font-size: 0.875rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manager-tag[b-g9c38rzl7t] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    background: linear-gradient(135deg, #ddd6fe 0%, #c4b5fd 100%);
    color: #5b21b6;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
    border: 1px solid #a78bfa;
}

    .manager-tag[b-g9c38rzl7t]::before {
        content: "★";
        font-size: 0.75rem;
    }

/* More Users */
.more-users[b-g9c38rzl7t] {
    text-align: center;
    padding: 1rem;
    background: white;
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    color: #64748b;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-top: 0.5rem;
}

    .more-users:hover[b-g9c38rzl7t] {
        border-color: #667eea;
        color: #667eea;
        background: #f8fafc;
    }

/* No Users State */
.no-users[b-g9c38rzl7t] {
    text-align: center;
    padding: 3rem 2rem;
    color: #64748b;
    font-size: 1rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    border: 2px dashed #cbd5e1;
}

    .no-users[b-g9c38rzl7t]::before {
        content: "👥";
        display: block;
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }

/* Responsive Design */
@media (max-width: 1200px) {
    .tab-content[b-g9c38rzl7t] {
        grid-template-columns: 1fr;
    }

    .info-group:first-of-type[b-g9c38rzl7t],
    .info-group:last-of-type[b-g9c38rzl7t] {
        grid-column: 1;
    }

    .function-info-section > h4[b-g9c38rzl7t] {
        text-align: center;
    }

    .function-details-enhanced[b-g9c38rzl7t] {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    .function-details-enhanced[b-g9c38rzl7t] {
        padding: 1.5rem;
    }

    .function-info-section > h4[b-g9c38rzl7t] {
        font-size: 1.875rem;
    }

    .info-grid[b-g9c38rzl7t] {
        grid-template-columns: 1fr;
    }

    .info-item span[b-g9c38rzl7t] {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .function-info-section > h4[b-g9c38rzl7t] {
        font-size: 1.5rem;
    }

    .dialog-header[b-g9c38rzl7t] {
        padding: 1.5rem;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .manager-indicator[b-g9c38rzl7t] {
        width: 100%;
        justify-content: center;
    }
}

/* Animations */
@keyframes slideInUp-b-g9c38rzl7t {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.function-info-section > h4[b-g9c38rzl7t] {
    animation: slideInUp-b-g9c38rzl7t 0.5s ease backwards;
    animation-delay: 0s;
}

.info-group[b-g9c38rzl7t] {
    animation: slideInUp-b-g9c38rzl7t 0.5s ease backwards;
}

    .info-group:first-of-type[b-g9c38rzl7t] {
        animation-delay: 0.1s;
    }

    .info-group:last-of-type[b-g9c38rzl7t] {
        animation-delay: 0.2s;
    }

.user-card[b-g9c38rzl7t] {
    animation: slideInUp-b-g9c38rzl7t 0.4s ease backwards;
}

    .user-card:nth-child(1)[b-g9c38rzl7t] {
        animation-delay: 0.05s;
    }

    .user-card:nth-child(2)[b-g9c38rzl7t] {
        animation-delay: 0.1s;
    }

    .user-card:nth-child(3)[b-g9c38rzl7t] {
        animation-delay: 0.15s;
    }

    .user-card:nth-child(4)[b-g9c38rzl7t] {
        animation-delay: 0.2s;
    }

    .user-card:nth-child(5)[b-g9c38rzl7t] {
        animation-delay: 0.25s;
    }

    .user-card:nth-child(6)[b-g9c38rzl7t] {
        animation-delay: 0.3s;
    }

    .user-card:nth-child(7)[b-g9c38rzl7t] {
        animation-delay: 0.35s;
    }

    .user-card:nth-child(8)[b-g9c38rzl7t] {
        animation-delay: 0.4s;
    }

    .user-card:nth-child(9)[b-g9c38rzl7t] {
        animation-delay: 0.45s;
    }

    .user-card:nth-child(10)[b-g9c38rzl7t] {
        animation-delay: 0.5s;
    }

    .user-card:nth-child(11)[b-g9c38rzl7t] {
        animation-delay: 0.55s;
    }

    .user-card:nth-child(12)[b-g9c38rzl7t] {
        animation-delay: 0.6s;
    }

/* Scrollbar Styling */
.function-details-enhanced[b-g9c38rzl7t]::-webkit-scrollbar {
    width: 8px;
}

.function-details-enhanced[b-g9c38rzl7t]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.function-details-enhanced[b-g9c38rzl7t]::-webkit-scrollbar-thumb {
    background: var(--primary-gradient);
    border-radius: 4px;
}

    .function-details-enhanced[b-g9c38rzl7t]::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%);
    }
/* _content/Portal.Client/Components/Pages/Panels/Organigrama/LiveOrgChart.razor.rz.scp.css */
/* Live Org Chart Container */
.live-org-container[b-z2cwhn4dun] {
    height: 100%;
    /* Changed from fixed calc */
    display: flex;
    flex-direction: column;
    background: white;
    overflow: hidden;
    position: relative;
}

/* Live Pulse Indicator in Title */
.live-pulse-indicator[b-z2cwhn4dun] {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #10b981;
    border-radius: 50%;
    margin-left: 8px;
    animation: pulse-b-z2cwhn4dun 2s ease-in-out infinite;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
}

@keyframes pulse-b-z2cwhn4dun {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
    }
}

/* Stat Cards - Compact Design */
.stat-card-compact[b-z2cwhn4dun] {
    transition: all 0.2s ease;
}

.stat-card-compact:hover[b-z2cwhn4dun] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.stat-icon-mini[b-z2cwhn4dun] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.stat-icon-mini.available[b-z2cwhn4dun] {
    background: #d1fae5;
    color: #10b981;
}

.stat-icon-mini.vacation[b-z2cwhn4dun] {
    background: #dbeafe;
    color: #3b82f6;
}

.stat-icon-mini.overloaded[b-z2cwhn4dun] {
    background: #fee2e2;
    color: #ef4444;
}

.stat-icon-mini.tasks[b-z2cwhn4dun] {
    background: #e0e7ff;
    color: #6366f1;
}

.stat-label-sm[b-z2cwhn4dun] {
    font-size: 10px;
    color: #6b7280;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 3px;
}

.stat-value-sm[b-z2cwhn4dun] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    line-height: 1;
}

.stat-percent[b-z2cwhn4dun] {
    font-size: 12px;
    color: #6b7280;
    font-weight: 500;
}

.stat-meta-sm[b-z2cwhn4dun] {
    font-size: 10px;
    color: #9ca3af;
    font-weight: 400;
}

/* Toolbar Card */
.toolbar-card[b-z2cwhn4dun] {
    background: white;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.search-section[b-z2cwhn4dun] {
    position: relative;
    max-width: 400px;
    width: 100%;
}

.search-section i[b-z2cwhn4dun] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 1.1rem;
    z-index: 2;
}

.search-input[b-z2cwhn4dun] {
    width: 100%;
    padding: 10px 12px 10px 40px;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 14px;
    transition: all 0.2s ease;
}

.search-input:focus[b-z2cwhn4dun] {
    background: white;
    border-color: #034B47;
    box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    outline: none;
}

.action-btn-primary[b-z2cwhn4dun] {
    background-color: #034B47;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.action-btn-primary:hover[b-z2cwhn4dun] {
    background-color: #023632;
}

/* Filter Card */
.filter-card[b-z2cwhn4dun] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.filter-info[b-z2cwhn4dun] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #034B47;
    border-right: 1px solid #f3f4f6;
    padding-right: 1.5rem;
}

.filter-title[b-z2cwhn4dun] {
    font-weight: 600;
    font-size: 1rem;
}

/* Stats Pills (Copied & Adapted from TaskStatsPills) */
.stats-pills-wrapper[b-z2cwhn4dun] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.stats-pill[b-z2cwhn4dun] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.stats-pill:hover[b-z2cwhn4dun] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #034B47;
}

.stats-pill.active[b-z2cwhn4dun] {
    border-color: #034B47;
    background: linear-gradient(135deg, rgba(3, 75, 71, 0.05) 0%, #fff 100%);
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.15);
}

.pill-icon[b-z2cwhn4dun] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.stats-pill:hover .pill-icon[b-z2cwhn4dun] {
    transform: scale(1.1);
}

.pill-content[b-z2cwhn4dun] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.pill-value[b-z2cwhn4dun] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;
}

.pill-label[b-z2cwhn4dun] {
    font-size: 0.813rem;
    color: #666;
    font-weight: 500;
    white-space: nowrap;
}


/* Diagram Container */
.live-diagram-container[b-z2cwhn4dun] {
    flex: 1;
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

/* Loading & Empty States */
.loading-state[b-z2cwhn4dun],
.empty-state[b-z2cwhn4dun] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #6b7280;
}

.spinner[b-z2cwhn4dun] {
    width: 48px;
    height: 48px;
    border: 4px solid #f3f4f6;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-z2cwhn4dun 1s linear infinite;
    margin: 0 auto 16px;
}

@keyframes spin-b-z2cwhn4dun {
    to {
        transform: rotate(360deg);
    }
}

.empty-state i[b-z2cwhn4dun] {
    font-size: 64px;
    color: #d1d5db;
    display: block;
    margin-bottom: 16px;
}

/* ===========================
   CARD STYLES (matching OrgLocMunca)
   =========================== */

[b-z2cwhn4dun] .mini-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    width: 240px;
    min-height: 100px;
    padding: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    overflow: hidden;
    position: relative;
    gap: 10px;
}

[b-z2cwhn4dun] .mini-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(3, 75, 71, 0.15);
    border-color: #034B47;
}

[b-z2cwhn4dun] .mini-card.executive {
    background: #fff;
    color: #333;
    border: 3px solid #034B47;
    position: relative;
}

[b-z2cwhn4dun] .mini-card.executive::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #034B47;
}

[b-z2cwhn4dun] .mini-card.executive:hover {
    box-shadow: 0 8px 25px rgba(3, 75, 71, 0.2);
}

[b-z2cwhn4dun] .mini-card.manager {
    background: #fff;
    color: #333;
    border-left: 4px solid #056860;
    border-top: 2px solid #e0e0e0;
    border-right: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
}

[b-z2cwhn4dun] .mini-card.manager:hover {
    border-left: 4px solid #056860;
    border-top: 2px solid #056860;
    border-right: 2px solid #056860;
    border-bottom: 2px solid #056860;
}

[b-z2cwhn4dun] .mini-card.employee {
    background: #fff;
    color: #333;
    border: 2px solid #e0e0e0;
}

[b-z2cwhn4dun] .mini-card.employee:hover {
    border-color: #034B47;
}

/* Overloaded card - special visual treatment */
[b-z2cwhn4dun] .mini-card.overloaded-card {
    border: 2px solid #ef4444 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fff5f5 100%);
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
}

[b-z2cwhn4dun] .mini-card.overloaded-card:hover {
    border-color: #dc2626 !important;
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.25), 0 0 0 2px rgba(239, 68, 68, 0.15);
}

[b-z2cwhn4dun] .mini-card-header {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    z-index: 10;
}

[b-z2cwhn4dun] .status-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

[b-z2cwhn4dun] .status-indicator.available {
    background-color: #4caf50;
}

[b-z2cwhn4dun] .status-indicator.busy {
    background-color: #ff9800;
}

[b-z2cwhn4dun] .status-indicator.overloaded {
    background-color: #f44336;
    animation: statusPulse-b-z2cwhn4dun 2s ease-in-out infinite;
}

@keyframes statusPulse-b-z2cwhn4dun {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

[b-z2cwhn4dun] .status-indicator.onvacation {
    background-color: #2196f3;
}

[b-z2cwhn4dun] .status-indicator.offline {
    background-color: #9e9e9e;
}

[b-z2cwhn4dun] .manager-badge {
    font-size: 14px;
}

[b-z2cwhn4dun] .overdue-badge {
    font-size: 12px;
    animation: warningPulse-b-z2cwhn4dun 1.5s ease-in-out infinite;
}

@keyframes warningPulse-b-z2cwhn4dun {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

[b-z2cwhn4dun] .mini-card-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
    padding: 0;
    width: 100%;
}

[b-z2cwhn4dun] .mini-card-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    overflow: hidden;
    flex-grow: 1;
    order: 2;
    min-width: 0;
    padding-right: 28px;
}

[b-z2cwhn4dun] .user-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

[b-z2cwhn4dun] .user-role {
    font-size: 11px;
    opacity: 0.8;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

[b-z2cwhn4dun] .user-department {
    font-size: 10px;
    opacity: 0.6;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

[b-z2cwhn4dun] .user-metrics {
    display: flex;
    gap: 6px;
    margin-top: 2px;
    flex-wrap: wrap;
}

[b-z2cwhn4dun] .metric {
    font-size: 9px;
    opacity: 0.8;
    background: rgba(3, 75, 71, 0.08);
    color: #034B47;
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
    border: 1px solid rgba(3, 75, 71, 0.15);
    transition: all 0.2s ease;
}

[b-z2cwhn4dun] .metric.clickable-metric {
    cursor: pointer;
}

[b-z2cwhn4dun] .metric.clickable-metric:hover {
    background: #034B47;
    color: white;
    transform: scale(1.05);
}

[b-z2cwhn4dun] .metric.load-metric {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    border-color: rgba(245, 158, 11, 0.2);
    font-weight: 600;
}

[b-z2cwhn4dun] .metric.load-metric.load-low {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.2);
}

[b-z2cwhn4dun] .metric.load-metric.load-normal {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    border-color: rgba(245, 158, 11, 0.2);
}

[b-z2cwhn4dun] .metric.load-metric.load-high {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.2);
}

[b-z2cwhn4dun] .metric.load-metric.load-critical {
    background: rgba(220, 38, 38, 0.15);
    color: #dc2626;
    border-color: rgba(220, 38, 38, 0.3);
    font-weight: 700;
    animation: loadPulse-b-z2cwhn4dun 2s ease-in-out infinite;
}

@keyframes loadPulse-b-z2cwhn4dun {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

[b-z2cwhn4dun] .mini-card-image {
    flex-shrink: 0;
    position: relative;
    order: 1;
}

[b-z2cwhn4dun] .profile-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #034B47;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

[b-z2cwhn4dun] .mini-card:hover .profile-image {
    transform: scale(1.05);
}

[b-z2cwhn4dun] .online-indicator {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    background: #4caf50;
    border: 2px solid white;
    border-radius: 50%;
}


/* Insights Panel - highest z-index, above everything */
.insights-panel[b-z2cwhn4dun] {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 320px;
    max-height: 80vh;
    background: white;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    border-radius: 12px 0 0 12px;
    padding: 20px;
    overflow-y: auto;
    z-index: 9999;
    animation: slideInRight-b-z2cwhn4dun 0.3s ease-out;
}

@keyframes slideInRight-b-z2cwhn4dun {
    from {
        transform: translateX(100%) translateY(-50%);
    }

    to {
        transform: translateX(0) translateY(-50%);
    }
}

.insights-close[b-z2cwhn4dun] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: #f3f4f6;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.insights-close:hover[b-z2cwhn4dun] {
    background: #e5e7eb;
}

.insights-header[b-z2cwhn4dun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f3f4f6;
}

.btn-close-insights[b-z2cwhn4dun] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-close-insights:hover[b-z2cwhn4dun] {
    background: rgba(239, 68, 68, 0.2);
    transform: scale(1.1);
}

.btn-close-insights i[b-z2cwhn4dun] {
    font-size: 14px;
}

.insights-header i[b-z2cwhn4dun] {
    font-size: 24px;
    color: #f59e0b;
}

.insights-header h5[b-z2cwhn4dun] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.insights-content[b-z2cwhn4dun] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.insight-group[b-z2cwhn4dun] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.group-title[b-z2cwhn4dun] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.insight-item-new[b-z2cwhn4dun] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.insight-item-new:hover[b-z2cwhn4dun] {
    background: #f3f4f6;
    transform: translateX(-2px);
}

.insight-group:has(.text-danger) .insight-item-new[b-z2cwhn4dun] {
    border-left-color: #ef4444;
}

.insight-group:has(.text-success) .insight-item-new[b-z2cwhn4dun] {
    border-left-color: #10b981;
}

.insight-user-header[b-z2cwhn4dun] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.insight-user-name[b-z2cwhn4dun] {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

.insight-metric[b-z2cwhn4dun] {
    font-size: 11px;
    color: #6b7280;
    display: flex;
    align-items: center;
}

.btn-action-sm[b-z2cwhn4dun] {
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: white;
}

.btn-action-sm.danger[b-z2cwhn4dun] {
    background: #ef4444;
}

.btn-action-sm.danger:hover[b-z2cwhn4dun] {
    background: #dc2626;
    transform: scale(1.02);
}

.btn-action-sm.success[b-z2cwhn4dun] {
    background: #10b981;
}

.btn-action-sm.success:hover[b-z2cwhn4dun] {
    background: #059669;
    transform: scale(1.02);
}

.insights-panel h4[b-z2cwhn4dun] {
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #111827;
}

.insight-section[b-z2cwhn4dun] {
    margin-bottom: 20px;
}

.insight-section h5[b-z2cwhn4dun] {
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    margin: 0 0 12px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.insight-item[b-z2cwhn4dun] {
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.insight-item.available[b-z2cwhn4dun] {
    background: #d1fae5;
    border-left: 3px solid #10b981;
}

.insight-item.overloaded[b-z2cwhn4dun] {
    background: #fee2e2;
    border-left: 3px solid #ef4444;
}

.insight-item strong[b-z2cwhn4dun] {
    font-size: 13px;
    color: #111827;
}

.insight-item span[b-z2cwhn4dun] {
    font-size: 12px;
    color: #6b7280;
}

.btn-assign[b-z2cwhn4dun],
.btn-help[b-z2cwhn4dun] {
    margin-top: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    border: none;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    align-self: flex-start;
}

.btn-assign[b-z2cwhn4dun] {
    background: #10b981;
    color: white;
}

.btn-assign:hover[b-z2cwhn4dun] {
    background: #059669;
}

.btn-help[b-z2cwhn4dun] {
    background: #ef4444;
    color: white;
}

.btn-help:hover[b-z2cwhn4dun] {
    background: #dc2626;
}

/* Insights Toggle Button Container - to the left of AiChatWidget */
.insights-toggle[b-z2cwhn4dun] {
    position: fixed;
    bottom: 24px;
    right: 100px;
    z-index: 1000;
}

/* Insights Toggle Button Styling */
.btn-toggle-insights[b-z2cwhn4dun] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    color: white;
    border: none;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
    cursor: pointer;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.btn-toggle-insights:hover[b-z2cwhn4dun] {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(251, 191, 36, 0.6);
}

.btn-toggle-insights:active[b-z2cwhn4dun] {
    transform: scale(0.95);
}

.btn-toggle-insights.active[b-z2cwhn4dun] {
    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
}

.btn-toggle-insights.btn-pulse[b-z2cwhn4dun] {
    animation: pulse-insight-b-z2cwhn4dun 2s infinite;
}

@keyframes pulse-insight-b-z2cwhn4dun {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(251, 191, 36, 0.4);
    }
    50% {
        box-shadow: 0 4px 20px rgba(239, 68, 68, 0.6);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .live-org-controls[b-z2cwhn4dun] {
        flex-direction: column;
        align-items: stretch;
        padding: 12px;
    }

    .filter-group[b-z2cwhn4dun] {
        min-width: 100%;
    }

    .insights-panel[b-z2cwhn4dun] {
        width: 100%;
        border-radius: 12px 12px 0 0;
        top: auto;
        bottom: 0;
        transform: none;
        max-height: 60vh;
    }

    .insights-toggle[b-z2cwhn4dun] {
        right: 80px;
        bottom: 20px;
    }

    .btn-toggle-insights[b-z2cwhn4dun] {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    [b-z2cwhn4dun] .live-node {
        border-radius: 6px;
    }

    [b-z2cwhn4dun] .node-name {
        font-size: 10px;
    }

    [b-z2cwhn4dun] .node-role {
        font-size: 8px;
    }
}

/* ===========================
   LEGEND STYLES
   =========================== */

.filter-header-row[b-z2cwhn4dun] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.legend-toggle[b-z2cwhn4dun] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(3, 75, 71, 0.05);
    color: #034B47;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.legend-toggle:hover[b-z2cwhn4dun] {
    background: rgba(3, 75, 71, 0.1);
    transform: translateY(-1px);
}

.legend-toggle i[b-z2cwhn4dun] {
    font-size: 14px;
}

.legend-section[b-z2cwhn4dun] {
    background: #f9fafb;
    border-radius: 8px;
    padding: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border: 1px solid #e5e7eb;
}

.legend-group[b-z2cwhn4dun] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 200px;
}

.legend-title[b-z2cwhn4dun] {
    font-size: 11px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.legend-items[b-z2cwhn4dun] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.legend-item[b-z2cwhn4dun] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #374151;
}

.legend-dot[b-z2cwhn4dun] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.legend-dot.available[b-z2cwhn4dun] {
    background-color: #4caf50;
}

.legend-dot.busy[b-z2cwhn4dun] {
    background-color: #ff9800;
}

.legend-dot.overloaded[b-z2cwhn4dun] {
    background-color: #f44336;
}

.legend-dot.onvacation[b-z2cwhn4dun] {
    background-color: #2196f3;
}

.legend-dot.offline[b-z2cwhn4dun] {
    background-color: #9e9e9e;
}

.legend-badge[b-z2cwhn4dun] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    border: 1px solid;
}

.legend-badge.load-low[b-z2cwhn4dun] {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border-color: rgba(16, 185, 129, 0.2);
}

.legend-badge.load-normal[b-z2cwhn4dun] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    border-color: rgba(245, 158, 11, 0.2);
}

.legend-badge.load-high[b-z2cwhn4dun] {
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.2);
}

.legend-badge.load-critical[b-z2cwhn4dun] {
    background: rgba(220, 38, 38, 0.15);
    color: #dc2626;
    border-color: rgba(220, 38, 38, 0.3);
}
/* _content/Portal.Client/Components/Pages/Panels/Organigrama/OrganigramaStructuraSpital.razor.rz.scp.css */
/* Structure Card Styles - Border Left Design like OrgLocMunca */
.structure-card[b-ze9on1tzjc] {
    padding: 0.875rem;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    border: 2px solid #e0e0e0;
    position: relative;
    overflow: visible;
    min-height: 120px;
    height: auto;
}

    .structure-card:hover[b-ze9on1tzjc] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(3, 75, 71, 0.15);
        border-color: #034B47;
    }

    /* Main structure (no parent) - Border top + left */
    .structure-card.main-structure[b-ze9on1tzjc] {
        background: #fff;
        color: #333;
        border: 3px solid #034B47;
        position: relative;
    }

        .structure-card.main-structure[b-ze9on1tzjc]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: #034B47;
        }

        .structure-card.main-structure:hover[b-ze9on1tzjc] {
            box-shadow: 0 8px 25px rgba(3, 75, 71, 0.2);
        }

        .structure-card.main-structure .structure-name[b-ze9on1tzjc] {
            color: #333;
            font-weight: 700;
        }

        .structure-card.main-structure .structure-compartment[b-ze9on1tzjc],
        .structure-card.main-structure .structure-coordinator[b-ze9on1tzjc],
        .structure-card.main-structure .structure-function[b-ze9on1tzjc] {
            color: #666;
        }

        .structure-card.main-structure .structure-icon[b-ze9on1tzjc] {
            background: rgba(3, 75, 71, 0.1);
        }

            .structure-card.main-structure .structure-icon i[b-ze9on1tzjc] {
                color: #034B47;
            }

        .structure-card.main-structure .position-badge[b-ze9on1tzjc] {
            background: rgba(3, 75, 71, 0.1);
            color: #034B47;
            border: 1px solid #034B47;
        }

        .structure-card.main-structure .subordinates-badge[b-ze9on1tzjc] {
            background: rgba(3, 75, 71, 0.1);
            color: #034B47;
            border: 1px solid #034B47;
        }

    /* Intermediate structure (has parent and children) - Border left colored */
    .structure-card.intermediate-structure[b-ze9on1tzjc] {
        background: #fff;
        color: #333;
        border-left: 4px solid #764ba2;
        border-top: 2px solid #e0e0e0;
        border-right: 2px solid #e0e0e0;
        border-bottom: 2px solid #e0e0e0;
    }

        .structure-card.intermediate-structure:hover[b-ze9on1tzjc] {
            border-left: 4px solid #764ba2;
            border-top: 2px solid #764ba2;
            border-right: 2px solid #764ba2;
            border-bottom: 2px solid #764ba2;
        }

        .structure-card.intermediate-structure .structure-name[b-ze9on1tzjc] {
            color: #333;
            font-weight: 600;
        }

        .structure-card.intermediate-structure .structure-compartment[b-ze9on1tzjc],
        .structure-card.intermediate-structure .structure-coordinator[b-ze9on1tzjc],
        .structure-card.intermediate-structure .structure-function[b-ze9on1tzjc] {
            color: #666;
        }

        .structure-card.intermediate-structure .structure-icon[b-ze9on1tzjc] {
            background: rgba(118, 75, 162, 0.1);
        }

            .structure-card.intermediate-structure .structure-icon i[b-ze9on1tzjc] {
                color: #764ba2;
            }

        .structure-card.intermediate-structure .position-badge[b-ze9on1tzjc] {
            background: rgba(118, 75, 162, 0.1);
            color: #764ba2;
            border: 1px solid #764ba2;
        }

        .structure-card.intermediate-structure .subordinates-badge[b-ze9on1tzjc] {
            background: rgba(118, 75, 162, 0.1);
            color: #764ba2;
            border: 1px solid #764ba2;
        }

    /* Subordinate structure (has parent, no children) - Standard border */
    .structure-card.subordinate[b-ze9on1tzjc] {
        background: #fff;
        color: #333;
        border: 2px solid #e0e0e0;
    }

        .structure-card.subordinate:hover[b-ze9on1tzjc] {
            border-color: #034B47;
            background: #fafbfc;
        }

        .structure-card.subordinate .position-badge[b-ze9on1tzjc] {
            background: rgba(3, 75, 71, 0.08);
            color: #034B47;
            border: 1px solid rgba(3, 75, 71, 0.15);
        }

        .structure-card.subordinate .subordinates-badge[b-ze9on1tzjc] {
            background: rgba(240, 147, 251, 0.15);
            color: #f5576c;
            border: 1px solid #f5576c;
        }

/* Mini Card Header */
.mini-card-header[b-ze9on1tzjc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.375rem;
}

.position-badge[b-ze9on1tzjc] {
    background: rgba(3, 75, 71, 0.08);
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    border: 1px solid rgba(3, 75, 71, 0.15);
}

.subordinates-badge[b-ze9on1tzjc] {
    background: rgba(3, 75, 71, 0.08);
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    border: 1px solid rgba(3, 75, 71, 0.15);
}

    .subordinates-badge i[b-ze9on1tzjc] {
        font-size: 0.75rem;
    }

/* Mini Card Content - horizontal layout */
.mini-card-content[b-ze9on1tzjc] {
    display: flex;
    gap: 0.625rem;
    align-items: center;
    justify-content: space-between;
}

.mini-card-text[b-ze9on1tzjc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    padding-right: 1rem;
}

.structure-icon[b-ze9on1tzjc] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(3, 75, 71, 0.1);
    order: 2;
}

    .structure-icon i[b-ze9on1tzjc] {
        font-size: 1.25rem;
        color: #034B47;
    }

.structure-name[b-ze9on1tzjc] {
    font-size: 0.813rem;
    font-weight: 700;
    color: #333;
    line-height: 1.3;
    margin: 0;
    overflow: visible;
    text-overflow: unset;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    max-height: 8.1rem;
}

.structure-workplace[b-ze9on1tzjc],
.structure-coordinator[b-ze9on1tzjc],
.structure-function[b-ze9on1tzjc] {
    font-size: 0.688rem;
    color: #666;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0.8;
}

    .structure-workplace i[b-ze9on1tzjc],
    .structure-coordinator i[b-ze9on1tzjc],
    .structure-function i[b-ze9on1tzjc] {
        font-size: 0.75rem;
        flex-shrink: 0;
    }

/* Status indicator */
.status-indicator[b-ze9on1tzjc] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #34c759;
    border: 2px solid white;
    position: absolute;
    top: 0.375rem;
    left: 0.375rem;
}

/* Highlighted state */
.structure-card.highlighted[b-ze9on1tzjc] {
    background: rgba(3, 75, 71, 0.1) !important;
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);
    animation: pulse-highlight-b-ze9on1tzjc 2s infinite;
}

@keyframes pulse-highlight-b-ze9on1tzjc {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.3);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.5);
    }
}

.structure-card.highlighted-attention[b-ze9on1tzjc] {
    background: rgba(255, 217, 61, 0.15) !important;
    animation: flash-attention-b-ze9on1tzjc 1s ease-in-out;
}

@keyframes flash-attention-b-ze9on1tzjc {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.03);
        box-shadow: 0 8px 24px rgba(245, 158, 11, 0.4);
    }
}

/* Diagram Container */
.diagram-header[b-ze9on1tzjc] {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.org-stats[b-ze9on1tzjc] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.stat-item[b-ze9on1tzjc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stat-number[b-ze9on1tzjc] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #034B47;
    line-height: 1;
}

.stat-label[b-ze9on1tzjc] {
    font-size: 0.75rem;
    color: #7f8c8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.diagram-controls[b-ze9on1tzjc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.search-container[b-ze9on1tzjc] {
    display: flex;
    gap: 1rem;
    flex: 1;
    max-width: 600px;
}

.action-buttons[b-ze9on1tzjc] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

    .action-buttons .rz-button[b-ze9on1tzjc] {
        font-size: 0.875rem;
        font-weight: 500;
    }

.content-wrapper[b-ze9on1tzjc] {
    height: 70vh;
    min-height: 500px;
    background: #f8f9fa;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.loading-container[b-ze9on1tzjc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: #7f8c8d;
}

    .loading-container p[b-ze9on1tzjc] {
        font-size: 1.125rem;
        margin: 0;
    }

/* Print & Export Styles */
@media print {
    .structure-card[b-ze9on1tzjc] {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .structure-name[b-ze9on1tzjc] {
        overflow: visible !important;
        white-space: normal !important;
        -webkit-line-clamp: unset !important;
        max-height: none !important;
    }

    .diagram-header[b-ze9on1tzjc],
    .action-buttons[b-ze9on1tzjc],
    .search-container[b-ze9on1tzjc] {
        display: none !important;
    }

    .content-wrapper[b-ze9on1tzjc] {
        height: auto !important;
        min-height: auto !important;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .org-stats[b-ze9on1tzjc] {
        flex-direction: column;
        gap: 1rem;
    }

    .diagram-controls[b-ze9on1tzjc] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-container[b-ze9on1tzjc] {
        flex-direction: column;
        max-width: 100%;
    }

    .action-buttons[b-ze9on1tzjc] {
        justify-content: center;
    }

    .structure-card[b-ze9on1tzjc] {
        padding: 0.75rem;
        min-height: 110px;
    }

    .structure-icon[b-ze9on1tzjc] {
        width: 35px;
        height: 35px;
    }

        .structure-icon i[b-ze9on1tzjc] {
            font-size: 1.125rem;
        }

    .structure-name[b-ze9on1tzjc] {
        font-size: 0.75rem;
    }

    .structure-workplace[b-ze9on1tzjc],
    .structure-coordinator[b-ze9on1tzjc],
    .structure-function[b-ze9on1tzjc] {
        font-size: 0.625rem;
    }
}

/* Loading Styles */
.loading-container[b-ze9on1tzjc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 20px;
}

.loading-spinner[b-ze9on1tzjc] {
    width: 60px;
    height: 60px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #034B47;
    border-radius: 50%;
    animation: spin-b-ze9on1tzjc 1s linear infinite;
}

@keyframes spin-b-ze9on1tzjc {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-text[b-ze9on1tzjc] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #034B47;
    margin: 0;
}

.loading-subtext[b-ze9on1tzjc] {
    font-size: 0.95rem;
    color: #666;
    margin: 0;
    font-style: italic;
}

.loading-progress-bar[b-ze9on1tzjc] {
    width: 300px;
    height: 8px;
    background: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.loading-progress-fill[b-ze9on1tzjc] {
    height: 100%;
    background: linear-gradient(90deg, #034B47 0%, #02867D 100%);
    border-radius: 10px;
    transition: width 0.5s ease;
    position: relative;
    animation: shimmer-b-ze9on1tzjc 2s infinite;
}

@keyframes shimmer-b-ze9on1tzjc {
    0% {
        background-position: -300px 0;
    }

    100% {
        background-position: 300px 0;
    }
}

.loading-progress-fill[b-ze9on1tzjc]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.3), transparent );
    animation: shimmerMove-b-ze9on1tzjc 2s infinite;
}

@keyframes shimmerMove-b-ze9on1tzjc {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* Fullscreen Dialog Styles */
.fullscreen-organigrama-dialog[b-ze9on1tzjc] {
    padding: 0 !important;
}

    .fullscreen-organigrama-dialog .e-dlg-content[b-ze9on1tzjc] {
        padding: 0 !important;
        overflow: hidden !important;
        height: calc(100vh - 60px) !important;
    }

    .fullscreen-organigrama-dialog .e-dlg-header-content[b-ze9on1tzjc] {
        padding: 0 !important;
        background: transparent;
        border: none;
    }

.fullscreen-dialog-header[b-ze9on1tzjc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 20px;
    background: #f8f9fa;
    border-bottom: 2px solid #034B47;
}

    .fullscreen-dialog-header h4[b-ze9on1tzjc] {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #034B47;
    }

.fullscreen-controls[b-ze9on1tzjc] {
    display: flex;
    gap: 10px;
}

    .fullscreen-controls .rz-button[b-ze9on1tzjc] {
        font-size: 0.875rem;
    }

.fullscreen-diagram-container[b-ze9on1tzjc] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #ffffff;
}

    /* Ensure diagram takes full height */
    .fullscreen-diagram-container .e-diagram[b-ze9on1tzjc] {
        height: 100% !important;
    }

/* Override dialog default styles for true fullscreen */
.fullscreen-organigrama-dialog.e-dialog[b-ze9on1tzjc] {
    max-height: 100vh !important;
    max-width: 100vw !important;
}
/* _content/Portal.Client/Components/Pages/Panels/Organigrama/OrgFunction.razor.rz.scp.css */
/* ===========================
   DIAGRAM HEADER & CONTROLS
   =========================== */

.diagram-header[b-8dp991t286] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    flex-wrap: wrap;
    gap: 20px;
}

.org-stats[b-8dp991t286] {
    display: flex;
    gap: 30px;
}

.stat-item[b-8dp991t286] {
    text-align: center;
}

.stat-number[b-8dp991t286] {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #034B47;
    line-height: 1;
}

.stat-label[b-8dp991t286] {
    display: block;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.diagram-controls[b-8dp991t286] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.search-container[b-8dp991t286] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.highlight-controls[b-8dp991t286] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 0 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.search-input[b-8dp991t286] {
    min-width: 200px;
}

.action-buttons[b-8dp991t286] {
    display: flex;
    gap: 10px;
}

/* Layout Controls */
.layout-controls[b-8dp991t286] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    flex-wrap: wrap;
}

.spacing-controls[b-8dp991t286] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

/* Main Container */
#diagram-space[b-8dp991t286] {
    width: 100%;
    height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    overflow: hidden;
    position: relative;
}

/* Loading States */
.loading-container[b-8dp991t286], .no-data-container[b-8dp991t286] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #666;
}

.spinner[b-8dp991t286] {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #034B47;
    border-radius: 50%;
    margin-bottom: 20px;
    animation: spin-b-8dp991t286 1s linear infinite;
}

@keyframes spin-b-8dp991t286 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.no-data-icon[b-8dp991t286] {
    font-size: 48px;
    margin-bottom: 20px;
}

/* ===========================
   FUNCTION CARDS - ROW LAYOUT
   Dimensiuni: 240px x 100px
   =========================== */

.mini-card-func[b-8dp991t286] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    width: 240px;
    min-height: 100px;
    padding: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    overflow: hidden;
    position: relative;
    gap: 10px;
}

    .mini-card-func:hover[b-8dp991t286] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(3, 75, 71, 0.15);
        border-color: #034B47;
    }

    /* Funcții active - bordură colorată stânga */
    .mini-card-func.active-function[b-8dp991t286] {
        background: #fff;
        color: #333;
        border-left: 4px solid #034B47;
        border-top: 2px solid #e0e0e0;
        border-right: 2px solid #e0e0e0;
        border-bottom: 2px solid #e0e0e0;
    }

        .mini-card-func.active-function:hover[b-8dp991t286] {
            border-left: 4px solid #034B47;
            border-top: 2px solid #034B47;
            border-right: 2px solid #034B47;
            border-bottom: 2px solid #034B47;
        }

    /* Funcții manageriale - bordură mai groasă */
    .mini-card-func.manager-function[b-8dp991t286] {
        background: #fff;
        color: #333;
        border: 3px solid #034B47;
        position: relative;
    }

        .mini-card-func.manager-function[b-8dp991t286]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: #034B47;
        }

        .mini-card-func.manager-function:hover[b-8dp991t286] {
            box-shadow: 0 8px 25px rgba(3, 75, 71, 0.2);
        }

    /* Funcții goale - bordură punctată */
    .mini-card-func.empty-function[b-8dp991t286] {
        background: #fff;
        color: #999;
        border: 2px dashed #ccc;
    }

        .mini-card-func.empty-function:hover[b-8dp991t286] {
            border-color: #034B47;
            border-style: solid;
        }

    /* Evidențiere căutare - DOAR BACKGROUND */
    .mini-card-func.highlighted[b-8dp991t286] {
        background: rgba(3, 75, 71, 0.1) !important;
    }

    .mini-card-func.highlighted-attention[b-8dp991t286] {
        background: rgba(255, 217, 61, 0.15) !important;
    }

.mini-card-func-header[b-8dp991t286] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    z-index: 10;
}

.function-status[b-8dp991t286] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

    .function-status.active[b-8dp991t286] {
        background-color: #4caf50;
    }

    .function-status.inactive[b-8dp991t286] {
        background-color: #f44336;
    }

    .function-status.partial[b-8dp991t286] {
        background-color: #ff9800;
    }

.manager-badge[b-8dp991t286] {
    font-size: 14px;
}

.mini-card-func-content[b-8dp991t286] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    padding: 0;
    order: 1;
    min-width: 0;
    padding-right: 28px;
}

.mini-card-func-text[b-8dp991t286] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    overflow: hidden;
    width: 100%;
}

.func-name[b-8dp991t286] {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.user-count[b-8dp991t286] {
    font-size: 11px;
    opacity: 0.8;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

.function-metrics[b-8dp991t286] {
    display: flex;
    gap: 6px;
    margin-top: 4px;
    flex-wrap: wrap;
}

.metric[b-8dp991t286] {
    font-size: 9px;
    opacity: 0.8;
    background: rgba(3, 75, 71, 0.08);
    color: #034B47;
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
    border: 1px solid rgba(3, 75, 71, 0.15);
}

.avatars-container[b-8dp991t286] {
    display: flex;
    flex-direction: row; /* ✅ SCHIMBAT LA ROW */
    gap: 4px;
    justify-content: center;
    align-items: center;
    order: 2;
    flex-shrink: 0;
    padding: 0;
    flex-wrap: wrap; /* ✅ Permite wrap dacă sunt multe avatare */
    max-width: 100px; /* ✅ Limită lățime pentru a nu ocupa prea mult spațiu */
}

.avatar[b-8dp991t286] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #034B47;
    object-fit: cover;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

    .avatar:hover[b-8dp991t286] {
        transform: scale(1.1);
        border-color: #056860;
    }

    .avatar.manager-avatar[b-8dp991t286] {
        border-color: #ffd700;
        box-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
    }

.more-avatars[b-8dp991t286] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    color: #034B47;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #034B47;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .more-avatars:hover[b-8dp991t286] {
        background: #034B47;
        color: #fff;
    }

/* ===========================
   CONNECTORS
   =========================== */

.e-diagram .e-connector-segment[b-8dp991t286] {
    stroke: #8e8e93 !important;
    stroke-width: 2 !important;
    stroke-dasharray: none !important;
}

.e-diagram .e-connector:hover .e-connector-segment[b-8dp991t286] {
    stroke: #034B47 !important;
    stroke-width: 3 !important;
}

/* ===========================
   SELECTION HIDING
   =========================== */

.e-diagram .e-node.e-selected[b-8dp991t286] {
    outline: none !important;
    border: none !important;
}

    .e-diagram .e-node.e-selected .e-node-border[b-8dp991t286] {
        stroke: transparent !important;
        stroke-width: 0 !important;
    }

.e-diagram .e-selector[b-8dp991t286] {
    display: none !important;
}

/* ===========================
   ENHANCED MODAL
   =========================== */

.modal-header[b-8dp991t286] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.manager-indicator[b-8dp991t286] {
    background: #fff;
    color: #034B47;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    border: 2px solid #034B47;
}

.function-details-enhanced[b-8dp991t286] {
    width: 100%;
}

.function-info-section h4[b-8dp991t286] {
    margin: 0 0 20px 0;
    color: #034B47;
    font-size: 24px;
    font-weight: 600;
}

.info-group[b-8dp991t286] {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

    .info-group:last-child[b-8dp991t286] {
        border-bottom: none;
        margin-bottom: 0;
    }

    .info-group h5[b-8dp991t286] {
        margin: 0 0 15px 0;
        color: #034B47;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

.info-grid[b-8dp991t286] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.info-item[b-8dp991t286] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .info-item strong[b-8dp991t286] {
        font-size: 12px;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .info-item span[b-8dp991t286] {
        font-size: 14px;
        color: #333;
    }

.users-grid[b-8dp991t286] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.user-card[b-8dp991t286] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fff;
}

    .user-card:hover[b-8dp991t286] {
        background: #f8f9fa;
        border-color: #034B47;
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.1);
    }

.mini-avatar[b-8dp991t286] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #034B47;
}

.user-info[b-8dp991t286] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex-grow: 1;
}

.user-name[b-8dp991t286] {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role[b-8dp991t286] {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manager-tag[b-8dp991t286] {
    font-size: 10px;
    background: #fff;
    color: #034B47;
    padding: 2px 6px;
    border-radius: 10px;
    border: 1px solid #034B47;
    align-self: flex-start;
    margin-top: 2px;
}

.more-users[b-8dp991t286] {
    text-align: center;
    padding: 10px;
    color: #666;
    font-style: italic;
    margin-top: 10px;
}

.no-users[b-8dp991t286] {
    text-align: center;
    color: #999;
    font-style: italic;
    padding: 20px;
}

.quick-actions[b-8dp991t286] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
/* _content/Portal.Client/Components/Pages/Panels/Organigrama/OrgLocMunca.razor.rz.scp.css */
/* ===========================
   DIAGRAM HEADER & CONTROLS
   =========================== */

.diagram-header[b-bj7mwy4j80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    flex-wrap: wrap;
    gap: 20px;
}

.org-stats[b-bj7mwy4j80] {
    display: flex;
    gap: 30px;
}

.stat-item[b-bj7mwy4j80] {
    text-align: center;
}

.stat-number[b-bj7mwy4j80] {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #034B47;
    line-height: 1;
}

.stat-label[b-bj7mwy4j80] {
    display: block;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.diagram-controls[b-bj7mwy4j80] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.search-container[b-bj7mwy4j80] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.search-input[b-bj7mwy4j80] {
    min-width: 200px;
}

.action-buttons[b-bj7mwy4j80] {
    display: flex;
    gap: 10px;
}

/* Layout Controls */
.layout-controls[b-bj7mwy4j80] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 10px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
    flex-wrap: wrap;
}

.spacing-controls[b-bj7mwy4j80] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

/* Main Container */
#diagram-space[b-bj7mwy4j80] {
    width: 100%;
    height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    overflow: hidden;
    position: relative;
}

/* Loading States */
.loading-container[b-bj7mwy4j80] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #666;
}

.no-data-icon[b-bj7mwy4j80] {
    font-size: 48px;
    margin-bottom: 20px;
}

/* ===========================
   ENHANCED CARDS - ROW LAYOUT
   Dimensiuni originale: 240px x 100px
   =========================== */

.mini-card[b-bj7mwy4j80] {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    width: 240px;
    min-height: 100px;
    padding: 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    overflow: hidden;
    position: relative;
    gap: 10px;
}

    .mini-card:hover[b-bj7mwy4j80] {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(3, 75, 71, 0.15);
        border-color: #034B47;
    }

    /* Executive - bordură stângă groasă cu accent sus */
    .mini-card.executive[b-bj7mwy4j80] {
        background: #fff;
        color: #333;
        border: 3px solid #034B47;
        position: relative;
    }

        .mini-card.executive[b-bj7mwy4j80]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: #034B47;
        }

        .mini-card.executive:hover[b-bj7mwy4j80] {
            box-shadow: 0 8px 25px rgba(3, 75, 71, 0.2);
        }

    /* Manager - bordură stângă colorată */
    .mini-card.manager[b-bj7mwy4j80] {
        background: #fff;
        color: #333;
        border-left: 4px solid #056860;
        border-top: 2px solid #e0e0e0;
        border-right: 2px solid #e0e0e0;
        border-bottom: 2px solid #e0e0e0;
    }

        .mini-card.manager:hover[b-bj7mwy4j80] {
            border-left: 4px solid #056860;
            border-top: 2px solid #056860;
            border-right: 2px solid #056860;
            border-bottom: 2px solid #056860;
        }

    /* Employee - bordură subtilă standard */
    .mini-card.employee[b-bj7mwy4j80] {
        background: #fff;
        color: #333;
        border: 2px solid #e0e0e0;
    }

        .mini-card.employee:hover[b-bj7mwy4j80] {
            border-color: #034B47;
        }

.mini-card-header[b-bj7mwy4j80] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    z-index: 10;
}

.status-indicator[b-bj7mwy4j80] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

    .status-indicator.online[b-bj7mwy4j80] {
        background-color: #4caf50;
    }

    .status-indicator.offline[b-bj7mwy4j80] {
        background-color: #f44336;
    }

    .status-indicator.away[b-bj7mwy4j80] {
        background-color: #ff9800;
    }

.manager-badge[b-bj7mwy4j80] {
    font-size: 14px;
}

.mini-card-content[b-bj7mwy4j80] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
    padding: 0;
    width: 100%;
}

.mini-card-text[b-bj7mwy4j80] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    overflow: hidden;
    flex-grow: 1;
    order: 2;
    min-width: 0;
    padding-right: 28px;
}

.user-name[b-bj7mwy4j80] {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}

.user-role[b-bj7mwy4j80] {
    font-size: 11px;
    opacity: 0.8;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

.user-department[b-bj7mwy4j80] {
    font-size: 10px;
    opacity: 0.6;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

.user-metrics[b-bj7mwy4j80] {
    display: flex;
    gap: 6px;
    margin-top: 2px;
    flex-wrap: wrap;
}

.metric[b-bj7mwy4j80] {
    font-size: 9px;
    opacity: 0.8;
    background: rgba(3, 75, 71, 0.08);
    color: #034B47;
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
    border: 1px solid rgba(3, 75, 71, 0.15);
}

.mini-card-image[b-bj7mwy4j80] {
    flex-shrink: 0;
    position: relative;
    order: 1;
}

.profile-image[b-bj7mwy4j80] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #034B47;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.mini-card:hover .profile-image[b-bj7mwy4j80] {
    transform: scale(1.05);
}

.online-indicator[b-bj7mwy4j80] {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    background: #4caf50;
    border: 2px solid white;
    border-radius: 50%;
}

/* ===========================
   CONNECTORS
   =========================== */

.e-diagram .e-connector-segment[b-bj7mwy4j80] {
    stroke: #8e8e93 !important;
    stroke-width: 2 !important;
    stroke-dasharray: none !important;
}

.e-diagram .e-connector:hover .e-connector-segment[b-bj7mwy4j80] {
    stroke: #034B47 !important;
    stroke-width: 3 !important;
}

/* ===========================
   SELECTION HIDING
   =========================== */

.e-diagram .e-node.e-selected[b-bj7mwy4j80] {
    outline: none !important;
    border: none !important;
}

    .e-diagram .e-node.e-selected .e-node-border[b-bj7mwy4j80] {
        stroke: transparent !important;
        stroke-width: 0 !important;
    }

.e-diagram .e-selector[b-bj7mwy4j80] {
    display: none !important;
}

/* ===========================
   ENHANCED MODAL
   =========================== */

.modal-header[b-bj7mwy4j80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.manager-indicator[b-bj7mwy4j80] {
    background: #fff;
    color: #034B47;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    border: 2px solid #034B47;
}

.user-details-enhanced[b-bj7mwy4j80] {
    display: flex;
    gap: 25px;
    align-items: flex-start;
}

.user-avatar-section[b-bj7mwy4j80] {
    position: relative;
    flex-shrink: 0;
}

.large-avatar[b-bj7mwy4j80] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #034B47;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.avatar-status[b-bj7mwy4j80] {
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 3px solid white;
}

.user-info-section[b-bj7mwy4j80] {
    flex-grow: 1;
    min-width: 0;
}

    .user-info-section h4[b-bj7mwy4j80] {
        margin: 0 0 20px 0;
        color: #034B47;
        font-size: 24px;
        font-weight: 600;
    }

.info-group[b-bj7mwy4j80] {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

    .info-group:last-child[b-bj7mwy4j80] {
        border-bottom: none;
        margin-bottom: 0;
    }

    .info-group h5[b-bj7mwy4j80] {
        margin: 0 0 15px 0;
        color: #034B47;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

.info-grid[b-bj7mwy4j80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.info-item[b-bj7mwy4j80] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .info-item strong[b-bj7mwy4j80] {
        font-size: 12px;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .info-item span[b-bj7mwy4j80], .info-item a[b-bj7mwy4j80] {
        font-size: 14px;
        color: #333;
    }

    .info-item a[b-bj7mwy4j80] {
        color: #034B47;
        text-decoration: none;
    }

        .info-item a:hover[b-bj7mwy4j80] {
            text-decoration: underline;
        }

.manager-info[b-bj7mwy4j80], .subordinates-section[b-bj7mwy4j80] {
    margin-top: 15px;
}

.person-card[b-bj7mwy4j80] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin: 8px 0;
    background: #fff;
}

    .person-card:hover[b-bj7mwy4j80] {
        background: #f8f9fa;
        border-color: #034B47;
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.1);
    }

.mini-avatar[b-bj7mwy4j80] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #034B47;
}

.person-info[b-bj7mwy4j80] {
    display: flex;
    flex-direction: column;
}

.person-name[b-bj7mwy4j80] {
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.person-role[b-bj7mwy4j80] {
    font-size: 12px;
    color: #666;
}

.subordinates-grid[b-bj7mwy4j80] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 10px;
}

.more-count[b-bj7mwy4j80] {
    text-align: center;
    padding: 10px;
    color: #666;
    font-style: italic;
    margin-top: 10px;
}

.quick-actions[b-bj7mwy4j80] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* ===========================
   HIGHLIGHT STATES
   =========================== */

.mini-card.highlighted[b-bj7mwy4j80] {
    background: rgba(3, 75, 71, 0.1) !important;
}

.mini-card.highlighted-glow[b-bj7mwy4j80] {
    background: rgba(5, 104, 96, 0.12) !important;
}

.mini-card.highlighted-attention[b-bj7mwy4j80] {
    background: rgba(255, 217, 61, 0.15) !important;
}

.mini-card.highlighted.active[b-bj7mwy4j80] {
    background: rgba(3, 75, 71, 0.15) !important;
}

.search-highlight[b-bj7mwy4j80] {
    background: rgba(3, 75, 71, 0.15);
    color: #034B47;
    padding: 1px 3px;
    border-radius: 3px;
    font-weight: bold;
}
/* _content/Portal.Client/Components/Pages/Panels/Organigrama/StructuraSpital.razor.rz.scp.css */
/* Page Container */
.structure-page[b-5c3taho767] {
    padding: 2rem;
    max-width: 1600px;
    margin: 0 auto;
}

/* Action Buttons Section */
.hero-actions[b-5c3taho767] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    justify-content: flex-end;
}

/* Hero Header */
.hero-header[b-5c3taho767] {
    background: linear-gradient(135deg, #034B47 0%, #056862 50%, #078177 100%);
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 8px 32px rgba(3, 75, 71, 0.2);
    color: white;
}

.hero-content[b-5c3taho767] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.hero-icon[b-5c3taho767] {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

    .hero-icon i[b-5c3taho767] {
        font-size: 3rem;
        color: white;
    }

.hero-text h1[b-5c3taho767] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.hero-text p[b-5c3taho767] {
    margin: 0.5rem 0 0 0;
    font-size: 1.125rem;
    opacity: 0.9;
}

/* Statistics Grid */
.stats-grid[b-5c3taho767] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.stat-card[b-5c3taho767] {
    background: white;
    border-radius: 10px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .stat-card[b-5c3taho767]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: currentColor;
    }

    .stat-card:hover[b-5c3taho767] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    }

    .stat-card.primary[b-5c3taho767] {
        color: #034B47;
    }

    .stat-card.success[b-5c3taho767] {
        color: #28a745;
    }

    .stat-card.warning[b-5c3taho767] {
        color: #f59e0b;
    }

    .stat-card.info[b-5c3taho767] {
        color: #17a2b8;
    }

    .stat-card.purple[b-5c3taho767] {
        color: #764ba2;
    }

    .stat-card.danger[b-5c3taho767] {
        color: #dc3545;
    }

.stat-icon[b-5c3taho767] {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: currentColor;
    opacity: 0.1;
    flex-shrink: 0;
}

    .stat-icon i[b-5c3taho767] {
        font-size: 1.125rem;
        color: currentColor;
        opacity: 10;
    }

.stat-content[b-5c3taho767] {
    flex: 1;
}

.stat-value[b-5c3taho767] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: currentColor;
}

.stat-label[b-5c3taho767] {
    font-size: 0.688rem;
    color: #6c757d;
    margin-top: 0.25rem;
    font-weight: 500;
}

.stat-trend[b-5c3taho767] {
    font-size: 0.875rem;
    color: currentColor;
    opacity: 0.3;
}

    .stat-trend i[b-5c3taho767] {
        color: currentColor;
    }

/* Search and Filter */
.search-filter-section[b-5c3taho767] {
    background: white;
    border-radius: 10px;
    padding: 0.75rem;
    margin-bottom: 1rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    flex-wrap: wrap;
}

.search-box-modern[b-5c3taho767] {
    position: relative;
    flex: 1;
    min-width: 300px;
    display: flex;
    align-items: center;
}

    .search-box-modern .search-icon[b-5c3taho767] {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.25rem;
        color: #6c757d;
        pointer-events: none;
        z-index: 1;
    }

    .search-box-modern .search-input[b-5c3taho767] {
        width: 100%;
        padding: 0.625rem 2.5rem 0.625rem 2.75rem;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        font-size: 0.875rem;
        transition: all 0.2s ease;
    }

        .search-box-modern .search-input:focus[b-5c3taho767] {
            outline: none;
            border-color: #034B47;
            box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
        }

        .search-box-modern .search-input[b-5c3taho767]::placeholder {
            color: #adb5bd;
        }

    .search-box-modern .clear-search-btn[b-5c3taho767] {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        border: none;
        padding: 0.25rem;
        cursor: pointer;
        color: #6c757d;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        transition: all 0.2s ease;
        z-index: 1;
    }

        .search-box-modern .clear-search-btn:hover[b-5c3taho767] {
            background: #f8f9fa;
            color: #dc3545;
        }

        .search-box-modern .clear-search-btn i[b-5c3taho767] {
            font-size: 1.125rem;
        }

/* Structures Grid */
.structures-grid[b-5c3taho767] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

/* Structure Card */
.structure-card[b-5c3taho767] {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
}

    .structure-card:hover[b-5c3taho767] {
        transform: translateY(-4px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    }

    .structure-card.main-structure[b-5c3taho767] {
        border-color: #034B47;
    }

        .structure-card.main-structure:hover[b-5c3taho767] {
            box-shadow: 0 6px 16px rgba(3, 75, 71, 0.25);
        }

    .structure-card.intermediate-structure[b-5c3taho767] {
        border-color: #764ba2;
    }

        .structure-card.intermediate-structure:hover[b-5c3taho767] {
            box-shadow: 0 6px 16px rgba(118, 75, 162, 0.25);
        }

    .structure-card.subordinate-structure[b-5c3taho767] {
        border-color: #e0e0e0;
    }

        .structure-card.subordinate-structure:hover[b-5c3taho767] {
            border-color: #034B47;
        }

/* Card Header */
.card-header-section[b-5c3taho767] {
    padding: 0.75rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.card-icon[b-5c3taho767] {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

    .card-icon.primary-icon[b-5c3taho767] {
        background: linear-gradient(135deg, #034B47, #056862);
        color: white;
    }

    .card-icon.intermediate-icon[b-5c3taho767] {
        background: linear-gradient(135deg, #667eea, #764ba2);
        color: white;
    }

    .card-icon.subordinate-icon[b-5c3taho767] {
        background: linear-gradient(135deg, #4facfe, #00f2fe);
        color: white;
    }

.card-badges[b-5c3taho767] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.position-badge[b-5c3taho767],
.subordinates-badge[b-5c3taho767] {
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.688rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    backdrop-filter: blur(10px);
}

.position-badge[b-5c3taho767] {
    background: linear-gradient(135deg, #034B47, #056862);
    color: white;
}

.subordinates-badge[b-5c3taho767] {
    background: linear-gradient(135deg, #f093fb, #f5576c);
    color: white;
}

/* Card Body */
.card-body-section[b-5c3taho767] {
    padding: 0.75rem;
    flex: 1;
}

.structure-title[b-5c3taho767] {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
}

.structure-details[b-5c3taho767] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.detail-item[b-5c3taho767] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: #495057;
    line-height: 1.4;
}

    .detail-item i[b-5c3taho767] {
        font-size: 0.875rem;
        color: #034B47;
        flex-shrink: 0;
        width: 16px;
        text-align: center;
    }

    .detail-item.small[b-5c3taho767] {
        font-size: 0.688rem;
        color: #6c757d;
    }

        .detail-item.small i[b-5c3taho767] {
            font-size: 0.75rem;
        }

    .detail-item.muted[b-5c3taho767] {
        color: #adb5bd;
        font-style: italic;
    }

        .detail-item.muted i[b-5c3taho767] {
            color: #adb5bd;
        }

    .detail-item.subordinate-info[b-5c3taho767] {
        background: #fff3cd;
        padding: 0.25rem 0.375rem;
        border-radius: 6px;
        margin-top: 0.25rem;
        color: #856404;
    }

        .detail-item.subordinate-info i[b-5c3taho767] {
            color: #856404;
        }

    .detail-item.primary-info[b-5c3taho767] {
        background: #d1ecf1;
        padding: 0.25rem 0.375rem;
        border-radius: 6px;
        margin-top: 0.25rem;
        color: #0c5460;
        font-weight: 600;
    }

        .detail-item.primary-info i[b-5c3taho767] {
            color: #0c5460;
        }

/* Card Footer */
.card-footer-section[b-5c3taho767] {
    padding: 0.5rem 0.75rem;
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    display: flex;
    gap: 0.5rem;
}

/* Empty State */
.empty-state[b-5c3taho767] {
    background: white;
    border-radius: 16px;
    padding: 4rem 2rem;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.empty-icon[b-5c3taho767] {
    font-size: 6rem;
    color: #e9ecef;
    margin-bottom: 1.5rem;
}

    .empty-icon i[b-5c3taho767] {
        color: #e9ecef;
    }

.empty-state h3[b-5c3taho767] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #495057;
    margin: 0 0 0.75rem 0;
}

.empty-state p[b-5c3taho767] {
    font-size: 1rem;
    color: #6c757d;
    margin: 0;
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-grid[b-5c3taho767] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .hero-header[b-5c3taho767] {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
    }

    .hero-content[b-5c3taho767] {
        flex-direction: column;
    }

    .stats-grid[b-5c3taho767] {
        grid-template-columns: repeat(2, 1fr);
    }

    .structures-grid[b-5c3taho767] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

@media (max-width: 768px) {
    .structure-page[b-5c3taho767] {
        padding: 1rem;
    }

    .hero-header[b-5c3taho767] {
        padding: 1.5rem;
    }

    .hero-text h1[b-5c3taho767] {
        font-size: 1.5rem;
    }

    .hero-text p[b-5c3taho767] {
        font-size: 1rem;
    }

    .stats-grid[b-5c3taho767] {
        grid-template-columns: 1fr;
    }

    .search-filter-section[b-5c3taho767] {
        flex-direction: column;
    }

    .search-box-modern[b-5c3taho767] {
        width: 100%;
    }

    .structures-grid[b-5c3taho767] {
        grid-template-columns: 1fr;
    }

    .stat-value[b-5c3taho767] {
        font-size: 1.25rem;
    }
}

/* Hierarchy Container - Compact */
.hierarchy-container[b-5c3taho767] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.hierarchy-group[b-5c3taho767] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Parent Card - Compact cu Border Frumos */
.parent-card[b-5c3taho767] {
    background: white;
    padding: 0.625rem 0.875rem;
    border: 1px solid #e5e7eb;
    border-left: 3px solid #034B47;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

    .parent-card:hover[b-5c3taho767] {
        background: linear-gradient(to right, #f8fffe, white);
        border-color: #034B47;
        box-shadow: 0 4px 12px rgba(3, 75, 71, 0.15);
        transform: translateX(3px);
    }

/* Evidențiere pentru cardurile găsite în căutare */
.parent-card.highlighted-match[b-5c3taho767] {
    border: 2px solid #FFB800;
    border-left: 4px solid #FFB800;
    background: linear-gradient(to right, #FFF9E6, white);
    box-shadow: 0 2px 8px rgba(255, 184, 0, 0.25);
}

    .parent-card.highlighted-match:hover[b-5c3taho767] {
        background: linear-gradient(to right, #FFF4D1, white);
        border-color: #FFB800;
        box-shadow: 0 4px 16px rgba(255, 184, 0, 0.35);
    }

.parent-header-content[b-5c3taho767] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.parent-info-section[b-5c3taho767] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex: 1;
}

.parent-icon-wrapper[b-5c3taho767] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #034B47, #056862);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.125rem;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.2);
}

.parent-details[b-5c3taho767] {
    flex: 1;
    min-width: 0;
}

.parent-title[b-5c3taho767] {
    color: #1f2937;
    font-size: 0.938rem;
    font-weight: 700;
    margin: 0 0 0.375rem 0;
    line-height: 1.3;
}

.parent-meta-info[b-5c3taho767] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.meta-badge[b-5c3taho767] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #6b7280;
    font-size: 0.688rem;
    font-weight: 500;
}

    .meta-badge i[b-5c3taho767] {
        font-size: 0.75rem;
        color: #034B47;
    }

    .meta-badge.muted-badge[b-5c3taho767] {
        background: #f8f9fa;
        border-color: #dee2e6;
        color: #9ca3af;
    }

        .meta-badge.muted-badge i[b-5c3taho767] {
            color: #9ca3af;
        }

.parent-actions-section[b-5c3taho767] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Expand Button - Compact (Păstrează Culoarea Verde) */
.expand-btn[b-5c3taho767] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: linear-gradient(135deg, #034B47, #056862);
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(3, 75, 71, 0.2);
}

    .expand-btn:hover[b-5c3taho767] {
        background: linear-gradient(135deg, #056862, #078d85);
        transform: translateY(-2px);
        box-shadow: 0 3px 10px rgba(3, 75, 71, 0.3);
    }

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

    .expand-btn i[b-5c3taho767] {
        font-size: 1rem;
        transition: transform 0.3s ease;
    }

    /* Păstrează culoarea verde când este expanded */
    .expand-btn.expanded[b-5c3taho767] {
        background: linear-gradient(135deg, #034B47, #056862);
        box-shadow: 0 2px 8px rgba(3, 75, 71, 0.3);
    }

        .expand-btn.expanded i[b-5c3taho767] {
            transform: rotate(180deg);
        }

        .expand-btn.expanded:hover[b-5c3taho767] {
            background: linear-gradient(135deg, #056862, #078d85);
        }

/* Children Container - Compact */
.children-container[b-5c3taho767] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.625rem 0.75rem 0.625rem 1.5rem;
    background: #fafbfc;
    border-left: 2px solid #e5e7eb;
    margin-left: 1.25rem;
    position: relative;
}

    .children-container[b-5c3taho767]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 2px;
        background: linear-gradient(to bottom, #034B47, transparent);
    }

    .children-container.level-2[b-5c3taho767] {
        margin-left: 2.5rem;
        background: #f7f9fb;
    }

    .children-container.level-3[b-5c3taho767] {
        margin-left: 3.75rem;
        background: #f3f6f9;
    }

    .children-container.level-4[b-5c3taho767] {
        margin-left: 5rem;
        background: #eff3f7;
    }

/* Toate cardurile folosesc acum clasa .parent-card - stilurile pentru child au fost eliminate */

/* Responsive */
@media (max-width: 992px) {
    .parent-header-content[b-5c3taho767] {
        flex-direction: column;
        align-items: flex-start;
    }

    .parent-actions-section[b-5c3taho767] {
        width: 100%;
        justify-content: space-between;
    }

    .children-container[b-5c3taho767] {
        margin-left: 1rem;
        padding-left: 1.5rem;
    }

        .children-container.level-2[b-5c3taho767] {
            margin-left: 1.5rem;
        }

        .children-container.level-3[b-5c3taho767] {
            margin-left: 2rem;
        }

        .children-container.level-4[b-5c3taho767] {
            margin-left: 2.5rem;
        }

    .parent-card:hover[b-5c3taho767] {
        transform: translateX(3px) translateY(-1px);
    }
}

@media (max-width: 768px) {
    .parent-info-section[b-5c3taho767] {
        flex-direction: column;
        align-items: flex-start;
    }

    .parent-icon-wrapper[b-5c3taho767] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }

    .parent-title[b-5c3taho767] {
        font-size: 0.875rem;
    }

    .expand-btn[b-5c3taho767] {
        padding: 0.375rem 0.625rem;
        font-size: 0.688rem;
    }

    .parent-actions-section[b-5c3taho767] {
        flex-wrap: wrap;
    }
}

/* _content/Portal.Client/Components/Pages/Panels/Organigrama/UserDetailsDialog.razor.rz.scp.css */
/* ========================================
   HR User Profile - Design Combinat Optimizat
   ======================================== */

:root[b-etx5r7pruj] {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.12);
    --border-radius: 16px;
}

/* Dialog Header - Design Premium cu Gradient */
.dialog-header[b-etx5r7pruj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 2.5rem;
    background: var(--primary-gradient);
    color: white;
    position: relative;
    overflow: hidden;
}

    .dialog-header[b-etx5r7pruj]::before {
        content: "";
        position: absolute;
        top: -50%;
        right: -10%;
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
        border-radius: 50%;
    }

    .dialog-header h4[b-etx5r7pruj] {
        margin: 0;
        font-size: 1.75rem;
        font-weight: 700;
        letter-spacing: -0.5px;
        position: relative;
        z-index: 1;
    }

/* Manager Indicator - Design Combinat */
.manager-indicator[b-etx5r7pruj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(20px);
    border-radius: 30px;
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

    .manager-indicator[b-etx5r7pruj]::before {
        content: "★";
        font-size: 1.1rem;
        animation: sparkle-b-etx5r7pruj 2s ease-in-out infinite;
    }

@keyframes sparkle-b-etx5r7pruj {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.7;
        transform: scale(1.2);
    }
}

/* Main Container - Layout Asimetric Modern */
.user-details-enhanced[b-etx5r7pruj] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 2rem;
    /*padding: 2.5rem;*/
    max-width: 1400px;
    margin: 0 auto;
    /*background: #f8fafc;*/
}

/* Sectiunea Avatar - Sidebar Stânga Sticky */
.user-avatar-section[b-etx5r7pruj] {
    position: sticky;
    top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 2rem;
    /*background: white;*/
    border-radius: var(--border-radius);
    box-shadow: var(--card-shadow);
    height: fit-content;
    transition: all 0.3s ease;
}

    .user-avatar-section:hover[b-etx5r7pruj] {
        transform: translateY(-4px);
        box-shadow: var(--card-shadow-hover);
    }

/* Large Avatar - Design Modern cu Efecte */
.large-avatar[b-etx5r7pruj] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #f0f4ff;
    box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
}

    .large-avatar:hover[b-etx5r7pruj] {
        transform: scale(1.08);
        border-color: #667eea;
    }

/* Avatar Status - Design Îmbunătățit cu Animații */
.avatar-status[b-etx5r7pruj] {
    position: relative;
    bottom: 20px;
    right: 10px;
    transform: translateX(65px);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 4px solid white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

    .avatar-status.online[b-etx5r7pruj] {
        background: #10b981;
        animation: pulse-status-b-etx5r7pruj 2s ease-in-out infinite;
    }

    .avatar-status.offline[b-etx5r7pruj] {
        background: #94a3b8;
    }

    .avatar-status.busy[b-etx5r7pruj] {
        background: #ef4444;
        animation: pulse-red-b-etx5r7pruj 2s ease-in-out infinite;
    }

    .avatar-status.away[b-etx5r7pruj] {
        background: #f59e0b;
    }

@keyframes pulse-status-b-etx5r7pruj {
    0%, 100% {
        opacity: 1;
        transform: translateX(65px) scale(1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(16, 185, 129, 0.7);
    }

    50% {
        opacity: 0.9;
        transform: translateX(65px) scale(1.1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 8px rgba(16, 185, 129, 0);
    }
}

@keyframes pulse-red-b-etx5r7pruj {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(239, 68, 68, 0.7);
    }

    50% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 0 0 8px rgba(239, 68, 68, 0);
    }
}

/* Sectiunea Info - Dreapta */
.user-info-section[b-etx5r7pruj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

    .user-info-section h4[b-etx5r7pruj] {
        font-size: 2rem;
        font-weight: 700;
        color: #1a1a1a;
        margin: 0 0 8px 0;
        letter-spacing: -0.5px;
    }

/* Info Groups - Carduri Moderne cu Glassmorphism */
.info-group[b-etx5r7pruj] {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--card-shadow);
    border: 1px solid rgba(102, 126, 234, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

    .info-group[b-etx5r7pruj]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: var(--primary-gradient);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .info-group:hover[b-etx5r7pruj] {
        transform: translateX(4px);
        box-shadow: var(--card-shadow-hover);
        border-color: rgba(102, 126, 234, 0.3);
    }

        .info-group:hover[b-etx5r7pruj]::before {
            opacity: 1;
        }

    .info-group h5[b-etx5r7pruj] {
        font-size: 1.1rem;
        font-weight: 700;
        color: #1e293b;
        margin: 0 0 1.5rem 0;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #f3f4f6;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        letter-spacing: -0.3px;
    }

        .info-group h5[b-etx5r7pruj]::before {
            content: "";
            width: 8px;
            height: 8px;
            background: var(--primary-gradient);
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);
        }

/* Info Grid - Layout cu Două Coloane */
.info-grid[b-etx5r7pruj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

/* Info Item - Design Modern Interactive */
.info-item[b-etx5r7pruj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
}

    .info-item[b-etx5r7pruj]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--primary-gradient);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .info-item:hover[b-etx5r7pruj] {
        background: white;
        border-color: rgba(102, 126, 234, 0.2);
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
    }

        .info-item:hover[b-etx5r7pruj]::before {
            transform: scaleX(1);
        }

    .info-item strong[b-etx5r7pruj] {
        font-size: 0.7rem;
        font-weight: 600;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .info-item span[b-etx5r7pruj],
    .info-item a[b-etx5r7pruj] {
        font-size: 0.95rem;
        color: #1a1a1a;
        font-weight: 500;
    }

    .info-item a[b-etx5r7pruj] {
        color: #667eea;
        text-decoration: none;
        transition: all 0.2s ease;
    }

        .info-item a:hover[b-etx5r7pruj] {
            color: #764ba2;
            text-decoration: underline;
        }

/* Manager Info - Card Special */
.manager-info[b-etx5r7pruj] {
    margin-bottom: 1.5rem;
}

    .manager-info strong[b-etx5r7pruj] {
        display: block;
        font-size: 0.75rem;
        font-weight: 600;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 0.75rem;
    }

/* Person Card - Design Interactive Modern */
.person-card[b-etx5r7pruj] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .person-card[b-etx5r7pruj]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: var(--primary-gradient);
        transform: scaleY(0);
        transition: transform 0.3s ease;
    }

    .person-card:hover[b-etx5r7pruj] {
        background: #fafbff;
        border-color: #667eea;
        transform: translateX(6px);
        box-shadow: 0 4px 16px rgba(102, 126, 234, 0.2);
    }

        .person-card:hover[b-etx5r7pruj]::before {
            transform: scaleY(1);
        }

    .person-card:active[b-etx5r7pruj] {
        transform: translateX(4px) scale(0.98);
    }

/* Mini Avatar */
.mini-avatar[b-etx5r7pruj] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e2e8f0;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.person-card:hover .mini-avatar[b-etx5r7pruj] {
    border-color: #667eea;
    transform: scale(1.1);
}

/* Person Info */
.person-info[b-etx5r7pruj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 0;
}

.person-name[b-etx5r7pruj] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.person-role[b-etx5r7pruj] {
    font-size: 0.85rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Subordinates Section */
.subordinates-section[b-etx5r7pruj] {
    margin-top: 1rem;
}

    .subordinates-section strong[b-etx5r7pruj] {
        display: block;
        font-size: 0.75rem;
        font-weight: 600;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 1rem;
    }

.subordinates-grid[b-etx5r7pruj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.more-count[b-etx5r7pruj] {
    margin-top: 1rem;
    padding: 0.875rem;
    text-align: center;
    background: #f9fafb;
    border: 2px dashed #cbd5e1;
    border-radius: 10px;
    font-size: 0.875rem;
    color: #64748b;
    font-weight: 500;
    transition: all 0.3s ease;
}

    .more-count:hover[b-etx5r7pruj] {
        border-color: #667eea;
        color: #667eea;
        background: white;
    }

/* Quick Actions - Butoane Moderne */
.quick-actions[b-etx5r7pruj] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 1rem;
}

    .quick-actions .e-btn[b-etx5r7pruj] {
        padding: 0.875rem 1.5rem;
        border-radius: 10px;
        font-weight: 600;
        font-size: 0.9rem;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;
        border: 2px solid #667eea;
    }

    .quick-actions .e-outline[b-etx5r7pruj] {
        background: white;
        color: #667eea;
    }

        .quick-actions .e-outline[b-etx5r7pruj]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--primary-gradient);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
            z-index: -1;
        }

        .quick-actions .e-outline:hover[b-etx5r7pruj] {
            color: white;
            border-color: transparent;
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
        }

            .quick-actions .e-outline:hover[b-etx5r7pruj]::before {
                transform: scaleX(1);
            }

        .quick-actions .e-outline:active[b-etx5r7pruj] {
            transform: translateY(-1px);
        }

/* Animații de Intrare */
@keyframes slideInUp-b-etx5r7pruj {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.info-group[b-etx5r7pruj] {
    animation: slideInUp-b-etx5r7pruj 0.5s ease backwards;
}

    .info-group:nth-child(1)[b-etx5r7pruj] {
        animation-delay: 0.1s;
    }

    .info-group:nth-child(2)[b-etx5r7pruj] {
        animation-delay: 0.2s;
    }

    .info-group:nth-child(3)[b-etx5r7pruj] {
        animation-delay: 0.3s;
    }

/* Responsive Design */
@media (max-width: 1024px) {
    .user-details-enhanced[b-etx5r7pruj] {
        grid-template-columns: 240px 1fr;
        padding: 2rem;
    }

    .large-avatar[b-etx5r7pruj] {
        width: 120px;
        height: 120px;
    }

    .avatar-status[b-etx5r7pruj] {
        transform: translateX(55px);
    }
}

@media (max-width: 768px) {
    .user-details-enhanced[b-etx5r7pruj] {
        grid-template-columns: 1fr;
        padding: 1.5rem;
        gap: 1.5rem;
    }

    .user-avatar-section[b-etx5r7pruj] {
        position: relative;
        top: 0;
        flex-direction: row;
        justify-content: flex-start;
    }

    .large-avatar[b-etx5r7pruj] {
        width: 100px;
        height: 100px;
    }

    .avatar-status[b-etx5r7pruj] {
        right: auto;
        left: 75px;
        bottom: 5px;
        width: 20px;
        height: 20px;
        transform: none;
    }

    .user-info-section h4[b-etx5r7pruj] {
        font-size: 1.5rem;
    }

    .info-grid[b-etx5r7pruj],
    .subordinates-grid[b-etx5r7pruj] {
        grid-template-columns: 1fr;
    }

    .quick-actions[b-etx5r7pruj] {
        flex-direction: column;
    }

        .quick-actions .e-btn[b-etx5r7pruj] {
            width: 100%;
        }
}

/* Scrollbar Custom */
.user-details-enhanced[b-etx5r7pruj]::-webkit-scrollbar {
    width: 8px;
}

.user-details-enhanced[b-etx5r7pruj]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.user-details-enhanced[b-etx5r7pruj]::-webkit-scrollbar-thumb {
    background: var(--primary-gradient);
    border-radius: 4px;
}

    .user-details-enhanced[b-etx5r7pruj]::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%);
    }
/* _content/Portal.Client/Components/Pages/Panels/Performance/CampaignDialogContent.razor.rz.scp.css */
.campaign-dialog-content[b-d1szheupub] {
    padding: 20px;
    min-width: 750px;
    max-width: 90vw;
}

.form-grid[b-d1szheupub] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group[b-d1szheupub] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group.full-width[b-d1szheupub] {
    grid-column: span 2;
}

.form-group.half-width[b-d1szheupub] {
    grid-column: span 1;
}

.form-label[b-d1szheupub] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
}

.status-badges[b-d1szheupub] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.status-badge[b-d1szheupub] {
    padding: 0.5rem 1rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    font-size: 0.813rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #f8f9fa;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    overflow: hidden;
}

.status-badge[b-d1szheupub]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.status-badge:hover[b-d1szheupub]::after {
    left: 100%;
}

.status-badge:hover[b-d1szheupub] {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.status-badge.active[b-d1szheupub] {
    border-color: currentColor;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
    transform: scale(1.05);
}

/* Draft Status - Blue */
.status-badge:nth-child(1)[b-d1szheupub] {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    color: #1976D2;
}

.status-badge:nth-child(1).active[b-d1szheupub] {
    border-color: #64B5F6;
}

.status-badge:nth-child(1)[b-d1szheupub]::before {
    content: '\EB4D'; /* ri-draft-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

/* Active Status - Green */
.status-badge:nth-child(2)[b-d1szheupub] {
    background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
    color: #388E3C;
}

.status-badge:nth-child(2).active[b-d1szheupub] {
    border-color: #81C784;
}

.status-badge:nth-child(2)[b-d1szheupub]::before {
    content: '\F0D7'; /* ri-play-circle-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

/* Completed Status - Teal */
.status-badge:nth-child(3)[b-d1szheupub] {
    background: linear-gradient(135deg, #E0F2F1, #B2DFDB);
    color: #00796B;
}

.status-badge:nth-child(3).active[b-d1szheupub] {
    border-color: #4DB6AC;
}

.status-badge:nth-child(3)[b-d1szheupub]::before {
    content: '\EB84'; /* ri-checkbox-circle-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

/* Cancelled Status - Red */
.status-badge:nth-child(4)[b-d1szheupub] {
    background: linear-gradient(135deg, #FFEBEE, #FFCDD2);
    color: #C62828;
}

.status-badge:nth-child(4).active[b-d1szheupub] {
    border-color: #E57373;
}

.status-badge:nth-child(4)[b-d1szheupub]::before {
    content: '\EB99'; /* ri-close-circle-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

.config-checkboxes[b-d1szheupub] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.checkbox-label[b-d1szheupub] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-left: 0px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.checkbox-label i[b-d1szheupub] {
    font-size: 1.1rem;
    color: #034B47;
}

@media (max-width: 768px) {
    .campaign-dialog-content[b-d1szheupub] {
        min-width: auto;
        padding: 16px;
    }

    .form-grid[b-d1szheupub] {
        grid-template-columns: 1fr;
    }

    .form-group.full-width[b-d1szheupub],
    .form-group.half-width[b-d1szheupub] {
        grid-column: span 1;
    }
}

.btn[b-d1szheupub] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-d1szheupub] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-d1szheupub] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Performance/EvaluationDetailsDialog.razor.rz.scp.css */
.evaluation-details-container[b-up3wxza9z7] {
    padding: 1.5rem;
}

.detail-section[b-up3wxza9z7] {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #034B47;
}

.detail-header[b-up3wxza9z7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #034B47;
}

.detail-grid[b-up3wxza9z7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.detail-item[b-up3wxza9z7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label[b-up3wxza9z7] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-up3wxza9z7] {
    font-size: 1rem;
    color: #333;
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.status-badge[b-up3wxza9z7] {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-draft[b-up3wxza9z7] {
    background: #e3f2fd;
    color: #1976d2;
}

.status-submitted[b-up3wxza9z7] {
    background: #fff3e0;
    color: #f57c00;
}

.status-completed[b-up3wxza9z7] {
    background: #e8f5e9;
    color: #388e3c;
}

.status-hrvalidated[b-up3wxza9z7] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.score-display[b-up3wxza9z7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 1.75rem;
    font-weight: 700;
    background: linear-gradient(135deg, #034B47 0%, #056b64 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.3);
}

.criteria-table[b-up3wxza9z7] {
    width: 100%;
    margin-top: 1rem;
    border-collapse: collapse;
}

    .criteria-table th[b-up3wxza9z7] {
        background: #034B47;
        color: white;
        padding: 0.75rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.9rem;
    }

    .criteria-table td[b-up3wxza9z7] {
        padding: 0.75rem;
        border-bottom: 1px solid #e0e0e0;
        font-size: 0.9rem;
    }

    .criteria-table tr:hover[b-up3wxza9z7] {
        background: #f5f5f5;
    }

.action-buttons[b-up3wxza9z7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e0e0e0;
}

.comment-box[b-up3wxza9z7] {
    padding: 1rem;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-top: 0.5rem;
    white-space: pre-wrap;
    line-height: 1.6;
}

.empty-comment[b-up3wxza9z7] {
    color: #999;
    font-style: italic;
}

.btn[b-up3wxza9z7] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-up3wxza9z7] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-up3wxza9z7] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Performance/EvaluationDialogContent.razor.rz.scp.css */
.evaluation-dialog-content[b-kiq5i0yugt] {
    padding: 20px;
    min-width: 750px;
    max-width: 90vw;
}

.form-grid[b-kiq5i0yugt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group[b-kiq5i0yugt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group.full-width[b-kiq5i0yugt] {
    grid-column: span 2;
}

.form-group.half-width[b-kiq5i0yugt] {
    grid-column: span 1;
}

.form-label[b-kiq5i0yugt] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.status-badges[b-kiq5i0yugt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.status-badge[b-kiq5i0yugt] {
    padding: 0.5rem 1rem;
    border: 1.5px solid transparent;
    border-radius: 8px;
    font-size: 0.813rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    background: #f8f9fa;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    overflow: hidden;
}

.status-badge[b-kiq5i0yugt]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.status-badge:hover[b-kiq5i0yugt]::after {
    left: 100%;
}

.status-badge:hover[b-kiq5i0yugt] {
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}

.status-badge.active[b-kiq5i0yugt] {
    border-color: currentColor;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
    transform: scale(1.05);
}

/* Draft Status - Blue */
.status-badge:nth-child(1)[b-kiq5i0yugt] {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    color: #1976D2;
}

.status-badge:nth-child(1).active[b-kiq5i0yugt] {
    border-color: #64B5F6;
}

.status-badge:nth-child(1)[b-kiq5i0yugt]::before {
    content: '\EB4D'; /* ri-draft-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

/* Submitted Status - Orange */
.status-badge:nth-child(2)[b-kiq5i0yugt] {
    background: linear-gradient(135deg, #FFF3E0, #FFE0B2);
    color: #F57C00;
}

.status-badge:nth-child(2).active[b-kiq5i0yugt] {
    border-color: #FFB74D;
}

.status-badge:nth-child(2)[b-kiq5i0yugt]::before {
    content: '\F0F9'; /* ri-send-plane-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

/* Completed Status - Green */
.status-badge:nth-child(3)[b-kiq5i0yugt] {
    background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
    color: #388E3C;
}

.status-badge:nth-child(3).active[b-kiq5i0yugt] {
    border-color: #81C784;
}

.status-badge:nth-child(3)[b-kiq5i0yugt]::before {
    content: '\EB84'; /* ri-checkbox-circle-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

/* HRValidated Status - Purple */
.status-badge:nth-child(4)[b-kiq5i0yugt] {
    background: linear-gradient(135deg, #F3E5F5, #E1BEE7);
    color: #7B1FA2;
}

.status-badge:nth-child(4).active[b-kiq5i0yugt] {
    border-color: #BA68C8;
}

.status-badge:nth-child(4)[b-kiq5i0yugt]::before {
    content: '\F124'; /* ri-shield-check-line */
    font-family: 'remixicon';
    font-size: 0.95rem;
}

.criteria-section[b-kiq5i0yugt] {
    padding: 20px 0;
}

.section-header[b-kiq5i0yugt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e0e0e0;
}

.criteria-list[b-kiq5i0yugt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.criteria-item[b-kiq5i0yugt] {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}

.criteria-header[b-kiq5i0yugt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.criteria-info[b-kiq5i0yugt] {
    flex: 1;
}

.criteria-meta[b-kiq5i0yugt] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #666;
}

.criteria-scores[b-kiq5i0yugt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
}

.score-group[b-kiq5i0yugt] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.score-label[b-kiq5i0yugt] {
    font-size: 13px;
    font-weight: 600;
    color: #034B47;
    min-width: 150px;
}

.empty-criteria[b-kiq5i0yugt] {
    padding: 60px 20px;
    text-align: center;
    color: #999;
}

.empty-criteria i[b-kiq5i0yugt] {
    font-size: 64px;
    color: #ddd;
    margin-bottom: 16px;
    display: block;
}

.empty-criteria p[b-kiq5i0yugt] {
    font-size: 14px;
    margin: 0;
}

.dialog-footer-buttons[b-kiq5i0yugt] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}

.final-score[b-kiq5i0yugt] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.2),
                0 0 0 1px rgba(255, 215, 0, 0.15);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.final-score:hover[b-kiq5i0yugt] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.3),
                0 0 0 2px rgba(255, 215, 0, 0.25);
}

.final-score[b-kiq5i0yugt]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(to bottom, #FFD700, #FFA500);
}

.final-score[b-kiq5i0yugt]::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
    animation: shimmer-b-kiq5i0yugt 3s infinite;
}

@keyframes shimmer-b-kiq5i0yugt {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.final-score .score-label[b-kiq5i0yugt] {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.final-score .score-value[b-kiq5i0yugt] {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
                 0 0 15px rgba(255, 215, 0, 0.2);
    line-height: 1;
    letter-spacing: -0.5px;
}

@media (max-width: 768px) {
    .evaluation-dialog-content[b-kiq5i0yugt] {
        min-width: auto;
        padding: 16px;
    }

    .form-grid[b-kiq5i0yugt] {
        grid-template-columns: 1fr;
    }

    .form-group.full-width[b-kiq5i0yugt],
    .form-group.half-width[b-kiq5i0yugt] {
        grid-column: span 1;
    }

    .criteria-meta[b-kiq5i0yugt] {
        flex-wrap: wrap;
    }

    .score-group[b-kiq5i0yugt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .score-label[b-kiq5i0yugt] {
        min-width: auto;
    }

    .dialog-footer-buttons[b-kiq5i0yugt] {
        flex-wrap: wrap;
    }
}

.btn[b-kiq5i0yugt] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-kiq5i0yugt] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-kiq5i0yugt] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Objectives Section */
.objectives-section[b-kiq5i0yugt] {
    padding: 20px 0;
}

.objectives-list[b-kiq5i0yugt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.objective-eval-item[b-kiq5i0yugt] {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}

.objective-eval-header[b-kiq5i0yugt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.objective-info[b-kiq5i0yugt] {
    flex: 1;
}

.objective-title[b-kiq5i0yugt] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 8px 0;
}

.objective-meta[b-kiq5i0yugt] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.meta-badge[b-kiq5i0yugt] {
    padding: 4px 10px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #666;
}

.objective-eval-scores[b-kiq5i0yugt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
}

.objective-additional[b-kiq5i0yugt] {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 12px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    margin-top: 8px;
}

.objective-selector-item:hover[b-kiq5i0yugt] {
    background: #f8f9fa;
    border-color: #034B47 !important;
}
/* _content/Portal.Client/Components/Pages/Panels/Performance/EvaluationsDataGrid.razor.rz.scp.css */
.evaluations-data-grid[b-2a31rj74as] {
    width: 100%;
}

.grid-loading[b-2a31rj74as] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.empty-state[b-2a31rj74as] {
    text-align: center;
    padding: 60px 20px;
    color: #7f8c8d;
}

.empty-icon[b-2a31rj74as] {
    font-size: 64px;
    color: #bdc3c7;
    margin-bottom: 20px;
}

.empty-state h5[b-2a31rj74as] {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 8px;
}

.empty-state p[b-2a31rj74as] {
    font-size: 14px;
    color: #95a5a6;
}

/* Evaluation Type Cell */
.evaluation-type-cell[b-2a31rj74as] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #2c3e50;
}

.evaluation-type-cell i[b-2a31rj74as] {
    font-size: 18px;
    color: #3498db;
}

/* Persons Cell */
.persons-cell[b-2a31rj74as] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.person-row[b-2a31rj74as] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
}

.person-row i[b-2a31rj74as] {
    font-size: 14px;
    color: #3498db;
}

.person-row.evaluated i[b-2a31rj74as] {
    color: #9b59b6;
}

.person-name[b-2a31rj74as] {
    font-weight: 500;
    color: #2c3e50;
}

/* Period Cell */
.period-cell[b-2a31rj74as] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #2c3e50;
    font-size: 13px;
}

.period-cell i[b-2a31rj74as] {
    color: #3498db;
    font-size: 14px;
}

/* Score Cell */
.score-cell[b-2a31rj74as] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.score-bar-container[b-2a31rj74as] {
    width: 100%;
    height: 8px;
    background: #ecf0f1;
    border-radius: 4px;
    overflow: hidden;
}

.score-bar[b-2a31rj74as] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.score-value[b-2a31rj74as] {
    font-weight: 600;
    font-size: 13px;
    color: #2c3e50;
}

/* Date Text */
.date-text[b-2a31rj74as] {
    font-size: 13px;
    color: #7f8c8d;
    font-weight: 500;
}

/* Action Buttons */
.action-buttons[b-2a31rj74as] {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.action-buttons .action-btn[b-2a31rj74as] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.action-buttons .action-btn i[b-2a31rj74as] {
    font-size: 16px;
    line-height: 1;
}

.action-buttons .view-btn[b-2a31rj74as] {
    color: #3498db;
}

.action-buttons .view-btn:hover[b-2a31rj74as] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
    border-color: #3498db;
}

.action-buttons .edit-btn[b-2a31rj74as] {
    color: #27ae60;
}

.action-buttons .edit-btn:hover[b-2a31rj74as] {
    background: linear-gradient(135deg, #27ae60, #229954);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
    border-color: #27ae60;
}

.action-buttons .action-btn:active[b-2a31rj74as] {
    transform: translateY(0px);
}

.action-buttons .action-btn:focus[b-2a31rj74as] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}

/* Grid Enhancements */
.modern-grid[b-2a31rj74as] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
/* _content/Portal.Client/Components/Pages/Panels/Performance/EvaluationStatusBadge.razor.rz.scp.css */
.evaluation-status-badge[b-y54lz2uroj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    white-space: nowrap;
}

.evaluation-status-badge i[b-y54lz2uroj] {
    font-size: 14px;
}

/* Status Colors */
.evaluation-status-badge.completed[b-y54lz2uroj] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
    border: 1px solid rgba(39, 174, 96, 0.2);
}

.evaluation-status-badge.in-progress[b-y54lz2uroj] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.evaluation-status-badge.in-progress i[b-y54lz2uroj] {
    animation: spin-b-y54lz2uroj 2s linear infinite;
}

.evaluation-status-badge.planned[b-y54lz2uroj] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
    border: 1px solid rgba(243, 156, 18, 0.2);
}

.evaluation-status-badge.cancelled[b-y54lz2uroj] {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
    border: 1px solid rgba(231, 76, 60, 0.2);
}

.evaluation-status-badge.unknown[b-y54lz2uroj] {
    background: rgba(149, 165, 166, 0.1);
    color: #95a5a6;
    border: 1px solid rgba(149, 165, 166, 0.2);
}

@keyframes spin-b-y54lz2uroj {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Performance/ObjectiveDialogContent.razor.rz.scp.css */
/* ===========================
   OBJECTIVE DIALOG CONTENT STYLES
   Foloseste DialogTemplate si SectionHeader
   =========================== */

/* Wrapper pentru continut */
.objective-dialog-content-wrapper[b-u143ez4h9y] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
}

/* Section Card */
.section-card[b-u143ez4h9y] {
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #e9ecef !important;
    transition: all 0.3s ease;
}

.section-card:hover[b-u143ez4h9y] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

/* Input Group Modern */
.input-group-modern[b-u143ez4h9y] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.input-label-modern[b-u143ez4h9y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.input-label-modern.compact[b-u143ez4h9y] {
    font-size: 0.8rem;
    gap: 0.35rem;
}

.input-label-modern .input-icon[b-u143ez4h9y] {
    font-size: 1.1rem;
    color: #034B47;
}

.required-star[b-u143ez4h9y] {
    color: #e74c3c;
    margin-left: 2px;
}

.input-modern[b-u143ez4h9y] {
    border-radius: 8px !important;
    border: 1.5px solid #e0e0e0 !important;
    transition: all 0.2s ease;
    font-size: 0.938rem;
}

.input-modern:focus[b-u143ez4h9y] {
    border-color: #034B47 !important;
    box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1) !important;
}

.textarea-modern[b-u143ez4h9y] {
    resize: vertical;
}

.validator-text[b-u143ez4h9y] {
    font-size: 0.813rem;
    color: #e74c3c;
    margin-top: 4px;
}

.hint-text[b-u143ez4h9y] {
    font-size: 0.813rem;
    color: #7f8c8d;
    font-style: italic;
    margin-top: 4px;
    display: block;
}

/* Checkbox Modern */
.checkbox-modern-wrapper[b-u143ez4h9y] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 10px;
    border: 2px dashed #e0e0e0;
    transition: all 0.2s ease;
}

.checkbox-modern-wrapper:hover[b-u143ez4h9y] {
    border-color: #034B47;
    background: rgba(3, 75, 71, 0.03);
}

.checkbox-label-modern[b-u143ez4h9y] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    flex: 1;
    margin: 0;
}

.checkbox-icon-wrapper[b-u143ez4h9y] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.checkbox-title[b-u143ez4h9y] {
    font-size: 0.938rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 2px;
}

.checkbox-description[b-u143ez4h9y] {
    font-size: 0.813rem;
    color: #7f8c8d;
}

/* Priority Badge */
.priority-badge[b-u143ez4h9y] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.priority-badge.low[b-u143ez4h9y] {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.priority-badge.medium[b-u143ez4h9y] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
}

.priority-badge.high[b-u143ez4h9y] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.priority-badge.critical[b-u143ez4h9y] {
    background: linear-gradient(135deg, #8e44ad, #7d3c98);
}

/* Key Results Card */
.key-results-card[b-u143ez4h9y] {
    background: linear-gradient(135deg, #f8f9fa, #ffffff) !important;
}

/* KR Actions Bar */
.kr-actions-bar[b-u143ez4h9y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.kr-info-banner[b-u143ez4h9y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 8px;
    border-left: 4px solid #FFA726;
    font-size: 0.875rem;
    color: #e65100;
    font-weight: 500;
    flex: 1;
}

/* KR List Modern */
.kr-list-modern[b-u143ez4h9y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

.kr-item-modern[b-u143ez4h9y] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 12px;
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
}

.kr-item-modern:hover[b-u143ez4h9y] {
    border-color: #9b59b6;
    box-shadow: 0 4px 12px rgba(155, 89, 182, 0.15);
    transform: translateY(-2px);
}

.kr-number-badge[b-u143ez4h9y] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(155, 89, 182, 0.3);
}

.kr-content-wrapper[b-u143ez4h9y] {
    flex: 1;
}

.kr-delete-btn[b-u143ez4h9y] {
    flex-shrink: 0;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.kr-delete-btn:hover[b-u143ez4h9y] {
    opacity: 1;
}

/* Empty State Modern */
.empty-state-modern[b-u143ez4h9y] {
    text-align: center;
    padding: 3rem 1rem;
    background: #f8f9fa;
    border-radius: 12px;
    margin-top: 1.5rem;
    border: 2px dashed #e0e0e0;
}

.empty-state-modern h6[b-u143ez4h9y] {
    margin: 1rem 0 0.5rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #7f8c8d;
}

.empty-state-modern p[b-u143ez4h9y] {
    margin: 0;
    font-size: 0.875rem;
    color: #95a5a6;
}

/* Responsive */
@media (max-width: 768px) {
    .objective-dialog-content-wrapper[b-u143ez4h9y] {
        padding: 1rem;
    }

    .kr-item-modern[b-u143ez4h9y] {
        flex-direction: column;
    }

    .kr-delete-btn[b-u143ez4h9y] {
        align-self: flex-end;
    }

    .kr-actions-bar[b-u143ez4h9y] {
        flex-direction: column;
        align-items: stretch;
    }

    .kr-info-banner[b-u143ez4h9y] {
        flex: none;
    }
}

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

.section-card[b-u143ez4h9y] {
    animation: fadeIn-b-u143ez4h9y 0.3s ease;
}

.kr-item-modern[b-u143ez4h9y] {
    animation: fadeIn-b-u143ez4h9y 0.3s ease;
}

.btn[b-u143ez4h9y] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-u143ez4h9y] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-u143ez4h9y] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* _content/Portal.Client/Components/Pages/Panels/Performance/ObjectivesDataGrid.razor.rz.scp.css */
.objectives-data-grid[b-tq7bksrczv] {
    width: 100%;
}

.grid-loading[b-tq7bksrczv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.empty-state[b-tq7bksrczv] {
    text-align: center;
    padding: 60px 20px;
    color: #7f8c8d;
}

.empty-icon[b-tq7bksrczv] {
    font-size: 64px;
    color: #bdc3c7;
    margin-bottom: 20px;
}

.empty-state h5[b-tq7bksrczv] {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 8px;
}

.empty-state p[b-tq7bksrczv] {
    font-size: 14px;
    color: #95a5a6;
}

/* Objective Type Badge */
.objective-type-badge[b-tq7bksrczv] {
    display: inline-flex;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.objective-type-badge.okr[b-tq7bksrczv] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
}

.objective-type-badge.kpi[b-tq7bksrczv] {
    background: linear-gradient(135deg, #f093fb, #f5576c);
    color: white;
}

/* Objective Title Cell */
.objective-title-cell[b-tq7bksrczv] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.objective-title-cell > i[b-tq7bksrczv] {
    font-size: 20px;
    color: #3498db;
    margin-top: 2px;
    flex-shrink: 0;
}

.title-content[b-tq7bksrczv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.title-text[b-tq7bksrczv] {
    font-weight: 600;
    font-size: 13px;
    color: #2c3e50;
    line-height: 1.4;
}

.title-desc[b-tq7bksrczv] {
    font-size: 12px;
    color: #7f8c8d;
    line-height: 1.3;
}

/* Owner Cell */
.owner-cell[b-tq7bksrczv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-avatar-small[b-tq7bksrczv] {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    flex-shrink: 0;
}

.owner-name[b-tq7bksrczv] {
    font-weight: 500;
    font-size: 13px;
    color: #2c3e50;
}

/* Progress Cell */
.progress-cell[b-tq7bksrczv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.progress-bar-wrapper[b-tq7bksrczv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.progress-bar-bg[b-tq7bksrczv] {
    width: 100%;
    height: 8px;
    background: #ecf0f1;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.progress-bar-fill[b-tq7bksrczv] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease, background 0.3s ease;
}

.progress-bar-fill.high[b-tq7bksrczv] {
    background: linear-gradient(90deg, #27ae60, #2ecc71);
}

.progress-bar-fill.medium[b-tq7bksrczv] {
    background: linear-gradient(90deg, #3498db, #5dade2);
}

.progress-bar-fill.low[b-tq7bksrczv] {
    background: linear-gradient(90deg, #f39c12, #f1c40f);
}

.progress-bar-fill.very-low[b-tq7bksrczv] {
    background: linear-gradient(90deg, #e74c3c, #ec7063);
}

.progress-percentage[b-tq7bksrczv] {
    font-size: 11px;
    font-weight: 700;
    color: #2c3e50;
}

.btn-update-progress[b-tq7bksrczv] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    background: white;
    color: #3498db;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-update-progress:hover[b-tq7bksrczv] {
    background: #3498db;
    color: white;
    border-color: #3498db;
    transform: scale(1.1);
}

.btn-update-progress i[b-tq7bksrczv] {
    font-size: 14px;
}

/* Deadline Cell */
.deadline-cell[b-tq7bksrczv] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 6px;
    width: fit-content;
}

.deadline-cell.normal[b-tq7bksrczv] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.deadline-cell.soon[b-tq7bksrczv] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.deadline-cell.urgent[b-tq7bksrczv] {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
    animation: pulse-glow-b-tq7bksrczv 2s infinite;
}

.deadline-cell i[b-tq7bksrczv] {
    font-size: 14px;
}

@keyframes pulse-glow-b-tq7bksrczv {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(231, 76, 60, 0);
    }
}

/* Action Buttons */
.action-buttons[b-tq7bksrczv] {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.action-buttons .action-btn[b-tq7bksrczv] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    background: white;
    color: #3498db;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.action-buttons .action-btn i[b-tq7bksrczv] {
    font-size: 16px;
    line-height: 1;
}

.action-buttons .view-btn:hover[b-tq7bksrczv] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
    border-color: #3498db;
}

.action-buttons .action-btn:active[b-tq7bksrczv] {
    transform: translateY(0px);
}

.action-buttons .action-btn:focus[b-tq7bksrczv] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
}

/* Grid Enhancements */
.modern-grid[b-tq7bksrczv] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
/* _content/Portal.Client/Components/Pages/Panels/Performance/Performanta.razor.rz.scp.css */
/* ===========================
   FILTER & SEARCH STYLES
   =========================== */

/* Filter Card */
.filter-card[b-p5xf7dva36] {
    margin-top: 10px;
    margin-bottom: 1rem;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.filter-info[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-title[b-p5xf7dva36] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
}

/* Search Box Modern */
.search-icon[b-p5xf7dva36] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none;
}

.search-box-modern[b-p5xf7dva36] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-input[b-p5xf7dva36] {
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .search-input:focus[b-p5xf7dva36] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    }

.clear-search-btn[b-p5xf7dva36] {
    position: absolute;
    right: 8px;
}

/* Stats Bar */
.stats-bar[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-p5xf7dva36] {
        color: #f57c00;
        font-weight: 600;
    }

/* Responsive Search */
@media (max-width: 991px) {
    .search-box-modern[b-p5xf7dva36] {
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    .stats-bar[b-p5xf7dva36] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}

/* Statistics Cards Row */
.stats-cards-row[b-p5xf7dva36] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.stat-card-modern[b-p5xf7dva36] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.stat-card-modern[b-p5xf7dva36]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

.stat-card-modern.gradient-blue[b-p5xf7dva36]::before {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.stat-card-modern.gradient-purple[b-p5xf7dva36]::before {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

.stat-card-modern.gradient-green[b-p5xf7dva36]::before {
    background: linear-gradient(135deg, #27ae60, #229954);
}

.stat-card-modern.gradient-orange[b-p5xf7dva36]::before {
    background: linear-gradient(135deg, #f39c12, #e67e22);
}

.stat-card-modern:hover[b-p5xf7dva36] {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-p5xf7dva36] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gradient-blue .stat-icon[b-p5xf7dva36] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    color: #3498db;
}

.gradient-purple .stat-icon[b-p5xf7dva36] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    color: #9b59b6;
}

.gradient-green .stat-icon[b-p5xf7dva36] {
    background: linear-gradient(135deg, rgba(39, 174, 96, 0.1), rgba(34, 153, 84, 0.1));
    color: #27ae60;
}

.gradient-orange .stat-icon[b-p5xf7dva36] {
    background: linear-gradient(135deg, rgba(243, 156, 18, 0.1), rgba(230, 126, 34, 0.1));
    color: #f39c12;
}

.stat-icon i[b-p5xf7dva36] {
    font-size: 32px;
}

.stat-content[b-p5xf7dva36] {
    flex: 1;
}

.stat-value[b-p5xf7dva36] {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 4px 0;
    line-height: 1;
}

.stat-label[b-p5xf7dva36] {
    font-size: 14px;
    color: #7f8c8d;
    margin: 0 0 8px 0;
}

.stat-footer[b-p5xf7dva36] {
    margin-top: 8px;
}

.stat-change[b-p5xf7dva36] {
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.stat-change.positive[b-p5xf7dva36] {
    color: #27ae60;
}

.stat-change.neutral[b-p5xf7dva36] {
    color: #7f8c8d;
}

/* Evaluations Grid */
.evaluations-grid-compact[b-p5xf7dva36] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    margin-top: 15px;
}

.evaluation-card-compact[b-p5xf7dva36] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #e0e0e0;
}

.evaluation-card-compact:hover[b-p5xf7dva36] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    border-color: #3498db;
}

.eval-card-header[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.eval-type-badge[b-p5xf7dva36] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

.eval-status-badge[b-p5xf7dva36] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.eval-status-badge.status-completed[b-p5xf7dva36] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
}

.eval-status-badge.status-in-progress[b-p5xf7dva36] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.eval-status-badge.status-planned[b-p5xf7dva36] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.eval-card-title[b-p5xf7dva36] {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
}

.eval-card-score[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding: 16px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-radius: 12px;
}

.score-circle[b-p5xf7dva36] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    border: 4px solid;
}

.score-circle.score-excellent[b-p5xf7dva36] {
    background: rgba(39, 174, 96, 0.1);
    border-color: #27ae60;
    color: #27ae60;
}

.score-circle.score-good[b-p5xf7dva36] {
    background: rgba(52, 152, 219, 0.1);
    border-color: #3498db;
    color: #3498db;
}

.score-circle.score-average[b-p5xf7dva36] {
    background: rgba(243, 156, 18, 0.1);
    border-color: #f39c12;
    color: #f39c12;
}

.score-circle.score-poor[b-p5xf7dva36] {
    background: rgba(231, 76, 60, 0.1);
    border-color: #e74c3c;
    color: #e74c3c;
}

.score-number[b-p5xf7dva36] {
    font-size: 24px;
    font-weight: 700;
}

.score-percent[b-p5xf7dva36] {
    font-size: 12px;
    font-weight: 600;
    margin-left: 2px;
}

.score-details[b-p5xf7dva36] {
    flex: 1;
}

.score-label[b-p5xf7dva36] {
    font-size: 13px;
    color: #7f8c8d;
    margin-bottom: 4px;
}

.score-rating[b-p5xf7dva36] {
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
}

.eval-card-persons[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

.person-item[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
}

.person-item i[b-p5xf7dva36] {
    font-size: 20px;
    color: #3498db;
}

.person-item.evaluated i[b-p5xf7dva36] {
    color: #9b59b6;
}

.person-details[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.person-role[b-p5xf7dva36] {
    font-size: 11px;
    color: #7f8c8d;
    text-transform: uppercase;
    font-weight: 600;
}

.person-name[b-p5xf7dva36] {
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
}

.eval-card-footer[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

.eval-date[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #7f8c8d;
}

.eval-actions[b-p5xf7dva36] {
    display: flex;
    gap: 4px;
}

/* Evaluations List View */
.evaluations-list-compact[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.eval-row-compact[b-p5xf7dva36] {
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: white;
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eval-row-compact:hover[b-p5xf7dva36] {
    border-color: #3498db;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.1);
    transform: translateX(4px);
}

.eval-row-main[b-p5xf7dva36] {
    flex: 1;
}

.eval-row-badges[b-p5xf7dva36] {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.badge-mini[b-p5xf7dva36] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.badge-mini.eval-type[b-p5xf7dva36] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

.badge-mini.status-completed[b-p5xf7dva36] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
}

.badge-mini.status-in-progress[b-p5xf7dva36] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.badge-mini.score-badge.score-excellent[b-p5xf7dva36] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
}

.badge-mini.score-badge.score-good[b-p5xf7dva36] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.eval-row-title[b-p5xf7dva36] {
    font-size: 15px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 8px 0;
}

.eval-row-meta[b-p5xf7dva36] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.meta-tag[b-p5xf7dva36] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #7f8c8d;
    padding: 4px 8px;
    background: #f8f9fa;
    border-radius: 6px;
}

.eval-row-actions[b-p5xf7dva36],
.obj-row-actions[b-p5xf7dva36] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* Objectives Grid */
.objectives-grid-compact[b-p5xf7dva36] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    margin-top: 15px;
}

.objective-card-compact[b-p5xf7dva36] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #e0e0e0;
}

.objective-card-compact:hover[b-p5xf7dva36] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    border-color: #9b59b6;
}

.obj-card-header[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 8px;
}

.obj-type-badge[b-p5xf7dva36] {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.obj-type-badge.okr[b-p5xf7dva36] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
}

.obj-type-badge.kpi[b-p5xf7dva36] {
    background: linear-gradient(135deg, #f093fb, #f5576c);
    color: white;
}

.obj-priority-badge[b-p5xf7dva36] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}

.obj-priority-badge.priority-critical[b-p5xf7dva36] {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
}

.obj-priority-badge.priority-high[b-p5xf7dva36] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.obj-priority-badge.priority-medium[b-p5xf7dva36] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.obj-card-title[b-p5xf7dva36] {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 8px;
}

.obj-card-desc[b-p5xf7dva36] {
    font-size: 13px;
    color: #7f8c8d;
    margin-bottom: 16px;
    line-height: 1.5;
}

.obj-card-progress[b-p5xf7dva36] {
    margin-bottom: 16px;
    padding: 14px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-radius: 10px;
}

.progress-header[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.progress-label[b-p5xf7dva36] {
    font-size: 12px;
    color: #7f8c8d;
    font-weight: 600;
    text-transform: uppercase;
}

.progress-value[b-p5xf7dva36] {
    font-size: 16px;
    font-weight: 700;
}

.progress-value.progress-high[b-p5xf7dva36] {
    color: #27ae60;
}

.progress-value.progress-medium[b-p5xf7dva36] {
    color: #3498db;
}

.progress-value.progress-low[b-p5xf7dva36] {
    color: #f39c12;
}

.progress-value.progress-very-low[b-p5xf7dva36] {
    color: #e74c3c;
}

.progress-bar-container[b-p5xf7dva36] {
    width: 100%;
    height: 10px;
    background: white;
    border-radius: 6px;
    overflow: hidden;
}

.progress-bar-fill[b-p5xf7dva36] {
    height: 100%;
    border-radius: 6px;
    transition: width 0.5s ease;
}

.progress-bar-fill.progress-high[b-p5xf7dva36] {
    background: linear-gradient(90deg, #27ae60, #2ecc71);
}

.progress-bar-fill.progress-medium[b-p5xf7dva36] {
    background: linear-gradient(90deg, #3498db, #5dade2);
}

.progress-bar-fill.progress-low[b-p5xf7dva36] {
    background: linear-gradient(90deg, #f39c12, #f1c40f);
}

.progress-bar-fill.progress-very-low[b-p5xf7dva36] {
    background: linear-gradient(90deg, #e74c3c, #ec7063);
}

.obj-card-meta[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.meta-item[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #2c3e50;
    font-weight: 500;
}

.meta-item i[b-p5xf7dva36] {
    color: #3498db;
}

.meta-item.deadline[b-p5xf7dva36] {
    padding: 6px 10px;
    border-radius: 8px;
}

.meta-item.deadline-normal[b-p5xf7dva36] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.meta-item.deadline-soon[b-p5xf7dva36] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.meta-item.deadline-urgent[b-p5xf7dva36] {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
}

.obj-card-footer[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

.obj-status-badge[b-p5xf7dva36] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.obj-status-badge.status-active[b-p5xf7dva36] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
}

.obj-actions[b-p5xf7dva36] {
    display: flex;
    gap: 4px;
}

/* Objectives List View */
.objectives-list-compact[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.obj-row-compact[b-p5xf7dva36] {
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: white;
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.obj-row-compact:hover[b-p5xf7dva36] {
    border-color: #9b59b6;
    box-shadow: 0 2px 8px rgba(155, 89, 182, 0.1);
    transform: translateX(4px);
}

.obj-row-main[b-p5xf7dva36] {
    flex: 1;
}

.obj-row-badges[b-p5xf7dva36] {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.badge-mini.okr[b-p5xf7dva36] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
}

.badge-mini.kpi[b-p5xf7dva36] {
    background: linear-gradient(135deg, #f093fb, #f5576c);
    color: white;
}

.badge-mini.priority-critical[b-p5xf7dva36] {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
}

.badge-mini.priority-high[b-p5xf7dva36] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.badge-mini.status-active[b-p5xf7dva36] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
}

.obj-row-title[b-p5xf7dva36] {
    font-size: 15px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 8px 0;
}

.obj-row-progress[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.progress-bar-mini[b-p5xf7dva36] {
    flex: 1;
    height: 6px;
    background: #ecf0f1;
    border-radius: 3px;
    overflow: hidden;
    max-width: 200px;
}

.progress-fill-mini[b-p5xf7dva36] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.5s ease;
}

.progress-fill-mini.progress-high[b-p5xf7dva36] {
    background: linear-gradient(90deg, #27ae60, #2ecc71);
}

.progress-fill-mini.progress-medium[b-p5xf7dva36] {
    background: linear-gradient(90deg, #3498db, #5dade2);
}

.progress-fill-mini.progress-low[b-p5xf7dva36] {
    background: linear-gradient(90deg, #f39c12, #f1c40f);
}

.progress-text-mini[b-p5xf7dva36] {
    font-size: 12px;
    font-weight: 700;
    color: #2c3e50;
}

.obj-row-meta[b-p5xf7dva36] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* ===========================
   CAMPAIGN STYLES
   =========================== */

.section-header[b-p5xf7dva36] {
    margin-bottom: 15px;
}

.section-title[b-p5xf7dva36] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    display: flex;
    align-items: center;
}

.section-divider[b-p5xf7dva36] {
    height: 1px;
    background: linear-gradient(to right, transparent, #e0e0e0 20%, #e0e0e0 80%, transparent);
}

.campaigns-grid[b-p5xf7dva36] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.campaign-card[b-p5xf7dva36] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    padding: 20px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 16px;
    cursor: pointer;
}

.campaign-card:hover[b-p5xf7dva36] {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    border-color: #034B47;
}

.campaign-card.status-active[b-p5xf7dva36] {
    border-left: 4px solid #10b981;
}

.campaign-card.status-completed[b-p5xf7dva36] {
    border-left: 4px solid #6366f1;
}

.campaign-card.status-cancelled[b-p5xf7dva36] {
    border-left: 4px solid #ef4444;
}

.campaign-card.status-draft[b-p5xf7dva36] {
    border-left: 4px solid #f59e0b;
}

.campaign-header[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.campaign-title-section[b-p5xf7dva36] {
    flex: 1;
    min-width: 0;
}

.campaign-title[b-p5xf7dva36] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 4px 0;
    line-height: 1.3;
}

.campaign-period[b-p5xf7dva36] {
    font-size: 0.875rem;
    color: #666;
    font-weight: 500;
}

.campaign-status-badge[b-p5xf7dva36] {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.campaign-status-badge.active[b-p5xf7dva36] {
    background: #d1fae5;
    color: #065f46;
}

.campaign-status-badge.completed[b-p5xf7dva36] {
    background: #e0e7ff;
    color: #3730a3;
}

.campaign-status-badge.cancelled[b-p5xf7dva36] {
    background: #fee2e2;
    color: #991b1b;
}

.campaign-status-badge.draft[b-p5xf7dva36] {
    background: #fef3c7;
    color: #92400e;
}

.campaign-body[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.campaign-description[b-p5xf7dva36] {
    font-size: 0.875rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.campaign-dates[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.date-item[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #666;
}

.date-item i[b-p5xf7dva36] {
    color: #034B47;
    font-size: 1.1rem;
}

.campaign-progress[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
}

.progress-info[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
    color: #666;
}

.progress-value[b-p5xf7dva36] {
    font-weight: 600;
    color: #034B47;
}

.progress-bar-container[b-p5xf7dva36] {
    width: 100%;
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-bar-fill[b-p5xf7dva36] {
    height: 100%;
    background: linear-gradient(90deg, #034B47 0%, #078177 100%);
    transition: width 0.3s ease;
}

.campaign-footer[b-p5xf7dva36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
}

.campaign-meta[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.meta-item[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: #666;
}

.meta-item i[b-p5xf7dva36] {
    color: #034B47;
    font-size: 0.9rem;
}

.campaign-actions[b-p5xf7dva36] {
    display: flex;
    gap: 8px;
}

@media (max-width: 768px) {
    .campaigns-grid[b-p5xf7dva36] {
        grid-template-columns: 1fr;
    }

    .campaign-card[b-p5xf7dva36] {
        padding: 16px;
    }

    .campaign-footer[b-p5xf7dva36] {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .campaign-actions[b-p5xf7dva36] {
        width: 100%;
        justify-content: flex-end;
    }
}

.btn[b-p5xf7dva36] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-p5xf7dva36] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-p5xf7dva36] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ===========================
   CAMPAIGNS LIST VIEW
   =========================== */

.campaigns-list-compact[b-p5xf7dva36] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.campaign-row-compact[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    transition: all 0.2s ease;
    cursor: pointer;
    background: white;
}

.campaign-row-compact:hover[b-p5xf7dva36] {
    border-color: #034B47;
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.1);
}

.campaign-row-main[b-p5xf7dva36] {
    flex: 1;
}

.campaign-row-header[b-p5xf7dva36] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.campaign-row-title[b-p5xf7dva36] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.campaign-row-meta[b-p5xf7dva36] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.campaign-row-actions[b-p5xf7dva36] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .campaign-row-compact[b-p5xf7dva36] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .campaign-row-actions[b-p5xf7dva36] {
        justify-content: flex-end;
    }

    .eval-row-compact[b-p5xf7dva36],
    .obj-row-compact[b-p5xf7dva36] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .eval-row-actions[b-p5xf7dva36],
    .obj-row-actions[b-p5xf7dva36] {
        justify-content: flex-end;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Performance/PerformantaAngajat.razor.rz.scp.css */
/* ===========================
   EMPLOYEE PERFORMANCE STYLES
   =========================== */

/* Container wrapper */
.content-wrapper[b-hr9dspuzc3] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Statistics Cards Row */
.stats-cards-row[b-hr9dspuzc3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card-modern[b-hr9dspuzc3] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.stat-card-modern[b-hr9dspuzc3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

.stat-card-modern.gradient-blue[b-hr9dspuzc3]::before {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.stat-card-modern.gradient-purple[b-hr9dspuzc3]::before {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

.stat-card-modern.gradient-green[b-hr9dspuzc3]::before {
    background: linear-gradient(135deg, #27ae60, #229954);
}

.stat-card-modern:hover[b-hr9dspuzc3] {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.stat-icon[b-hr9dspuzc3] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gradient-blue .stat-icon[b-hr9dspuzc3] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    color: #3498db;
}

.gradient-purple .stat-icon[b-hr9dspuzc3] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    color: #9b59b6;
}

.gradient-green .stat-icon[b-hr9dspuzc3] {
    background: linear-gradient(135deg, rgba(39, 174, 96, 0.1), rgba(34, 153, 84, 0.1));
    color: #27ae60;
}

.stat-icon i[b-hr9dspuzc3] {
    font-size: 32px;
}

.stat-content[b-hr9dspuzc3] {
    flex: 1;
}

.stat-value[b-hr9dspuzc3] {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 4px 0;
    line-height: 1;
}

.stat-label[b-hr9dspuzc3] {
    font-size: 14px;
    color: #7f8c8d;
    margin: 0 0 8px 0;
}

.stat-footer[b-hr9dspuzc3] {
    margin-top: 8px;
}

.stat-change[b-hr9dspuzc3] {
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.stat-change.positive[b-hr9dspuzc3] {
    color: #27ae60;
}

.stat-change.neutral[b-hr9dspuzc3] {
    color: #7f8c8d;
}

/* Section Headers */
.section-header[b-hr9dspuzc3] {
    margin-bottom: 15px;
}

.section-title[b-hr9dspuzc3] {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-divider[b-hr9dspuzc3] {
    border-top: 2px solid #e9ecef;
    margin: 40px 0;
}

/* Toolbar Card */
.toolbar-card[b-hr9dspuzc3] {
    margin-bottom: 15px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

/* Search Box */
.search-box-modern[b-hr9dspuzc3] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-icon[b-hr9dspuzc3] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none;
}

/* Objectives Grid */
.objectives-grid[b-hr9dspuzc3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
}

.objective-card[b-hr9dspuzc3] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.objective-card:hover[b-hr9dspuzc3] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    border-color: #9b59b6;
}

.objective-header[b-hr9dspuzc3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 10px;
}

.objective-title[b-hr9dspuzc3] {
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
    flex: 1;
}

.objective-type[b-hr9dspuzc3] {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    flex-shrink: 0;
}

.objective-body[b-hr9dspuzc3] {
    margin-bottom: 16px;
}

.objective-description[b-hr9dspuzc3] {
    font-size: 14px;
    color: #7f8c8d;
    margin-bottom: 16px;
    line-height: 1.5;
}

/* Progress Section */
.objective-progress-section[b-hr9dspuzc3] {
    padding: 14px;
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    border-radius: 10px;
    margin-bottom: 16px;
}

.progress-header[b-hr9dspuzc3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
}

.progress-value[b-hr9dspuzc3] {
    font-size: 16px;
    font-weight: 700;
    color: #3498db;
}

.progress-bar-container[b-hr9dspuzc3] {
    width: 100%;
    height: 10px;
    background: white;
    border-radius: 6px;
    overflow: hidden;
}

.progress-bar-fill[b-hr9dspuzc3] {
    height: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg, #3498db, #5dade2);
    transition: width 0.5s ease;
}

/* Objective Dates */
.objective-dates[b-hr9dspuzc3] {
    margin-top: 12px;
}

.date-item[b-hr9dspuzc3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #7f8c8d;
}

.date-item i[b-hr9dspuzc3] {
    color: #3498db;
}

/* Objective Footer */
.objective-footer[b-hr9dspuzc3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

/* Status Badges */
.status-badge[b-hr9dspuzc3] {
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.status-badge.active[b-hr9dspuzc3] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.status-badge.completed[b-hr9dspuzc3] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
}

.status-badge.ontrack[b-hr9dspuzc3] {
    background: rgba(39, 174, 96, 0.1);
    color: #27ae60;
}

.status-badge.atrisk[b-hr9dspuzc3] {
    background: rgba(243, 156, 18, 0.1);
    color: #f39c12;
}

.status-badge.delayed[b-hr9dspuzc3] {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
}

.status-badge.draft[b-hr9dspuzc3] {
    background: rgba(149, 165, 166, 0.1);
    color: #95a5a6;
}

.status-badge.cancelled[b-hr9dspuzc3] {
    background: rgba(127, 140, 141, 0.1);
    color: #7f8c8d;
}

.status-badge.submitted[b-hr9dspuzc3] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
}

.status-badge.hrvalidated[b-hr9dspuzc3] {
    background: rgba(142, 68, 173, 0.1);
    color: #8e44ad;
}

/* Objective Actions */
.objective-actions[b-hr9dspuzc3] {
    display: flex;
    gap: 6px;
}

/* Evaluations Grid */
.evaluations-grid[b-hr9dspuzc3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
}

.evaluation-card[b-hr9dspuzc3] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
}

.evaluation-card:hover[b-hr9dspuzc3] {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    border-color: #3498db;
}

.evaluation-header[b-hr9dspuzc3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.evaluation-header h6[b-hr9dspuzc3] {
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
}

.evaluation-body[b-hr9dspuzc3] {
    margin-bottom: 16px;
}

.eval-info[b-hr9dspuzc3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-item[b-hr9dspuzc3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #2c3e50;
}

.info-item i[b-hr9dspuzc3] {
    font-size: 18px;
    color: #3498db;
}

.evaluation-footer[b-hr9dspuzc3] {
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

/* Empty State */
.empty-state[b-hr9dspuzc3] {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.empty-state i[b-hr9dspuzc3] {
    font-size: 64px;
    color: #bdc3c7;
    margin-bottom: 16px;
}

.empty-state p[b-hr9dspuzc3] {
    font-size: 16px;
    color: #7f8c8d;
    margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .search-box-modern[b-hr9dspuzc3] {
        min-width: 100%;
    }

    .objectives-grid[b-hr9dspuzc3],
    .evaluations-grid[b-hr9dspuzc3] {
        grid-template-columns: 1fr;
    }

    .stats-cards-row[b-hr9dspuzc3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .stat-card-modern[b-hr9dspuzc3] {
        flex-direction: column;
        text-align: center;
    }

    .objective-header[b-hr9dspuzc3] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/ProfileView.razor.rz.scp.css */
.avatar-container[b-s6pulgdlf5] {
    position: relative;
    display: inline-block;
}

.avatar-upload-overlay[b-s6pulgdlf5] {
    position: absolute;
    bottom: 0px;
    right: 88px;
    background: linear-gradient(135deg, #10b981, #059669);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    z-index: 10;
}

    .avatar-upload-overlay:hover[b-s6pulgdlf5] {
        background: linear-gradient(135deg, #059669, #047857);
        transform: scale(1.1);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    }

    .avatar-upload-overlay i[b-s6pulgdlf5] {
        color: white;
        font-size: 16px;
    }

.profile-avatar-clickable[b-s6pulgdlf5] {
    transition: all 0.3s ease;
}

    .profile-avatar-clickable:hover[b-s6pulgdlf5] {
        opacity: 0.8;
        transform: scale(1.02);
    }

/* Profile Info Item - Auto-aligned labels based on longest label */
.profile-info-item[b-s6pulgdlf5] {
    display: contents; /* Permite ca elementele sa participe la grid-ul parintelui */
}

.profile-label-fixed[b-s6pulgdlf5] {
    font-size: 13px;
    color: #6c757d;
    white-space: nowrap;
    text-align: left;
    padding-right: 0.5rem;
}

.profile-value[b-s6pulgdlf5] {
    font-size: 14px;
    color: #212529;
    word-break: break-word;
    text-align: left;
}

/* Grid layout pentru card-body - aliniaza automat label-urile */
.card-body[b-s6pulgdlf5] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem;
    row-gap: 0.5rem;
}

.card-body > h5[b-s6pulgdlf5],
.card-body > .row[b-s6pulgdlf5],
.card-body > *:not(.profile-info-item):not(.profile-label-fixed):not(.profile-value)[b-s6pulgdlf5] {
    grid-column: 1 / -1; /* Elementele non-profile ocupa ambele coloane */
}

/* Special layout pentru card-urile cu doua coloane */
.profile-card-two-columns[b-s6pulgdlf5] {
    display: block; /* Resetam grid pentru acest card special */
}

.profile-card-two-columns > h5[b-s6pulgdlf5] {
    display: block;
    width: 100%;
}

/* Special layout pentru card-urile cu trei coloane */
.profile-card-three-columns[b-s6pulgdlf5] {
    display: block; /* Resetam grid pentru acest card special */
}

.profile-card-three-columns > h5[b-s6pulgdlf5] {
    display: block;
    width: 100%;
}

/* Layout cu doua coloane */
.profile-two-columns[b-s6pulgdlf5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 0;
}

/* Layout cu trei coloane */
.profile-three-columns[b-s6pulgdlf5] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    margin-top: 0;
}

.profile-column[b-s6pulgdlf5] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem;
    row-gap: 0.5rem;
}

/* Grid layout pentru text-start (left panel) */
.text-start.mt-3[b-s6pulgdlf5] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem;
    row-gap: 0.5rem;
}

.text-start.mt-3 > h4[b-s6pulgdlf5],
.text-start.mt-3 > p[b-s6pulgdlf5],
.text-start.mt-3 > textarea[b-s6pulgdlf5],
.text-start.mt-3 > *:not(.profile-info-item):not(.profile-label-fixed):not(.profile-value)[b-s6pulgdlf5] {
    grid-column: 1 / -1;
}

/* Responsive: cand ecranul e mic, label-ul si valoarea se aranjeaza vertical */
@media (max-width: 576px) {
    .card-body[b-s6pulgdlf5],
    .text-start.mt-3[b-s6pulgdlf5] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .profile-label-fixed[b-s6pulgdlf5] {
        font-weight: 600;
        padding-right: 0;
    }

    .profile-label-fixed[b-s6pulgdlf5],
    .profile-value[b-s6pulgdlf5] {
        grid-column: 1 / -1;
    }

    /* Pe mobile, coloanele devin una singura */
    .profile-two-columns[b-s6pulgdlf5],
    .profile-three-columns[b-s6pulgdlf5] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
}

/* Responsive: pentru ecrane medii, pastram doua coloane */
@media (min-width: 577px) and (max-width: 991px) {
    .profile-two-columns[b-s6pulgdlf5] {
        gap: 0.75rem;
    }

    /* Pe ecrane medii, trei coloane devin doua */
    .profile-three-columns[b-s6pulgdlf5] {
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/RaportFiltru.razor.rz.scp.css */
.dialog-container[b-q7hcy0tag1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--rz-base-100, #f8f9fa);
}

.dialog-header[b-q7hcy0tag1] {
    flex-shrink: 0;
    padding: 1.5rem 1.5rem 1rem;
    background: linear-gradient(135deg, #034B47 0%, #056862 50%, #078177 100%);
    border-bottom: 3px solid #023430;
    box-shadow: 0 2px 8px rgba(3, 75, 71, 0.3);
}

.dialog-content[b-q7hcy0tag1] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1.25rem 1.5rem;
    min-height: 0;
}

.dialog-footer[b-q7hcy0tag1] {
    flex-shrink: 0;
    border-top: 1px solid var(--rz-border-color, #dee2e6);
    background-color: var(--rz-base-background-color, #fff);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

.section-card[b-q7hcy0tag1] {
    margin-bottom: 0;
    border-radius: 12px;
    border: 1px solid var(--rz-border-color, #e0e0e0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

    .section-card:hover[b-q7hcy0tag1] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
        border-color: #078177;
    }

.user-item[b-q7hcy0tag1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem;
}

.user-icon[b-q7hcy0tag1] {
    font-size: 1.25rem;
    color: #056862;
    flex-shrink: 0;
}

.user-name[b-q7hcy0tag1] {
    flex: 1;
    font-weight: 500;
}

.department-badge[b-q7hcy0tag1] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}

.format-item[b-q7hcy0tag1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
}

.format-icon-wrapper[b-q7hcy0tag1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px; /* micșorat pentru a nu mai fi tăiat */
    height: 24px;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    margin-top: -10px;
}

    .format-icon-wrapper i[b-q7hcy0tag1] {
        font-size: 1.1rem; /* Remix Icon standard */
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

.format-details[b-q7hcy0tag1] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    margin-top: 1px;
}

.format-label[b-q7hcy0tag1] {
    font-weight: 500;
    font-size: 0.9rem;
}

.format-description[b-q7hcy0tag1] {
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
}


.selection-info[b-q7hcy0tag1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color);
    padding: 0.25rem 0;
}

    .selection-info.success[b-q7hcy0tag1] {
        color: #2e7d32;
        font-weight: 500;
    }

    .selection-info .rz-icon[b-q7hcy0tag1] {
        font-size: 1rem;
    }

.footer-info[b-q7hcy0tag1] {
    flex: 1;
}

.primary-button[b-q7hcy0tag1] {
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

    .primary-button:hover:not(:disabled)[b-q7hcy0tag1] {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    }

.rz-multiselect-custom .rz-multiselect-item[b-q7hcy0tag1] {
    padding: 0.5rem;
}

.rz-multiselect-custom .rz-chips[b-q7hcy0tag1] {
    max-height: 120px;
    overflow-y: auto;
    padding: 0.5rem;
    gap: 0.5rem;
}

.rz-multiselect-custom .rz-chip[b-q7hcy0tag1] {
    background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);
    color: #004d40;
    border-radius: 16px;
    padding: 0.375rem 0.75rem;
    font-weight: 500;
    border: 1px solid #80cbc4;
}

.dialog-content[b-q7hcy0tag1]::-webkit-scrollbar {
    width: 10px;
}

.dialog-content[b-q7hcy0tag1]::-webkit-scrollbar-track {
    background: var(--rz-base-200, #f0f0f0);
    border-radius: 5px;
}

.dialog-content[b-q7hcy0tag1]::-webkit-scrollbar-thumb {
    background: var(--rz-base-400, #bdbdbd);
    border-radius: 5px;
    border: 2px solid var(--rz-base-200, #f0f0f0);
}

    .dialog-content[b-q7hcy0tag1]::-webkit-scrollbar-thumb:hover {
        background: var(--rz-base-500, #9e9e9e);
    }

@media (max-width: 768px) {
    .dialog-header[b-q7hcy0tag1] {
        padding: 1rem;
    }

    .dialog-content[b-q7hcy0tag1] {
        padding: 1rem;
    }

    .footer-info[b-q7hcy0tag1] {
        display: none;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/Reports/ReportDesigner.razor.rz.scp.css */
/* ===========================
   REPORT TEMPLATES - COMPLETE STYLES
   =========================== */

/* TOOLBAR & COMMON */
.toolbar-card[b-puyiu7dotj] {
    margin-bottom: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.toolbar-left[b-puyiu7dotj] {
    flex: 1;
}

/* Iconita de cautare */
.search-icon[b-puyiu7dotj] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none;
    z-index: 1;
}

.search-box-modern[b-puyiu7dotj] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-input[b-puyiu7dotj] {
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .search-input:focus[b-puyiu7dotj] {
        border-color: #667eea;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    }

.clear-search-btn[b-puyiu7dotj] {
    position: absolute;
    right: 8px;
    z-index: 2;
}

.view-toggle[b-puyiu7dotj] {
    display: flex;
    gap: 0.25rem;
    background: #f0f0f0;
    padding: 0.25rem;
    border-radius: 8px;
}

/* STATS BAR */
.stats-bar[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-puyiu7dotj] {
        color: #f57c00;
        font-weight: 600;
    }

/* CONTENT CARD */
.content-card[b-puyiu7dotj] {
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-top: 20px;
}

/* EMPTY STATE */
.empty-state[b-puyiu7dotj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
}

.empty-icon[b-puyiu7dotj] {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-puyiu7dotj] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-puyiu7dotj] {
    font-size: 1rem;
    color: #999;
    text-align: center;
    max-width: 400px;
}

/* ===========================
   CARD VIEW (GRID)
   =========================== */

.templates-grid-compact[b-puyiu7dotj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

.template-card-compact[b-puyiu7dotj] {
    background: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 16px;
    padding: 1.25rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga - Gradient violet */
    .template-card-compact[b-puyiu7dotj]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .template-card-compact:hover[b-puyiu7dotj] {
        border-color: #667eea;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.2);
        transform: translateY(-4px);
    }

        .template-card-compact:hover[b-puyiu7dotj]::before {
            transform: scaleY(1);
        }

.template-card-header-compact[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.template-icon-wrapper[b-puyiu7dotj] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.template-card-compact:hover .template-icon-wrapper[b-puyiu7dotj] {
    background: linear-gradient(135deg, #a8c0ff 0%, #d6a4ff 100%);
    color: #2d2d2d;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

    .template-card-compact:hover .template-icon-wrapper .rz-icon[b-puyiu7dotj] {
        color: white !important;
    }

.template-badge[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background: #f5f5f5;
    border-radius: 12px;
    font-size: 0.75rem;
    color: #666;
    font-weight: 500;
}

.template-card-title-compact[b-puyiu7dotj] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 1rem 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}

.template-card-meta-compact[b-puyiu7dotj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.meta-item-compact[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #666;
}

.template-card-footer-compact[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.template-actions-compact[b-puyiu7dotj] {
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.template-card-compact:hover .template-actions-compact[b-puyiu7dotj] {
    opacity: 1;
}

/* ===========================
   TABLE VIEW (VERTICAL LIST)
   =========================== */

.templates-table-compact[b-puyiu7dotj] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.template-row-compact[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga - Gradient violet */
    .template-row-compact[b-puyiu7dotj]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .template-row-compact:hover[b-puyiu7dotj] {
        border-color: #667eea;
        background: #ffffff;
        box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15);
        transform: translateX(4px);
    }

        .template-row-compact:hover[b-puyiu7dotj]::before {
            transform: scaleY(1);
        }

.template-row-main[b-puyiu7dotj] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.template-row-icon[b-puyiu7dotj] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.template-row-compact:hover .template-row-icon[b-puyiu7dotj] {
    background: linear-gradient(135deg, #a8c0ff 0%, #d6a4ff 100%);
}

    .template-row-compact:hover .template-row-icon .rz-icon[b-puyiu7dotj] {
        color: white !important;
    }

.template-row-content[b-puyiu7dotj] {
    flex: 1;
    min-width: 0;
}

.template-row-title[b-puyiu7dotj] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.template-row-meta[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.meta-tag[b-puyiu7dotj] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.813rem;
    color: #666;
    background: #f0f0f0;
    padding: 0.25rem 0.625rem;
    border-radius: 8px;
}

.template-row-actions[b-puyiu7dotj] {
    display: flex;
    gap: 0.5rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.template-row-compact:hover .template-row-actions[b-puyiu7dotj] {
    opacity: 1;
}

/* ===========================
   PAGINATION
   =========================== */

.pagination-wrapper[b-puyiu7dotj] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e0e0e0;
}

/* ===========================
   ANIMATIONS
   =========================== */

@keyframes fadeInUp-b-puyiu7dotj {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.template-card-compact[b-puyiu7dotj],
.template-row-compact[b-puyiu7dotj] {
    animation: fadeInUp-b-puyiu7dotj 0.3s ease-out;
    animation-fill-mode: both;
}

    .template-card-compact:nth-child(1)[b-puyiu7dotj],
    .template-row-compact:nth-child(1)[b-puyiu7dotj] {
        animation-delay: 0.05s;
    }

    .template-card-compact:nth-child(2)[b-puyiu7dotj],
    .template-row-compact:nth-child(2)[b-puyiu7dotj] {
        animation-delay: 0.1s;
    }

    .template-card-compact:nth-child(3)[b-puyiu7dotj],
    .template-row-compact:nth-child(3)[b-puyiu7dotj] {
        animation-delay: 0.15s;
    }

    .template-card-compact:nth-child(4)[b-puyiu7dotj],
    .template-row-compact:nth-child(4)[b-puyiu7dotj] {
        animation-delay: 0.2s;
    }

    .template-card-compact:nth-child(5)[b-puyiu7dotj],
    .template-row-compact:nth-child(5)[b-puyiu7dotj] {
        animation-delay: 0.25s;
    }

    .template-card-compact:nth-child(6)[b-puyiu7dotj],
    .template-row-compact:nth-child(6)[b-puyiu7dotj] {
        animation-delay: 0.3s;
    }

/* ===========================
   HOVER EFFECTS & TRANSITIONS
   =========================== */

.template-card-compact[b-puyiu7dotj],
.template-row-compact[b-puyiu7dotj] {
    will-change: transform;
}

/* Smooth transitions pentru butoane */
.template-actions-compact .rz-button[b-puyiu7dotj],
.template-row-actions .rz-button[b-puyiu7dotj] {
    transition: all 0.2s ease;
}

    .template-actions-compact .rz-button:hover[b-puyiu7dotj],
    .template-row-actions .rz-button:hover[b-puyiu7dotj] {
        transform: scale(1.1);
    }

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 1200px) {
    .templates-grid-compact[b-puyiu7dotj] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}

@media (max-width: 991px) {
    .search-box-modern[b-puyiu7dotj] {
        min-width: 100%;
    }

    .templates-grid-compact[b-puyiu7dotj] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

@media (max-width: 767px) {
    .stats-bar[b-puyiu7dotj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .templates-grid-compact[b-puyiu7dotj] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .template-actions-compact[b-puyiu7dotj],
    .template-row-actions[b-puyiu7dotj] {
        opacity: 1;
    }

    .template-row-meta[b-puyiu7dotj] {
        gap: 0.5rem;
    }

    .template-row-main[b-puyiu7dotj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .template-row-actions[b-puyiu7dotj] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 576px) {
    .toolbar-card .rz-stack[b-puyiu7dotj] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .view-toggle[b-puyiu7dotj] {
        width: 100%;
        justify-content: center;
    }

    .template-card-footer-compact[b-puyiu7dotj] {
        flex-direction: column;
        align-items: stretch;
    }

    .template-actions-compact[b-puyiu7dotj] {
        justify-content: center;
    }
}

/* ===========================
   LOADING SPINNER
   =========================== */

.loading-container[b-puyiu7dotj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 1.5rem;
}

.loading-spinner[b-puyiu7dotj] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #667eea;
    border-radius: 50%;
    animation: spin-b-puyiu7dotj 1s linear infinite;
}

@keyframes spin-b-puyiu7dotj {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-text[b-puyiu7dotj] {
    font-size: 1rem;
    color: #666;
    font-weight: 500;
}

/* ===========================
   CUSTOM SCROLLBAR
   =========================== */

.templates-table-compact[b-puyiu7dotj]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.templates-table-compact[b-puyiu7dotj]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.templates-table-compact[b-puyiu7dotj]::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 10px;
}

    .templates-table-compact[b-puyiu7dotj]::-webkit-scrollbar-thumb:hover {
        background: #5568d3;
    }

/* ===========================
   ACCESSIBILITY
   =========================== */

.template-card-compact:focus-visible[b-puyiu7dotj],
.template-row-compact:focus-visible[b-puyiu7dotj] {
    outline: 3px solid #667eea;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .template-card-compact[b-puyiu7dotj],
    .template-row-compact[b-puyiu7dotj] {
        border-width: 3px;
    }

        .template-card-compact:hover[b-puyiu7dotj],
        .template-row-compact:hover[b-puyiu7dotj] {
            border-width: 3px;
        }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .template-card-compact[b-puyiu7dotj],
    .template-row-compact[b-puyiu7dotj],
    .template-actions-compact[b-puyiu7dotj],
    .template-row-actions[b-puyiu7dotj],
    .template-icon-wrapper[b-puyiu7dotj],
    .template-row-icon[b-puyiu7dotj] {
        animation: none;
        transition: none;
    }

        .template-card-compact:hover[b-puyiu7dotj],
        .template-row-compact:hover[b-puyiu7dotj] {
            transform: none;
        }
}
/* _content/Portal.Client/Components/Pages/Panels/Salariu_New.razor.rz.scp.css */
.salary-card[b-fuevaop3do] {
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.salary-card:hover[b-fuevaop3do] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.icon-box[b-fuevaop3do] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-size: 24px;
    margin-top: -10px;
}

    .icon-box.success[b-fuevaop3do] {
        background: linear-gradient(135deg, #034B47 0%, #056862 100%);
    }

    .icon-box.info[b-fuevaop3do] {
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    }

.stat-badge[b-fuevaop3do] {
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
}

.doc-link[b-fuevaop3do] {
    transition: all 0.2s ease;
    color: #667eea;
    font-weight: 600;
}

    .doc-link:hover[b-fuevaop3do] {
        color: #764ba2;
        transform: translateX(4px);
    }

.rz-card[b-fuevaop3do] {
    border-radius: 12px !important;
    border: 1px solid #e8e8e8 !important;
}

.page-header[b-fuevaop3do] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 2rem;
    border-radius: 12px;
    color: white;
    margin-bottom: 2rem;
}

.modern-grid[b-fuevaop3do] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.form-field-wrapper[b-fuevaop3do] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Info Card */
.info-card[b-fuevaop3do] {
    border-radius: 16px;
    border: 2px solid #b2dfdb;
    background: linear-gradient(135deg, #e0f2f1 0%, #fff 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.info-header[b-fuevaop3do] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.info-title[b-fuevaop3do] {
    font-size: 1rem;
    font-weight: 600;
    color: #034B47;
}

.info-content[b-fuevaop3do] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-item[b-fuevaop3do] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: #666;
}

/* Butoane moderne */
.btn[b-fuevaop3do] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-fuevaop3do] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-fuevaop3do] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.month-input-clickable[b-fuevaop3do] {
    cursor: pointer;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 16px;
    padding-right: 2.5rem;
}

    .month-input-clickable[b-fuevaop3do]::-webkit-calendar-picker-indicator {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        cursor: pointer;
        background: transparent;
    }

    .month-input-clickable[b-fuevaop3do]::-moz-calendar-picker-indicator {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
    }
/* _content/Portal.Client/Components/Pages/Panels/Securitate/EditUserRolesDialog.razor.rz.scp.css */
/* DIALOG BODY */
.dialog-body-modern[b-6g6ghgc2pa] {
    padding: 0;
    max-height: 70vh;
    overflow-y: auto;
}

/* SECTION DIVIDER */
.section-divider[b-6g6ghgc2pa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 0;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #f0f0f0;
}

    .section-divider h6[b-6g6ghgc2pa] {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 600;
        color: #1a1a1a;
    }

/* FORM GRID - 3 COLUMNS */
.form-grid-3[b-6g6ghgc2pa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

/* FORM GROUP */
.form-group-modern[b-6g6ghgc2pa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

    .form-group-modern.checkbox-group[b-6g6ghgc2pa] {
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem;
        background: #f8f9fa;
        border-radius: 8px;
        border: 1px solid #e0e0e0;
        transition: all 0.2s ease;
    }

        .form-group-modern.checkbox-group:hover[b-6g6ghgc2pa] {
            background: #ffffff;
            border-color: #034B47;
        }

/* INPUT STYLES */
.input-ultra-modern[b-6g6ghgc2pa],
.dropdown-ultra-modern[b-6g6ghgc2pa],
.datepicker-ultra-modern[b-6g6ghgc2pa] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.938rem;
    transition: all 0.2s ease;
    background: #ffffff;
}

    .input-ultra-modern:focus[b-6g6ghgc2pa],
    .dropdown-ultra-modern:focus[b-6g6ghgc2pa],
    .datepicker-ultra-modern:focus[b-6g6ghgc2pa] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
        outline: none;
    }

    .input-ultra-modern[b-6g6ghgc2pa]::placeholder {
        color: #999;
    }

/* VALIDATION */
.validation-message[b-6g6ghgc2pa] {
    color: #f44336;
    font-size: 0.813rem;
    margin-top: 0.25rem;
}

/* ROLES MANAGEMENT */
.roles-management[b-6g6ghgc2pa] {
    margin-top: 1rem;
}

.roles-list-compact[b-6g6ghgc2pa] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.role-item-compact[b-6g6ghgc2pa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    transition: all 0.3s ease;
}

    .role-item-compact:hover[b-6g6ghgc2pa] {
        border-color: #034B47;
        box-shadow: 0 4px 12px rgba(3, 75, 71, 0.1);
        transform: translateX(4px);
    }

.role-item-content[b-6g6ghgc2pa] {
    display: flex;
    gap: 2rem;
    flex: 1;
}

.role-item-workplace[b-6g6ghgc2pa],
.role-item-role[b-6g6ghgc2pa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    font-weight: 500;
}

    .role-item-workplace span[b-6g6ghgc2pa] {
        color: #034B47;
    }

    .role-item-role span[b-6g6ghgc2pa] {
        color: #1976d2;
    }

.btn-delete-role[b-6g6ghgc2pa] {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    border-radius: 8px !important;
}

.no-roles-message[b-6g6ghgc2pa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    background: #f8f9fa;
    border: 2px dashed #e0e0e0;
    border-radius: 12px;
}

    .no-roles-message p[b-6g6ghgc2pa] {
        margin: 0.75rem 0 0 0;
        color: #666;
        font-size: 0.938rem;
    }

/* OVERLAY DIALOG */
.overlay-dialog[b-6g6ghgc2pa] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-6g6ghgc2pa 0.2s ease;
}

.add-role-dialog[b-6g6ghgc2pa] {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 500px;
    animation: slideUp-b-6g6ghgc2pa 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dialog-header[b-6g6ghgc2pa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 2px solid #f0f0f0;
}

    .dialog-header h5[b-6g6ghgc2pa] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 600;
        color: #1a1a1a;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

.dialog-content[b-6g6ghgc2pa] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-label-modern[b-6g6ghgc2pa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
}

.dialog-actions[b-6g6ghgc2pa] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1.5rem;
    border-top: 2px solid #f0f0f0;
}

/* Butoane moderne */
.btn[b-6g6ghgc2pa] {
/*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
}

    .btn:hover:not(:disabled)[b-6g6ghgc2pa] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-6g6ghgc2pa] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ANIMATIONS */
@keyframes fadeIn-b-6g6ghgc2pa {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-6g6ghgc2pa {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .form-grid-3[b-6g6ghgc2pa] {
        grid-template-columns: repeat(2, 1fr);
    }

    .role-item-content[b-6g6ghgc2pa] {
        flex-direction: column;
        gap: 0.75rem;
    }
}

@media (max-width: 767px) {
    .form-grid-3[b-6g6ghgc2pa] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .section-divider[b-6g6ghgc2pa] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .add-role-dialog[b-6g6ghgc2pa] {
        width: 95%;
        margin: 1rem;
    }

    .dialog-actions[b-6g6ghgc2pa] {
        flex-direction: column;
    }

        .dialog-actions button[b-6g6ghgc2pa] {
            width: 100%;
        }
}

/* SCROLLBAR */
.dialog-body-modern[b-6g6ghgc2pa]::-webkit-scrollbar {
    width: 8px;
}

.dialog-body-modern[b-6g6ghgc2pa]::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.dialog-body-modern[b-6g6ghgc2pa]::-webkit-scrollbar-thumb {
    background: #034B47;
    border-radius: 4px;
}

    .dialog-body-modern[b-6g6ghgc2pa]::-webkit-scrollbar-thumb:hover {
        background: #078177;
    }
/* _content/Portal.Client/Components/Pages/Panels/Securitate/InactivateUsers.razor.rz.scp.css */
/* ===========================
   USERS MANAGEMENT PAGE - COMPLETE STYLES
   =========================== */

/* TOOLBAR & COMMON */
.toolbar-card[b-21si528o5a] {
    margin-bottom: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.toolbar-left[b-21si528o5a] {
    flex: 1;
}

/* Iconita de cautare */
.search-icon[b-21si528o5a] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none; /* nu blocheaza click in input */
}

.search-box-modern[b-21si528o5a] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-input[b-21si528o5a] {
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .search-input:focus[b-21si528o5a] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    }

.clear-search-btn[b-21si528o5a] {
    position: absolute;
    right: 8px;
}

.view-toggle[b-21si528o5a] {
    display: flex;
    gap: 0.25rem;
    background: #f0f0f0;
    padding: 0.25rem;
    border-radius: 8px;
}

/* STATS BAR */
.stats-bar[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-21si528o5a] {
        color: #f57c00;
        font-weight: 600;
    }

/* CONTENT CARD */
.content-card[b-21si528o5a] {
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-top: 20px;
}

/* EMPTY STATE */
.empty-state[b-21si528o5a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
}

.empty-icon[b-21si528o5a] {
    width: 100px;
    height: 100px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-21si528o5a] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-21si528o5a] {
    font-size: 1rem;
    color: #999;
    text-align: center;
    max-width: 400px;
}

/* ===========================
   CARD VIEW (GRID)
   =========================== */

.tasks-grid-compact[b-21si528o5a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.task-card-compact[b-21si528o5a] {
    background: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga */
    .task-card-compact[b-21si528o5a]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #034B47 0%, #078177 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .task-card-compact:hover[b-21si528o5a] {
        border-color: #034B47;
        box-shadow: 0 8px 24px rgba(3, 75, 71, 0.15);
        transform: translateY(-4px);
    }

        .task-card-compact:hover[b-21si528o5a]::before {
            transform: scaleY(1);
        }

.task-card-header-compact[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.task-card-title-compact[b-21si528o5a] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-card-meta-compact[b-21si528o5a] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.meta-item-compact[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.813rem;
    color: #666;
}

.task-card-footer-compact[b-21si528o5a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.task-users-section[b-21si528o5a] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    flex: 1;
}

.task-user-mini[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.avatar-mini[b-21si528o5a] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e0e0e0;
    flex-shrink: 0;
}

.avatar-placeholder-mini[b-21si528o5a] {
    background: linear-gradient(135deg, #034B47 0%, #056660 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.7rem;
}

.user-info-mini[b-21si528o5a] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.user-name-mini[b-21si528o5a] {
    font-size: 0.813rem;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role-mini[b-21si528o5a] {
    font-size: 0.688rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.task-actions-compact[b-21si528o5a] {
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.task-card-compact:hover .task-actions-compact[b-21si528o5a] {
    opacity: 1;
}

/* ===========================
   TABLE VIEW (VERTICAL LIST)
   =========================== */

.tasks-table-compact[b-21si528o5a] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.task-row-compact[b-21si528o5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 1rem;
    background: #f8f9fa;
    border: 2px solid #e8e8e8;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga */
    .task-row-compact[b-21si528o5a]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #034B47 0%, #078177 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .task-row-compact:hover[b-21si528o5a] {
        border-color: #034B47;
        background: #ffffff;
        box-shadow: 0 8px 24px rgba(3, 75, 71, 0.15);
        transform: translateX(4px);
    }

        .task-row-compact:hover[b-21si528o5a]::before {
            transform: scaleY(1);
        }

.task-row-main[b-21si528o5a] {
    flex: 1;
    min-width: 0;
}

.task-row-badges[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 0.5rem;
}

.task-row-title[b-21si528o5a] {
    font-size: 0.938rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-row-meta[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.meta-tag[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #666;
}

.task-row-actions[b-21si528o5a] {
    display: flex;
    gap: 0.5rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.task-row-compact:hover .task-row-actions[b-21si528o5a] {
    opacity: 1;
}

/* ===========================
   BADGES
   =========================== */

.badge-compact[b-21si528o5a] {
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.688rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.badge-mini[b-21si528o5a] {
    padding: 0.188rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.badge-danger[b-21si528o5a] {
    background: linear-gradient(135deg, #ff5252 0%, #f44336 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(244, 67, 54, 0.25);
}

.badge-success[b-21si528o5a] {
    background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(76, 175, 80, 0.25);
}

.badge-warning[b-21si528o5a] {
    background: linear-gradient(135deg, #ffca28 0%, #ffc107 100%);
    color: #333;
    box-shadow: 0 2px 6px rgba(255, 193, 7, 0.25);
}

.badge-secondary[b-21si528o5a] {
    background: linear-gradient(135deg, #90a4ae 0%, #78909c 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(120, 144, 156, 0.25);
}

/* ===========================
   PAGINATION
   =========================== */

.pagination-wrapper[b-21si528o5a] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e0e0e0;
}

/* ===========================
   ANIMATIONS
   =========================== */

@keyframes fadeInUp-b-21si528o5a {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.task-card-compact[b-21si528o5a],
.task-row-compact[b-21si528o5a] {
    animation: fadeInUp-b-21si528o5a 0.3s ease-out;
    animation-fill-mode: both;
}

    .task-card-compact:nth-child(1)[b-21si528o5a],
    .task-row-compact:nth-child(1)[b-21si528o5a] {
        animation-delay: 0.05s;
    }

    .task-card-compact:nth-child(2)[b-21si528o5a],
    .task-row-compact:nth-child(2)[b-21si528o5a] {
        animation-delay: 0.1s;
    }

    .task-card-compact:nth-child(3)[b-21si528o5a],
    .task-row-compact:nth-child(3)[b-21si528o5a] {
        animation-delay: 0.15s;
    }

    .task-card-compact:nth-child(4)[b-21si528o5a],
    .task-row-compact:nth-child(4)[b-21si528o5a] {
        animation-delay: 0.2s;
    }

    .task-card-compact:nth-child(5)[b-21si528o5a],
    .task-row-compact:nth-child(5)[b-21si528o5a] {
        animation-delay: 0.25s;
    }

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 991px) {
    .search-box-modern[b-21si528o5a] {
        min-width: 100%;
    }

    .tasks-grid-compact[b-21si528o5a] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

@media (max-width: 767px) {
    .stats-bar[b-21si528o5a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .tasks-grid-compact[b-21si528o5a] {
        grid-template-columns: 1fr;
    }

    .task-actions-compact[b-21si528o5a],
    .task-row-actions[b-21si528o5a] {
        opacity: 1;
    }

    .task-row-meta[b-21si528o5a] {
        gap: 0.5rem;
    }

    .task-card-footer-compact[b-21si528o5a] {
        flex-direction: column;
    }
}

/* ===========================
   FILTER SECTION
   =========================== */

.filter-card[b-21si528o5a] {
    margin-top: 10px;
    margin-bottom: 1rem;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.filter-info[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-title[b-21si528o5a] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
}

/* Filter Pills Group */
.filter-pills-group[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.filter-group-label[b-21si528o5a] {
    font-size: 0.813rem;
    font-weight: 600;
    color: #666;
    margin-right: 0.25rem;
}

/* Filter Pills */
.filter-pill[b-21si528o5a] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 20px;
    font-size: 0.813rem;
    font-weight: 500;
    color: #495057;
    cursor: pointer;
    transition: all 0.3s ease;
    user-select: none;
}

.filter-pill:hover[b-21si528o5a] {
    background: #034B47;
    color: white;
    border-color: #034B47;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.25);
}

.filter-pill.active[b-21si528o5a] {
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    color: white;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.35);
}

/* Filter Pills - Variant colors */
.filter-pill-success[b-21si528o5a] {
    border-color: #4caf50;
}

.filter-pill-success:hover[b-21si528o5a],
.filter-pill-success.active[b-21si528o5a] {
    background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);
    border-color: transparent;
}

.filter-pill-warning[b-21si528o5a] {
    border-color: #ff9800;
}

.filter-pill-warning:hover[b-21si528o5a],
.filter-pill-warning.active[b-21si528o5a] {
    background: linear-gradient(135deg, #ffb74d 0%, #ff9800 100%);
    border-color: transparent;
    color: white;
}

.filter-pill-danger[b-21si528o5a] {
    border-color: #f44336;
}

.filter-pill-danger:hover[b-21si528o5a],
.filter-pill-danger.active[b-21si528o5a] {
    background: linear-gradient(135deg, #ff5252 0%, #f44336 100%);
    border-color: transparent;
}

@media (max-width: 991px) {
    .filter-pills-group[b-21si528o5a] {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .filter-card[b-21si528o5a] {
        padding: 1rem;
    }

    .filter-pills-group[b-21si528o5a] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .filter-pill[b-21si528o5a] {
        justify-content: center;
    }
}

/* ===========================
   ERP STATUS BADGES
   =========================== */

.badge-erp-success[b-21si528o5a] {
    background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(76, 175, 80, 0.25);
}

.badge-erp-warning[b-21si528o5a] {
    background: linear-gradient(135deg, #ffb74d 0%, #ff9800 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(255, 152, 0, 0.25);
}

.badge-erp-danger[b-21si528o5a] {
    background: linear-gradient(135deg, #ff5252 0%, #f44336 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(244, 67, 54, 0.25);
}
/* _content/Portal.Client/Components/Pages/Panels/Securitate/ManageUserRoles.razor.rz.scp.css */
/* ===========================
   MANAGE USER ROLES PAGE
   =========================== */

/* TOOLBAR */
.toolbar-card[b-9c4mki4n6w] {
    margin-bottom: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

    .toolbar-card .btn.btn-primary[b-9c4mki4n6w] {
        width: 120px !important;
        flex-shrink: 0 !important;
    }

.toolbar-left[b-9c4mki4n6w] {
    flex: 1;
}

.search-box-modern[b-9c4mki4n6w] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-input[b-9c4mki4n6w] {
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .search-input:focus[b-9c4mki4n6w] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    }

.clear-search-btn[b-9c4mki4n6w] {
    position: absolute;
    right: 8px;
}

.view-toggle[b-9c4mki4n6w] {
    display: flex;
    gap: 0.25rem;
    background: #f0f0f0;
    padding: 0.25rem;
    border-radius: 8px;
}

.add-user-btn[b-9c4mki4n6w] {
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* STATS BAR */
.stats-bar[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-9c4mki4n6w] {
        color: #f57c00;
        font-weight: 600;
    }

/* EMPTY STATE */
.content-card[b-9c4mki4n6w] {
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-top: 20px;
}

.empty-state[b-9c4mki4n6w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
}

.empty-icon[b-9c4mki4n6w] {
    width: 100px;
    height: 100px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-9c4mki4n6w] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-9c4mki4n6w] {
    font-size: 1rem;
    color: #999;
    text-align: center;
    max-width: 400px;
}

/* GRID VIEW */
.users-grid-view[b-9c4mki4n6w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

/* LIST VIEW */
.users-list-view[b-9c4mki4n6w] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.user-row-compact[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    .user-row-compact[b-9c4mki4n6w]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #034B47 0%, #078177 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .user-row-compact:hover[b-9c4mki4n6w] {
        border-color: #034B47;
        background: #ffffff;
        box-shadow: 0 8px 24px rgba(3, 75, 71, 0.15);
        transform: translateX(4px);
    }

        .user-row-compact:hover[b-9c4mki4n6w]::before {
            transform: scaleY(1);
        }

        .user-row-compact:hover .user-row-actions[b-9c4mki4n6w] {
            opacity: 1;
            transform: translateX(0);
        }

.user-row-main[b-9c4mki4n6w] {
    flex: 1;
    min-width: 0;
}

.user-row-header[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.user-avatar-wrapper[b-9c4mki4n6w] {
    position: relative;
}

.user-avatar-list[b-9c4mki4n6w] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e0e0e0;
}

.user-avatar-placeholder[b-9c4mki4n6w] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    color: white;
    border: 2px solid #e0e0e0;
}

.user-info-header[b-9c4mki4n6w] {
    flex: 1;
    min-width: 0;
}

.user-name-list[b-9c4mki4n6w] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.375rem 0;
}

.user-meta-tags[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.meta-tag[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.813rem;
    color: #666;
}

.user-roles-list[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.role-badge-mini[b-9c4mki4n6w] {
    padding: 0.188rem 0.5rem;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    color: #1976d2;
    border-radius: 10px;
    font-size: 0.688rem;
    font-weight: 600;
}

.role-count[b-9c4mki4n6w] {
    padding: 0.188rem 0.5rem;
    background: #f5f5f5;
    color: #666;
    border-radius: 10px;
    font-size: 0.688rem;
    font-weight: 600;
}

/* USER ROW ACTIONS - Updated */
.user-row-actions[b-9c4mki4n6w] {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    opacity: 0;
    transform: translateX(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    .user-row-actions .rz-button[b-9c4mki4n6w] {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        padding: 0 !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

        .user-row-actions .rz-button.btn-edit[b-9c4mki4n6w] {
            background: rgba(3, 75, 71, 0.1) !important;
            color: #034B47 !important;
            border: 1px solid rgba(3, 75, 71, 0.2) !important;
        }

            .user-row-actions .rz-button.btn-edit:hover[b-9c4mki4n6w] {
                background: #034B47 !important;
                color: white !important;
                transform: scale(1.1);
            }

        .user-row-actions .rz-button.btn-toggle[b-9c4mki4n6w] {
            background: rgba(76, 175, 80, 0.1) !important;
            color: #4caf50 !important;
            border: 1px solid rgba(76, 175, 80, 0.2) !important;
        }

            .user-row-actions .rz-button.btn-toggle:hover[b-9c4mki4n6w] {
                background: #4caf50 !important;
                color: white !important;
                transform: scale(1.1);
            }

            .user-row-actions .rz-button.btn-toggle.inactive[b-9c4mki4n6w] {
                background: rgba(158, 158, 158, 0.1) !important;
                color: #9e9e9e !important;
                border: 1px solid rgba(158, 158, 158, 0.2) !important;
            }

                .user-row-actions .rz-button.btn-toggle.inactive:hover[b-9c4mki4n6w] {
                    background: #9e9e9e !important;
                    color: white !important;
                }

        .user-row-actions .rz-button.btn-delete[b-9c4mki4n6w] {
            background: rgba(244, 67, 54, 0.1) !important;
            color: #f44336 !important;
            border: 1px solid rgba(244, 67, 54, 0.2) !important;
        }

            .user-row-actions .rz-button.btn-delete:hover[b-9c4mki4n6w] {
                background: #f44336 !important;
                color: white !important;
                transform: scale(1.1);
            }

/* BADGES */
.badge-mini[b-9c4mki4n6w] {
    padding: 0.188rem 0.5rem;
    border-radius: 10px;
    font-size: 0.688rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-success[b-9c4mki4n6w] {
    background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);
    color: white;
}

.badge-secondary[b-9c4mki4n6w] {
    background: linear-gradient(135deg, #90a4ae 0%, #78909c 100%);
    color: white;
}

/* PAGINATION */
.pagination-wrapper[b-9c4mki4n6w] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e0e0e0;
}

/* ANIMATIONS */
@keyframes fadeInUp-b-9c4mki4n6w {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE */
@media (max-width: 991px) {
    .search-box-modern[b-9c4mki4n6w] {
        min-width: 100%;
    }

    .toolbar-actions[b-9c4mki4n6w] {
        width: 100%;
        justify-content: space-between;
    }

    .users-grid-view[b-9c4mki4n6w] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
}

@media (max-width: 767px) {
    .stats-bar[b-9c4mki4n6w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .users-grid-view[b-9c4mki4n6w] {
        grid-template-columns: 1fr;
    }

    .user-row-actions[b-9c4mki4n6w] {
        opacity: 1;
        transform: translateX(0);
    }

    .user-meta-tags[b-9c4mki4n6w] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .toolbar-actions[b-9c4mki4n6w] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .view-toggle[b-9c4mki4n6w] {
        width: 100%;
        justify-content: center;
    }
}

/* Iconita de cautare */
.search-icon[b-9c4mki4n6w] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none; /* nu blocheaza click in input */
}

/* Butoane moderne */
.btn[b-9c4mki4n6w] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    width: 120px !important;
}

    .btn:hover:not(:disabled)[b-9c4mki4n6w] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-9c4mki4n6w] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* FILTER SECTION */
.filter-card[b-9c4mki4n6w] {
    margin-top: 10px;
    margin-bottom: 1rem;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.filter-info[b-9c4mki4n6w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-title[b-9c4mki4n6w] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
}
/* _content/Portal.Client/Components/Pages/Panels/Securitate/UserRoleCard.razor.rz.scp.css */
/* USER CARD MODERN */
.user-card-modern[b-yuldj8bny9] {
    background: #ffffff;
    border-radius: 16px;
    border: 2px solid #e8e8e8;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
}

    .user-card-modern[b-yuldj8bny9]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #034B47 0%, #078177 100%);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease;
    }

    .user-card-modern:hover[b-yuldj8bny9] {
        border-color: #034B47;
        box-shadow: 0 12px 32px rgba(3, 75, 71, 0.15);
        transform: translateY(-4px);
    }

        .user-card-modern:hover[b-yuldj8bny9]::before {
            transform: scaleX(1);
        }

        .user-card-modern:hover .card-actions-top[b-yuldj8bny9] {
            opacity: 1;
            transform: translateY(0);
        }

/* CARD ACTIONS TOP */
.card-actions-top[b-yuldj8bny9] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
}

.action-btn[b-yuldj8bny9] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s ease !important;
}

    .action-btn:hover[b-yuldj8bny9] {
        transform: scale(1.15);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    }

    .action-btn.btn-edit[b-yuldj8bny9] {
        background: rgba(3, 75, 71, 0.1) !important;
        color: #034B47 !important;
        border: 1px solid rgba(3, 75, 71, 0.2) !important;
    }

        .action-btn.btn-edit:hover[b-yuldj8bny9] {
            background: #034B47 !important;
            color: white !important;
        }

    .action-btn.btn-toggle[b-yuldj8bny9] {
        background: rgba(76, 175, 80, 0.1) !important;
        color: #4caf50 !important;
        border: 1px solid rgba(76, 175, 80, 0.2) !important;
    }

        .action-btn.btn-toggle:hover[b-yuldj8bny9] {
            background: #4caf50 !important;
            color: white !important;
        }

        .action-btn.btn-toggle.inactive[b-yuldj8bny9] {
            background: rgba(158, 158, 158, 0.1) !important;
            color: #9e9e9e !important;
            border: 1px solid rgba(158, 158, 158, 0.2) !important;
        }

            .action-btn.btn-toggle.inactive:hover[b-yuldj8bny9] {
                background: #9e9e9e !important;
                color: white !important;
            }

    .action-btn.btn-delete[b-yuldj8bny9] {
        background: rgba(244, 67, 54, 0.1) !important;
        color: #f44336 !important;
        border: 1px solid rgba(244, 67, 54, 0.2) !important;
    }

        .action-btn.btn-delete:hover[b-yuldj8bny9] {
            background: #f44336 !important;
            color: white !important;
        }

/* HEADER */
.user-card-header[b-yuldj8bny9] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1.5rem 0 1.5rem;
    position: relative;
}

.user-avatar-section[b-yuldj8bny9] {
    position: relative;
    display: flex;
    justify-content: center;
}

.user-avatar[b-yuldj8bny9] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e0e0e0;
    transition: all 0.3s ease;
}

.user-card-modern:hover .user-avatar[b-yuldj8bny9] {
    border-color: #034B47;
    transform: scale(1.05);
}

.user-avatar-placeholder[b-yuldj8bny9] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    border: 3px solid #e0e0e0;
    transition: all 0.3s ease;
}

.user-card-modern:hover .user-avatar-placeholder[b-yuldj8bny9] {
    border-color: #034B47;
    transform: scale(1.05);
}

.status-badge[b-yuldj8bny9] {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid #ffffff;
}

.status-active[b-yuldj8bny9] {
    background: #4caf50;
    box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
}

.status-inactive[b-yuldj8bny9] {
    background: #9e9e9e;
}

/* BODY */
.user-card-body[b-yuldj8bny9] {
    padding: 1rem 1.5rem;
    text-align: center;
}

.user-name[b-yuldj8bny9] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.user-details[b-yuldj8bny9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.detail-item[b-yuldj8bny9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #666;
}

    .detail-item span[b-yuldj8bny9] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* ROLES SECTION */
.user-roles-section[b-yuldj8bny9] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1rem;
    margin-top: 1rem;
}

.roles-header[b-yuldj8bny9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.roles-label[b-yuldj8bny9] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #034B47;
}

.roles-list[b-yuldj8bny9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.role-badge[b-yuldj8bny9] {
    padding: 0.375rem 0.75rem;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    color: #1976d2;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .role-badge:hover[b-yuldj8bny9] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2);
    }

.role-more[b-yuldj8bny9] {
    padding: 0.375rem 0.75rem;
    background: #e0e0e0;
    color: #666;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.no-roles[b-yuldj8bny9] {
    font-size: 0.875rem;
    color: #999;
    font-style: italic;
}

/* FOOTER */
.user-card-footer[b-yuldj8bny9] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: center;
}

.status-text[b-yuldj8bny9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #666;
}

/* RESPONSIVE */
@media (max-width: 767px) {
    .card-actions-top[b-yuldj8bny9] {
        opacity: 1;
        transform: translateY(0);
    }

    .action-btn[b-yuldj8bny9] {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }
}

/* ANIMATIONS */
@keyframes fadeIn-b-yuldj8bny9 {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.user-card-modern[b-yuldj8bny9] {
    animation: fadeIn-b-yuldj8bny9 0.3s ease-out;
}
/* _content/Portal.Client/Components/Pages/Panels/Settings/Settings.razor.rz.scp.css */

.settings-container[b-d55q72j2yw] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

/* Modern Header */
.settings-header-modern[b-d55q72j2yw] {
    background: linear-gradient(135deg, #034B47 0%, #056860 100%);
    border-radius: 16px;
    padding: 40px;
    margin-bottom: 30px;
    box-shadow: 0 8px 32px rgba(3, 75, 71, 0.15);
}

.header-content[b-d55q72j2yw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.title-section h1[b-d55q72j2yw] {
    color: white;
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 8px 0;
    letter-spacing: -0.5px;
}

.title-section p[b-d55q72j2yw] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    margin: 0;
}

.refresh-btn[b-d55q72j2yw] {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

    .refresh-btn:hover[b-d55q72j2yw] {
        background: rgba(255, 255, 255, 0.25) !important;
        transform: translateY(-2px);
    }

/* Modern Tabs */
.settings-tabs[b-d55q72j2yw] {
    background: white;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

    .settings-tabs .rz-tabview-nav[b-d55q72j2yw] {
        background: #f8f9fa;
        border-bottom: 2px solid #e0e0e0;
        padding: 0 24px;
    }

    .settings-tabs .rz-tabview-nav-link[b-d55q72j2yw] {
        font-weight: 600;
        font-size: 15px;
        padding: 16px 24px;
        color: #666;
        border: none;
        border-bottom: 3px solid transparent;
        transition: all 0.3s ease;
        background: transparent;
    }

        .settings-tabs .rz-tabview-nav-link:hover[b-d55q72j2yw] {
            color: #034B47;
            background: rgba(3, 75, 71, 0.05);
        }

        .settings-tabs .rz-tabview-nav-link.rz-state-active[b-d55q72j2yw] {
            color: #034B47;
            border-bottom-color: #034B47;
            background: white;
        }

/* Tab Panel */
.tab-panel[b-d55q72j2yw] {
    padding: 32px;
}

.panel-header[b-d55q72j2yw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f0f0f0;
}

.panel-title h3[b-d55q72j2yw] {
    margin: 0 0 4px 0;
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
}

.item-count[b-d55q72j2yw] {
    display: inline-block;
    font-size: 13px;
    color: #666;
    background: #f0f0f0;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 500;
}

/* Modern Grid */
.modern-grid[b-d55q72j2yw] {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
}

    .modern-grid .rz-datatable-header[b-d55q72j2yw] {
        background: #f8f9fa;
        font-weight: 600;
        color: #034B47;
        border-bottom: 2px solid #034B47;
    }

    .modern-grid .rz-datatable-data tr:hover[b-d55q72j2yw] {
        background: rgba(3, 75, 71, 0.03);
    }

    .modern-grid .rz-paginator[b-d55q72j2yw] {
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
        padding: 16px;
    }

/* Action Buttons */
.action-buttons[b-d55q72j2yw] {
    display: flex;
    gap: 8px;
    justify-content: center;
}

    .action-buttons .rz-button[b-d55q72j2yw] {
        min-width: 40px;
        height: 36px;
    }

/* Responsive */
@media (max-width: 768px) {
    .settings-container[b-d55q72j2yw] {
        padding: 15px;
    }

    .settings-header-modern[b-d55q72j2yw] {
        padding: 24px;
    }

    .title-section h1[b-d55q72j2yw] {
        font-size: 24px;
    }

    .header-content[b-d55q72j2yw] {
        flex-direction: column;
        align-items: flex-start;
    }

    .tab-panel[b-d55q72j2yw] {
        padding: 20px;
    }

    .panel-header[b-d55q72j2yw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/SmartTaskAssignmentSelector.razor.rz.scp.css */
.smart-task-assignment-selector[b-61d7r78cgm] {
    display: inline-flex;
    align-items: center;
}

.smart-recommend-btn[b-61d7r78cgm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.8125rem;
    white-space: nowrap;
    border: 2px dashed #0d6efd;
    background: linear-gradient(135deg, #e3f2fd 0%, #fff 100%);
    transition: all 0.3s ease;
}

.smart-recommend-btn:hover:not(:disabled)[b-61d7r78cgm] {
    background: linear-gradient(135deg, #bbdefb 0%, #e3f2fd 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.2);
}

.smart-recommend-btn:disabled[b-61d7r78cgm] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ml-unavailable[b-61d7r78cgm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    background: #f8f9fa;
    border-radius: 6px;
    color: #6c757d;
    font-size: 0.8125rem;
    white-space: nowrap;
}

.ml-unavailable i[b-61d7r78cgm] {
    font-size: 1rem;
}

.recommendations-panel[b-61d7r78cgm] {
    background: white;
    border: 2px solid #e3f2fd;
    border-radius: 12px;
    margin-top: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    width: 100%;
    flex-basis: 100%;
}

.panel-header[b-61d7r78cgm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
    border-bottom: 1px solid #dee2e6;
}

.panel-header h6[b-61d7r78cgm] {
    font-weight: 600;
    color: #495057;
}

.recommendations-list[b-61d7r78cgm] {
    max-height: 300px;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.recommendation-card[b-61d7r78cgm] {
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.recommendation-card:hover[b-61d7r78cgm] {
    background: #f8f9fa;
    transform: translateX(4px);
}

.recommendation-card.selected[b-61d7r78cgm] {
    background: #e3f2fd;
    border-left: 4px solid #0d6efd;
}

.rec-header[b-61d7r78cgm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.rec-avatar[b-61d7r78cgm] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
}

.rec-info[b-61d7r78cgm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.rec-info strong[b-61d7r78cgm] {
    font-size: 0.9375rem;
    color: #212529;
}

.rec-info small[b-61d7r78cgm] {
    font-size: 0.8125rem;
}

.rec-score[b-61d7r78cgm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.score-badge[b-61d7r78cgm] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    color: white;
}

.score-excellent[b-61d7r78cgm] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
}

.score-good[b-61d7r78cgm] {
    background: linear-gradient(135deg, #17a2b8 0%, #20c997 100%);
}

.score-fair[b-61d7r78cgm] {
    background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
}

.score-low[b-61d7r78cgm] {
    background: linear-gradient(135deg, #6c757d 0%, #adb5bd 100%);
}

.rec-score small[b-61d7r78cgm] {
    font-size: 0.75rem;
    color: #6c757d;
}

.rec-metrics[b-61d7r78cgm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.metric[b-61d7r78cgm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.metric-label[b-61d7r78cgm] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
}

.metric small[b-61d7r78cgm] {
    font-size: 0.75rem;
    color: #495057;
    font-weight: 600;
}

.rec-stats[b-61d7r78cgm] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.stat-item[b-61d7r78cgm] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8125rem;
    color: #6c757d;
}

.stat-item i[b-61d7r78cgm] {
    font-size: 1rem;
}

.rec-reasons[b-61d7r78cgm], .rec-warning[b-61d7r78cgm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    padding: 0.5rem;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.rec-reasons[b-61d7r78cgm] {
    background: #d1f4e0;
    color: #155724;
}

.rec-warning[b-61d7r78cgm] {
    background: #fff3cd;
    color: #856404;
}

.selected-indicator[b-61d7r78cgm] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: #0d6efd;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.panel-footer[b-61d7r78cgm] {
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .rec-metrics[b-61d7r78cgm] {
        grid-template-columns: 1fr;
    }

    .rec-header[b-61d7r78cgm] {
        flex-wrap: wrap;
    }

    .score-badge[b-61d7r78cgm] {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .rec-stats[b-61d7r78cgm] {
        flex-direction: column;
        gap: 0.5rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/SmartTaskDurationEstimator.razor.rz.scp.css */
.smart-duration-estimator[b-550o3mq5jr] {
    display: inline-flex;
    align-items: center;
}

.estimate-btn[b-550o3mq5jr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    font-size: 0.8125rem;
    white-space: nowrap;
    border: 2px dashed #198754;
    background: linear-gradient(135deg, #d1f4e0 0%, #fff 100%);
    transition: all 0.3s ease;
}

.estimate-btn:hover:not(:disabled)[b-550o3mq5jr] {
    background: linear-gradient(135deg, #a3e4c1 0%, #d1f4e0 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(25, 135, 84, 0.2);
}

.estimate-btn:disabled[b-550o3mq5jr] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ml-unavailable[b-550o3mq5jr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    background: #f8f9fa;
    border-radius: 6px;
    color: #6c757d;
    font-size: 0.8125rem;
    white-space: nowrap;
}

.ml-unavailable i[b-550o3mq5jr] {
    font-size: 1rem;
}

.estimation-result[b-550o3mq5jr] {
    background: white;
    border: 2px solid #d1f4e0;
    border-radius: 12px;
    margin-top: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    width: 100%;
    flex-basis: 100%;
}

.result-header[b-550o3mq5jr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #d1f4e0 0%, #f8f9fa 100%);
    border-bottom: 1px solid #dee2e6;
}

.result-header h6[b-550o3mq5jr] {
    font-weight: 600;
    color: #495057;
}

.result-body[b-550o3mq5jr] {
    padding: 1rem;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.result-body[b-550o3mq5jr]::-webkit-scrollbar {
    width: 6px;
}

.result-body[b-550o3mq5jr]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.result-body[b-550o3mq5jr]::-webkit-scrollbar-thumb {
    background: #198754;
    border-radius: 3px;
}

.result-body[b-550o3mq5jr]::-webkit-scrollbar-thumb:hover {
    background: #157347;
}

.date-comparison[b-550o3mq5jr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.date-item[b-550o3mq5jr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.date-item.estimated[b-550o3mq5jr] {
    background: #d1f4e0;
    padding: 0.5rem;
    border-radius: 6px;
}

.date-item .label[b-550o3mq5jr] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
}

.date-item strong[b-550o3mq5jr] {
    font-size: 1rem;
    color: #212529;
}

.arrow-icon[b-550o3mq5jr] {
    font-size: 1.5rem;
    color: #198754;
}

.duration-badge[b-550o3mq5jr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
    color: white;
    border-radius: 8px;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.duration-badge i[b-550o3mq5jr] {
    font-size: 1.5rem;
}

.confidence-bar[b-550o3mq5jr] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 1rem;
}

.confidence-bar .label[b-550o3mq5jr] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 500;
}

.confidence-bar .value[b-550o3mq5jr] {
    font-size: 0.75rem;
    color: #495057;
    font-weight: 600;
    text-align: right;
}

.factors-section[b-550o3mq5jr],
.recommendations-section[b-550o3mq5jr] {
    margin-bottom: 1rem;
}

.section-title[b-550o3mq5jr] {
    font-size: 0.75rem;
    color: #6c757d;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
}

.factors-list[b-550o3mq5jr],
.recommendations-list[b-550o3mq5jr] {
    margin: 0;
    padding-left: 1.2rem;
    font-size: 0.875rem;
    color: #495057;
}

.factors-list li[b-550o3mq5jr],
.recommendations-list li[b-550o3mq5jr] {
    margin-bottom: 0.25rem;
}

.recommendations-list li[b-550o3mq5jr] {
    list-style: none;
    padding-left: 0;
    margin-left: -1.2rem;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .date-comparison[b-550o3mq5jr] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .arrow-icon[b-550o3mq5jr] {
        transform: rotate(90deg);
        font-size: 1.2rem;
    }

    .date-item[b-550o3mq5jr] {
        width: 100%;
        text-align: center;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/TaskEditDialog.razor.rz.scp.css */
/* ===========================
   TASK EDIT DIALOG - OPTIMIZED
   =========================== */

/* Container general */
.modern-dialog-container[b-2tvrpjjcz6] {
    padding: 1.8rem;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Formular body */
.dialog-body-modern[b-2tvrpjjcz6] {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    overflow-y: auto;
}

[b-2tvrpjjcz6] .rz-edit-form,
[b-2tvrpjjcz6] form {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

/* Form-group general */
.form-group-modern[b-2tvrpjjcz6] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    /* spatiu mic intre SectionHeader si input */
}

/* Grid 3 coloane */
.form-grid-3[b-2tvrpjjcz6] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem 1rem;
    /* spatiu intre coloane si randuri */
}

/* Full width pentru Subject și Details */
.full-width[b-2tvrpjjcz6] {
    grid-column: span 3;
}

/* Input modern */
.input-ultra-modern[b-2tvrpjjcz6],
.dropdown-ultra-modern[b-2tvrpjjcz6],
.datepicker-ultra-modern[b-2tvrpjjcz6],
.textarea-ultra-modern[b-2tvrpjjcz6] {
    padding: 0.55rem 0.8rem;
    border: 1px solid #cfd8dc;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.input-ultra-modern:focus[b-2tvrpjjcz6],
.dropdown-ultra-modern:focus[b-2tvrpjjcz6],
.datepicker-ultra-modern:focus[b-2tvrpjjcz6],
.textarea-ultra-modern:focus[b-2tvrpjjcz6] {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.15);
    outline: none;
}

/* Textarea mai mare */
.textarea-ultra-modern[b-2tvrpjjcz6] {
    min-height: 100px;
    resize: vertical;
}

/* Details section - should expand to fill remaining space */
.form-group-modern.details-section[b-2tvrpjjcz6] {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100px !important;
    overflow: hidden !important;
}

.form-group-modern.details-section[b-2tvrpjjcz6]  .rz-form-field {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.form-group-modern.details-section[b-2tvrpjjcz6]  .rz-form-field-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-group-modern.details-section[b-2tvrpjjcz6]  .rz-textarea {
    flex: 1 !important;
    min-height: 100px !important;
    height: 100% !important;
    width: 100% !important;
    resize: vertical;
}

/* SectionHeader */
.section-header[b-2tvrpjjcz6] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    /* spatiu intre icon si text */
    margin-bottom: 0.2rem;
    /* mai mic decat intre form-group-uri */
}

.section-header i[b-2tvrpjjcz6] {
    color: #007bff;
    font-size: 1.1rem;
}

.section-title[b-2tvrpjjcz6] {
    color: #2c3e50;
    font-weight: 600;
    margin: 0;
    flex: 1;
}

.section-badge[b-2tvrpjjcz6] {
    background: #007bff;
    color: white;
    padding: 2px 6px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 500;
}

/* Error message */
.error-message[b-2tvrpjjcz6] {
    color: #ef0707 !important;
    font-size: 12px !important;
    margin-top: 0.25rem !important;
}

/* Footer modificari */
.changes-indicator[b-2tvrpjjcz6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #ef0707;
}

.indicator-dot[b-2tvrpjjcz6] {
    width: 8px;
    height: 8px;
    background-color: #ff9800;
    border-radius: 50%;
    animation: pulse-b-2tvrpjjcz6 2s ease-in-out infinite;
}

@keyframes pulse-b-2tvrpjjcz6 {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.3);
        opacity: 0.7;
    }
}

/* Butoane moderne */
.btn[b-2tvrpjjcz6] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    width: 120px !important;
}

.btn:hover:not(:disabled)[b-2tvrpjjcz6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.btn:disabled[b-2tvrpjjcz6] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Dropdown item custom */
.dropdown-item-modern[b-2tvrpjjcz6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    /*padding: 0.3rem 0.5rem;*/
}

/* Responsive: o singură coloană pe ecrane mici */
@media (max-width: 768px) {
    .form-grid-2[b-2tvrpjjcz6] {
        grid-template-columns: 1fr;
    }

    .full-width[b-2tvrpjjcz6] {
        grid-column: span 1;
    }

    .modern-dialog-container[b-2tvrpjjcz6] {
        padding: 1.2rem;
    }

    .dialog-body-modern[b-2tvrpjjcz6] {
        gap: 1.5rem;
    }
}
/* _content/Portal.Client/Components/Pages/Panels/TasksDashboards/TasksDashboard.razor.rz.scp.css */
/* Container & Layout */
.content-wrapper[b-3e6qdzsbg7] {
    padding: 0;
    margin-top: 1rem;
}

/* Toolbar Card */
.toolbar-card[b-3e6qdzsbg7] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
    margin-bottom: 0;
}

.toolbar-left[b-3e6qdzsbg7] {
    flex: 1;
}

.view-toggle[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 4px;
    background: #f8f9fa;
}

/* Search Box */
.search-box-modern[b-3e6qdzsbg7] {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 400px;
}

.search-icon[b-3e6qdzsbg7] {
    position: absolute;
    left: 0.75rem;
    color: #666;
    font-size: 1.25rem;
    pointer-events: none;
}

.clear-search-btn[b-3e6qdzsbg7] {
    position: absolute;
    right: 8px;
}

.search-box-modern input:focus[b-3e6qdzsbg7] {
    border-color: #034B47 !important;
    box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1) !important;
}

/* Filter Card */
.filter-card[b-3e6qdzsbg7] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
}

.filter-info[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-title[b-3e6qdzsbg7] {
    font-weight: 600;
    font-size: 1rem;
    color: #333;
}

.filter-dropdowns[b-3e6qdzsbg7] {
    flex: 1;
    justify-content: flex-end;
}

/* Stats Pills Card */
.stats-pills-card[b-3e6qdzsbg7] {
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    border: 1px solid #e0e0e0;
}

/* Stats Pills Inline in Toolbar */
.stats-pills-inline[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Stats Bar */
.stats-bar[b-3e6qdzsbg7] {
    display: flex;
    gap: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-top: 1rem;
    border: 1px solid #e0e0e0;
}

.stat-item-inline[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    color: #333;
}

.search-result[b-3e6qdzsbg7] {
    color: #f57c00;
}

/* Empty State */
.content-card[b-3e6qdzsbg7] {
    margin-top: 1rem;
}

.empty-state[b-3e6qdzsbg7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.empty-icon[b-3e6qdzsbg7] {
    margin-bottom: 1.5rem;
}

.empty-title[b-3e6qdzsbg7] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-subtitle[b-3e6qdzsbg7] {
    font-size: 1rem;
    color: #666;
}

/* Card Grid View */
.tasks-grid-compact[b-3e6qdzsbg7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.task-card-compact[b-3e6qdzsbg7] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.task-card-compact:hover[b-3e6qdzsbg7] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
    border-color: #034B47;
}

.task-card-header-compact[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.badge-compact[b-3e6qdzsbg7] {
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-danger[b-3e6qdzsbg7] {
    background: #ffebee;
    color: #d32f2f;
}

.badge-warning[b-3e6qdzsbg7] {
    background: #fff3e0;
    color: #f57c00;
}

.badge-success[b-3e6qdzsbg7] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-info[b-3e6qdzsbg7] {
    background: #e1f5fe;
    color: #03a9f4;
}

.badge-primary[b-3e6qdzsbg7] {
    background: #e3f2fd;
    color: #1976d2;
}

.badge-secondary[b-3e6qdzsbg7] {
    background: #f5f5f5;
    color: #666;
}

.badge-light[b-3e6qdzsbg7] {
    background: #fafafa;
    color: #999;
}

.task-card-title-compact[b-3e6qdzsbg7] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-card-meta-compact[b-3e6qdzsbg7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f0f0f0;
}

.meta-item-compact[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #666;
}

.task-card-footer-compact[b-3e6qdzsbg7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f0f0f0;
}

.task-users-section[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.5rem;
}

.task-user-mini[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.avatar-mini[b-3e6qdzsbg7] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.user-info-mini[b-3e6qdzsbg7] {
    display: flex;
    flex-direction: column;
}

.user-name-mini[b-3e6qdzsbg7] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #333;
    line-height: 1.2;
}

.user-role-mini[b-3e6qdzsbg7] {
    font-size: 0.7rem;
    color: #999;
}

.task-actions-compact[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.25rem;
}

/* Table View */
.tasks-table-compact[b-3e6qdzsbg7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.task-row-compact[b-3e6qdzsbg7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.task-row-compact:hover[b-3e6qdzsbg7] {
    background: #f8f9fa;
    border-color: #034B47;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.task-row-main[b-3e6qdzsbg7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.task-row-badges[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.badge-mini[b-3e6qdzsbg7] {
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.task-row-title[b-3e6qdzsbg7] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.task-row-meta[b-3e6qdzsbg7] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.meta-tag[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8rem;
    color: #666;
    padding: 0.25rem 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
}

.task-row-actions[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Pagination */
.pagination-wrapper[b-3e6qdzsbg7] {
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e0e0e0;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .tasks-grid-compact[b-3e6qdzsbg7] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
}

@media (max-width: 1200px) {
    .stats-pills-inline[b-3e6qdzsbg7] {
        width: 100%;
        order: 3;
        justify-content: flex-start;
    }

    .toolbar-left[b-3e6qdzsbg7] {
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    .filter-dropdowns[b-3e6qdzsbg7] {
        gap: 0.5rem !important;
    }
}

@media (max-width: 768px) {
    .toolbar-card[b-3e6qdzsbg7],
    .filter-card[b-3e6qdzsbg7],
    .stats-pills-card[b-3e6qdzsbg7] {
        padding: 1rem !important;
    }

    .search-box-modern[b-3e6qdzsbg7] {
        max-width: 100%;
        width: 100%;
    }

    .checkbox-container-tasks[b-3e6qdzsbg7] {
        width: 100%;
        justify-content: center;
    }

    .stats-pills-inline[b-3e6qdzsbg7] {
        width: 100%;
        order: 3;
    }

    .toolbar-left[b-3e6qdzsbg7] {
        flex-wrap: wrap;
        gap: 0.75rem !important;
    }

    .filter-dropdowns[b-3e6qdzsbg7] {
        width: 100%;
        flex-direction: column;
        gap: 0.5rem !important;
    }

    .filter-dropdowns > *[b-3e6qdzsbg7] {
        width: 100% !important;
        min-width: 100% !important;
    }

    .filter-info[b-3e6qdzsbg7] {
        width: 100%;
        justify-content: center;
        margin-bottom: 0.5rem;
    }

    .tasks-grid-compact[b-3e6qdzsbg7] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .task-row-compact[b-3e6qdzsbg7] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .task-row-actions[b-3e6qdzsbg7] {
        width: 100%;
        justify-content: space-between;
    }

    .task-row-actions .rz-dropdown[b-3e6qdzsbg7] {
        flex: 1;
    }

    .stats-bar[b-3e6qdzsbg7] {
        flex-direction: column;
        gap: 1rem;
    }

    .view-toggle[b-3e6qdzsbg7] {
        width: 100%;
        justify-content: center;
    }

    .task-card-footer-compact[b-3e6qdzsbg7] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .task-actions-compact[b-3e6qdzsbg7] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 576px) {
    .filter-dropdowns[b-3e6qdzsbg7] {
        gap: 0.5rem !important;
    }

    .toolbar-left > *[b-3e6qdzsbg7] {
        width: 100%;
    }

    .search-box-modern[b-3e6qdzsbg7] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .task-card-compact[b-3e6qdzsbg7] {
        padding: 1rem;
    }

    .task-card-title-compact[b-3e6qdzsbg7] {
        font-size: 1rem;
    }

    .badge-compact[b-3e6qdzsbg7],
    .badge-mini[b-3e6qdzsbg7] {
        font-size: 0.65rem;
        padding: 0.25rem 0.5rem;
    }

    .task-status-buttons[b-3e6qdzsbg7],
    .task-mobile-status-buttons[b-3e6qdzsbg7] {
        gap: 0.25rem;
    }
}

/* Custom button styles */
.btn-primary[b-3e6qdzsbg7] {
    background-color: #034B47;
    border-color: #034B47;
    transition: all 0.2s ease;
}

.btn-primary:hover[b-3e6qdzsbg7] {
    background-color: #023935;
    border-color: #023935;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(3, 75, 71, 0.2);
}

.btn-primary i[b-3e6qdzsbg7] {
    margin-right: 0.5rem;
}

/* Checkbox "Sarcinile mele" */
.checkbox-container-tasks[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.checkbox-container-tasks:hover[b-3e6qdzsbg7] {
    background: #e9ecef;
    border-color: #034B47;
}

.filter-checkbox-tasks[b-3e6qdzsbg7] {
    cursor: pointer;
}

.checkbox-label-tasks[b-3e6qdzsbg7] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    user-select: none;
}

/* Mobile Cards Styling */
.tasks-mobile-cards[b-3e6qdzsbg7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.task-mobile-card[b-3e6qdzsbg7] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
}

.task-mobile-card:hover[b-3e6qdzsbg7] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #034B47;
}

.task-mobile-header[b-3e6qdzsbg7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.task-mobile-title[b-3e6qdzsbg7] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    line-height: 1.4;
    flex: 1;
}

.task-mobile-body[b-3e6qdzsbg7] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1rem;
}

.task-mobile-detail[b-3e6qdzsbg7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.task-mobile-detail strong[b-3e6qdzsbg7] {
    color: #666;
    font-weight: 500;
    min-width: 90px;
}

.task-mobile-actions[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f0f0f0;
}

/* Grid Actions Layout */
.task-actions-grid[b-3e6qdzsbg7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.task-actions-main[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.35rem;
    justify-content: center;
}

.task-status-buttons[b-3e6qdzsbg7] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: center;
}
/* _content/Portal.Client/Components/Pages/Panels/Tasks_New.razor.rz.scp.css */
/* ===========================
   TASKS PAGE - COMPLETE STYLES
   =========================== */

/* TOOLBAR & COMMON */
.filter-card[b-fk60pquv2o] {
    margin-top: 10px;
    margin-bottom: 1rem;
    border-radius: 12px;
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.filter-info[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.filter-title[b-fk60pquv2o] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
}

.toolbar-card[b-fk60pquv2o] {
    margin-bottom: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

    .toolbar-card .btn.btn-primary[b-fk60pquv2o] {
        width: 120px !important;
        flex-shrink: 0 !important;
    }

.toolbar-left[b-fk60pquv2o] {
    flex: 1;
}

/* Iconita de cautare */
.search-icon[b-fk60pquv2o] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none; /* nu blocheaza click in input */
}

.search-box-modern[b-fk60pquv2o] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-input[b-fk60pquv2o] {
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .search-input:focus[b-fk60pquv2o] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    }

.clear-search-btn[b-fk60pquv2o] {
    position: absolute;
    right: 8px;
}

.view-toggle[b-fk60pquv2o] {
    display: flex;
    gap: 0.25rem;
    background: #f0f0f0;
    padding: 0.25rem;
    border-radius: 8px;
}

/* STATS BAR */
.stats-bar[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-fk60pquv2o] {
        color: #f57c00;
        font-weight: 600;
    }

/* CONTENT CARD */
.content-card[b-fk60pquv2o] {
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin-top: 20px;
}

/* EMPTY STATE */
.empty-state[b-fk60pquv2o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
}

.empty-icon[b-fk60pquv2o] {
    width: 100px;
    height: 100px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-title[b-fk60pquv2o] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #666;
}

.empty-subtitle[b-fk60pquv2o] {
    font-size: 1rem;
    color: #999;
    text-align: center;
    max-width: 400px;
}

/* ===========================
   CARD VIEW (GRID)
   =========================== */

.tasks-grid-compact[b-fk60pquv2o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.task-card-compact[b-fk60pquv2o] {
    background: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 12px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga */
    .task-card-compact[b-fk60pquv2o]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #034B47 0%, #078177 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .task-card-compact:hover[b-fk60pquv2o] {
        border-color: #034B47;
        box-shadow: 0 8px 24px rgba(3, 75, 71, 0.15);
        transform: translateY(-4px);
    }

        .task-card-compact:hover[b-fk60pquv2o]::before {
            transform: scaleY(1);
        }

.task-card-header-compact[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.task-card-title-compact[b-fk60pquv2o] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-card-meta-compact[b-fk60pquv2o] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.meta-item-compact[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.813rem;
    color: #666;
}

.task-card-footer-compact[b-fk60pquv2o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.task-users-section[b-fk60pquv2o] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    flex: 1;
}

.task-user-mini[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.avatar-mini[b-fk60pquv2o] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e0e0e0;
    flex-shrink: 0;
}

.user-info-mini[b-fk60pquv2o] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.user-name-mini[b-fk60pquv2o] {
    font-size: 0.813rem;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role-mini[b-fk60pquv2o] {
    font-size: 0.688rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.task-actions-compact[b-fk60pquv2o] {
    display: flex;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.task-card-compact:hover .task-actions-compact[b-fk60pquv2o] {
    opacity: 1;
}

/* ===========================
   TABLE VIEW (VERTICAL LIST)
   =========================== */

.tasks-table-compact[b-fk60pquv2o] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.task-row-compact[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 1rem;
    background: #f8f9fa;
    border: 2px solid #e8e8e8;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

    /* Linie verticala stanga */
    .task-row-compact[b-fk60pquv2o]::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: linear-gradient(180deg, #034B47 0%, #078177 100%);
        transform: scaleY(0);
        transform-origin: bottom;
        transition: transform 0.3s ease;
    }

    .task-row-compact:hover[b-fk60pquv2o] {
        border-color: #034B47;
        background: #ffffff;
        box-shadow: 0 8px 24px rgba(3, 75, 71, 0.15);
        transform: translateX(4px);
    }

        .task-row-compact:hover[b-fk60pquv2o]::before {
            transform: scaleY(1);
        }

.task-row-main[b-fk60pquv2o] {
    flex: 1;
    min-width: 0;
}

.task-row-badges[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 0.5rem;
}

.task-row-title[b-fk60pquv2o] {
    font-size: 0.938rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-row-meta[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.meta-tag[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #666;
}

.task-row-actions[b-fk60pquv2o] {
    display: flex;
    gap: 0.5rem;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.task-row-compact:hover .task-row-actions[b-fk60pquv2o] {
    opacity: 1;
}

/* ===========================
   BADGES
   =========================== */

.badge-compact[b-fk60pquv2o] {
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.688rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.badge-mini[b-fk60pquv2o] {
    padding: 0.188rem 0.5rem;
    border-radius: 10px;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.badge-danger[b-fk60pquv2o] {
    background: linear-gradient(135deg, #ff5252 0%, #f44336 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(244, 67, 54, 0.25);
}

.badge-success[b-fk60pquv2o] {
    background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(76, 175, 80, 0.25);
}

.badge-warning[b-fk60pquv2o] {
    background: linear-gradient(135deg, #ffca28 0%, #ffc107 100%);
    color: #333;
    box-shadow: 0 2px 6px rgba(255, 193, 7, 0.25);
}

.badge-secondary[b-fk60pquv2o] {
    background: linear-gradient(135deg, #90a4ae 0%, #78909c 100%);
    color: white;
    box-shadow: 0 2px 6px rgba(120, 144, 156, 0.25);
}

/* ===========================
   PAGINATION
   =========================== */

.pagination-wrapper[b-fk60pquv2o] {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e0e0e0;
}

/* ===========================
   ANIMATIONS
   =========================== */

@keyframes fadeInUp-b-fk60pquv2o {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.task-card-compact[b-fk60pquv2o],
.task-row-compact[b-fk60pquv2o] {
    animation: fadeInUp-b-fk60pquv2o 0.3s ease-out;
    animation-fill-mode: both;
}

    .task-card-compact:nth-child(1)[b-fk60pquv2o],
    .task-row-compact:nth-child(1)[b-fk60pquv2o] {
        animation-delay: 0.05s;
    }

    .task-card-compact:nth-child(2)[b-fk60pquv2o],
    .task-row-compact:nth-child(2)[b-fk60pquv2o] {
        animation-delay: 0.1s;
    }

    .task-card-compact:nth-child(3)[b-fk60pquv2o],
    .task-row-compact:nth-child(3)[b-fk60pquv2o] {
        animation-delay: 0.15s;
    }

    .task-card-compact:nth-child(4)[b-fk60pquv2o],
    .task-row-compact:nth-child(4)[b-fk60pquv2o] {
        animation-delay: 0.2s;
    }

    .task-card-compact:nth-child(5)[b-fk60pquv2o],
    .task-row-compact:nth-child(5)[b-fk60pquv2o] {
        animation-delay: 0.25s;
    }

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 991px) {
    .search-box-modern[b-fk60pquv2o] {
        min-width: 100%;
    }

    .tasks-grid-compact[b-fk60pquv2o] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

@media (max-width: 767px) {
    .stats-bar[b-fk60pquv2o] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .tasks-grid-compact[b-fk60pquv2o] {
        grid-template-columns: 1fr;
    }

    .task-actions-compact[b-fk60pquv2o],
    .task-row-actions[b-fk60pquv2o] {
        opacity: 1;
    }

    .task-row-meta[b-fk60pquv2o] {
        gap: 0.5rem;
    }

    .task-card-footer-compact[b-fk60pquv2o] {
        flex-direction: column;
    }
}

/* Butoane moderne */
.btn[b-fk60pquv2o] {
    /*    font-weight: 600;
    padding: 0.55rem 1.2rem;*/
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    width: 120px !important;
}

    .btn:hover:not(:disabled)[b-fk60pquv2o] {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    }

    .btn:disabled[b-fk60pquv2o] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Checkbox container styling for "Sarcinile mele" filter */
.checkbox-container-tasks[b-fk60pquv2o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 20px;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

    .checkbox-container-tasks:hover[b-fk60pquv2o] {
        background: #e9ecef;
        border-color: #3498db;
    }

/* Checkbox label styling */
.checkbox-label-tasks[b-fk60pquv2o] {
    margin: 0;
    font-size: 0.9rem;
    color: #495057;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

/* Checkbox input styling */
.filter-checkbox-tasks[b-fk60pquv2o] {
    transform: scale(1.1);
}
/* _content/Portal.Client/Components/Pages/Panels/Training.razor.rz.scp.css */
/* Training Page Styles */

/* ===========================
   FILTER & SEARCH STYLES
   =========================== */

/* Search Box Modern */
.search-icon[b-a058nie0vv] {
    position: absolute;
    left: 10px;
    color: #999;
    font-size: 1rem;
    pointer-events: none;
}

.search-box-modern[b-a058nie0vv] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 300px;
}

.search-input[b-a058nie0vv] {
    padding-right: 40px !important;
    border-radius: 24px;
    border: 1.5px solid #e0e0e0;
    transition: all 0.2s ease;
}

    .search-input:focus[b-a058nie0vv] {
        border-color: #034B47;
        box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.1);
    }

.clear-search-btn[b-a058nie0vv] {
    position: absolute;
    right: 8px;
}

/* Stats Bar */
.stats-bar[b-a058nie0vv] {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.stat-item-inline[b-a058nie0vv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.938rem;
    color: #666;
    font-weight: 500;
}

    .stat-item-inline.search-result[b-a058nie0vv] {
        color: #f57c00;
        font-weight: 600;
    }

/* Responsive Search */
@media (max-width: 991px) {
    .search-box-modern[b-a058nie0vv] {
        min-width: 100%;
    }
}

@media (max-width: 767px) {
    .stats-bar[b-a058nie0vv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}

/* Statistics Cards Row */
.stats-cards-row[b-a058nie0vv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.stat-card-modern[b-a058nie0vv] {
    background: white;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .stat-card-modern:hover[b-a058nie0vv] {
        transform: translateY(-4px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

    .stat-card-modern[b-a058nie0vv]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: currentColor;
    }

.stat-card-modern.gradient-purple[b-a058nie0vv]::before {
    background: linear-gradient(135deg, #9C27B0 0%, #BA68C8 100%);
}

.stat-card-modern.gradient-blue[b-a058nie0vv]::before {
    background: linear-gradient(135deg, #2196F3 0%, #64B5F6 100%);
}

.stat-card-modern.gradient-orange[b-a058nie0vv]::before {
    background: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%);
}

.stat-card-modern.gradient-green[b-a058nie0vv]::before {
    background: linear-gradient(135deg, #4CAF50 0%, #81C784 100%);
}

.stat-icon[b-a058nie0vv] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    flex-shrink: 0;
}

.gradient-purple .stat-icon[b-a058nie0vv] {
    background: linear-gradient(135deg, #9C27B0 0%, #BA68C8 100%);
    color: white;
}

.gradient-blue .stat-icon[b-a058nie0vv] {
    background: linear-gradient(135deg, #2196F3 0%, #64B5F6 100%);
    color: white;
}

.gradient-orange .stat-icon[b-a058nie0vv] {
    background: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%);
    color: white;
}

.gradient-green .stat-icon[b-a058nie0vv] {
    background: linear-gradient(135deg, #4CAF50 0%, #81C784 100%);
    color: white;
}

.stat-content[b-a058nie0vv] {
    flex: 1;
}

.stat-value[b-a058nie0vv] {
    font-size: 32px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 4px 0;
    line-height: 1;
}

.stat-label[b-a058nie0vv] {
    font-size: 14px;
    color: #7f8c8d;
    margin: 0 0 8px 0;
    font-weight: 500;
}

.stat-footer[b-a058nie0vv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stat-change[b-a058nie0vv] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 6px;
}

.stat-change.positive[b-a058nie0vv] {
    color: #27ae60;
    background: #e8f5e9;
}

.stat-change.neutral[b-a058nie0vv] {
    color: #7f8c8d;
    background: #ecf0f1;
}

/* Tabs Navigation */
.tabs-navigation[b-a058nie0vv] {
    display: flex;
    gap: 0.5rem;
    margin: 20px 0;
    border-bottom: 2px solid #e0e0e0;
}

.tab-button[b-a058nie0vv] {
    padding: 12px 24px;
    border: none;
    background: transparent;
    color: #666;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    display: flex;
    align-items: center;
    gap: 8px;
}

.tab-button:hover[b-a058nie0vv] {
    color: #034B47;
    background: rgba(3, 75, 71, 0.05);
}

.tab-button.active[b-a058nie0vv] {
    color: #034B47;
    border-bottom-color: #034B47;
    font-weight: 600;
}

/* Courses Grid */
.courses-grid[b-a058nie0vv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.course-card[b-a058nie0vv] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.course-card:hover[b-a058nie0vv] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

.course-header[b-a058nie0vv] {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
}

.course-badges[b-a058nie0vv] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.badge[b-a058nie0vv] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-level[b-a058nie0vv] {
    background: white;
    color: #666;
}

.badge-level.level-beginner[b-a058nie0vv] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-level.level-intermediate[b-a058nie0vv] {
    background: #fff3e0;
    color: #e65100;
}

.badge-level.level-advanced[b-a058nie0vv] {
    background: #e3f2fd;
    color: #1565c0;
}

.badge-level.level-expert[b-a058nie0vv] {
    background: #f3e5f5;
    color: #6a1b9a;
}

.badge-category[b-a058nie0vv] {
    background: white;
    color: #034B47;
}

.certified-badge[b-a058nie0vv] {
    color: #f59e0b;
    font-size: 24px;
}

.course-body[b-a058nie0vv] {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.course-title[b-a058nie0vv] {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
}

.course-description[b-a058nie0vv] {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.course-details[b-a058nie0vv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.detail-item[b-a058nie0vv] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #666;
}

.detail-item i[b-a058nie0vv] {
    color: #034B47;
    font-size: 16px;
}

.next-session[b-a058nie0vv] {
    background: #e3f2fd;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #1565c0;
    margin-top: 8px;
}

.next-session i[b-a058nie0vv] {
    font-size: 18px;
}

.course-footer[b-a058nie0vv] {
    padding: 16px 20px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.course-cost[b-a058nie0vv] {
    font-size: 20px;
    font-weight: 700;
    color: #034B47;
}

.course-cost.free[b-a058nie0vv] {
    color: #2e7d32;
}

/* Enrollments Grid */
.enrollments-grid[b-a058nie0vv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.enrollment-card[b-a058nie0vv] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
}

.enrollment-card:hover[b-a058nie0vv] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.enrollment-header[b-a058nie0vv] {
    padding: 20px;
    background: linear-gradient(135deg, #034B47 0%, #056b63 100%);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.enrollment-title[b-a058nie0vv] {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    color: white;
}

.badge-status[b-a058nie0vv] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.enrollment-body[b-a058nie0vv] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.progress-section[b-a058nie0vv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.progress-header[b-a058nie0vv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: #666;
    font-weight: 600;
}

.progress-value[b-a058nie0vv] {
    color: #034B47;
    font-size: 16px;
    font-weight: 700;
}

.progress-bar[b-a058nie0vv] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.progress-fill[b-a058nie0vv] {
    height: 100%;
    background: linear-gradient(90deg, #034B47 0%, #0a9d8c 100%);
    transition: width 0.3s ease;
}

.session-info[b-a058nie0vv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
}

.info-item[b-a058nie0vv] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #666;
}

.info-item i[b-a058nie0vv] {
    color: #034B47;
    font-size: 16px;
}

.enrollment-footer[b-a058nie0vv] {
    padding: 16px 20px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
}

/* Completed Grid */
.completed-grid[b-a058nie0vv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.completed-card[b-a058nie0vv] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    border-left: 4px solid #4caf50;
}

.completed-card:hover[b-a058nie0vv] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

.completed-header[b-a058nie0vv] {
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #f1f8f4 0%, #e8f5e9 100%);
}

.completed-icon[b-a058nie0vv] {
    font-size: 32px;
    color: #4caf50;
}

.completed-title[b-a058nie0vv] {
    font-size: 17px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

.completed-body[b-a058nie0vv] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.completion-details[b-a058nie0vv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.detail-row[b-a058nie0vv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.detail-row:last-child[b-a058nie0vv] {
    border-bottom: none;
}

.detail-row .label[b-a058nie0vv] {
    font-size: 13px;
    color: #666;
    font-weight: 500;
}

.detail-row .value[b-a058nie0vv] {
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 600;
}

.detail-row .value.score[b-a058nie0vv] {
    color: #034B47;
    font-size: 16px;
}

.detail-row .value.passed[b-a058nie0vv] {
    color: #4caf50;
    display: flex;
    align-items: center;
    gap: 6px;
}

.certificate-section[b-a058nie0vv] {
    background: #fff3cd;
    padding: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #856404;
    font-weight: 500;
}

.certificate-section i[b-a058nie0vv] {
    font-size: 20px;
}

.completed-footer[b-a058nie0vv] {
    padding: 16px 20px;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

/* Empty State */
.empty-state[b-a058nie0vv] {
    background: white;
    border-radius: 12px;
    padding: 60px 20px;
    text-align: center;
    margin-top: 20px;
}

.empty-icon[b-a058nie0vv] {
    font-size: 80px;
    color: #ddd;
    margin-bottom: 20px;
}

.empty-state h3[b-a058nie0vv] {
    font-size: 20px;
    color: #666;
    margin: 0 0 10px 0;
}

.empty-state p[b-a058nie0vv] {
    font-size: 14px;
    color: #999;
    margin: 0;
}
/* _content/Portal.Client/Components/Pages/Panels/UserSelectorDialog.razor.rz.scp.css */

.user-selector-container[b-4t0p9ujnv3] {
    min-width: 800px;
    max-width: 1000px;
}

.search-section[b-4t0p9ujnv3] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.search-grid[b-4t0p9ujnv3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.user-cards-container[b-4t0p9ujnv3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    padding: 0.25rem;
}

@media (max-width: 768px) {
    .user-cards-container[b-4t0p9ujnv3] {
        grid-template-columns: 1fr;
    }
}

.user-card[b-4t0p9ujnv3] {
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-left: 3px solid #034B47;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.25s ease;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: relative;
}

    .user-card:hover[b-4t0p9ujnv3] {
        border-left-width: 4px;
        border-color: #034B47;
        box-shadow: 0 4px 12px rgba(3, 75, 71, 0.15);
        transform: translateX(3px);
        background: #f8fffe;
    }

/* Card pentru utilizatori fără sincronizare ERP */
.user-card.not-synced[b-4t0p9ujnv3] {
    background: #fff8f0;
    border-left-color: #f59e0b;
}

    .user-card.not-synced:hover[b-4t0p9ujnv3] {
        background: #fef3e2;
        border-color: #f59e0b;
        box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15);
    }

/* Card pentru utilizatori fără asociere ERP */
.user-card.not-associated[b-4t0p9ujnv3] {
    background: #fef2f2;
    border-left-color: #ef4444;
}

    .user-card.not-associated:hover[b-4t0p9ujnv3] {
        background: #fee2e2;
        border-color: #ef4444;
        box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15);
    }

/* Status badge în colțul din dreapta sus */
.user-status-badge[b-4t0p9ujnv3] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.688rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

    .user-status-badge i[b-4t0p9ujnv3],
    .user-status-badge .rz-icon[b-4t0p9ujnv3] {
        font-size: 0.75rem;
    }

/* Badge pentru nesincronizat */
.user-status-badge.not-synced[b-4t0p9ujnv3] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #78350f;
    border: 1px solid #f59e0b;
}

/* Badge pentru neasociat */
.user-status-badge.not-associated[b-4t0p9ujnv3] {
    background: linear-gradient(135deg, #f87171, #ef4444);
    color: #7f1d1d;
    border: 1px solid #ef4444;
}

.user-card-header[b-4t0p9ujnv3] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.5rem;
}

.user-avatar[b-4t0p9ujnv3] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #034B47, #056660);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.938rem;
    font-weight: 600;
    flex-shrink: 0;
}

.user-card-info[b-4t0p9ujnv3] {
    flex: 1;
}

.user-card-name[b-4t0p9ujnv3] {
    font-weight: 600;
    font-size: 0.938rem;
    color: #2c3e50;
    display: block;
    margin-bottom: 0.125rem;
    line-height: 1.3;
}

.user-card-role[b-4t0p9ujnv3] {
    font-size: 0.813rem;
    color: #7f8c8d;
    line-height: 1.3;
}

.user-card-details[b-4t0p9ujnv3] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.625rem;
    margin-top: 0.375rem;
    border-top: 1px solid #ecf0f1;
}

.user-detail-item[b-4t0p9ujnv3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.813rem;
    color: #34495e;
    line-height: 1.3;
}

    .user-detail-item i[b-4t0p9ujnv3],
    .user-detail-item .rz-icon[b-4t0p9ujnv3] {
        color: #034B47;
        font-size: 0.938rem;
        flex-shrink: 0;
        width: 18px;
        text-align: center;
    }

    .user-detail-item span[b-4t0p9ujnv3] {
        flex: 1;
        word-break: break-word;
    }

.empty-state[b-4t0p9ujnv3] {
    grid-column: 1 / -1;
    text-align: center;
    padding: 3rem 1rem;
    color: #95a5a6;
}

.empty-state-icon[b-4t0p9ujnv3] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.results-count[b-4t0p9ujnv3] {
    padding: 0.75rem;
    background-color: #e8f5e9;
    border-radius: 6px;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #2e7d32;
    font-weight: 500;
}

.dialog-header[b-4t0p9ujnv3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #034B47;
    margin-bottom: 1.5rem;
}

.dialog-header-icon[b-4t0p9ujnv3] {
    font-size: 2rem;
    color: #034B47;
}

.dialog-header-title[b-4t0p9ujnv3] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c3e50;
}

/* Secțiune documente atașate - Doar iconițe */
.user-documents-icons[b-4t0p9ujnv3] {
    display: flex;
    gap: 0.375rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e8f0f1;
}

.document-icon-badge[b-4t0p9ujnv3] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f0f7f7, #e0f0f0);
    border: 1.5px solid #d0e4e4;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.document-icon-badge i[b-4t0p9ujnv3] {
    font-size: 1.125rem;
    color: #034B47;
    transition: all 0.25s ease;
}

    .document-icon-badge:hover[b-4t0p9ujnv3] {
        background: linear-gradient(135deg, rgba(3, 75, 71, 0.5), rgba(2, 56, 52, 0.5));
        border-color: rgba(3, 75, 71, 0.4);
        transform: translateY(-2px) scale(1.05);
        box-shadow: 0 4px 12px rgba(3, 75, 71, 0.1);
    }

        .document-icon-badge:hover i[b-4t0p9ujnv3] {
            color: rgba(255, 255, 255, 0.8);
            transform: scale(1.1);
        }

/* Badge pentru "+N" documente */
.document-icon-badge.more-badge[b-4t0p9ujnv3] {
    background: linear-gradient(135deg, #034B47, #023834);
    border-color: #034B47;
}

.document-icon-badge.more-badge .more-count[b-4t0p9ujnv3] {
    font-size: 0.75rem;
    font-weight: 700;
    color: white;
}

.document-icon-badge.more-badge:hover[b-4t0p9ujnv3] {
    background: linear-gradient(135deg, #f97316, #ea580c);
    border-color: #f97316;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}

/* _content/Portal.Client/Components/Pages/Security/Login.razor.rz.scp.css */
.login-method-tabs[b-gotrdo9388] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #f0f0f0;
    border-radius: 12px;
}

.method-tab[b-gotrdo9388] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .method-tab:hover[b-gotrdo9388] {
        background: #e0e0e0;
    }

    .method-tab.active[b-gotrdo9388] {
        background: #fff;
        color: var(--ct-primary);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    .method-tab i[b-gotrdo9388] {
        font-size: 1.25rem;
    }

@media (max-width: 576px) {
    .method-tab span[b-gotrdo9388] {
        display: none;
    }

    .method-tab i[b-gotrdo9388] {
        font-size: 1.5rem;
    }
}

/* Video Tutorial Banner */
.video-tutorial-banner[b-gotrdo9388] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.video-tutorial-banner[b-gotrdo9388]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
    animation: bannerPulse-b-gotrdo9388 8s infinite;
}

@keyframes bannerPulse-b-gotrdo9388 {
    0%, 100% {
        transform: translate(0, 0) scale(1);
    }
    50% {
        transform: translate(-30px, -30px) scale(1.1);
    }
}

.video-tutorial-banner:hover[b-gotrdo9388] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5);
}

.video-tutorial-banner[b-gotrdo9388]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-tutorial-banner:hover[b-gotrdo9388]::after {
    opacity: 1;
}

.video-banner-icon[b-gotrdo9388] {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
    z-index: 1;
    position: relative;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.video-tutorial-banner:hover .video-banner-icon[b-gotrdo9388] {
    transform: scale(1.1) rotate(360deg);
    background: rgba(255, 255, 255, 0.3);
}

.video-banner-icon i[b-gotrdo9388] {
    font-size: 32px;
    color: white;
    animation: iconPulse-b-gotrdo9388 2s infinite;
}

@keyframes iconPulse-b-gotrdo9388 {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.video-banner-content[b-gotrdo9388] {
    flex: 1;
    z-index: 1;
    position: relative;
}

.video-banner-content h6[b-gotrdo9388] {
    color: white;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.video-banner-content p[b-gotrdo9388] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
}

.video-banner-arrow[b-gotrdo9388] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    flex-shrink: 0;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease;
}

.video-tutorial-banner:hover .video-banner-arrow[b-gotrdo9388] {
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(5px);
}

.video-banner-arrow i[b-gotrdo9388] {
    font-size: 20px;
    color: white;
}

/* Fade in animation */
@keyframes fadeInUp-b-gotrdo9388 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.video-tutorial-banner[b-gotrdo9388] {
    animation: fadeInUp-b-gotrdo9388 0.6s ease-out;
}

/* Responsive */
@media (max-width: 576px) {
    .video-tutorial-banner[b-gotrdo9388] {
        padding: 15px;
    }

    .video-banner-icon[b-gotrdo9388] {
        width: 50px;
        height: 50px;
        margin-right: 12px;
    }

    .video-banner-icon i[b-gotrdo9388] {
        font-size: 28px;
    }

    .video-banner-content h6[b-gotrdo9388] {
        font-size: 0.95rem;
    }

    .video-banner-content p[b-gotrdo9388] {
        font-size: 0.75rem;
    }

    .video-banner-arrow[b-gotrdo9388] {
        width: 35px;
        height: 35px;
    }

    .video-banner-arrow i[b-gotrdo9388] {
        font-size: 18px;
    }
}
/* _content/Portal.Client/Components/Pages/Security/VideoTutorialDialog.razor.rz.scp.css */
.video-tutorial-dialog[b-e558ccsmis] {
    padding: 0;
}

.video-tutorial-dialog .row[b-e558ccsmis] {
    margin: 0;
}

/* Left Sidebar */
.video-sidebar[b-e558ccsmis] {
    background: #f8f9fa;
    padding: 20px;
    border-right: 1px solid #e0e0e0;
}

.video-list[b-e558ccsmis] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.video-item[b-e558ccsmis] {
    background: white;
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.video-item:hover[b-e558ccsmis] {
    border-color: rgba(114, 124, 245, 0.3);
    transform: translateX(5px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.video-item.active[b-e558ccsmis] {
    border-color: #667eea;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.video-item-icon[b-e558ccsmis] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

.video-item-icon i[b-e558ccsmis] {
    font-size: 20px;
    color: white;
}

.video-item.active .video-item-icon[b-e558ccsmis] {
    animation: pulse-b-e558ccsmis 2s infinite;
}

@keyframes pulse-b-e558ccsmis {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 8px rgba(102, 126, 234, 0);
    }
}

.video-item-content[b-e558ccsmis] {
    flex: 1;
}

.video-item-content h6[b-e558ccsmis] {
    font-size: 0.9rem;
    color: #333;
    margin-bottom: 4px;
}

.video-item.active .video-item-content h6[b-e558ccsmis] {
    color: #667eea;
    font-weight: 600;
}

/* Right Panel - Video Player */
.video-player-panel[b-e558ccsmis] {
    padding: 20px;
    background: white;
}

.video-player-container[b-e558ccsmis] {
    animation: fadeIn-b-e558ccsmis 0.4s ease-out;
}

@keyframes fadeIn-b-e558ccsmis {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.video-wrapper[b-e558ccsmis] {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    background: #000;
}

.video-wrapper video[b-e558ccsmis] {
    display: block;
    border-radius: 12px;
    max-height: 400px;
}

.video-description[b-e558ccsmis] {
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #667eea;
}

/* Video Placeholder */
.video-placeholder[b-e558ccsmis] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #999;
    min-height: 400px;
}

.video-placeholder i[b-e558ccsmis] {
    font-size: 80px;
    color: #ddd;
    animation: float-b-e558ccsmis 3s ease-in-out infinite;
}

@keyframes float-b-e558ccsmis {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
}

.video-placeholder h5[b-e558ccsmis] {
    color: #666;
}

/* Scrollbar Styling */
.video-sidebar[b-e558ccsmis]::-webkit-scrollbar,
.video-player-panel[b-e558ccsmis]::-webkit-scrollbar {
    width: 6px;
}

.video-sidebar[b-e558ccsmis]::-webkit-scrollbar-track,
.video-player-panel[b-e558ccsmis]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.video-sidebar[b-e558ccsmis]::-webkit-scrollbar-thumb,
.video-player-panel[b-e558ccsmis]::-webkit-scrollbar-thumb {
    background: #667eea;
    border-radius: 10px;
}

.video-sidebar[b-e558ccsmis]::-webkit-scrollbar-thumb:hover,
.video-player-panel[b-e558ccsmis]::-webkit-scrollbar-thumb:hover {
    background: #5568d3;
}

/* Responsive */
@media (max-width: 768px) {
    .video-sidebar[b-e558ccsmis] {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        max-height: 200px;
    }

    .video-player-panel[b-e558ccsmis] {
        max-height: 400px;
    }

    .video-item:hover[b-e558ccsmis] {
        transform: none;
    }
}

/* Badge Styling */
.video-item .badge[b-e558ccsmis] {
    font-size: 0.7rem;
    padding: 3px 8px;
}
/* _content/Portal.Client/Components/Pages/Shared/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-syqa4820d3] .sortable-ghost {
  visibility: hidden;
}

[b-syqa4820d3] .sortable-fallback {
  opacity: 1 !important
}
/* _content/Portal.Client/Components/Shared/AiChatWidget.razor.rz.scp.css */
/* AI Chat Widget Container */
.ai-chat-widget[b-l7i4b3lmp7] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1001;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Toggle Button */
.chat-toggle-btn[b-l7i4b3lmp7] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    border: none;
    box-shadow: 0 4px 16px rgba(3, 75, 71, 0.5);
    color: white;
    font-size: 28px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-toggle-btn:hover[b-l7i4b3lmp7] {
    transform: scale(1.1);
    box-shadow: 0 8px 24px rgba(3, 75, 71, 0.7);
}

.chat-toggle-btn:active[b-l7i4b3lmp7] {
    transform: scale(0.95);
}

.notification-dot[b-l7i4b3lmp7] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    background: #ff4757;
    border-radius: 50%;
    border: 2px solid white;
    animation: pulse-dot-b-l7i4b3lmp7 2s infinite;
}

@keyframes pulse-dot-b-l7i4b3lmp7 {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
}

/* Chat Window */
.chat-window[b-l7i4b3lmp7] {
    width: 380px;
    height: 600px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: slideInUp-b-l7i4b3lmp7 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes slideInUp-b-l7i4b3lmp7 {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Chat Header */
.chat-header[b-l7i4b3lmp7] {
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    color: white;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-header h6[b-l7i4b3lmp7] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.chat-header small[b-l7i4b3lmp7] {
    font-size: 11px;
    opacity: 0.9;
}

.ai-avatar[b-l7i4b3lmp7] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.btn-close-chat[b-l7i4b3lmp7] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close-chat:hover[b-l7i4b3lmp7] {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Messages Container */
.chat-messages[b-l7i4b3lmp7] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.chat-messages[b-l7i4b3lmp7]::-webkit-scrollbar {
    width: 6px;
}

.chat-messages[b-l7i4b3lmp7]::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 3px;
}

.chat-messages[b-l7i4b3lmp7]::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* Welcome Message */
.welcome-message[b-l7i4b3lmp7] {
    text-align: center;
    padding: 40px 20px;
}

.ai-avatar-large[b-l7i4b3lmp7] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: white;
    margin: 0 auto 20px;
    animation: bounce-in-b-l7i4b3lmp7 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes bounce-in-b-l7i4b3lmp7 {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.welcome-message h5[b-l7i4b3lmp7] {
    color: #2d3748;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.welcome-message p[b-l7i4b3lmp7] {
    color: #718096;
    font-size: 14px;
    margin-bottom: 24px;
}

/* Quick Actions */
.quick-actions[b-l7i4b3lmp7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 8px;
}

.quick-action-btn[b-l7i4b3lmp7] {
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 10px 12px;
    color: #4a5568;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    min-height: 70px;
}

.quick-action-btn:hover[b-l7i4b3lmp7] {
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    color: white;
    border-color: transparent;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.4);
}

.quick-action-btn i[b-l7i4b3lmp7] {
    font-size: 20px;
}

/* Message Styles */
.message[b-l7i4b3lmp7] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    animation: fadeInMessage-b-l7i4b3lmp7 0.3s ease-out;
}

@keyframes fadeInMessage-b-l7i4b3lmp7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message-avatar[b-l7i4b3lmp7] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    flex-shrink: 0;
}

.message-avatar.user[b-l7i4b3lmp7] {
    background: #48bb78;
}

.message-content[b-l7i4b3lmp7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 70%;
}

.message-bubble[b-l7i4b3lmp7] {
    background: white;
    padding: 12px 16px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    font-size: 14px;
    line-height: 1.5;
    color: #2d3748;
}

.user-message[b-l7i4b3lmp7] {
    flex-direction: row-reverse;
}

.user-message .message-content[b-l7i4b3lmp7] {
    align-items: flex-end;
}

.user-message .message-bubble[b-l7i4b3lmp7] {
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    color: white;
}

.message-time[b-l7i4b3lmp7] {
    font-size: 11px;
    color: #a0aec0;
    padding: 0 8px;
}

/* Typing Indicator */
.typing-indicator[b-l7i4b3lmp7] {
    display: flex;
    gap: 4px;
    padding: 16px;
    background: white;
}

.typing-indicator span[b-l7i4b3lmp7] {
    width: 8px;
    height: 8px;
    background: #cbd5e0;
    border-radius: 50%;
    animation: typing-bounce-b-l7i4b3lmp7 1.4s infinite;
}

.typing-indicator span:nth-child(2)[b-l7i4b3lmp7] {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3)[b-l7i4b3lmp7] {
    animation-delay: 0.4s;
}

@keyframes typing-bounce-b-l7i4b3lmp7 {
    0%, 60%, 100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-8px);
    }
}

/* Input Area */
.chat-input-area[b-l7i4b3lmp7] {
    display: flex;
    gap: 8px;
    padding: 16px;
    background: white;
    border-top: 1px solid #e2e8f0;
}

.chat-input[b-l7i4b3lmp7] {
    flex: 1;
    border: 2px solid #e2e8f0;
    border-radius: 24px;
    padding: 10px 16px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
}

.chat-input:focus[b-l7i4b3lmp7] {
    border-color: #034B47;
    box-shadow: 0 0 0 3px rgba(3, 75, 71, 0.15);
}

.chat-input:disabled[b-l7i4b3lmp7] {
    background: #f7fafc;
    cursor: not-allowed;
}

.btn-send[b-l7i4b3lmp7] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-send:hover:not(:disabled)[b-l7i4b3lmp7] {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.5);
}

.btn-send:active:not(:disabled)[b-l7i4b3lmp7] {
    transform: scale(0.95);
}

.btn-send:disabled[b-l7i4b3lmp7] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 480px) {
    .chat-window[b-l7i4b3lmp7] {
        width: calc(100vw - 32px);
        height: calc(100vh - 100px);
        max-height: 600px;
    }

    .ai-chat-widget[b-l7i4b3lmp7] {
        bottom: 16px;
        right: 16px;
    }

    .message-content[b-l7i4b3lmp7] {
        max-width: 80%;
    }
}

/* Text Formatting */
.message-bubble strong[b-l7i4b3lmp7] {
    font-weight: 600;
    color: inherit;
}

.message-bubble em[b-l7i4b3lmp7] {
    font-style: italic;
}

/* Accessibility */
.text-white-50[b-l7i4b3lmp7] {
    opacity: 0.7;
}
/* _content/Portal.Client/Components/Shared/ChatImage.razor.rz.scp.css */
.image-placeholder[b-i29rhxv3no] {
    width: 200px;
    height: 150px;
    background: #f1f5f9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-placeholder.error[b-i29rhxv3no] {
    color: #ef4444;
}

.attachment-image-preview[b-i29rhxv3no] {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    max-width: 200px;
}

.attachment-image-preview img[b-i29rhxv3no] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.2s;
}

.attachment-image-preview:hover img[b-i29rhxv3no] {
    transform: scale(1.05);
}

.image-overlay[b-i29rhxv3no] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.attachment-image-preview:hover .image-overlay[b-i29rhxv3no] {
    opacity: 1;
}

.image-overlay i[b-i29rhxv3no] {
    color: white;
    font-size: 1.5rem;
}
/* _content/Portal.Client/Components/Shared/ChatWidget.razor.rz.scp.css */
/* Internal Chat Widget Container */
.internal-chat-widget[b-i2g065md20] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 1001;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Tab Button (edge of screen) */
.chat-tab-button[b-i2g065md20] {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right center;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    border: none;
    border-radius: 12px 12px 0 0;
    padding: 14px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: -3px 0 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 9999;
    min-width: 120px;
}

.chat-tab-button:hover[b-i2g065md20] {
    right: 18px;
    padding: 16px 32px;
    box-shadow: -6px 0 20px rgba(0, 0, 0, 0.4);
    background: linear-gradient(135deg, #045651 0%, #089683 100%);
}

.chat-tab-button i[b-i2g065md20] {
    font-size: 18px;
}

.tab-text[b-i2g065md20] {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.notification-badge-tab[b-i2g065md20] {
    background: #ff4757;
    color: white;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 700;
    min-width: 20px;
    text-align: center;
    animation: pulse-badge-b-i2g065md20 2s infinite;
}

@keyframes pulse-badge-b-i2g065md20 {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
}

/* Chat Panel (slides in from right) */
.chat-panel[b-i2g065md20] {
    position: fixed;
    right: 0;
    top: 0;
    width: 420px;
    height: 100vh;
    background: white;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10000;
}

.internal-chat-widget.open .chat-panel[b-i2g065md20] {
    transform: translateX(0);
}

/* Chat Header */
.chat-header[b-i2g065md20] {
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    color: white;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.chat-header h6[b-i2g065md20] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.chat-header small[b-i2g065md20] {
    font-size: 12px;
    opacity: 0.9;
}

.chat-avatar[b-i2g065md20] {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.btn-close-chat[b-i2g065md20] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close-chat:hover[b-i2g065md20] {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Chat Content */
.chat-content[b-i2g065md20] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #f8f9fa;
}

/* Search Area */
.search-area[b-i2g065md20] {
    padding: 16px;
    background: white;
    border-bottom: 1px solid #e2e8f0;
}

.chat-search[b-i2g065md20] {
    width: 100%;
    border: 2px solid #e2e8f0;
    border-radius: 24px;
    padding: 12px 18px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
}

.chat-search:focus[b-i2g065md20] {
    border-color: #034B47;
    box-shadow: 0 0 0 4px rgba(3, 75, 71, 0.1);
}

/* User List */
.user-list[b-i2g065md20] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
}

.user-list[b-i2g065md20]::-webkit-scrollbar {
    width: 6px;
}

.user-list[b-i2g065md20]::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 3px;
}

.user-list[b-i2g065md20]::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

.user-item[b-i2g065md20] {
    width: 100%;
    background: white;
    border: none;
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 8px;
    color: #4a5568;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    text-align: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.user-item:hover[b-i2g065md20] {
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    color: white;
    transform: translateX(-4px);
    box-shadow: 0 4px 12px rgba(3, 75, 71, 0.25);
}

.user-item i[b-i2g065md20] {
    font-size: 1.8rem;
    color: inherit;
}

.user-details[b-i2g065md20] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 2px;
    font-size: 0.8125rem;
    line-height: 1.2;
}

.user-item:hover .user-details small[b-i2g065md20] {
    color: rgba(255, 255, 255, 0.85);
}

/* Conversation Header */
.conversation-header[b-i2g065md20] {
    background: white;
    padding: 14px 18px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.conversation-header strong[b-i2g065md20] {
    font-size: 15px;
    color: #2d3748;
}

.btn-back[b-i2g065md20] {
    background: #f7fafc;
    border: none;
    color: #4a5568;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.btn-back:hover[b-i2g065md20] {
    background: #e2e8f0;
    color: #034B47;
}

.btn-favorite[b-i2g065md20],
.btn-favorite-header[b-i2g065md20] {
    background: transparent;
    border: none;
    color: #cbd5e0;
    padding: 6px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.btn-favorite:hover[b-i2g065md20],
.btn-favorite-header:hover[b-i2g065md20] {
    background: rgba(251, 191, 36, 0.1);
    color: #fbbf24;
    transform: scale(1.1);
}

.btn-favorite i[b-i2g065md20],
.btn-favorite-header i[b-i2g065md20] {
    transition: all 0.2s ease;
}

.user-item:hover .btn-favorite[b-i2g065md20] {
    color: rgba(255, 255, 255, 0.7);
}

.user-item:hover .btn-favorite:hover[b-i2g065md20] {
    color: #fbbf24;
    background: rgba(251, 191, 36, 0.2);
}

/* Messages Container */
.messages-container[b-i2g065md20] {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.messages-container[b-i2g065md20]::-webkit-scrollbar {
    width: 6px;
}

.messages-container[b-i2g065md20]::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 3px;
}

.messages-container[b-i2g065md20]::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* Message Styles */
.message[b-i2g065md20] {
    display: flex;
    animation: fadeInMessage-b-i2g065md20 0.3s ease-out;
}

@keyframes fadeInMessage-b-i2g065md20 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message.user-message[b-i2g065md20] {
    justify-content: flex-end;
}

.message.other-message[b-i2g065md20] {
    justify-content: flex-start;
}

.message-bubble[b-i2g065md20] {
    max-width: 75%;
    padding: 12px 16px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    word-wrap: break-word;
}

.user-message .message-bubble[b-i2g065md20] {
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    color: white;
    border-bottom-right-radius: 4px;
}

.other-message .message-bubble[b-i2g065md20] {
    background: white;
    color: #2d3748;
    border-bottom-left-radius: 4px;
}

.message-bubble.sending[b-i2g065md20] {
    opacity: 0.7;
}

.message-bubble p[b-i2g065md20] {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.message-time[b-i2g065md20] {
    font-size: 11px;
    display: block;
    margin-top: 6px;
    opacity: 0.8;
}

.user-message .message-time[b-i2g065md20] {
    color: rgba(255, 255, 255, 0.95);
    text-align: right;
}

.other-message .message-time[b-i2g065md20] {
    color: #a0aec0;
}

/* Typing Indicator */
.typing-indicator[b-i2g065md20] {
    display: flex;
    gap: 4px;
    padding: 8px 0;
}

.typing-indicator span[b-i2g065md20] {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    animation: typing-b-i2g065md20 1.4s infinite;
}

.typing-indicator span:nth-child(2)[b-i2g065md20] {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3)[b-i2g065md20] {
    animation-delay: 0.4s;
}

@keyframes typing-b-i2g065md20 {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.7;
    }
    30% {
        transform: translateY(-10px);
        opacity: 1;
    }
}

/* Input Area */
.chat-input-area[b-i2g065md20] {
    display: flex;
    gap: 10px;
    padding: 18px;
    background: white;
    border-top: 1px solid #e2e8f0;
}

.chat-input[b-i2g065md20] {
    flex: 1;
    border: 2px solid #e2e8f0;
    border-radius: 24px;
    padding: 12px 18px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
}

.chat-input:focus[b-i2g065md20] {
    border-color: #034B47;
    box-shadow: 0 0 0 4px rgba(3, 75, 71, 0.1);
}

.chat-input:disabled[b-i2g065md20] {
    background: #f7fafc;
    cursor: not-allowed;
}

.btn-send[b-i2g065md20] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #034B47 0%, #078177 100%);
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-send:hover:not(:disabled)[b-i2g065md20] {
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(3, 75, 71, 0.4);
}

.btn-send:active:not(:disabled)[b-i2g065md20] {
    transform: scale(0.95);
}

.btn-send:disabled[b-i2g065md20] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* File Attachment Styles */
.input-row[b-i2g065md20] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.btn-attach[b-i2g065md20] {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 12px;
    color: #546e7a;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-attach:hover:not(:disabled)[b-i2g065md20] {
    background: #034B47;
    color: white;
    border-color: #034B47;
}

.btn-attach:disabled[b-i2g065md20] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-attach i[b-i2g065md20] {
    font-size: 18px;
}

.pending-attachments[b-i2g065md20] {
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pending-attachment-item[b-i2g065md20] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 6px;
    font-size: 0.875rem;
    min-height: 40px;
}

.pending-attachment-item i[b-i2g065md20] {
    color: #0284c7;
    flex-shrink: 0;
}

.pending-image-preview[b-i2g065md20] {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.pending-attachment-item span[b-i2g065md20] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #0c4a6e;
    min-width: 0;
}

.pending-attachment-item small[b-i2g065md20] {
    color: #64748b;
    flex-shrink: 0;
    white-space: nowrap;
}

.btn-remove-attachment[b-i2g065md20] {
    background: transparent;
    border: none;
    color: #ef4444;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    transition: background 0.2s ease;
}

.btn-remove-attachment:hover[b-i2g065md20] {
    background: rgba(239, 68, 68, 0.1);
}

.attachments-list[b-i2g065md20] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.attachment-item[b-i2g065md20] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    font-size: 0.813rem;
    transition: background 0.2s ease;
    cursor: pointer;
    width: 100%;
}

.attachment-item:hover[b-i2g065md20] {
    background: rgba(255, 255, 255, 0.25);
    text-decoration: none;
    color: inherit;
}

.attachment-item i[b-i2g065md20] {
    font-size: 14px;
}

.attachment-item span[b-i2g065md20] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Image Preview */
.attachment-image-preview[b-i2g065md20] {
    position: relative;
    max-width: 300px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 4px;
}

.attachment-image-preview img[b-i2g065md20] {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.attachment-image-preview:hover img[b-i2g065md20] {
    transform: scale(1.05);
}

.attachment-image-preview .image-overlay[b-i2g065md20] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.attachment-image-preview:hover .image-overlay[b-i2g065md20] {
    opacity: 1;
}

.attachment-image-preview .image-overlay i[b-i2g065md20] {
    color: white;
    font-size: 2rem;
}

/* Message Sender Name */
.message-sender[b-i2g065md20] {
    font-size: 0.75rem;
    color: #78909c;
    margin-bottom: 4px;
    font-weight: 600;
}

.user-message .message-sender[b-i2g065md20] {
    text-align: right;
}

.other-message .message-sender[b-i2g065md20] {
    text-align: left;
}

/* Responsive Design */
@media (max-width: 768px) {
    .chat-panel[b-i2g065md20] {
        width: 100%;
        max-width: 100vw;
    }

    .chat-tab-button[b-i2g065md20] {
        font-size: 12px;
        padding: 10px 20px;
    }
}

@media (max-width: 480px) {
    .message-bubble[b-i2g065md20] {
        max-width: 85%;
    }

    .chat-input-area[b-i2g065md20] {
        padding: 14px;
    }
}

/* Hide widget when Insights panel is open */
.internal-chat-widget.hidden[b-i2g065md20] {
    display: none !important;
}
/* _content/Portal.Client/Components/Shared/ConciergeWidget.razor.rz.scp.css */
/* ============================================
   CONCIERGE WIDGET - Main Container
   ============================================ */

/* Concierge Widget Container */
.concierge-widget[b-3zncspka7c] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 1000; /* Lower than Chat (1001) */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Tab Button (edge of screen) - positioned ABOVE ChatWidget tab */
.concierge-tab-button[b-3zncspka7c] {
    position: fixed;
    right: 20px;
    top: calc(50% - 150px); /* Offset above Chat tab */
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right center;
    background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
    border: none;
    border-radius: 12px 12px 0 0;
    padding: 14px 28px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: -3px 0 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 9998; /* Lower than Chat tab */
    min-width: 150px;
    margin-bottom: 0; /* Remove gap between tabs */
}

.concierge-tab-button:hover[b-3zncspka7c] {
    right: 18px;
    padding: 16px 32px;
    box-shadow: -6px 0 20px rgba(0, 0, 0, 0.4);
    background: linear-gradient(135deg, #8e24aa 0%, #7b1fa2 100%);
}

.concierge-tab-button i[b-3zncspka7c] {
    font-size: 18px;
}

.concierge-tab-text[b-3zncspka7c] {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
}

/* Concierge Panel (slides in from right) */
.concierge-panel[b-3zncspka7c] {
    position: fixed;
    right: 0;
    top: 0;
    width: 450px;
    height: 100vh;
    background: white;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999; /* Lower than Chat panel (10000) */
}

.concierge-widget.open .concierge-panel[b-3zncspka7c] {
    transform: translateX(0);
}

/* Concierge Header */
.concierge-header[b-3zncspka7c] {
    background: linear-gradient(135deg, #7b1fa2 0%, #6a1b9a 100%);
    color: white;
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.concierge-header h6[b-3zncspka7c] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.concierge-header small[b-3zncspka7c] {
    font-size: 12px;
    opacity: 0.9;
}

.concierge-avatar[b-3zncspka7c] {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.btn-close-concierge[b-3zncspka7c] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close-concierge:hover[b-3zncspka7c] {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* ============================================
   CONCIERGE CONTENT AREA
   ============================================ */

.concierge-container[b-3zncspka7c] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fafbfc;
}

.concierge-content[b-3zncspka7c] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* ============================================
   MORNING BRIEFING CARD
   ============================================ */

.morning-briefing-card[b-3zncspka7c] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    margin: 12px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    animation: fadeInDown-b-3zncspka7c 0.4s ease-out;
}

@keyframes fadeInDown-b-3zncspka7c {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.morning-briefing-card h3[b-3zncspka7c] {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 600;
}

.briefing-item[b-3zncspka7c] {
    margin: 8px 0;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    line-height: 1.6;
}

.briefing-item i[b-3zncspka7c] {
    position: absolute;
    left: 0;
    top: 3px;
}

.briefing-dismiss[b-3zncspka7c] {
    margin-top: 12px;
    padding: 6px 12px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    color: white;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s ease;
}

.briefing-dismiss:hover[b-3zncspka7c] {
    background: rgba(255, 255, 255, 0.3);
}

/* ============================================
   UNIVERSAL SEARCH BAR
   ============================================ */

.universal-search[b-3zncspka7c] {
    padding: 12px;
    background: white;
    border-bottom: 1px solid #e9ecef;
}

.search-input-wrapper[b-3zncspka7c] {
    position: relative;
}

.search-input-wrapper i[b-3zncspka7c] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 18px;
}

.search-input[b-3zncspka7c] {
    width: 100%;
    padding: 10px 12px 10px 40px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.search-input:focus[b-3zncspka7c] {
    outline: none;
    border-color: #1976d2;
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);
}

/* Search Results Dropdown */
.search-results[b-3zncspka7c] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-top: 4px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 10;
    animation: fadeIn-b-3zncspka7c 0.2s ease-out;
}

@keyframes fadeIn-b-3zncspka7c {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.search-result-item[b-3zncspka7c] {
    padding: 12px;
    border-bottom: 1px solid #f1f3f5;
    cursor: pointer;
    transition: background 0.15s ease;
}

.search-result-item:hover[b-3zncspka7c] {
    background: #f8f9fa;
}

.search-result-item:last-child[b-3zncspka7c] {
    border-bottom: none;
}

.search-result-category[b-3zncspka7c] {
    font-size: 11px;
    text-transform: uppercase;
    color: #6c757d;
    font-weight: 600;
    margin-bottom: 4px;
}

.search-result-title[b-3zncspka7c] {
    font-size: 14px;
    font-weight: 500;
    color: #212529;
    margin-bottom: 2px;
}

.search-result-meta[b-3zncspka7c] {
    font-size: 12px;
    color: #868e96;
}

/* ============================================
   COMMAND INPUT SECTION
   ============================================ */

.command-section[b-3zncspka7c] {
    padding: 12px;
}

.command-input-wrapper[b-3zncspka7c] {
    position: relative;
}

.command-input[b-3zncspka7c] {
    width: 100%;
    padding: 12px 50px 12px 12px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 14px;
    resize: none;
    font-family: inherit;
    transition: all 0.2s ease;
}

.command-input:focus[b-3zncspka7c] {
    outline: none;
    border-color: #7b1fa2;
    box-shadow: 0 0 0 3px rgba(123, 31, 162, 0.1);
}

.voice-button[b-3zncspka7c] {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #7b1fa2;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.voice-button:hover[b-3zncspka7c] {
    background: #6a1b9a;
    transform: scale(1.05);
}

.voice-button.listening[b-3zncspka7c] {
    background: #e91e63;
    animation: voicePulse-b-3zncspka7c 1.5s ease-in-out infinite;
}

@keyframes voicePulse-b-3zncspka7c {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(233, 30, 99, 0);
    }
}

/* ============================================
   QUICK ACTIONS GRID
   ============================================ */

.quick-actions[b-3zncspka7c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 12px;
}

.quick-action-btn[b-3zncspka7c] {
    padding: 10px 12px;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    font-size: 13px;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.quick-action-btn:hover[b-3zncspka7c] {
    border-color: #1976d2;
    color: #1976d2;
    background: #f0f7ff;
    transform: translateY(-1px);
}

.quick-action-btn i[b-3zncspka7c] {
    margin-right: 6px;
}

/* ============================================
   COMMAND RESPONSE DISPLAY
   ============================================ */

.command-response[b-3zncspka7c] {
    margin-top: 12px;
    padding: 12px;
    background: #e3f2fd;
    border-left: 3px solid #1976d2;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.6;
    animation: fadeInUp-b-3zncspka7c 0.3s ease-out;
}

@keyframes fadeInUp-b-3zncspka7c {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.command-actions[b-3zncspka7c] {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.action-link[b-3zncspka7c] {
    display: inline-block;
    padding: 6px 12px;
    background: #1976d2;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.2s ease;
}

.action-link:hover[b-3zncspka7c] {
    background: #1565c0;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(25, 118, 210, 0.3);
}

/* ============================================
   ONBOARDING TOOLTIP
   ============================================ */

.onboarding-overlay[b-3zncspka7c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2000;
    animation: fadeIn-b-3zncspka7c 0.3s ease-out;
}

.onboarding-tooltip[b-3zncspka7c] {
    position: fixed;
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    max-width: 320px;
    z-index: 2001;
    animation: tooltipPop-b-3zncspka7c 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes tooltipPop-b-3zncspka7c {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.onboarding-tooltip h4[b-3zncspka7c] {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #212529;
}

.onboarding-tooltip p[b-3zncspka7c] {
    margin: 0 0 16px 0;
    font-size: 14px;
    color: #495057;
    line-height: 1.6;
}

.onboarding-progress[b-3zncspka7c] {
    font-size: 12px;
    color: #868e96;
    margin-bottom: 12px;
}

.onboarding-actions[b-3zncspka7c] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.onboarding-btn[b-3zncspka7c] {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.onboarding-btn.skip[b-3zncspka7c] {
    background: transparent;
    color: #6c757d;
}

.onboarding-btn.skip:hover[b-3zncspka7c] {
    background: #f1f3f5;
}

.onboarding-btn.next[b-3zncspka7c] {
    background: #1976d2;
    color: white;
}

.onboarding-btn.next:hover[b-3zncspka7c] {
    background: #1565c0;
}

/* ============================================
   LOADING STATES
   ============================================ */

.loading-spinner[b-3zncspka7c] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #1976d2;
    border-radius: 50%;
    animation: spin-b-3zncspka7c 0.8s linear infinite;
}

@keyframes spin-b-3zncspka7c {
    to {
        transform: rotate(360deg);
    }
}

/* ============================================
   SCROLLBAR STYLING
   ============================================ */

.concierge-content[b-3zncspka7c]::-webkit-scrollbar,
.search-results[b-3zncspka7c]::-webkit-scrollbar {
    width: 6px;
}

.concierge-content[b-3zncspka7c]::-webkit-scrollbar-track,
.search-results[b-3zncspka7c]::-webkit-scrollbar-track {
    background: #f1f3f5;
}

.concierge-content[b-3zncspka7c]::-webkit-scrollbar-thumb,
.search-results[b-3zncspka7c]::-webkit-scrollbar-thumb {
    background: #ced4da;
    border-radius: 3px;
}

.concierge-content[b-3zncspka7c]::-webkit-scrollbar-thumb:hover,
.search-results[b-3zncspka7c]::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

/* ============================================
   ENHANCED FEATURES STYLES
   ============================================ */

/* Enhanced Response Message */
.response-message[b-3zncspka7c] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 12px;
}

.response-message i[b-3zncspka7c] {
    font-size: 20px;
    margin-top: 2px;
}

.response-message div[b-3zncspka7c] {
    flex: 1;
    line-height: 1.6;
}

/* Extracted Data Badges */
.extracted-data[b-3zncspka7c] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 12px 0;
    padding: 8px 12px;
    background: #e7f3ff;
    border-left: 3px solid #0d6efd;
    border-radius: 4px;
}

.data-badge[b-3zncspka7c] {
    display: flex;
    flex-direction: column;
    padding: 4px 8px;
    background: white;
    border-radius: 4px;
    font-size: 13px;
}

.data-badge small[b-3zncspka7c] {
    color: #6c757d;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.data-badge strong[b-3zncspka7c] {
    color: #212529;
    font-weight: 600;
}

/* Suggested Follow-ups */
.suggested-followups[b-3zncspka7c] {
    margin-top: 12px;
    padding: 10px 12px;
    background: #f8f9fa;
    border-radius: 6px;
}

.suggested-followups small[b-3zncspka7c] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #6c757d;
}

.suggestion-chip[b-3zncspka7c] {
    display: inline-block;
    padding: 4px 12px;
    margin: 4px 4px 4px 0;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 16px;
    font-size: 13px;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s;
}

.suggestion-chip:hover[b-3zncspka7c] {
    background: #7b1fa2;
    color: white;
    border-color: #7b1fa2;
    transform: translateY(-1px);
}

/* Low Confidence Warning */
.low-confidence-warning[b-3zncspka7c] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 8px 12px;
    background: #fff3cd;
    border-left: 3px solid #ffc107;
    border-radius: 4px;
}

.low-confidence-warning i[b-3zncspka7c] {
    color: #856404;
    font-size: 16px;
}

.low-confidence-warning small[b-3zncspka7c] {
    color: #856404;
    font-size: 12px;
}

/* Command Response Animation */
.command-response[b-3zncspka7c] {
    animation: slideIn-b-3zncspka7c 0.3s ease-out;
}

@keyframes slideIn-b-3zncspka7c {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 768px) {
    .concierge-panel[b-3zncspka7c] {
        width: 100%;
        max-width: 100vw;
    }

    .concierge-tab-button[b-3zncspka7c] {
        font-size: 12px;
        padding: 10px 20px;
    }

    .extracted-data[b-3zncspka7c] {
        flex-direction: column;
    }

    .data-badge[b-3zncspka7c] {
        width: 100%;
    }

    .suggestion-chip[b-3zncspka7c] {
        font-size: 12px;
        padding: 3px 10px;
    }
}

/* Hide widget when Insights panel is open */
.concierge-widget.hidden[b-3zncspka7c] {
    display: none !important;
}