@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* _content/IGM.Web/Pages/MyTasks/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-9g5l7sz66r] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-9g5l7sz66r] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-9g5l7sz66r] {
        background-color: #f3faf7;
        border-left-color: #107c10;
    }

    .checklist-item.pending[b-9g5l7sz66r] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 50px
    }

.item-content[b-9g5l7sz66r] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-9g5l7sz66r] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-9g5l7sz66r] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-9g5l7sz66r] {
    color: #323130;
    
}

.item-date[b-9g5l7sz66r] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-9g5l7sz66r] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-9g5l7sz66r] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-9g5l7sz66r] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-9g5l7sz66r] {
    width: 800px;
}

.inline-progress[b-9g5l7sz66r] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-9g5l7sz66r] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-9g5l7sz66r] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-9g5l7sz66r] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-9g5l7sz66r] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-9g5l7sz66r] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-9g5l7sz66r] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-9g5l7sz66r] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-9g5l7sz66r] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-9g5l7sz66r] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-9g5l7sz66r] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-9g5l7sz66r] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-9g5l7sz66r] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-9g5l7sz66r] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-9g5l7sz66r] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-9g5l7sz66r] {
    font-weight: 600;
    color: #323130;
}
/* _content/IGM.Web/Pages/MyTasks/Executor/ExecutorTaskPendingCerere.razor.rz.scp.css */

root[b-jfly0nhzi3] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-jfly0nhzi3] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-jfly0nhzi3] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-jfly0nhzi3] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-jfly0nhzi3] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-jfly0nhzi3] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-jfly0nhzi3] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-jfly0nhzi3] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-jfly0nhzi3] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-jfly0nhzi3] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-jfly0nhzi3] {
    margin-bottom: 16px;
}


.tasks-list[b-jfly0nhzi3] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-jfly0nhzi3] {
    display: none;
}
.tasks-list >.column-header[b-jfly0nhzi3]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-jfly0nhzi3] {
        
        color: red !important;
    }

    .task-card[b-jfly0nhzi3] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-jfly0nhzi3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-jfly0nhzi3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-jfly0nhzi3] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-jfly0nhzi3] {
        text-decoration: underline;
    }


.task-person[b-jfly0nhzi3] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-jfly0nhzi3] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-jfly0nhzi3] {
    margin-bottom: 16px;
}

.progress-bar[b-jfly0nhzi3] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-jfly0nhzi3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-jfly0nhzi3] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-jfly0nhzi3] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-jfly0nhzi3] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-jfly0nhzi3] {
        padding: 12px;
    }

    .statistics-cards[b-jfly0nhzi3] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-jfly0nhzi3] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-jfly0nhzi3] {
        font-size: 36px;
    }

    .stat-label[b-jfly0nhzi3] {
        font-size: 12px;
    }

    .task-header[b-jfly0nhzi3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-jfly0nhzi3] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-jfly0nhzi3] {
        min-width: 100%;
    }
}

.flex[b-jfly0nhzi3] {display: flex; }

.flex-1[b-jfly0nhzi3] {  flex: 1 1 0%; }

.h-1\.5[b-jfly0nhzi3] {  height: .375rem; }

.gap-0\.5[b-jfly0nhzi3] {   gap: .125rem; }

.mt-2[b-jfly0nhzi3] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-jfly0nhzi3] {
    border-radius: 9999px;
}
.animate-pulse[b-jfly0nhzi3] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-jfly0nhzi3] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/Executor/ExecutorTaskPendingCerere_New.razor.rz.scp.css */
/* ============================================
   ExecutorTaskPendingCerere_New.razor CSS
   FluentDataGrid Task Cards Styling
   ============================================ */

:root[b-uz7zlkb47k] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}

/* Task Dashboard Container */
.task-dashboard[b-uz7zlkb47k] {
    width: 100%;
    padding: 20px;
}

/* ============================================
   FILTER TABS STYLING
   ============================================ */

.filter-tabs[b-uz7zlkb47k] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.filter-tabs .tab[b-uz7zlkb47k] {
    padding: 8px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.2s ease;
}

.filter-tabs .tab:hover[b-uz7zlkb47k] {
    background: #f5f5f5;
    border-color: #0078d4;
}

.filter-tabs .tab.active[b-uz7zlkb47k] {
    background: #0078d4;
    color: white;
    border-color: #0078d4;
}

/* ============================================
   STATISTICS CARDS
   ============================================ */

.statistics-cards[b-uz7zlkb47k] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-uz7zlkb47k] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

.stat-card.stat-purple[b-uz7zlkb47k] {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}

.stat-card.stat-blue[b-uz7zlkb47k] {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
}

.stat-card.stat-orange[b-uz7zlkb47k] {
    background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
}

.stat-card.stat-green[b-uz7zlkb47k] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}

.stat-number[b-uz7zlkb47k] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-uz7zlkb47k] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}

/* ============================================
   TASK LIST & CARDS
   ============================================ */

.section-header[b-uz7zlkb47k] {
    margin-bottom: 16px;
}

.tasks-list[b-uz7zlkb47k] {
    gap: 16px;
}

/* Hide default grid header */
.grid-no-header[b-uz7zlkb47k] (.column-header),
.grid-no-header[b-uz7zlkb47k] (thead),
.grid-no-header[b-uz7zlkb47k] (.fluent-data-grid-header) {
    display: none !important;
}

.tasks-list > .column-header[b-uz7zlkb47k] {
    display: none;
}

/* Task Card Styling */
.task-card[b-uz7zlkb47k] {
    padding: 10px;
    border-radius: 8px;
    width: 99%;
    border: 1px solid #d3d6de;
    transition: all 0.2s ease;
    margin: 5px;
    background: #fff;
}

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

/* Task Header */
.task-header[b-uz7zlkb47k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.task-case-info[b-uz7zlkb47k] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.case-number[b-uz7zlkb47k] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}

.case-number:hover[b-uz7zlkb47k] {
    text-decoration: underline;
}

/* Task Person Section */
.task-person[b-uz7zlkb47k] {
    margin-bottom: 0px;
}

.task-person fluent-label:first-child[b-uz7zlkb47k] {
    margin-bottom: 4px;
}

/* Task Progress Bar */
.task-progress[b-uz7zlkb47k] {
    margin-bottom: 16px;
}

.progress-bar[b-uz7zlkb47k] {
    width: 100%;
    height: 8px;
}

/* Task Footer */
.task-footer[b-uz7zlkb47k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.task-footer fluent-stack[b-uz7zlkb47k] {
    gap: 6px;
    align-items: center;
}

/* ============================================
   STATUS BADGES
   ============================================ */

.status-badge[b-uz7zlkb47k] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.status-neutral[b-uz7zlkb47k] {
    background-color: #f0f0f0;
    color: #333;
}

.status-badge.status-success[b-uz7zlkb47k] {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.status-warning[b-uz7zlkb47k] {
    background-color: #fff3cd;
    color: #856404;
}

.status-badge.status-danger[b-uz7zlkb47k] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-badge.status-info[b-uz7zlkb47k] {
    background-color: #d1ecf1;
    color: #0c5460;
}

/* ============================================
   WORKFLOW PROGRESS INDICATORS
   ============================================ */

.bg-green[b-uz7zlkb47k] {
    background-color: #10B981 !important;
}

.bg-red[b-uz7zlkb47k] {
    background-color: #EF4444 !important;
}

.bg-gray[b-uz7zlkb47k] {
    background-color: #9CA3AF !important;
}

.bg-blue[b-uz7zlkb47k] {
    background-color: #3B82F6 !important;
}

.bg-yellow[b-uz7zlkb47k] {
    background-color: #F59E0B !important;
}

/* ============================================
   EMPTY STATE
   ============================================ */

.empty-state[b-uz7zlkb47k] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}

.empty-state fluent-icon[b-uz7zlkb47k] {
    margin-bottom: 16px;
}

/* ============================================
   UTILITY CLASSES (Tailwind-like)
   ============================================ */

.flex[b-uz7zlkb47k] {
    display: flex;
}

.flex-1[b-uz7zlkb47k] {
    flex: 1 1 0%;
}

.h-1\.5[b-uz7zlkb47k] {
    height: .375rem;
}

.gap-0\.5[b-uz7zlkb47k] {
    gap: .125rem;
}

.mt-2[b-uz7zlkb47k] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-uz7zlkb47k] {
    border-radius: 9999px;
}

.animate-pulse[b-uz7zlkb47k] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

.text-blue-700[b-uz7zlkb47k] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 768px) {
    .task-dashboard[b-uz7zlkb47k] {
        padding: 12px;
    }

    .statistics-cards[b-uz7zlkb47k] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-uz7zlkb47k] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-uz7zlkb47k] {
        font-size: 36px;
    }

    .stat-label[b-uz7zlkb47k] {
        font-size: 12px;
    }

    .task-header[b-uz7zlkb47k] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-uz7zlkb47k] {
        flex-direction: column;
        align-items: flex-start;
    }

    .filter-tabs[b-uz7zlkb47k] {
        flex-wrap: wrap;
    }

    .filter-tabs .tab[b-uz7zlkb47k] {
        flex: 1;
        min-width: 80px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .stat-card[b-uz7zlkb47k] {
        min-width: 100%;
    }

    .task-case-info[b-uz7zlkb47k] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/IGM.Web/Pages/MyTasks/Executor/ExecutorTaskPendingDosar.razor.rz.scp.css */

root[b-lxeyug1yuc] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-lxeyug1yuc] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-lxeyug1yuc] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-lxeyug1yuc] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-lxeyug1yuc] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-lxeyug1yuc] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-lxeyug1yuc] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-lxeyug1yuc] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-lxeyug1yuc] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-lxeyug1yuc] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-lxeyug1yuc] {
    margin-bottom: 16px;
}


.tasks-list[b-lxeyug1yuc] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-lxeyug1yuc] {
    display: none;
}
.tasks-list >.column-header[b-lxeyug1yuc]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-lxeyug1yuc] {
        
        color: red !important;
    }

    .task-card[b-lxeyug1yuc] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-lxeyug1yuc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-lxeyug1yuc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-lxeyug1yuc] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-lxeyug1yuc] {
        text-decoration: underline;
    }


.task-person[b-lxeyug1yuc] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-lxeyug1yuc] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-lxeyug1yuc] {
    margin-bottom: 16px;
}

.progress-bar[b-lxeyug1yuc] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-lxeyug1yuc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-lxeyug1yuc] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-lxeyug1yuc] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-lxeyug1yuc] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-lxeyug1yuc] {
        padding: 12px;
    }

    .statistics-cards[b-lxeyug1yuc] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-lxeyug1yuc] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-lxeyug1yuc] {
        font-size: 36px;
    }

    .stat-label[b-lxeyug1yuc] {
        font-size: 12px;
    }

    .task-header[b-lxeyug1yuc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-lxeyug1yuc] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-lxeyug1yuc] {
        min-width: 100%;
    }
}

.flex[b-lxeyug1yuc] {display: flex; }

.bg-1[b-lxeyug1yuc] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-lxeyug1yuc]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-lxeyug1yuc] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-lxeyug1yuc] {  flex: 1 1 0%; }

.h-1\.5[b-lxeyug1yuc] {  height: .375rem; }

.gap-0\.5[b-lxeyug1yuc] {   gap: .125rem; }

.mt-2[b-lxeyug1yuc] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-lxeyug1yuc] {
    border-radius: 9999px;
}
.animate-pulse[b-lxeyug1yuc] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-lxeyug1yuc] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefDirectie/AllActiveTasks.razor.rz.scp.css */

root[b-ud0aeoqrq7] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-ud0aeoqrq7] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-ud0aeoqrq7] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-ud0aeoqrq7] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-ud0aeoqrq7] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-ud0aeoqrq7] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-ud0aeoqrq7] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-ud0aeoqrq7] {
    margin-bottom: 16px;
}


.tasks-list[b-ud0aeoqrq7] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-ud0aeoqrq7] {
    display: none;
}
.tasks-list >.column-header[b-ud0aeoqrq7]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-ud0aeoqrq7] {
        
        color: red !important;
    }

    .task-card[b-ud0aeoqrq7] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-ud0aeoqrq7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-ud0aeoqrq7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-ud0aeoqrq7] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-ud0aeoqrq7] {
        text-decoration: underline;
    }


.task-person[b-ud0aeoqrq7] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-ud0aeoqrq7] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-ud0aeoqrq7] {
    margin-bottom: 16px;
}

.progress-bar[b-ud0aeoqrq7] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-ud0aeoqrq7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-ud0aeoqrq7] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-ud0aeoqrq7] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-ud0aeoqrq7] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-ud0aeoqrq7] {
        padding: 12px;
    }

    .statistics-cards[b-ud0aeoqrq7] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-ud0aeoqrq7] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-ud0aeoqrq7] {
        font-size: 36px;
    }

    .stat-label[b-ud0aeoqrq7] {
        font-size: 12px;
    }

    .task-header[b-ud0aeoqrq7] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-ud0aeoqrq7] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-ud0aeoqrq7] {
        min-width: 100%;
    }
}

.flex[b-ud0aeoqrq7] {display: flex; }

.bg-1[b-ud0aeoqrq7] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-ud0aeoqrq7]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-ud0aeoqrq7] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-ud0aeoqrq7] {  flex: 1 1 0%; }

.h-1\.5[b-ud0aeoqrq7] {  height: .375rem; }

.gap-0\.5[b-ud0aeoqrq7] {   gap: .125rem; }

.mt-2[b-ud0aeoqrq7] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-ud0aeoqrq7] {
    border-radius: 9999px;
}
.animate-pulse[b-ud0aeoqrq7] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-ud0aeoqrq7] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefDirectie/DeSemnat.razor.rz.scp.css */

root[b-zolbtufouc] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-zolbtufouc] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-zolbtufouc] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-zolbtufouc] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-zolbtufouc] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-zolbtufouc] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-zolbtufouc] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-zolbtufouc] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-zolbtufouc] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-zolbtufouc] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-zolbtufouc] {
    margin-bottom: 16px;
}


.tasks-list[b-zolbtufouc] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-zolbtufouc] {
    display: none;
}
.tasks-list >.column-header[b-zolbtufouc]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-zolbtufouc] {
        
        color: red !important;
    }

    .task-card[b-zolbtufouc] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-zolbtufouc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-zolbtufouc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-zolbtufouc] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-zolbtufouc] {
        text-decoration: underline;
    }


.task-person[b-zolbtufouc] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-zolbtufouc] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-zolbtufouc] {
    margin-bottom: 16px;
}

.progress-bar[b-zolbtufouc] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-zolbtufouc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-zolbtufouc] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-zolbtufouc] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-zolbtufouc] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-zolbtufouc] {
        padding: 12px;
    }

    .statistics-cards[b-zolbtufouc] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-zolbtufouc] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-zolbtufouc] {
        font-size: 36px;
    }

    .stat-label[b-zolbtufouc] {
        font-size: 12px;
    }

    .task-header[b-zolbtufouc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-zolbtufouc] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-zolbtufouc] {
        min-width: 100%;
    }
}

.flex[b-zolbtufouc] {display: flex; }

.bg-1[b-zolbtufouc] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-zolbtufouc]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-zolbtufouc] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-zolbtufouc] {  flex: 1 1 0%; }

.h-1\.5[b-zolbtufouc] {  height: .375rem; }

.gap-0\.5[b-zolbtufouc] {   gap: .125rem; }

.mt-2[b-zolbtufouc] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-zolbtufouc] {
    border-radius: 9999px;
}
.animate-pulse[b-zolbtufouc] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-zolbtufouc] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAA/ExecutorStatistic.razor.rz.scp.css */
/* _content/IGM.Web/Pages/MyTasks/SefSAA/TaskAllActive.razor.rz.scp.css */

root[b-mp4bf9s9bq] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-mp4bf9s9bq] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-mp4bf9s9bq] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-mp4bf9s9bq] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-mp4bf9s9bq] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-mp4bf9s9bq] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-mp4bf9s9bq] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-mp4bf9s9bq] {
    margin-bottom: 16px;
}


.tasks-list[b-mp4bf9s9bq] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-mp4bf9s9bq] {
    display: none;
}
.tasks-list >.column-header[b-mp4bf9s9bq]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-mp4bf9s9bq] {
        
        color: red !important;
    }

    .task-card[b-mp4bf9s9bq] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-mp4bf9s9bq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-mp4bf9s9bq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-mp4bf9s9bq] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-mp4bf9s9bq] {
        text-decoration: underline;
    }


.task-person[b-mp4bf9s9bq] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-mp4bf9s9bq] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-mp4bf9s9bq] {
    margin-bottom: 16px;
}

.progress-bar[b-mp4bf9s9bq] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-mp4bf9s9bq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-mp4bf9s9bq] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-mp4bf9s9bq] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-mp4bf9s9bq] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-mp4bf9s9bq] {
        padding: 12px;
    }

    .statistics-cards[b-mp4bf9s9bq] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-mp4bf9s9bq] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-mp4bf9s9bq] {
        font-size: 36px;
    }

    .stat-label[b-mp4bf9s9bq] {
        font-size: 12px;
    }

    .task-header[b-mp4bf9s9bq] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-mp4bf9s9bq] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-mp4bf9s9bq] {
        min-width: 100%;
    }
}

.flex[b-mp4bf9s9bq] {display: flex; }

.bg-1[b-mp4bf9s9bq] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-mp4bf9s9bq]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-mp4bf9s9bq] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-mp4bf9s9bq] {  flex: 1 1 0%; }

.h-1\.5[b-mp4bf9s9bq] {  height: .375rem; }

.gap-0\.5[b-mp4bf9s9bq] {   gap: .125rem; }

.mt-2[b-mp4bf9s9bq] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-mp4bf9s9bq] {
    border-radius: 9999px;
}
.animate-pulse[b-mp4bf9s9bq] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-mp4bf9s9bq] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAA/TaskDeRepartizat.razor.rz.scp.css */

root[b-txluvkf348] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-txluvkf348] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-txluvkf348] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-txluvkf348] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-txluvkf348] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-txluvkf348] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-txluvkf348] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-txluvkf348] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-txluvkf348] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-txluvkf348] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-txluvkf348] {
    margin-bottom: 16px;
}


.tasks-list[b-txluvkf348] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-txluvkf348] {
    display: none;
}
.tasks-list >.column-header[b-txluvkf348]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-txluvkf348] {
        
        color: red !important;
    }

    .task-card[b-txluvkf348] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-txluvkf348] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-txluvkf348] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-txluvkf348] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-txluvkf348] {
        text-decoration: underline;
    }


.task-person[b-txluvkf348] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-txluvkf348] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-txluvkf348] {
    margin-bottom: 16px;
}

.progress-bar[b-txluvkf348] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-txluvkf348] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-txluvkf348] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-txluvkf348] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-txluvkf348] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-txluvkf348] {
        padding: 12px;
    }

    .statistics-cards[b-txluvkf348] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-txluvkf348] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-txluvkf348] {
        font-size: 36px;
    }

    .stat-label[b-txluvkf348] {
        font-size: 12px;
    }

    .task-header[b-txluvkf348] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-txluvkf348] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-txluvkf348] {
        min-width: 100%;
    }
}

.flex[b-txluvkf348] {display: flex; }

.bg-1[b-txluvkf348] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-txluvkf348]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-txluvkf348] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-txluvkf348] {  flex: 1 1 0%; }

.h-1\.5[b-txluvkf348] {  height: .375rem; }

.gap-0\.5[b-txluvkf348] {   gap: .125rem; }

.mt-2[b-txluvkf348] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-txluvkf348] {
    border-radius: 9999px;
}
.animate-pulse[b-txluvkf348] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-txluvkf348] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAA/Task_Not_Opened.razor.rz.scp.css */

root[b-dohps9e8o1] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-dohps9e8o1] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-dohps9e8o1] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-dohps9e8o1] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-dohps9e8o1] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-dohps9e8o1] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-dohps9e8o1] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-dohps9e8o1] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-dohps9e8o1] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-dohps9e8o1] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-dohps9e8o1] {
    margin-bottom: 16px;
}


.tasks-list[b-dohps9e8o1] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-dohps9e8o1] {
    display: none;
}
.tasks-list >.column-header[b-dohps9e8o1]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-dohps9e8o1] {
        
        color: red !important;
    }

    .task-card[b-dohps9e8o1] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-dohps9e8o1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-dohps9e8o1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-dohps9e8o1] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-dohps9e8o1] {
        text-decoration: underline;
    }


.task-person[b-dohps9e8o1] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-dohps9e8o1] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-dohps9e8o1] {
    margin-bottom: 16px;
}

.progress-bar[b-dohps9e8o1] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-dohps9e8o1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-dohps9e8o1] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-dohps9e8o1] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-dohps9e8o1] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-dohps9e8o1] {
        padding: 12px;
    }

    .statistics-cards[b-dohps9e8o1] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-dohps9e8o1] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-dohps9e8o1] {
        font-size: 36px;
    }

    .stat-label[b-dohps9e8o1] {
        font-size: 12px;
    }

    .task-header[b-dohps9e8o1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-dohps9e8o1] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-dohps9e8o1] {
        min-width: 100%;
    }
}

.flex[b-dohps9e8o1] {display: flex; }

.bg-1[b-dohps9e8o1] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-dohps9e8o1]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-dohps9e8o1] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-dohps9e8o1] {  flex: 1 1 0%; }

.h-1\.5[b-dohps9e8o1] {  height: .375rem; }

.gap-0\.5[b-dohps9e8o1] {   gap: .125rem; }

.mt-2[b-dohps9e8o1] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-dohps9e8o1] {
    border-radius: 9999px;
}
.animate-pulse[b-dohps9e8o1] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-dohps9e8o1] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/DeSemnatRepartizat.razor.rz.scp.css */

root[b-4mrleswnf5] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-4mrleswnf5] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-4mrleswnf5] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-4mrleswnf5] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-4mrleswnf5] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-4mrleswnf5] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-4mrleswnf5] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-4mrleswnf5] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-4mrleswnf5] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-4mrleswnf5] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-4mrleswnf5] {
    margin-bottom: 16px;
}


.tasks-list[b-4mrleswnf5] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-4mrleswnf5] {
    display: none;
}
.tasks-list >.column-header[b-4mrleswnf5]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-4mrleswnf5] {
        
        color: red !important;
    }

    .task-card[b-4mrleswnf5] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-4mrleswnf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-4mrleswnf5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-4mrleswnf5] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-4mrleswnf5] {
        text-decoration: underline;
    }


.task-person[b-4mrleswnf5] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-4mrleswnf5] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-4mrleswnf5] {
    margin-bottom: 16px;
}

.progress-bar[b-4mrleswnf5] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-4mrleswnf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-4mrleswnf5] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-4mrleswnf5] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-4mrleswnf5] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-4mrleswnf5] {
        padding: 12px;
    }

    .statistics-cards[b-4mrleswnf5] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-4mrleswnf5] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-4mrleswnf5] {
        font-size: 36px;
    }

    .stat-label[b-4mrleswnf5] {
        font-size: 12px;
    }

    .task-header[b-4mrleswnf5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-4mrleswnf5] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-4mrleswnf5] {
        min-width: 100%;
    }
}

.flex[b-4mrleswnf5] {display: flex; }

.bg-1[b-4mrleswnf5] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-4mrleswnf5]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-4mrleswnf5] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-4mrleswnf5] {  flex: 1 1 0%; }

.h-1\.5[b-4mrleswnf5] {  height: .375rem; }

.gap-0\.5[b-4mrleswnf5] {   gap: .125rem; }

.mt-2[b-4mrleswnf5] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-4mrleswnf5] {
    border-radius: 9999px;
}
.animate-pulse[b-4mrleswnf5] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-4mrleswnf5] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/EfilingRepartizat_SefSAD.razor.rz.scp.css */

root[b-0v70kf4pw9] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-0v70kf4pw9] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-0v70kf4pw9] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-0v70kf4pw9] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-0v70kf4pw9] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-0v70kf4pw9] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-0v70kf4pw9] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-0v70kf4pw9] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-0v70kf4pw9] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-0v70kf4pw9] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-0v70kf4pw9] {
    margin-bottom: 16px;
}


.tasks-list[b-0v70kf4pw9] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-0v70kf4pw9] {
    display: none;
}
.tasks-list >.column-header[b-0v70kf4pw9]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-0v70kf4pw9] {
        
        color: red !important;
    }

    .task-card[b-0v70kf4pw9] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-0v70kf4pw9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-0v70kf4pw9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-0v70kf4pw9] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-0v70kf4pw9] {
        text-decoration: underline;
    }


.task-person[b-0v70kf4pw9] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-0v70kf4pw9] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-0v70kf4pw9] {
    margin-bottom: 16px;
}

.progress-bar[b-0v70kf4pw9] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-0v70kf4pw9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-0v70kf4pw9] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-0v70kf4pw9] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-0v70kf4pw9] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-0v70kf4pw9] {
        padding: 12px;
    }

    .statistics-cards[b-0v70kf4pw9] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-0v70kf4pw9] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-0v70kf4pw9] {
        font-size: 36px;
    }

    .stat-label[b-0v70kf4pw9] {
        font-size: 12px;
    }

    .task-header[b-0v70kf4pw9] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-0v70kf4pw9] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-0v70kf4pw9] {
        min-width: 100%;
    }
}

.flex[b-0v70kf4pw9] {display: flex; }

.bg-1[b-0v70kf4pw9] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-0v70kf4pw9]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-0v70kf4pw9] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-0v70kf4pw9] {  flex: 1 1 0%; }

.h-1\.5[b-0v70kf4pw9] {  height: .375rem; }

.gap-0\.5[b-0v70kf4pw9] {   gap: .125rem; }

.mt-2[b-0v70kf4pw9] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-0v70kf4pw9] {
    border-radius: 9999px;
}
.animate-pulse[b-0v70kf4pw9] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-0v70kf4pw9] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/SefSAD_SEMNAT.razor.rz.scp.css */

root[b-88jsm9rgoc] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-88jsm9rgoc] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-88jsm9rgoc] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-88jsm9rgoc] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-88jsm9rgoc] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-88jsm9rgoc] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-88jsm9rgoc] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-88jsm9rgoc] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-88jsm9rgoc] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-88jsm9rgoc] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-88jsm9rgoc] {
    margin-bottom: 16px;
}


.tasks-list[b-88jsm9rgoc] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-88jsm9rgoc] {
    display: none;
}
.tasks-list >.column-header[b-88jsm9rgoc]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-88jsm9rgoc] {
        
        color: red !important;
    }

    .task-card[b-88jsm9rgoc] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-88jsm9rgoc] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-88jsm9rgoc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-88jsm9rgoc] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-88jsm9rgoc] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-88jsm9rgoc] {
        text-decoration: underline;
    }


.task-person[b-88jsm9rgoc] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-88jsm9rgoc] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-88jsm9rgoc] {
    margin-bottom: 16px;
}

.progress-bar[b-88jsm9rgoc] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-88jsm9rgoc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-88jsm9rgoc] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-88jsm9rgoc] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-88jsm9rgoc] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-88jsm9rgoc] {
        padding: 12px;
    }

    .statistics-cards[b-88jsm9rgoc] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-88jsm9rgoc] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-88jsm9rgoc] {
        font-size: 36px;
    }

    .stat-label[b-88jsm9rgoc] {
        font-size: 12px;
    }

    .task-header[b-88jsm9rgoc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-88jsm9rgoc] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-88jsm9rgoc] {
        min-width: 100%;
    }
}

.flex[b-88jsm9rgoc] {display: flex; }

.bg-1[b-88jsm9rgoc] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-88jsm9rgoc]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-88jsm9rgoc] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-88jsm9rgoc] {  flex: 1 1 0%; }

.h-1\.5[b-88jsm9rgoc] {  height: .375rem; }

.gap-0\.5[b-88jsm9rgoc] {   gap: .125rem; }

.mt-2[b-88jsm9rgoc] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-88jsm9rgoc] {
    border-radius: 9999px;
}
.animate-pulse[b-88jsm9rgoc] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-88jsm9rgoc] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSAD/SefSAD_Statistic.razor.rz.scp.css */
/* _content/IGM.Web/Pages/MyTasks/SefSAD/TaskAllActive.razor.rz.scp.css */

root[b-m75pix073q] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-m75pix073q] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-m75pix073q] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-m75pix073q] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-m75pix073q] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-m75pix073q] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-m75pix073q] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-m75pix073q] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-m75pix073q] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-m75pix073q] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-m75pix073q] {
    margin-bottom: 16px;
}


.tasks-list[b-m75pix073q] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-m75pix073q] {
    display: none;
}
.tasks-list >.column-header[b-m75pix073q]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-m75pix073q] {
        
        color: red !important;
    }

    .task-card[b-m75pix073q] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-m75pix073q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-m75pix073q] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-m75pix073q] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-m75pix073q] {
        text-decoration: underline;
    }


.task-person[b-m75pix073q] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-m75pix073q] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-m75pix073q] {
    margin-bottom: 16px;
}

.progress-bar[b-m75pix073q] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-m75pix073q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-m75pix073q] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-m75pix073q] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-m75pix073q] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-m75pix073q] {
        padding: 12px;
    }

    .statistics-cards[b-m75pix073q] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-m75pix073q] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-m75pix073q] {
        font-size: 36px;
    }

    .stat-label[b-m75pix073q] {
        font-size: 12px;
    }

    .task-header[b-m75pix073q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-m75pix073q] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-m75pix073q] {
        min-width: 100%;
    }
}

.flex[b-m75pix073q] {display: flex; }

.bg-1[b-m75pix073q] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-m75pix073q]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-m75pix073q] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-m75pix073q] {  flex: 1 1 0%; }

.h-1\.5[b-m75pix073q] {  height: .375rem; }

.gap-0\.5[b-m75pix073q] {   gap: .125rem; }

.mt-2[b-m75pix073q] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-m75pix073q] {
    border-radius: 9999px;
}
.animate-pulse[b-m75pix073q] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-m75pix073q] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSCSIS/TaskAllActive.razor.rz.scp.css */

root[b-srh1v8obmz] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-srh1v8obmz] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-srh1v8obmz] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-srh1v8obmz] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-srh1v8obmz] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-srh1v8obmz] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-srh1v8obmz] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-srh1v8obmz] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-srh1v8obmz] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-srh1v8obmz] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-srh1v8obmz] {
    margin-bottom: 16px;
}


.tasks-list[b-srh1v8obmz] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-srh1v8obmz] {
    display: none;
}
.tasks-list >.column-header[b-srh1v8obmz]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-srh1v8obmz] {
        
        color: red !important;
    }

    .task-card[b-srh1v8obmz] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-srh1v8obmz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-srh1v8obmz] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-srh1v8obmz] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-srh1v8obmz] {
        text-decoration: underline;
    }


.task-person[b-srh1v8obmz] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-srh1v8obmz] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-srh1v8obmz] {
    margin-bottom: 16px;
}

.progress-bar[b-srh1v8obmz] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-srh1v8obmz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-srh1v8obmz] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-srh1v8obmz] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-srh1v8obmz] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-srh1v8obmz] {
        padding: 12px;
    }

    .statistics-cards[b-srh1v8obmz] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-srh1v8obmz] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-srh1v8obmz] {
        font-size: 36px;
    }

    .stat-label[b-srh1v8obmz] {
        font-size: 12px;
    }

    .task-header[b-srh1v8obmz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-srh1v8obmz] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-srh1v8obmz] {
        min-width: 100%;
    }
}

.flex[b-srh1v8obmz] {display: flex; }

.bg-1[b-srh1v8obmz] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-srh1v8obmz]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-srh1v8obmz] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-srh1v8obmz] {  flex: 1 1 0%; }

.h-1\.5[b-srh1v8obmz] {  height: .375rem; }

.gap-0\.5[b-srh1v8obmz] {   gap: .125rem; }

.mt-2[b-srh1v8obmz] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-srh1v8obmz] {
    border-radius: 9999px;
}
.animate-pulse[b-srh1v8obmz] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-srh1v8obmz] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSCSIS/TaskDeRepartizat.razor.rz.scp.css */

root[b-c6v8tben7q] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-c6v8tben7q] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-c6v8tben7q] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-c6v8tben7q] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-c6v8tben7q] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-c6v8tben7q] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-c6v8tben7q] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-c6v8tben7q] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-c6v8tben7q] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-c6v8tben7q] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-c6v8tben7q] {
    margin-bottom: 16px;
}


.tasks-list[b-c6v8tben7q] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-c6v8tben7q] {
    display: none;
}
.tasks-list >.column-header[b-c6v8tben7q]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-c6v8tben7q] {
        
        color: red !important;
    }

    .task-card[b-c6v8tben7q] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-c6v8tben7q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-c6v8tben7q] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-c6v8tben7q] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-c6v8tben7q] {
        text-decoration: underline;
    }


.task-person[b-c6v8tben7q] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-c6v8tben7q] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-c6v8tben7q] {
    margin-bottom: 16px;
}

.progress-bar[b-c6v8tben7q] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-c6v8tben7q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-c6v8tben7q] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-c6v8tben7q] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-c6v8tben7q] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-c6v8tben7q] {
        padding: 12px;
    }

    .statistics-cards[b-c6v8tben7q] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-c6v8tben7q] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-c6v8tben7q] {
        font-size: 36px;
    }

    .stat-label[b-c6v8tben7q] {
        font-size: 12px;
    }

    .task-header[b-c6v8tben7q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-c6v8tben7q] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-c6v8tben7q] {
        min-width: 100%;
    }
}

.flex[b-c6v8tben7q] {display: flex; }

.bg-1[b-c6v8tben7q] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-c6v8tben7q]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-c6v8tben7q] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-c6v8tben7q] {  flex: 1 1 0%; }

.h-1\.5[b-c6v8tben7q] {  height: .375rem; }

.gap-0\.5[b-c6v8tben7q] {   gap: .125rem; }

.mt-2[b-c6v8tben7q] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-c6v8tben7q] {
    border-radius: 9999px;
}
.animate-pulse[b-c6v8tben7q] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-c6v8tben7q] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/SefSCSIS/Task_Not_Opened.razor.rz.scp.css */

root[b-1klgx22mgs] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-1klgx22mgs] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-1klgx22mgs] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-1klgx22mgs] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-1klgx22mgs] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-1klgx22mgs] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-1klgx22mgs] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-1klgx22mgs] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-1klgx22mgs] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-1klgx22mgs] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-1klgx22mgs] {
    margin-bottom: 16px;
}


.tasks-list[b-1klgx22mgs] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-1klgx22mgs] {
    display: none;
}
.tasks-list >.column-header[b-1klgx22mgs]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-1klgx22mgs] {
        
        color: red !important;
    }

    .task-card[b-1klgx22mgs] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


.task-card:hover[b-1klgx22mgs] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

/* ��������� ������ */
.task-header[b-1klgx22mgs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-1klgx22mgs] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-1klgx22mgs] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-1klgx22mgs] {
        text-decoration: underline;
    }


.task-person[b-1klgx22mgs] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-1klgx22mgs] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-1klgx22mgs] {
    margin-bottom: 16px;
}

.progress-bar[b-1klgx22mgs] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-1klgx22mgs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-1klgx22mgs] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-1klgx22mgs] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-1klgx22mgs] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-1klgx22mgs] {
        padding: 12px;
    }

    .statistics-cards[b-1klgx22mgs] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-1klgx22mgs] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-1klgx22mgs] {
        font-size: 36px;
    }

    .stat-label[b-1klgx22mgs] {
        font-size: 12px;
    }

    .task-header[b-1klgx22mgs] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-1klgx22mgs] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-1klgx22mgs] {
        min-width: 100%;
    }
}

.flex[b-1klgx22mgs] {display: flex; }

.bg-1[b-1klgx22mgs] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-1klgx22mgs]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-1klgx22mgs] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-1klgx22mgs] {  flex: 1 1 0%; }

.h-1\.5[b-1klgx22mgs] {  height: .375rem; }

.gap-0\.5[b-1klgx22mgs] {   gap: .125rem; }

.mt-2[b-1klgx22mgs] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-1klgx22mgs] {
    border-radius: 9999px;
}
.animate-pulse[b-1klgx22mgs] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-1klgx22mgs] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/TaskPending/TaskPending.razor.rz.scp.css */
root[b-sstjiw2nvh] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-sstjiw2nvh] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-sstjiw2nvh] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-sstjiw2nvh] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-sstjiw2nvh] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-sstjiw2nvh] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-sstjiw2nvh] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-sstjiw2nvh] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-sstjiw2nvh] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-sstjiw2nvh] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-sstjiw2nvh] {
    margin-bottom: 16px;
}


.tasks-list[b-sstjiw2nvh] {
    gap: 16px;
}

.task-card[b-sstjiw2nvh] {
    margin-top:5px;
    padding:10px;
    border-radius: 8px;
    width:100%;
    border: 1px solid #d3d6de;
    transition: all 0.2s ease;
    margin-top: 5px;
}


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

/* ��������� ������ */
.task-header[b-sstjiw2nvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-sstjiw2nvh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-sstjiw2nvh] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-sstjiw2nvh] {
        text-decoration: underline;
    }


.task-person[b-sstjiw2nvh] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-sstjiw2nvh] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-sstjiw2nvh] {
    margin-bottom: 16px;
}

.progress-bar[b-sstjiw2nvh] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-sstjiw2nvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-sstjiw2nvh] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-sstjiw2nvh] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-sstjiw2nvh] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-sstjiw2nvh] {
        padding: 12px;
    }

    .statistics-cards[b-sstjiw2nvh] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-sstjiw2nvh] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-sstjiw2nvh] {
        font-size: 36px;
    }

    .stat-label[b-sstjiw2nvh] {
        font-size: 12px;
    }

    .task-header[b-sstjiw2nvh] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-sstjiw2nvh] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-sstjiw2nvh] {
        min-width: 100%;
    }
}

.flex[b-sstjiw2nvh] {display: flex; }

.bg-1[b-sstjiw2nvh] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-sstjiw2nvh]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-sstjiw2nvh] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-sstjiw2nvh] {  flex: 1 1 0%; }

.h-1\.5[b-sstjiw2nvh] {  height: .375rem; }

.gap-0\.5[b-sstjiw2nvh] {   gap: .125rem; }

.mt-2[b-sstjiw2nvh] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.rounded-full[b-sstjiw2nvh] {
    border-radius: 9999px;
}
.animate-pulse[b-sstjiw2nvh] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-sstjiw2nvh] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/TaskPending/TaskPendingGrid.razor.rz.scp.css */

root[b-ysx2dn9q99] {
    --tw-text-opacity: 1;
    --tw-bg-opacity: 1;
}
.task-dashboard[b-ysx2dn9q99] {
    width: 100%;
    padding: 20px;
}


.statistics-cards[b-ysx2dn9q99] {
    gap: 16px;
    margin-bottom: 32px;
}

.stat-card[b-ysx2dn9q99] {
    flex: 1;
    min-width: 200px;
    padding: 24px;
    border-radius: 12px;
    border: none;
    color: white;
    text-align: center;
}

    .stat-card.stat-purple[b-ysx2dn9q99] {
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
    }

    .stat-card.stat-blue[b-ysx2dn9q99] {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }

    .stat-card.stat-orange[b-ysx2dn9q99] {
        background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
    }

    .stat-card.stat-green[b-ysx2dn9q99] {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }

.stat-number[b-ysx2dn9q99] {
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}

.stat-label[b-ysx2dn9q99] {
    font-size: 14px;
    font-weight: 400;
    opacity: 0.95;
}


.section-header[b-ysx2dn9q99] {
    margin-bottom: 16px;
}


.tasks-list[b-ysx2dn9q99] {
    gap: 16px;
}
.grid-no-header :deep(.column-header)[b-ysx2dn9q99] {
    display: none;
}
.tasks-list >.column-header[b-ysx2dn9q99]{
    display:none;    
    
    }

.tasks-card > .fluent-selected[b-ysx2dn9q99] {
        
        color: red !important;
    }

    .task-card[b-ysx2dn9q99] {
        padding: 10px;
        border-radius: 8px;
        width: 99%;
        border: 1px solid #d3d6de;
        transition: all 0.2s ease;
        margin: 5px;
    }


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

/* ��������� ������ */
.task-header[b-ysx2dn9q99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.task-case-info[b-ysx2dn9q99] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.case-number[b-ysx2dn9q99] {
    font-weight: 600;
    font-size: 14px;
    color: var(--accent-fill-rest);
    text-decoration: none;
}
.case-number:hover[b-ysx2dn9q99] {
        text-decoration: underline;
    }


.task-person[b-ysx2dn9q99] {
    margin-bottom: 0px;
    
}
.task-person fluent-label:first-child[b-ysx2dn9q99] {
        margin-bottom: 4px;
    }

/* �������� ��� */
.task-progress[b-ysx2dn9q99] {
    margin-bottom: 16px;
}

.progress-bar[b-ysx2dn9q99] {
    width: 100%;
    height: 8px;
}

/* ����� ������ */
.task-footer[b-ysx2dn9q99] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.task-footer fluent-stack[b-ysx2dn9q99] {
        gap: 6px;
        align-items: center;
    }

/* ������ ��������� */
.empty-state[b-ysx2dn9q99] {
    padding: 60px 20px;
    text-align: center;
    color: var(--neutral-foreground-2);
}
.empty-state fluent-icon[b-ysx2dn9q99] {
        margin-bottom: 16px;
    }

/* ������������ */
@media (max-width: 768px) {
    .task-dashboard[b-ysx2dn9q99] {
        padding: 12px;
    }

    .statistics-cards[b-ysx2dn9q99] {
        gap: 12px;
        margin-bottom: 24px;
    }

    .stat-card[b-ysx2dn9q99] {
        min-width: calc(50% - 6px);
        padding: 16px;
    }

    .stat-number[b-ysx2dn9q99] {
        font-size: 36px;
    }

    .stat-label[b-ysx2dn9q99] {
        font-size: 12px;
    }

    .task-header[b-ysx2dn9q99] {
        flex-direction: column;
        align-items: flex-start;
    }

    .task-footer[b-ysx2dn9q99] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .stat-card[b-ysx2dn9q99] {
        min-width: 100%;
    }
}

.flex[b-ysx2dn9q99] {display: flex; }

.bg-1[b-ysx2dn9q99] {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-2[b-ysx2dn9q99]{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-0[b-ysx2dn9q99] {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.flex-1[b-ysx2dn9q99] {  flex: 1 1 0%; }

.h-1\.5[b-ysx2dn9q99] {  height: .375rem; }

.gap-0\.5[b-ysx2dn9q99] {   gap: .125rem; }

.mt-2[b-ysx2dn9q99] {
    margin-top: .5rem;
    margin-bottom: .5rem;
}


.animate-pulse[b-ysx2dn9q99] {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}
.text-blue-700[b-ysx2dn9q99] {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity));
}
/* _content/IGM.Web/Pages/MyTasks/_NavMenu.razor.rz.scp.css */

/* ===== User Header ===== */
.user-header-light[b-fe2fq7lu4b] {
    position: relative;
    background-color: #f0f4f8;
    padding: 14px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.user-header-accent[b-fe2fq7lu4b] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 0 3px 3px 0;
    transition: background-color 0.2s ease;
}

.user-avatar-light[b-fe2fq7lu4b] {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #dde6f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-name-light[b-fe2fq7lu4b] {
    font-weight: 700;
    font-size: 13px;
    color: #1a1a2e;
}

.user-role-light[b-fe2fq7lu4b] {
    font-size: 11px;
    color: #666;
    font-weight: 500;
}

.refresh-btn-light[b-fe2fq7lu4b] {
    background: transparent;
    border: 1px solid #d0d8e0;
    border-radius: 6px;
    cursor: pointer;
    padding: 6px;
    transition: all 0.2s ease;
}

.refresh-btn-light:hover[b-fe2fq7lu4b] {
    background-color: #dde6f0;
    border-color: #4a6fa5;
}

/* ===== Section Headers ===== */
.nav-section-header[b-fe2fq7lu4b] {
    padding: 16px 20px 8px 20px;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ===== Role Filter Buttons ===== */
.role-filter-buttons[b-fe2fq7lu4b] {
    display: flex;
    justify-content: space-around;
    gap: 2px;
    padding: 10px 14px;
    border-bottom: 1px solid #e5e5e5;
}

.role-filter-btn[b-fe2fq7lu4b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
}

.role-filter-btn span[b-fe2fq7lu4b] {
    font-size: 10px;
    font-weight: 500;
    margin-top: 4px;
    color: #666;
}

.role-filter-btn:hover[b-fe2fq7lu4b] {
    background-color: #f5f5f5;
    border-color: #e0e0e0;
}

.role-filter-btn.active[b-fe2fq7lu4b] {
    background-color: #e3f2fd;
    border-color: #1d4ed8;
}

.role-filter-btn.active span[b-fe2fq7lu4b] {
    color: #1d4ed8;
    font-weight: 600;
}

.role-filter-page-btn[b-fe2fq7lu4b] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 8px 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 28px;
    font-size: 20px;
    font-weight: 700;
    color: #666;
    line-height: 1;
}

.role-filter-page-btn:hover[b-fe2fq7lu4b] {
    background-color: #e3f2fd;
    border-color: #1d4ed8;
    color: #1d4ed8;
}

/* ===== Scrollable content area ===== */
.nav-content[b-fe2fq7lu4b] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

    .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar {
        width: 5px;
    }

    .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar-track {
        background: transparent;
    }

    .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar-thumb {
        background: #d0d0d0;
        border-radius: 3px;
    }

        .nav-content[b-fe2fq7lu4b]::-webkit-scrollbar-thumb:hover {
            background: #b0b0b0;
        }

/* ===== Utility classes ===== */
.flex[b-fe2fq7lu4b] {
    display: flex;
}

.gap-3[b-fe2fq7lu4b] {
    gap: .75rem;
}

.items-center[b-fe2fq7lu4b] {
    align-items: center;
}

.justify-center[b-fe2fq7lu4b] {
    justify-content: center;
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Apatridie_Form/ApatridieForm.razor.rz.scp.css */
/* ApatridieForm.razor.css - Optimized */

/* Multi-select wrapper */
.multiselect-wrapper[b-fcm048olnw] {
    width: 100%;
}

/* Country list with checkboxes */
.country-list-container[b-fcm048olnw] {
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid var(--gray-250, #d0d7de);
    border-radius: var(--radius-6, 6px);
    background-color: var(--white, #fff);
    padding: 4px;
}

.country-item[b-fcm048olnw] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: var(--radius-4, 4px);
    transition: background-color 0.15s;
}

.country-item:hover[b-fcm048olnw] {
    background-color: var(--gray-100, #f6f8fa);
}

.country-item input[type="checkbox"][b-fcm048olnw] {
    margin-right: 8px;
    cursor: pointer;
}

.country-item span[b-fcm048olnw] {
    font-size: var(--text-body-sm-font-size, 13px);
    user-select: none;
}

/* Language list with checkboxes */
.language-list-container[b-fcm048olnw] {
    max-height: 120px;
    overflow-y: auto;
    border: 1px solid var(--gray-250, #d0d7de);
    border-radius: var(--radius-6, 6px);
    background-color: var(--white, #fff);
    padding: 4px;
}

.language-item[b-fcm048olnw] {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: var(--radius-4, 4px);
    transition: background-color 0.15s;
}

.language-item:hover[b-fcm048olnw] {
    background-color: var(--gray-100, #f6f8fa);
}

.language-item input[type="checkbox"][b-fcm048olnw] {
    margin-right: 8px;
    cursor: pointer;
}

.language-item span[b-fcm048olnw] {
    font-size: var(--text-body-sm-font-size, 13px);
    user-select: none;
}

/* CORM inline search hover */
.corm-inline-result:hover[b-fcm048olnw] {
    background-color: #f1f5f9 !important;
}

/* Submission method radio options */
.submission-method-option[b-fcm048olnw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
}

.submission-method-option:hover[b-fcm048olnw] {
    border-color: #0078d4;
    background: #f0f6ff;
}

.submission-method-option.selected[b-fcm048olnw] {
    border-color: #0078d4;
    background: #e7f3ff;
    box-shadow: 0 0 0 1px #0078d4;
}

.submission-method-option input[type="radio"][b-fcm048olnw] {
    cursor: pointer;
    accent-color: #0078d4;
}

.submission-method-option label[b-fcm048olnw] {
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}

/* Declaration section */
.declaratie-section[b-fcm048olnw] {
    border: 2px solid #0078d4;
    border-radius: 10px;
    padding: 20px;
    background: linear-gradient(135deg, #f0f7ff 0%, #fff 100%);
    margin-bottom: 10px;
}

.declaratie-header[b-fcm048olnw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0e3f7;
}

.declaratie-header h4[b-fcm048olnw] {
    color: #1e3c72;
    font-size: 1em;
}

.declaratie-text[b-fcm048olnw] {
    font-size: 0.92em;
    color: #444;
    line-height: 1.6;
    margin-bottom: 16px;
    padding: 10px 14px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
}

.declaratie-controls[b-fcm048olnw] {
    margin-bottom: 16px;
}

.declaratie-scan[b-fcm048olnw] {
    padding: 12px;
    background-color: #fafafa;
    border-radius: 8px;
    border: 1px dashed #ccc;
}

/* Analfabet section */
.analfabet-section[b-fcm048olnw] {
    border: 2px solid #f59e0b;
    border-radius: 10px;
    padding: 20px;
    background: linear-gradient(135deg, #fffbeb 0%, #fff 100%);
    margin-bottom: 10px;
}

.analfabet-header[b-fcm048olnw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fde68a;
}

.analfabet-header h4[b-fcm048olnw] {
    color: #92400e;
    font-size: 1em;
}

.analfabet-controls[b-fcm048olnw] {
    margin-bottom: 12px;
}

.analfabet-radio[b-fcm048olnw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
    font-weight: 500;
    user-select: none;
}

.analfabet-radio:hover[b-fcm048olnw] {
    border-color: #f59e0b;
    background: #fffbeb;
}

.analfabet-radio.selected[b-fcm048olnw] {
    border-color: #f59e0b;
    background: #fef3c7;
    box-shadow: 0 0 0 1px #f59e0b;
}

.analfabet-radio input[type="radio"][b-fcm048olnw] {
    cursor: pointer;
    accent-color: #f59e0b;
}

.analfabet-info[b-fcm048olnw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    background: #fef3c7;
    border: 1px solid #fbbf24;
    border-radius: 8px;
    color: #92400e;
    line-height: 1.5;
    font-size: 0.92em;
}

/* Minor detection section */
.minor-section[b-fcm048olnw] {
    border: 2px solid #7c3aed;
    border-radius: 10px;
    padding: 20px;
    background: linear-gradient(135deg, #f5f3ff 0%, #fff 100%);
    margin-bottom: 10px;
}

.minor-header[b-fcm048olnw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd6fe;
}

.minor-header h4[b-fcm048olnw] {
    color: #5b21b6;
    font-size: 1em;
}

.minor-info[b-fcm048olnw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    background: #ede9fe;
    border: 1px solid #c4b5fd;
    border-radius: 8px;
    color: #5b21b6;
    line-height: 1.5;
    font-size: 0.92em;
}

/* Multi-phone section */
.phone-section[b-fcm048olnw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.phone-row[b-fcm048olnw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.phone-row:first-child[b-fcm048olnw] {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.phone-number[b-fcm048olnw] {
    flex: 0 0 220px;
}

.phone-comment[b-fcm048olnw] {
    flex: 1;
    min-width: 0;
}

.phone-badge[b-fcm048olnw] {
    flex-shrink: 0;
}

.phone-remove[b-fcm048olnw] {
    flex-shrink: 0;
}

/* Asylum verification */
.asylum-section[b-fcm048olnw] {
    padding: 4px 0;
}

.asylum-found[b-fcm048olnw] {
    margin-top: 12px;
    padding: 16px;
    background: #ecfdf5;
    border: 1px solid #6ee7b7;
    border-radius: 8px;
    color: #065f46;
}

.asylum-notfound[b-fcm048olnw] {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #fff7ed;
    border: 1px solid #fdba74;
    border-radius: 8px;
    color: #9a3412;
    font-size: 13px;
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Apatridie_Form/EfectuareaInterviului.razor.rz.scp.css */
/* EfectuareaInterviului.razor.css - Optimized */

/* Question block styling */
.question-block[b-85fpmcgxi3] {
    background: var(--gray-100, #f8f9fa);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: var(--radius-8, 8px);
    border-left: 4px solid var(--blue-sky-700, #2a5298);
}

.question-label[b-85fpmcgxi3] {
    font-weight: 600;
    color: var(--blue-sky-800, #1e3c72);
    margin-bottom: 12px;
    font-size: var(--text-body-sm-500-font-size, 15px);
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.question-icon[b-85fpmcgxi3] {
    background: var(--blue-sky-700, #2a5298);
    color: var(--white, #fff);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-caption-md-font-size, 12px);
    font-weight: 600;
    flex-shrink: 0;
}

/* Note box - warning style */
.note-box[b-85fpmcgxi3] {
    background: var(--apricot-100, #fff3cd);
    border: 2px solid var(--apricot-300, #ffc107);
    border-radius: var(--radius-8, 8px);
    padding: 15px;
    margin: 20px 0;
    font-style: italic;
    font-size: var(--text-body-sm-font-size, 14px);
}

.note-box strong[b-85fpmcgxi3] {
    color: var(--apricot-800, #856404);
}

/* Declaration box - info style */
.declaration-box[b-85fpmcgxi3] {
    background: var(--blue-sky-100, #d1ecf1);
    border: 2px solid var(--blue-sky-400, #17a2b8);
    border-radius: var(--radius-8, 8px);
    padding: 20px;
    margin: 20px 0;
    font-size: var(--text-body-sm-font-size, 14px);
    line-height: 1.6;
}

/* Button group */
.button-group[b-85fpmcgxi3] {
    display: flex;
    gap: var(--gap-16, 15px);
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--gray-200, #eee);
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Apatridie_Form/EliberareaCertificatului.razor.rz.scp.css */
/* EliberareaCertificatului.razor.css - Optimized */

/* Work permit section - warning style */
.work-permit-section[b-3wao3u0eiu] {
    background: var(--apricot-100, #fff3cd);
    border: 2px solid var(--apricot-300, #ffc107);
    border-radius: var(--radius-8, 8px);
    padding: 20px;
    margin: 20px 0;
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Apatridie_Form/InformareaDrepturi.razor.rz.scp.css */
/* InformareaDrepturi.razor.css - Optimized */

/* Hide default save button */
.btn-save[b-9s1mj6uzpy] {
    display: none !important;
}

/* Document Preview container */
.document-preview[b-9s1mj6uzpy] {
    background: var(--white, #fff);
    border: 2px solid var(--gray-300, #e0e0e0);
    border-radius: var(--radius-8, 8px);
    padding: 40px;
    margin: 20px 0;
    font-family: 'Times New Roman', serif;
    font-size: 12pt;
    line-height: 1.6;
    max-height: 800px;
    overflow-y: auto;
}

/* Document title */
.doc-title[b-9s1mj6uzpy] {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    margin: 20px 0 30px 0;
    text-transform: uppercase;
}

/* Document subtitle */
.doc-subtitle[b-9s1mj6uzpy] {
    text-align: center;
    font-style: italic;
    margin-bottom: 30px;
}

/* Document article block */
.doc-article[b-9s1mj6uzpy] {
    margin: 25px 0;
}

.doc-article-title[b-9s1mj6uzpy] {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 13pt;
}

/* Document text */
.doc-text[b-9s1mj6uzpy] {
    text-align: justify;
    line-height: 1.8;
    margin: 10px 0;
}

/* Document signature */
.doc-signature[b-9s1mj6uzpy] {
    margin-top: 60px;
    text-align: right;
}

.doc-signature-line[b-9s1mj6uzpy] {
    border-bottom: 1px solid var(--black, #000);
    width: 250px;
    height: 40px;
    margin: 20px 0 10px auto;
}

/* Button group */
.button-group[b-9s1mj6uzpy] {
    display: flex;
    gap: var(--gap-16, 15px);
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid var(--gray-200, #eee);
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Apatridie_Form/ProgramareInterview.razor.rz.scp.css */
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Apatridie_Form/VereficareInSistem.razor.rz.scp.css */
/* VereficareInSistem.razor.css - Optimized */

.verification-container[b-xmfy3bpvpl] {
    background: var(--white, #fff);
    padding: 0;
}

/* Info box - blue accent */
.info-box[b-xmfy3bpvpl] {
    background: var(--blue-sky-100, #d4e9ff);
    border-left: 4px solid var(--blue-sky-500, #0078d4);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: var(--radius-4, 4px);
}

.info-box h3[b-xmfy3bpvpl] {
    font-size: var(--text-body-sm-font-size, 13px);
    margin-bottom: 6px;
    color: var(--gray-900, #323130);
    font-weight: 600;
}

.info-box p[b-xmfy3bpvpl] {
    font-size: var(--text-caption-md-font-size, 12px);
    line-height: 1.6;
    margin: 0;
    color: var(--gray-600, #605e5c);
}

/* Session info box - orange accent */
.session-info-box[b-xmfy3bpvpl] {
    background: var(--apricot-100, #fff4e6);
    border-left: 4px solid var(--apricot-400, #f59e0b);
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: var(--radius-4, 4px);
}

/* Table container */
.table-container[b-xmfy3bpvpl] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid var(--gray-300, #e1dfdd);
    border-radius: var(--radius-4, 4px);
}

/* Verification table */
.verification-table[b-xmfy3bpvpl] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-body-sm-font-size, 13px);
    background: var(--white, #fff);
}

.verification-table th[b-xmfy3bpvpl],
.verification-table td[b-xmfy3bpvpl] {
    border: 1px solid var(--gray-300, #e1dfdd);
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-xmfy3bpvpl] {
    background: var(--gray-100, #f3f2f1);
    font-weight: 600;
    color: var(--gray-900, #323130);
    font-size: var(--text-caption-md-font-size, 12px);
    text-align: center;
}

/* Table column widths */
.col-source[b-xmfy3bpvpl] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-xmfy3bpvpl] {
    width: 12%;
    text-align: center;
}

.col-result[b-xmfy3bpvpl] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-xmfy3bpvpl] {
    width: 40%;
}

.col-signature[b-xmfy3bpvpl] {
    width: 18%;
}

/* Checkbox group */
.checkbox-group[b-xmfy3bpvpl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

/* Row styles */
.default-row[b-xmfy3bpvpl] {
    background: var(--gray-50, #faf9f8);
}

.default-row:hover[b-xmfy3bpvpl] {
    background: var(--gray-100, #f3f2f1);
}

.added-row[b-xmfy3bpvpl] {
    background: var(--blue-sky-50, #eff6fc);
}

.added-row:hover[b-xmfy3bpvpl] {
    background: var(--blue-sky-100, #deecf9);
}

/* Row actions */
.row-actions[b-xmfy3bpvpl] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

/* Actions buttons */
.actions[b-xmfy3bpvpl] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-xmfy3bpvpl] {
    background: var(--gray-50, #f8f8f8);
    border: 1px solid var(--gray-300, #e1dfdd);
    border-radius: var(--radius-8, 8px);
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-xmfy3bpvpl] {
    background: var(--blue-sky-500, #0078d4);
    color: var(--white, #fff);
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--gap-10, 10px);
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-xmfy3bpvpl] {
    background: var(--blue-sky-600, #106ebe);
}

.collapsible-header h4[b-xmfy3bpvpl] {
    margin: 0;
    font-size: var(--text-body-sm-font-size, 14px);
    font-weight: 600;
}

.toggle-icon[b-xmfy3bpvpl] {
    font-size: var(--text-caption-md-font-size, 12px);
    transition: transform 0.2s;
}

.previous-verifications-content[b-xmfy3bpvpl] {
    padding: 16px;
    animation: slideDown-b-xmfy3bpvpl 0.3s ease-out;
}

@keyframes slideDown-b-xmfy3bpvpl {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Previous verification card */
.previous-verification-card[b-xmfy3bpvpl] {
    background: var(--white, #fff);
    border: 1px solid var(--gray-300, #e1dfdd);
    border-radius: var(--radius-6, 6px);
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-xmfy3bpvpl] {
    margin-bottom: 0;
}

.card-header[b-xmfy3bpvpl] {
    background: linear-gradient(135deg, var(--gray-100, #f3f2f1) 0%, var(--gray-300, #e1dfdd) 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--blue-sky-500, #0078d4);
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-xmfy3bpvpl],
.header-right[b-xmfy3bpvpl] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Badges */
.session-badge[b-xmfy3bpvpl] {
    background: var(--blue-sky-500, #0078d4);
    color: var(--white, #fff);
    padding: 4px 12px;
    border-radius: 12px;
    font-size: var(--text-caption-md-font-size, 12px);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-xmfy3bpvpl] {
    font-size: var(--text-body-sm-font-size, 13px);
    font-weight: 600;
    color: var(--gray-900, #323130);
}

.verification-officer[b-xmfy3bpvpl] {
    font-size: var(--text-caption-md-font-size, 12px);
    color: var(--gray-600, #605e5c);
    background: var(--white, #fff);
    padding: 4px 10px;
    border-radius: var(--radius-8, 8px);
}

.completed-badge[b-xmfy3bpvpl] {
    background: var(--green-500, #107c10);
    color: var(--white, #fff);
    padding: 4px 10px;
    border-radius: var(--radius-8, 8px);
    font-size: 11px;
    font-weight: 600;
}

/* Session notes */
.session-notes[b-xmfy3bpvpl] {
    background: var(--apricot-50, #fff9e6);
    padding: 10px 16px;
    border-left: 3px solid var(--apricot-400, #f59e0b);
    font-size: var(--text-caption-md-font-size, 12px);
    color: var(--gray-900, #323130);
    line-height: 1.5;
}

.session-notes strong[b-xmfy3bpvpl] {
    color: var(--apricot-600, #d97706);
}

.card-content[b-xmfy3bpvpl] {
    padding: 12px;
}

/* Compact table */
.verification-table.compact[b-xmfy3bpvpl] {
    font-size: var(--text-caption-md-font-size, 12px);
}

.verification-table.compact th[b-xmfy3bpvpl],
.verification-table.compact td[b-xmfy3bpvpl] {
    padding: 8px 6px;
}

.mentions-text[b-xmfy3bpvpl] {
    font-size: 11px;
    line-height: 1.4;
    color: var(--gray-900, #323130);
    max-height: 60px;
    overflow-y: auto;
}

/* Print styles */
@media print {
    .actions[b-xmfy3bpvpl],
    .info-box[b-xmfy3bpvpl],
    .session-info-box[b-xmfy3bpvpl],
    .row-actions[b-xmfy3bpvpl],
    .previous-verifications-section[b-xmfy3bpvpl] {
        display: none !important;
    }

    .verification-container[b-xmfy3bpvpl] {
        padding: 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .verification-table[b-xmfy3bpvpl] {
        font-size: 10px;
    }

    .verification-table th[b-xmfy3bpvpl],
    .verification-table td[b-xmfy3bpvpl] {
        padding: 5px;
    }

    .card-header[b-xmfy3bpvpl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-xmfy3bpvpl],
    .header-right[b-xmfy3bpvpl] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-wdmrl4vbdi] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-wdmrl4vbdi] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-wdmrl4vbdi] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-wdmrl4vbdi] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-wdmrl4vbdi] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-wdmrl4vbdi] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-wdmrl4vbdi] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-wdmrl4vbdi] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-wdmrl4vbdi] {
    color: #323130;
    
}

.item-date[b-wdmrl4vbdi] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-wdmrl4vbdi] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-wdmrl4vbdi] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-wdmrl4vbdi] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-wdmrl4vbdi] {
    width: 800px;
}

.inline-progress[b-wdmrl4vbdi] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-wdmrl4vbdi] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-wdmrl4vbdi] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-wdmrl4vbdi] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-wdmrl4vbdi] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-wdmrl4vbdi] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-wdmrl4vbdi] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-wdmrl4vbdi] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-wdmrl4vbdi] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-wdmrl4vbdi] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-wdmrl4vbdi] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-wdmrl4vbdi] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-wdmrl4vbdi] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-wdmrl4vbdi] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-wdmrl4vbdi] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-wdmrl4vbdi] {
    font-weight: 600;
    color: #323130;
}

<style >
.report-gen-iframe[b-wdmrl4vbdi] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-wdmrl4vbdi] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-wdmrl4vbdi] >
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Dashboard/TaskDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-59af35zby4] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-59af35zby4] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-59af35zby4] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-59af35zby4] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-59af35zby4] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-59af35zby4] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-59af35zby4] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-59af35zby4] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-59af35zby4] {
    color: #323130;
    
}

.item-date[b-59af35zby4] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-59af35zby4] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-59af35zby4] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-59af35zby4] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-59af35zby4] {
    width: 800px;
}

.inline-progress[b-59af35zby4] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-59af35zby4] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-59af35zby4] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-59af35zby4] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-59af35zby4] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-59af35zby4] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-59af35zby4] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-59af35zby4] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-59af35zby4] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-59af35zby4] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-59af35zby4] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-59af35zby4] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-59af35zby4] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-59af35zby4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-59af35zby4] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-59af35zby4] {
    font-weight: 600;
    color: #323130;
}

<style >
.report-gen-iframe[b-59af35zby4] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-59af35zby4] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-59af35zby4] >
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-uqvprxu0z1] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-uqvprxu0z1] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-uqvprxu0z1] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-uqvprxu0z1] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid #0058D2;
}

.card-header[b-uqvprxu0z1] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-uqvprxu0z1] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #0058D2 0%, #0078D4 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-uqvprxu0z1] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-uqvprxu0z1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-uqvprxu0z1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-uqvprxu0z1] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-uqvprxu0z1] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-uqvprxu0z1] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-uqvprxu0z1] {
        color: #A19F9D;
        font-style: italic;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-uqvprxu0z1] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-uqvprxu0z1] {
        padding: 12px 16px;
    }

    [b-uqvprxu0z1] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-uqvprxu0z1] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-uqvprxu0z1] {
        grid-template-columns: repeat(5, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Verificare/FormADDVerification.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-swleegw3mm] {
    background: white;
    padding: 0;
}

.info-box[b-swleegw3mm] {
    background: #d4e9ff;
    border-left: 4px solid #0078d4;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-swleegw3mm] {
    font-size: 13px;
    margin-bottom: 6px;
    color: #323130;
    font-weight: 600;
}

.info-box p[b-swleegw3mm] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: #605e5c;
}

.session-info-box[b-swleegw3mm] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-swleegw3mm] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
}

.verification-table[b-swleegw3mm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
}

.verification-table th[b-swleegw3mm],
.verification-table td[b-swleegw3mm] {
    border: 1px solid #e1dfdd;
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-swleegw3mm] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.col-source[b-swleegw3mm] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-swleegw3mm] {
    width: 12%;
    text-align: center;
}

.col-result[b-swleegw3mm] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-swleegw3mm] {
    width: 40%;
}

.col-signature[b-swleegw3mm] {
    width: 18%;
}

.checkbox-group[b-swleegw3mm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-swleegw3mm] {
    background: #faf9f8;
}

.default-row:hover[b-swleegw3mm] {
    background: #f3f2f1;
}

.added-row[b-swleegw3mm] {
    background: #eff6fc;
}

.added-row:hover[b-swleegw3mm] {
    background: #deecf9;
}

.row-actions[b-swleegw3mm] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-swleegw3mm] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-swleegw3mm] {
    background: #f8f8f8;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-swleegw3mm] {
    background: #0078d4;
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-swleegw3mm] {
    background: #106ebe;
}

.collapsible-header h4[b-swleegw3mm] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-swleegw3mm] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-swleegw3mm] {
    padding: 16px;
    animation: slideDown-b-swleegw3mm 0.3s ease-out;
}

@keyframes slideDown-b-swleegw3mm {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-swleegw3mm] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-swleegw3mm] {
    margin-bottom: 0;
}

.card-header[b-swleegw3mm] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0078d4;
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-swleegw3mm],
.header-right[b-swleegw3mm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-swleegw3mm] {
    background: #0078d4;
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-swleegw3mm] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.verification-officer[b-swleegw3mm] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-swleegw3mm] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-swleegw3mm] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-swleegw3mm] {
    color: #d97706;
}

.card-content[b-swleegw3mm] {
    padding: 12px;
}

.verification-table.compact[b-swleegw3mm] {
    font-size: 12px;
}

.verification-table.compact th[b-swleegw3mm],
.verification-table.compact td[b-swleegw3mm] {
    padding: 8px 6px;
}

.mentions-text[b-swleegw3mm] {
    font-size: 11px;
    line-height: 1.4;
    color: #323130;
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-swleegw3mm],
    .info-box[b-swleegw3mm],
    .session-info-box[b-swleegw3mm],
    .row-actions[b-swleegw3mm],
    .previous-verifications-section[b-swleegw3mm] {
        display: none !important;
    }

    .verification-container[b-swleegw3mm] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-swleegw3mm] {
        font-size: 10px;
    }

    .verification-table th[b-swleegw3mm],
    .verification-table td[b-swleegw3mm] {
        padding: 5px;
    }

    .card-header[b-swleegw3mm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-swleegw3mm],
    .header-right[b-swleegw3mm] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseApatridie/Verificare/VereficareInSistem.razor.rz.scp.css */
/* PageVerificare.razor.css - Стили для страницы полного истории верификаций */

.header-with-action[b-swxvijn3cc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.header-with-action .sectiontitle[b-swxvijn3cc] {
    flex: 1;
    margin: 0;
}

.action-button[b-swxvijn3cc] {
    flex-shrink: 0;
}

.verifications-list[b-swxvijn3cc] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.verification-card[b-swxvijn3cc] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s, transform 0.2s;
}

.verification-card:hover[b-swxvijn3cc] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Status-specific card borders */
.verification-card.status-draft[b-swxvijn3cc] {
    border-left: 4px solid #f59e0b;
}

.verification-card.status-completed[b-swxvijn3cc] {
    border-left: 4px solid #107c10;
}

.verification-card.status-archived[b-swxvijn3cc] {
    border-left: 4px solid #797775;
}

.card-header[b-swxvijn3cc] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0078d4;
    flex-wrap: wrap;
    gap: 10px;
}

.header-left[b-swxvijn3cc],
.header-right[b-swxvijn3cc] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-swxvijn3cc] {
    background: #0078d4;
    color: white;
    padding: 5px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.status-badge[b-swxvijn3cc] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.badge-draft[b-swxvijn3cc] {
    background: #fff4e6;
    color: #d97706;
    border: 1px solid #f59e0b;
}

.badge-completed[b-swxvijn3cc] {
    background: #e6f4ea;
    color: #0f5132;
    border: 1px solid #107c10;
}

.badge-archived[b-swxvijn3cc] {
    background: #f3f2f1;
    color: #605e5c;
    border: 1px solid #797775;
}

.verification-date[b-swxvijn3cc] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.header-left fluent-button[b-swxvijn3cc] {
    margin-left: 8px;
}

.header-left fluent-button[b-swxvijn3cc]::part(control) {
    border-color: #0078d4;
    color: #0078d4;
}

.header-left fluent-button:hover[b-swxvijn3cc]::part(control) {
    background-color: #f3f2f1;
    border-color: #106ebe;
    color: #106ebe;
}

.verification-officer[b-swxvijn3cc] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-swxvijn3cc] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-swxvijn3cc] {
    background: #fff9e6;
    padding: 12px 18px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-swxvijn3cc] {
    color: #d97706;
}

.card-content[b-swxvijn3cc] {
    padding: 16px;
}

.verification-table[b-swxvijn3cc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
    margin-bottom: 12px;
}

.verification-table th[b-swxvijn3cc],
.verification-table td[b-swxvijn3cc] {
    border: 1px solid #e1dfdd;
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-swxvijn3cc] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.verification-table.compact[b-swxvijn3cc] {
    font-size: 12px;
}

.verification-table.compact th[b-swxvijn3cc],
.verification-table.compact td[b-swxvijn3cc] {
    padding: 8px 6px;
}

.default-row[b-swxvijn3cc] {
    background: #faf9f8;
}

.default-row:hover[b-swxvijn3cc] {
    background: #f3f2f1;
}

.added-row[b-swxvijn3cc] {
    background: #eff6fc;
}

.added-row:hover[b-swxvijn3cc] {
    background: #deecf9;
}

.mentions-text[b-swxvijn3cc] {
    font-size: 11px;
    line-height: 1.5;
    color: #323130;
    max-height: 80px;
    overflow-y: auto;
    padding: 4px;
}

.session-summary[b-swxvijn3cc] {
    background: #f3f2f1;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 12px;
    color: #323130;
    border-left: 3px solid #0078d4;
}

.session-summary strong[b-swxvijn3cc] {
    color: #0078d4;
    margin-right: 8px;
}

.empty-message[b-swxvijn3cc] {
    text-align: center;
    padding: 30px 20px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #605e5c;
}

.empty-message p[b-swxvijn3cc] {
    margin: 0;
    font-size: 13px;
}

/* Empty state styling */
.empty-state[b-swxvijn3cc] {
    text-align: center;
    padding: 60px 20px;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 20px 0;
}

.empty-icon[b-swxvijn3cc] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state h3[b-swxvijn3cc] {
    font-size: 18px;
    color: #323130;
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state p[b-swxvijn3cc] {
    font-size: 13px;
    color: #605e5c;
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .header-with-action[b-swxvijn3cc] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-swxvijn3cc] {
        width: 100%;
    }

    .action-button fluent-button[b-swxvijn3cc] {
        width: 100%;
    }

    .header-left fluent-button[b-swxvijn3cc] {
        font-size: 10px;
        padding: 2px 6px;
    }

    .verification-table[b-swxvijn3cc] {
        font-size: 10px;
    }

    .verification-table th[b-swxvijn3cc],
    .verification-table td[b-swxvijn3cc] {
        padding: 5px 3px;
    }

    .card-header[b-swxvijn3cc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-swxvijn3cc],
    .header-right[b-swxvijn3cc] {
        width: 100%;
        justify-content: space-between;
    }

    .session-badge[b-swxvijn3cc] {
        font-size: 11px;
        padding: 3px 10px;
    }

    .verification-date[b-swxvijn3cc],
    .verification-officer[b-swxvijn3cc] {
        font-size: 11px;
    }
}

/* Print styles */
@media print {
    .header-with-action .action-button[b-swxvijn3cc] {
        display: none !important;
    }

    .header-left fluent-button[b-swxvijn3cc] {
        display: none !important;
    }

    .verification-card[b-swxvijn3cc] {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: 20px;
    }

    .card-header[b-swxvijn3cc] {
        background: #f3f2f1 !important;
        border-bottom: 2px solid #000;
    }

    .session-badge[b-swxvijn3cc],
    .status-badge[b-swxvijn3cc],
    .completed-badge[b-swxvijn3cc] {
        color: #000 !important;
        background: #fff !important;
        border: 1px solid #000;
    }

    .verification-table th[b-swxvijn3cc] {
        background: #f3f2f1 !important;
        border: 1px solid #000;
    }

    .verification-table td[b-swxvijn3cc] {
        border: 1px solid #000;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/AzilForm.razor.rz.scp.css */



.form-title-box[b-9kvj4kkd8r] {
    text-align: center;
    padding: 20px;
    background: white;
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-9kvj4kkd8r] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-9kvj4kkd8r] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: white !important;
    border: 1px solid #dee2e6 !important;
    border-left: 4px solid #2d5a8c !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-9kvj4kkd8r] {
    display: inline-block;
    background: linear-gradient(135deg, #2d5a8c 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-9kvj4kkd8r] {
    margin-bottom: 18px;
}

.form-row[b-9kvj4kkd8r] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-9kvj4kkd8r] {
    color: #dc2626;
    margin-left: 3px;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/AzilFormStart.razor.rz.scp.css */



.form-title-box[b-j1mcd36swu] {
    text-align: center;
    padding: 20px;
    background: white;
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-j1mcd36swu] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-j1mcd36swu] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: white !important;
    border: 1px solid #dee2e6 !important;
    border-left: 4px solid #2d5a8c !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-j1mcd36swu] {
    display: inline-block;
    background: linear-gradient(135deg, #2d5a8c 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-j1mcd36swu] {
    margin-bottom: 18px;
}

.form-row[b-j1mcd36swu] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-j1mcd36swu] {
    color: #dc2626;
    margin-left: 3px;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/AzilForm_Short.razor.rz.scp.css */



.form-title-box[b-xqxrohobp3] {
    text-align: center;
    padding: 20px;
    background: white;
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-xqxrohobp3] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-xqxrohobp3] {
    margin-bottom: 25px !important;
    padding: 25px !important;
    background: white !important;
    border: 1px solid #dee2e6 !important;
    border-left: 4px solid #2d5a8c !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

.question-number[b-xqxrohobp3] {
    display: inline-block;
    background: linear-gradient(135deg, #2d5a8c 0%, #1a365d 100%);
    color: white;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 8px;
    width: 30px;
}

.form-group[b-xqxrohobp3] {
    margin-bottom: 18px;
}

.form-row[b-xqxrohobp3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-xqxrohobp3] {
    color: #dc2626;
    margin-left: 3px;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormAlegeProcedure.razor.rz.scp.css */
.procedure-selection-container[b-225eo37o76] {
    padding: 20px;
    background-color: #fef9e7;
    border-radius: 8px;
    border: 2px solid #f59e0b;
    margin-bottom: 20px;
}

.procedure-option[b-225eo37o76] {
    margin-bottom: 16px;
    padding: 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    background-color: white;
    transition: all 0.3s ease;
    cursor: pointer;
    user-select: none;
}

.procedure-option:hover[b-225eo37o76] {
    border-color: #f59e0b;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
    background-color: #fffef7;
}

.procedure-option.selected[b-225eo37o76] {
    border-color: #f59e0b;
    background-color: #fffbeb;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.procedure-option:active[b-225eo37o76] {
    transform: scale(0.99);
}

.procedure-content[b-225eo37o76] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.procedure-name[b-225eo37o76] {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
}

.procedure-term[b-225eo37o76] {
    font-size: 14px;
    color: #6b7280;
    font-style: italic;
}

.task-completed-message[b-225eo37o76] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background-color: #f0fdf4;
    border: 2px solid #22c55e;
    border-radius: 8px;
    margin: 10px 0;
}

/* Override FluentUI radio button styles */
[b-225eo37o76] .procedure-option fluent-radio {
    width: 100%;
}

[b-225eo37o76] .procedure-option fluent-radio::part(control) {
    margin-top: 4px;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormCommunicareDecizie.razor.rz.scp.css */
/* Info boxes */
.info-box[b-5eh8gjl4bp] {
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: #1565c0;
}

.info-box.success[b-5eh8gjl4bp] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

/* Section title */
.section-title[b-5eh8gjl4bp] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    margin: 25px 0 20px 0;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
}

.section-title .icon[b-5eh8gjl4bp] {
    font-size: 18px;
}

/* Translation box */
.translation-box[b-5eh8gjl4bp] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.translation-box h4[b-5eh8gjl4bp] {
    color: #f57f17;
    margin-bottom: 15px;
    font-size: 15px;
}

/* Field types */
.field-system[b-5eh8gjl4bp] {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

.field-auto[b-5eh8gjl4bp] {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-5eh8gjl4bp] {
    background: white;
    border: 2px solid #667eea;
    border-radius: 8px;
    padding: 30px;
    margin: 20px 0;
    min-height: 200px;
    line-height: 1.8;
    font-size: 14px;
}

.preview-container h2[b-5eh8gjl4bp] {
    text-align: center;
    color: #667eea;
    margin-bottom: 30px;
}

/* Button group */
.button-group[b-5eh8gjl4bp] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid #eee;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormExaminareCerere.razor.rz.scp.css */
/* FormDecizie.razor.css */




/* Legal analysis box */
.analysis-box[b-gjzq1jixb4] {
    background: #f5f5f5;
    border: 2px solid #9e9e9e;
    border-radius: 8px;
    padding: 20px;
    margin: 15px;
}

.analysis-box h4[b-gjzq1jixb4] {
    color: #424242;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
}

/* Field types */
[b-gjzq1jixb4] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-gjzq1jixb4] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* System documents (view only) */
.system-document[b-gjzq1jixb4] {
    background: #e3f2fd;
    border: 1px solid #90caf9;
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.system-document-info[b-gjzq1jixb4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.system-document-name[b-gjzq1jixb4] {
    font-weight: 500;
    color: #1565c0;
}

.system-document-date[b-gjzq1jixb4] {
    font-size: 12px;
    color: #1976d2;
}


/* Buttons */
.button-group[b-gjzq1jixb4] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid #eee;
}

/* Responsive */
@media (max-width: 768px) {
    .decizie-header[b-gjzq1jixb4] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    
    .analysis-box[b-gjzq1jixb4] {
        padding: 15px;
    }

    .decision-section[b-gjzq1jixb4] {
        padding: 20px 15px;
    }
}

/* Print styles */
@media print {
    .button-group[b-gjzq1jixb4] {
        display: none;
    }

    .decizie-header[b-gjzq1jixb4] {
        background: #667eea;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .section-title[b-gjzq1jixb4] {
        background: #667eea;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormIdentificationExternalProfile.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-sadm9zs8ot] {
    padding: 4px;
}

.workflow-tiles[b-sadm9zs8ot] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-sadm9zs8ot] {
    background: #faf9f8;
    border-left: 4px solid #0078d4;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-sadm9zs8ot] {
    background: white;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-sadm9zs8ot] {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-sadm9zs8ot]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-sadm9zs8ot] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #0078d4;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-sadm9zs8ot] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-sadm9zs8ot] {
    font-size: 16px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-sadm9zs8ot] {
    font-size: 13px;
    color: #605e5c;
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-sadm9zs8ot] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-sadm9zs8ot] {
        padding: 16px;
    }
    
    .tile-icon[b-sadm9zs8ot] {
        font-size: 28px;
    }
    
    .tile-title[b-sadm9zs8ot] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-sadm9zs8ot] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-sadm9zs8ot],
    .workflow-tile.active[b-sadm9zs8ot] {
        background: #3d3d3d;
    }
    
    .tile-title[b-sadm9zs8ot] {
        color: #ffffff;
    }
    
    .tile-description[b-sadm9zs8ot] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormIdentificationProfile.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-5t5ffrs2da] {
    padding: 4px;
}

.workflow-tiles[b-5t5ffrs2da] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-5t5ffrs2da] {
    background: #faf9f8;
    border-left: 4px solid #0078d4;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-5t5ffrs2da] {
    background: white;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-5t5ffrs2da] {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-5t5ffrs2da]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-5t5ffrs2da] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #0078d4;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-5t5ffrs2da] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-5t5ffrs2da] {
    font-size: 16px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-5t5ffrs2da] {
    font-size: 13px;
    color: #605e5c;
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-5t5ffrs2da] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-5t5ffrs2da] {
        padding: 16px;
    }
    
    .tile-icon[b-5t5ffrs2da] {
        font-size: 28px;
    }
    
    .tile-title[b-5t5ffrs2da] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-5t5ffrs2da] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-5t5ffrs2da],
    .workflow-tile.active[b-5t5ffrs2da] {
        background: #3d3d3d;
    }
    
    .tile-title[b-5t5ffrs2da] {
        color: #ffffff;
    }
    
    .tile-description[b-5t5ffrs2da] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormPassportScan.razor.rz.scp.css */

        .container[b-r2uavio86k] {
            max-width: 1600px;
            margin: 0 auto;
        }


        .variant-title[b-r2uavio86k] {
            background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%);
            color: white;
            padding: 20px 30px;
            border-radius: 8px 8px 0 0;
            font-size: 20px;
            font-weight: 600;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .variant-description[b-r2uavio86k] {
            background: white;
            padding: 20px 30px;
            border-left: 4px solid #0078d4;
            border-right: 1px solid #edebe9;
            border-bottom: 1px solid #edebe9;
            margin-bottom: 30px;
            font-size: 15px;
            color: #605e5c;
            line-height: 1.8;
        }

        /* Combined Layout */
        .passport-container-combined[b-r2uavio86k] {
            background: white;
            border-radius: 8px;
            box-shadow: 0 4px 16px rgba(0,0,0,0.12);
            display: grid;
            grid-template-columns: 380px 1fr;
            min-height: 700px;
            overflow: hidden;
        }

        /* Left Sidebar - from Variant 3 */
        .sidebar-combined[b-r2uavio86k] {
            background: linear-gradient(180deg, #f8f8f8 0%, #f3f2f1 100%);
            padding: 30px;
            border-right: 2px solid #edebe9;
        }

        .profile-section[b-r2uavio86k] {
            text-align: center;
            margin-bottom: 30px;
            padding: 20px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }

        .profile-photo-large[b-r2uavio86k] {
            width: 200px;
            height: 260px;
            margin: 0 auto 20px;
            background: linear-gradient(135deg, #e1dfdd 0%, #d2d0ce 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 3px solid #edebe9;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            font-size: 48px;
            color: #979593;
        }

        .profile-name[b-r2uavio86k] {
            font-size: 22px;
            font-weight: 600;
            color: #323130;
            margin-bottom: 8px;
            line-height: 1.4;
        }

        .profile-doc-number[b-r2uavio86k] {
            font-size: 16px;
            color: #605e5c;
            font-family: 'Courier New', monospace;
            background: #faf9f8;
            padding: 8px 16px;
            border-radius: 4px;
            display: inline-block;
            margin-top: 10px;
            font-weight: 600;
        }

        .quick-info[b-r2uavio86k] {
            margin-top: 20px;
        }

        .quick-info-item[b-r2uavio86k] {
            background: white;
            padding: 14px 18px;
            margin-bottom: 10px;
            border-radius: 6px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
            transition: all 0.2s;
        }

        .quick-info-item:hover[b-r2uavio86k] {
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
            transform: translateX(2px);
        }

        .quick-info-label[b-r2uavio86k] {
            color: #605e5c;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .quick-info-value[b-r2uavio86k] {
            color: #323130;
            font-weight: 600;
        }

        .document-image-section[b-r2uavio86k] {
            margin-top: 20px;
            background: white;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }

        .document-image-mini[b-r2uavio86k] {
            width: 100%;
            height: 100px;
            background: linear-gradient(135deg, #f3f2f1 0%, #e8e6e4 100%);
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: #605e5c;
            border: 2px dashed #d2d0ce;
            margin-bottom: 10px;
        }

        .document-label[b-r2uavio86k] {
            font-size: 12px;
            color: #605e5c;
            text-align: center;
            font-weight: 500;
        }

        /* Right Content Area - Card Grid from Variant 1 */
        .main-content-combined[b-r2uavio86k] {
            padding: 0;
            display: flex;
            flex-direction: column;
        }

        .content-header[b-r2uavio86k] {
            background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%);
            color: white;
            padding: 25px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .content-header h2[b-r2uavio86k] {
            font-size: 22px;
            font-weight: 600;
        }

        .document-status[b-r2uavio86k] {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .status-badge[b-r2uavio86k] {
            padding: 8px 20px;
            border-radius: 20px;
            font-size: 13px;
            font-weight: 600;
            background: rgba(255,255,255,0.25);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.3);
        }

        .content-body[b-r2uavio86k] {
            padding: 40px;
            overflow-y: auto;
        }

        .section-header[b-r2uavio86k] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 2px solid #edebe9;
        }

        .section-title[b-r2uavio86k] {
            font-size: 18px;
            font-weight: 600;
            color: #323130;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .validation-summary-badge[b-r2uavio86k] {
            font-size: 13px;
            color: #605e5c;
            background: #f3f2f1;
            padding: 6px 14px;
            border-radius: 12px;
            font-weight: 500;
        }

        /* Card Grid from Variant 1 */
        .info-grid[b-r2uavio86k] {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }

        .info-card[b-r2uavio86k] {
            background: #faf9f8;
            padding: 10px;
            border-radius: 8px;
            border-left: 4px solid #0078d4;
            position: relative;
            transition: all 0.2s;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        }

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

        .info-card.warning[b-r2uavio86k] {
            border-left-color: #d83b01;
            background: linear-gradient(135deg, #fff9f7 0%, #fff4f1 100%);
        }

        .info-card.success[b-r2uavio86k] {
            border-left-color: #107c10;
            background: linear-gradient(135deg, #f8fff8 0%, #f1faf1 100%);
        }

        .info-card.neutral[b-r2uavio86k] {
            border-left-color: #979593;
            background: linear-gradient(135deg, #fafafa 0%, #f3f2f1 100%);
        }

        .info-label[b-r2uavio86k] {
            font-size: 11px;
            text-transform: uppercase;
            color: #605e5c;
            font-weight: 600;
            margin-bottom: 8px;
            letter-spacing: 0.8px;
        }

        .info-value[b-r2uavio86k] {
            font-size: 16px;
            color: #323130;
            font-weight: 500;
            padding-right: 30px;
        }

        .validation-icon[b-r2uavio86k] {
            position: absolute;
            top: 20px;
            right: 20px;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: white;
            font-weight: bold;
        }

        .validation-icon.valid[b-r2uavio86k] {
            background: linear-gradient(135deg, #107c10 0%, #0e6b0e 100%);
        }

        .validation-icon.invalid[b-r2uavio86k] {
            background: linear-gradient(135deg, #d83b01 0%, #c23301 100%);
        }

        .validation-icon.neutral[b-r2uavio86k] {
            background: linear-gradient(135deg, #979593 0%, #858382 100%);
        }

        .validation-icon.valid[b-r2uavio86k]::after {
            content: '✓';
        }

        .validation-icon.invalid[b-r2uavio86k]::after {
            content: '✕';
        }

        .validation-icon.neutral[b-r2uavio86k]::after {
            content: '—';
        }

        /* MRZ Display */
        .mrz-section[b-r2uavio86k] {
            margin-top: 30px;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }

        .mrz-header[b-r2uavio86k] {
            background: #323130;
            color: white;
            padding: 12px 20px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .mrz-display[b-r2uavio86k] {
            background: #1e1e1e;
            color: #00ff00;
            padding: 20px;
            font-family: 'Courier New', monospace;
            font-size: 13px;
            line-height: 2;
            overflow-x: auto;
        }

        /* Status Indicators */
        .status-indicator[b-r2uavio86k] {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12px;
            padding: 4px 10px;
            border-radius: 12px;
            font-weight: 600;
        }

        .status-indicator.expired[b-r2uavio86k] {
            background: #fff4f1;
            color: #d83b01;
        }

        .status-indicator.valid[b-r2uavio86k] {
            background: #f1faf1;
            color: #107c10;
        }

        .status-dot[b-r2uavio86k] {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: currentColor;
        }

        /* Responsive */
        @media (max-width: 1200px) {
            .passport-container-combined[b-r2uavio86k] {
                grid-template-columns: 1fr;
            }
            
            .sidebar-combined[b-r2uavio86k] {
                border-right: none;
                border-bottom: 2px solid #edebe9;
            }
            
            .profile-section[b-r2uavio86k] {
                display: grid;
                grid-template-columns: auto 1fr;
                gap: 20px;
                text-align: left;
            }
            
            .profile-photo-large[b-r2uavio86k] {
                width: 150px;
                height: 200px;
            }
        }

        @media (max-width: 768px) {
            .info-grid[b-r2uavio86k] {
                grid-template-columns: 1fr;
            }
            
            .content-body[b-r2uavio86k] {
                padding: 20px;
            }
        }
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormSemnareDeciziei.razor.rz.scp.css */
/* FormSemnareDeciziei.razor.css */

.decizie-header[b-8b5s20aqgu] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
    margin: -20px -20px 20px -20px;
    border-radius: 8px 8px 0 0;
}

.decizie-header h1[b-8b5s20aqgu] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin: 0;
}

.decizie-header p[b-8b5s20aqgu] {
    font-size: 14px;
    opacity: 0.9;
    margin: 8px 0 0 0;
}

/* Section Styles */
.section-title[b-8b5s20aqgu] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 20px;
    margin: 25px -20px 20px -20px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-title .icon[b-8b5s20aqgu] {
    font-size: 18px;
}

/* Regional header info */
.regional-header[b-8b5s20aqgu] {
    background: #e3f2fd;
    border: 2px solid #2196f3;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 25px;
}

.regional-header h3[b-8b5s20aqgu] {
    color: #1565c0;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.regional-header p[b-8b5s20aqgu] {
    color: #1976d2;
    font-size: 13px;
    margin: 3px 0;
}

/* Info boxes */
.info-box[b-8b5s20aqgu] {
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: #1565c0;
}

.info-box.success[b-8b5s20aqgu] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

.info-box.warning[b-8b5s20aqgu] {
    background: #fff3e0;
    border-left-color: #ff9800;
    color: #e65100;
}

/* Legal reference box */
.legal-box[b-8b5s20aqgu] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.legal-box h4[b-8b5s20aqgu] {
    color: #f57f17;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
}

/* Decision box */
.decision-box[b-8b5s20aqgu] {
    background: #f5f5f5;
    border: 3px solid #667eea;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.decision-box h2[b-8b5s20aqgu] {
    font-size: 24px;
    color: #667eea;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 700;
}

.decision-options[b-8b5s20aqgu] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.decision-option[b-8b5s20aqgu] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: white;
    border: 2px solid #ddd;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
}

.decision-option:hover[b-8b5s20aqgu] {
    border-color: #667eea;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
    transform: translateY(-2px);
}

.decision-option input[type="radio"][b-8b5s20aqgu] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.decision-option label[b-8b5s20aqgu] {
    flex: 1;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    color: #333;
    text-align: left;
}

.decision-option.selected[b-8b5s20aqgu] {
    border-color: #667eea;
    background: #f0f4ff;
}

/* Field types */
[b-8b5s20aqgu] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-8b5s20aqgu] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-8b5s20aqgu] {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    border: 2px solid #ddd;
    min-height: 200px;
    line-height: 1.8;
    font-size: 14px;
    margin: 20px 0;
}

/* Buttons */
.button-group[b-8b5s20aqgu] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid #eee;
}

/* Responsive */
@media (max-width: 768px) {
    .decizie-header[b-8b5s20aqgu] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    .section-title[b-8b5s20aqgu] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .decision-box[b-8b5s20aqgu] {
        padding: 20px 15px;
    }

    .legal-box[b-8b5s20aqgu] {
        padding: 15px;
    }

    .preview-container[b-8b5s20aqgu] {
        padding: 20px;
    }
}

/* Print styles */
@media print {
    .button-group[b-8b5s20aqgu] {
        display: none;
    }

    .decizie-header[b-8b5s20aqgu] {
        background: white;
        color: black;
        border-bottom: 2px solid #333;
    }

    .section-title[b-8b5s20aqgu] {
        background: white;
        color: black;
        border-bottom: 1px solid #333;
    }

    .preview-container[b-8b5s20aqgu] {
        border: none;
        padding: 0;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormSyncPhotoProfile.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-lhtq81nu79] {
    padding: 4px;
}

.workflow-tiles[b-lhtq81nu79] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-lhtq81nu79] {
    background: #faf9f8;
    border-left: 4px solid #0078d4;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-lhtq81nu79] {
    background: white;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-lhtq81nu79] {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-lhtq81nu79]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-lhtq81nu79] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #0078d4;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-lhtq81nu79] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-lhtq81nu79] {
    font-size: 16px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-lhtq81nu79] {
    font-size: 13px;
    color: #605e5c;
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-lhtq81nu79] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-lhtq81nu79] {
        padding: 16px;
    }
    
    .tile-icon[b-lhtq81nu79] {
        font-size: 28px;
    }
    
    .tile-title[b-lhtq81nu79] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-lhtq81nu79] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-lhtq81nu79],
    .workflow-tile.active[b-lhtq81nu79] {
        background: #3d3d3d;
    }
    
    .tile-title[b-lhtq81nu79] {
        color: #ffffff;
    }
    
    .tile-description[b-lhtq81nu79] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/FormVerificationPerson.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-tzucd2z0ka] {
    background: white;
    padding: 0;
}

.info-box[b-tzucd2z0ka] {
    background: #d4e9ff;
    border-left: 4px solid #0078d4;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-tzucd2z0ka] {
    font-size: 13px;
    margin-bottom: 6px;
    color: #323130;
    font-weight: 600;
}

.info-box p[b-tzucd2z0ka] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: #605e5c;
}

.session-info-box[b-tzucd2z0ka] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-tzucd2z0ka] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
}

.verification-table[b-tzucd2z0ka] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
}

.verification-table th[b-tzucd2z0ka],
.verification-table td[b-tzucd2z0ka] {
    border: 1px solid #e1dfdd;
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-tzucd2z0ka] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.col-source[b-tzucd2z0ka] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-tzucd2z0ka] {
    width: 12%;
    text-align: center;
}

.col-result[b-tzucd2z0ka] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-tzucd2z0ka] {
    width: 40%;
}

.col-signature[b-tzucd2z0ka] {
    width: 18%;
}

.checkbox-group[b-tzucd2z0ka] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-tzucd2z0ka] {
    background: #faf9f8;
}

.default-row:hover[b-tzucd2z0ka] {
    background: #f3f2f1;
}

.added-row[b-tzucd2z0ka] {
    background: #eff6fc;
}

.added-row:hover[b-tzucd2z0ka] {
    background: #deecf9;
}

.row-actions[b-tzucd2z0ka] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-tzucd2z0ka] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-tzucd2z0ka] {
    background: #f8f8f8;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-tzucd2z0ka] {
    background: #0078d4;
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-tzucd2z0ka] {
    background: #106ebe;
}

.collapsible-header h4[b-tzucd2z0ka] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-tzucd2z0ka] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-tzucd2z0ka] {
    padding: 16px;
    animation: slideDown-b-tzucd2z0ka 0.3s ease-out;
}

@keyframes slideDown-b-tzucd2z0ka {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-tzucd2z0ka] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-tzucd2z0ka] {
    margin-bottom: 0;
}

.card-header[b-tzucd2z0ka] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0078d4;
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-tzucd2z0ka],
.header-right[b-tzucd2z0ka] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-tzucd2z0ka] {
    background: #0078d4;
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-tzucd2z0ka] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.verification-officer[b-tzucd2z0ka] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-tzucd2z0ka] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-tzucd2z0ka] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-tzucd2z0ka] {
    color: #d97706;
}

.card-content[b-tzucd2z0ka] {
    padding: 12px;
}

.verification-table.compact[b-tzucd2z0ka] {
    font-size: 12px;
}

.verification-table.compact th[b-tzucd2z0ka],
.verification-table.compact td[b-tzucd2z0ka] {
    padding: 8px 6px;
}

.mentions-text[b-tzucd2z0ka] {
    font-size: 11px;
    line-height: 1.4;
    color: #323130;
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-tzucd2z0ka],
    .info-box[b-tzucd2z0ka],
    .session-info-box[b-tzucd2z0ka],
    .row-actions[b-tzucd2z0ka],
    .previous-verifications-section[b-tzucd2z0ka] {
        display: none !important;
    }

    .verification-container[b-tzucd2z0ka] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-tzucd2z0ka] {
        font-size: 10px;
    }

    .verification-table th[b-tzucd2z0ka],
    .verification-table td[b-tzucd2z0ka] {
        padding: 5px;
    }

    .card-header[b-tzucd2z0ka] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-tzucd2z0ka],
    .header-right[b-tzucd2z0ka] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/PageCheckPerson.razor.rz.scp.css */
/* WorkflowTiles.razor.css - Стили для компонента */

.workflow-tiles-container[b-dvaxqcp4ou] {
    padding: 4px;
}

.workflow-tiles[b-dvaxqcp4ou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-dvaxqcp4ou] {
    background: #faf9f8;
    border-left: 4px solid #0078d4;
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

.workflow-tile:hover[b-dvaxqcp4ou] {
    background: white;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    transform: translateX(4px);
}

.workflow-tile.active[b-dvaxqcp4ou] {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 120, 212, 0.2);
    transform: translateX(4px);
}

.workflow-tile.active[b-dvaxqcp4ou]::after {
    content: '✓';
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #107c10;
    font-size: 18px;
    font-weight: bold;
}

.step-number[b-dvaxqcp4ou] {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #0078d4;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-icon[b-dvaxqcp4ou] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-dvaxqcp4ou] {
    font-size: 16px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-dvaxqcp4ou] {
    font-size: 13px;
    color: #605e5c;
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .workflow-tiles[b-dvaxqcp4ou] {
        grid-template-columns: 1fr;
    }
    
    .workflow-tile[b-dvaxqcp4ou] {
        padding: 16px;
    }
    
    .tile-icon[b-dvaxqcp4ou] {
        font-size: 28px;
    }
    
    .tile-title[b-dvaxqcp4ou] {
        font-size: 15px;
    }
}

/* Темная тема (опционально) */
@media (prefers-color-scheme: dark) {
    .workflow-tile[b-dvaxqcp4ou] {
        background: #2d2d2d;
    }
    
    .workflow-tile:hover[b-dvaxqcp4ou],
    .workflow-tile.active[b-dvaxqcp4ou] {
        background: #3d3d3d;
    }
    
    .tile-title[b-dvaxqcp4ou] {
        color: #ffffff;
    }
    
    .tile-description[b-dvaxqcp4ou] {
        color: #b3b3b3;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/PageTiles.razor.rz.scp.css */


.workflow-tiles-container[b-kylqdf3xk9] {
    padding: 24px;
}

.workflow-tiles[b-kylqdf3xk9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-kylqdf3xk9] {
    background: #faf9f8;
    border-left: 4px solid #0078d4;
    padding: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border-radius: 0 4px 4px 0;
}

    .workflow-tile:hover[b-kylqdf3xk9] {
        background: white;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        transform: translateX(4px);
    }

.step-number[b-kylqdf3xk9] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    background: #0078d4;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.step-1[b-kylqdf3xk9] {
    background: #0078d4;
}

.step-2[b-kylqdf3xk9] {
    background: #107c10;
}

.step-3[b-kylqdf3xk9] {
    background: #5c2d91;
}

.step-4[b-kylqdf3xk9] {
    background: #d83b01;
}

.workflow-tile:nth-child(1)[b-kylqdf3xk9] {
    border-left-color: #0078d4;
}

.workflow-tile:nth-child(2)[b-kylqdf3xk9] {
    border-left-color: #107c10;
}

.workflow-tile:nth-child(3)[b-kylqdf3xk9] {
    border-left-color: #5c2d91;
}

.workflow-tile:nth-child(4)[b-kylqdf3xk9] {
    border-left-color: #d83b01;
}

.tile-icon[b-kylqdf3xk9] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-kylqdf3xk9] {
    font-size: 16px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-kylqdf3xk9] {
    font-size: 13px;
    color: #605e5c;
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* for mobile  */
@media (max-width: 768px) {
    .workflow-tiles[b-kylqdf3xk9] {
        grid-template-columns: 1fr;
    }

    .workflow-tile[b-kylqdf3xk9] {
        padding: 16px;
    }

    .tile-icon[b-kylqdf3xk9] {
        font-size: 28px;
    }

    .tile-title[b-kylqdf3xk9] {
        font-size: 15px;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/CaseAzil_WF/_FormVisionScan.razor.rz.scp.css */
.scanner-container[b-iko5lrd99t] {
    max-width: 1400px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.header[b-iko5lrd99t] {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%);
    color: white;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-icon[b-iko5lrd99t] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.header-title[b-iko5lrd99t] {
    flex: 1;
}

    .header-title h1[b-iko5lrd99t] {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 4px;
    }

    .header-title p[b-iko5lrd99t] {
        font-size: 14px;
        opacity: 0.8;
    }

.device-status[b-iko5lrd99t] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.15);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
}

.status-dot[b-iko5lrd99t] {
    width: 10px;
    height: 10px;
    background: #4ade80;
    border-radius: 50%;
    animation: pulse-b-iko5lrd99t 2s infinite;
}

@keyframes pulse-b-iko5lrd99t {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.main-content[b-iko5lrd99t] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    padding: 24px;
}

.scan-section[b-iko5lrd99t] {
    background: #fafbfc;
    border-radius: 10px;
    border: 2px solid #e1e5eb;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .scan-section:hover[b-iko5lrd99t] {
        border-color: #3b82f6;
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
    }

    .scan-section.active[b-iko5lrd99t] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    }

.section-header[b-iko5lrd99t] {
    background: #fff;
    padding: 16px 20px;
    border-bottom: 1px solid #e1e5eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-title[b-iko5lrd99t] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #1e3a5f;
}

.section-icon[b-iko5lrd99t] {
    width: 32px;
    height: 32px;
    background: #e8f0fe;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.section-status[b-iko5lrd99t] {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 500;
}

.status-pending[b-iko5lrd99t] {
    background: #fef3c7;
    color: #92400e;
}

.status-complete[b-iko5lrd99t] {
    background: #d1fae5;
    color: #065f46;
}

.status-scanning[b-iko5lrd99t] {
    background: #dbeafe;
    color: #1e40af;
    animation: blink-b-iko5lrd99t 1s infinite;
}

@keyframes blink-b-iko5lrd99t {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

.section-content[b-iko5lrd99t] {
    padding: 20px;
}

/* Photo Section */
.photo-preview[b-iko5lrd99t] {
    width: 100%;
    aspect-ratio: 3/4;
    background: #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}

.photo-placeholder[b-iko5lrd99t] {
    color: #9ca3af;
    text-align: center;
}

    .photo-placeholder .icon[b-iko5lrd99t] {
        font-size: 48px;
        margin-bottom: 12px;
    }

.photo-overlay[b-iko5lrd99t] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 3px dashed #3b82f6;
    border-radius: 8px;
    pointer-events: none;
}

.face-guide[b-iko5lrd99t] {
    position: absolute;
    width: 60%;
    height: 75%;
    border: 2px solid rgba(59, 130, 246, 0.5);
    border-radius: 50%;
    top: 10%;
}

.photo-controls[b-iko5lrd99t] {
    display: flex;
    gap: 10px;
}

/* Fingerprint Section */
.finger-selector[b-iko5lrd99t] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}

.finger-btn[b-iko5lrd99t] {
    aspect-ratio: 1;
    border: 2px solid #d1d5db;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #6b7280;
    transition: all 0.2s ease;
    padding: 4px;
}

    .finger-btn:hover[b-iko5lrd99t] {
        border-color: #3b82f6;
        background: #eff6ff;
    }

    .finger-btn.selected[b-iko5lrd99t] {
        border-color: #3b82f6;
        background: #3b82f6;
        color: white;
    }

    .finger-btn.scanned[b-iko5lrd99t] {
        border-color: #10b981;
        background: #d1fae5;
        color: #065f46;
    }

.finger-icon[b-iko5lrd99t] {
    font-size: 20px;
    margin-bottom: 2px;
}

.hand-label[b-iko5lrd99t] {
    grid-column: 1 / -1;
    font-size: 11px;
    font-weight: 600;
    color: #374151;
    text-align: center;
    padding: 4px 0;
    background: #f3f4f6;
    border-radius: 4px;
}

.fingerprint-scanner[b-iko5lrd99t] {
    width: 100%;
    aspect-ratio: 4/3;
    background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 12px;
}

.scanner-surface[b-iko5lrd99t] {
    width: 80%;
    height: 70%;
    background: #4b5563;
    border-radius: 8px;
    border: 3px solid #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .scanner-surface[b-iko5lrd99t]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: #3b82f6;
        border-radius: 2px;
        animation: scan-b-iko5lrd99t 2s ease-in-out infinite;
    }

@keyframes scan-b-iko5lrd99t {
    0%, 100% {
        top: 0;
    }

    50% {
        top: calc(100% - 4px);
    }
}

.fingerprint-icon[b-iko5lrd99t] {
    font-size: 64px;
    color: #9ca3af;
}

.scanner-label[b-iko5lrd99t] {
    color: #9ca3af;
    font-size: 12px;
    margin-top: 8px;
}

.selected-fingers[b-iko5lrd99t] {
    background: #f3f4f6;
    padding: 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #4b5563;
}

    .selected-fingers strong[b-iko5lrd99t] {
        color: #1f2937;
    }

/* Signature Section */
.signature-pad[b-iko5lrd99t] {
    width: 100%;
    aspect-ratio: 16/9;
    background: white;
    border: 2px solid #d1d5db;
    border-radius: 8px;
    position: relative;
    margin-bottom: 16px;
    cursor: crosshair;
}

.signature-line[b-iko5lrd99t] {
    position: absolute;
    bottom: 30%;
    left: 10%;
    right: 10%;
    border-bottom: 1px dashed #9ca3af;
}

.signature-label[b-iko5lrd99t] {
    position: absolute;
    bottom: 20%;
    left: 10%;
    font-size: 10px;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.signature-preview[b-iko5lrd99t] {
    position: absolute;
    top: 20%;
    left: 15%;
    right: 15%;
    height: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signature-sample[b-iko5lrd99t] {
    font-family: 'Brush Script MT', cursive;
    font-size: 32px;
    color: #1e3a5f;
    opacity: 0.3;
}

.stylus-indicator[b-iko5lrd99t] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fef3c7;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 12px;
    color: #92400e;
    margin-bottom: 12px;
}

.stylus-icon[b-iko5lrd99t] {
    font-size: 18px;
}

/* Buttons */
.btn[b-iko5lrd99t] {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.btn-primary[b-iko5lrd99t] {
    background: #3b82f6;
    color: white;
}

    .btn-primary:hover[b-iko5lrd99t] {
        background: #2563eb;
    }

.btn-secondary[b-iko5lrd99t] {
    background: #e5e7eb;
    color: #374151;
}

    .btn-secondary:hover[b-iko5lrd99t] {
        background: #d1d5db;
    }

.btn-success[b-iko5lrd99t] {
    background: #10b981;
    color: white;
}

    .btn-success:hover[b-iko5lrd99t] {
        background: #059669;
    }

.btn-danger[b-iko5lrd99t] {
    background: #ef4444;
    color: white;
}

    .btn-danger:hover[b-iko5lrd99t] {
        background: #dc2626;
    }

.btn-block[b-iko5lrd99t] {
    width: 100%;
    justify-content: center;
}

/* Footer */
.footer[b-iko5lrd99t] {
    background: #f8fafc;
    border-top: 1px solid #e1e5eb;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress-info[b-iko5lrd99t] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.progress-bar[b-iko5lrd99t] {
    width: 200px;
    height: 8px;
    background: #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-iko5lrd99t] {
    height: 100%;
    background: linear-gradient(90deg, #3b82f6, #10b981);
    width: 33%;
    transition: width 0.5s ease;
}

.progress-text[b-iko5lrd99t] {
    font-size: 14px;
    color: #4b5563;
}

.action-buttons[b-iko5lrd99t] {
    display: flex;
    gap: 12px;
}

/* Quality Indicator */
.quality-meter[b-iko5lrd99t] {
    margin-top: 12px;
}

.quality-label[b-iko5lrd99t] {
    font-size: 11px;
    color: #6b7280;
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
}

.quality-bar[b-iko5lrd99t] {
    height: 6px;
    background: #e5e7eb;
    border-radius: 3px;
    overflow: hidden;
}

.quality-fill[b-iko5lrd99t] {
    height: 100%;
    background: #10b981;
    width: 0%;
    transition: width 0.3s ease;
}

    .quality-fill.medium[b-iko5lrd99t] {
        background: #f59e0b;
    }

    .quality-fill.low[b-iko5lrd99t] {
        background: #ef4444;
    }
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-lnjc50i99k] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-lnjc50i99k] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-lnjc50i99k] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-lnjc50i99k] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-lnjc50i99k] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-lnjc50i99k] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-lnjc50i99k] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-lnjc50i99k] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-lnjc50i99k] {
    color: #323130;
    
}

.item-date[b-lnjc50i99k] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-lnjc50i99k] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-lnjc50i99k] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-lnjc50i99k] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-lnjc50i99k] {
    width: 800px;
}

.inline-progress[b-lnjc50i99k] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-lnjc50i99k] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-lnjc50i99k] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-lnjc50i99k] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-lnjc50i99k] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-lnjc50i99k] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-lnjc50i99k] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-lnjc50i99k] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-lnjc50i99k] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-lnjc50i99k] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-lnjc50i99k] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-lnjc50i99k] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-lnjc50i99k] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-lnjc50i99k] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-lnjc50i99k] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-lnjc50i99k] {
    font-weight: 600;
    color: #323130;
}

<style >
.report-gen-iframe[b-lnjc50i99k] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-lnjc50i99k] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-lnjc50i99k] >
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Dashboard/ProcessRoadmap/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-fee5kvuhbq] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-fee5kvuhbq] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-fee5kvuhbq] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-fee5kvuhbq] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-fee5kvuhbq] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-fee5kvuhbq] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-fee5kvuhbq] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-fee5kvuhbq] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-fee5kvuhbq] {
    color: #323130;
    
}

.item-date[b-fee5kvuhbq] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-fee5kvuhbq] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-fee5kvuhbq] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-fee5kvuhbq] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-fee5kvuhbq] {
    width: 800px;
}

.inline-progress[b-fee5kvuhbq] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-fee5kvuhbq] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-fee5kvuhbq] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-fee5kvuhbq] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-fee5kvuhbq] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-fee5kvuhbq] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-fee5kvuhbq] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-fee5kvuhbq] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-fee5kvuhbq] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-fee5kvuhbq] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-fee5kvuhbq] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-fee5kvuhbq] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-fee5kvuhbq] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-fee5kvuhbq] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-fee5kvuhbq] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-fee5kvuhbq] {
    font-weight: 600;
    color: #323130;
}

<style >
.report-gen-iframe[b-fee5kvuhbq] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-fee5kvuhbq] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-fee5kvuhbq] >
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Dashboard/TaskDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-ucgc7zkb4l] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-ucgc7zkb4l] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-ucgc7zkb4l] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-ucgc7zkb4l] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-ucgc7zkb4l] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-ucgc7zkb4l] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-ucgc7zkb4l] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-ucgc7zkb4l] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-ucgc7zkb4l] {
    color: #323130;
    
}

.item-date[b-ucgc7zkb4l] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-ucgc7zkb4l] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-ucgc7zkb4l] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-ucgc7zkb4l] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-ucgc7zkb4l] {
    width: 800px;
}

.inline-progress[b-ucgc7zkb4l] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-ucgc7zkb4l] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-ucgc7zkb4l] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-ucgc7zkb4l] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-ucgc7zkb4l] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-ucgc7zkb4l] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-ucgc7zkb4l] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-ucgc7zkb4l] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-ucgc7zkb4l] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-ucgc7zkb4l] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-ucgc7zkb4l] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-ucgc7zkb4l] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-ucgc7zkb4l] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-ucgc7zkb4l] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-ucgc7zkb4l] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-ucgc7zkb4l] {
    font-weight: 600;
    color: #323130;
}

<style >
.report-gen-iframe[b-ucgc7zkb4l] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-ucgc7zkb4l] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-ucgc7zkb4l] >
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Eveniment/InterviewDesfasurarea.razor.rz.scp.css */
/* Interview Header */
.interview-header[b-v94nn0e68o] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
}

.interview-header h1[b-v94nn0e68o] {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.interview-header p[b-v94nn0e68o] {
    font-size: 14px;
    opacity: 0.9;
    padding-left:10px;
}

/* Progress Container */
.progress-container[b-v94nn0e68o] {
    background: #f5f5f5;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.progress-bar[b-v94nn0e68o] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.progress-fill[b-v94nn0e68o] {
    height: 100%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s;
}

.progress-text[b-v94nn0e68o] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 12px;
    color: #666;
}

/* Navigation Tabs */
.nav-tabs[b-v94nn0e68o] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 8px;
}

.nav-tab[b-v94nn0e68o] {
    padding: 8px 15px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.nav-tab:hover[b-v94nn0e68o] {
    background: #e3f2fd;
    border-color: #2196f3;
}

.nav-tab.active[b-v94nn0e68o] {
    background: #2a5298;
    color: white;
    border-color: #2a5298;
}

.nav-tab.completed[b-v94nn0e68o] {
    background: #e8f5e9;
    border-color: #4caf50;
    color: #2e7d32;
}

/* Subsection Title */
.subsection-title[b-v94nn0e68o] {
    background: #e3f2fd;
    color: #1565c0;
    padding: 10px 15px;
    margin: 20px 0 15px 0;
    font-weight: 600;
    font-size: 13px;
    border-left: 4px solid #1976d2;
    border-radius: 0 8px 8px 0;
}

/* Question-Answer Block */
.qa-block[b-v94nn0e68o] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    border-left: 4px solid #667eea;
}

.qa-block.conditional[b-v94nn0e68o] {
    background: #fff8e1;
    border-left-color: #ffa000;
}

.qa-block .question[b-v94nn0e68o] {
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    font-size: 14px;
}

.qa-block .question[b-v94nn0e68o]::before {
    content: "Î: ";
    color: #667eea;
    font-weight: 700;
}

.qa-block.conditional .question[b-v94nn0e68o]::before {
    color: #ffa000;
}

.qa-block .note[b-v94nn0e68o] {
    background: #e8f5e9;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #2e7d32;
    margin-top: 10px;
    font-style: italic;
}

.qa-block .note[b-v94nn0e68o]::before {
    content: "📝 Notă: ";
    font-weight: 600;
}

/* Conditional Note */
.conditional-note[b-v94nn0e68o] {
    background: #fff3e0;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    color: #e65100;
    margin-bottom: 15px;
    border-left: 4px solid #ff9800;
}

.conditional-note[b-v94nn0e68o]::before {
    content: "⚠️ ";
}

/* Button Group */
.button-group[b-v94nn0e68o] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 2px solid #eee;
}

/* Field Styles */
[b-v94nn0e68o] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-v94nn0e68o] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Signature Area */
.signature-area[b-v94nn0e68o] {
    border: 2px dashed #ccc;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    margin-top: 20px;
    background: #fafafa;
}

.signature-area p[b-v94nn0e68o] {
    color: #666;
    font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
    .nav-tabs[b-v94nn0e68o] {
        flex-direction: column;
    }

    .progress-text[b-v94nn0e68o] {
        flex-direction: column;
        gap: 5px;
        text-align: center;
    }

    .button-group[b-v94nn0e68o] {
        flex-direction: column;
    }
}

/* Previous Interviews Section */
.previous-interviews-container[b-v94nn0e68o] {
    background: #f5f7fa;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    border: 2px solid #4a90e2;
}

.previous-interviews-header[b-v94nn0e68o] {
    cursor: pointer;
    padding: 10px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 6px;
    transition: all 0.3s;
    user-select: none;
}

.previous-interviews-header:hover[b-v94nn0e68o] {
    background: linear-gradient(135deg, #5568d3 0%, #653b8a 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.previous-interviews-header h4[b-v94nn0e68o] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-icon[b-v94nn0e68o] {
    display: inline-block;
    width: 20px;
    font-size: 14px;
    transition: transform 0.3s;
}

.previous-interviews-list[b-v94nn0e68o] {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.previous-interview-item[b-v94nn0e68o] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    border: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-interview-item:hover[b-v94nn0e68o] {
    border-color: #4a90e2;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.interview-summary[b-v94nn0e68o] {
    flex: 1;
}

.interview-date[b-v94nn0e68o] {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}

.interview-details[b-v94nn0e68o] {
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
}

.interview-status[b-v94nn0e68o] {
    margin-top: 8px;
}

.status-completed[b-v94nn0e68o] {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.status-draft[b-v94nn0e68o] {
    background: #fff8e1;
    color: #f57c00;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}

.interview-actions[b-v94nn0e68o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Print Styles */
@media print {
    .progress-container[b-v94nn0e68o],
    .nav-tabs[b-v94nn0e68o],
    .button-group[b-v94nn0e68o],
    .previous-interviews-container[b-v94nn0e68o] {
        display: none;
    }

    .interview-header[b-v94nn0e68o] {
        background: #1e3c72;
        color: white;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .previous-interview-item[b-v94nn0e68o] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .interview-actions[b-v94nn0e68o] {
        width: 100%;
    }

    .interview-actions fluent-button[b-v94nn0e68o] {
        width: 100%;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-ftgg3qs63p] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-ftgg3qs63p] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-ftgg3qs63p] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-ftgg3qs63p] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid #0058D2;
}

.card-header[b-ftgg3qs63p] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-ftgg3qs63p] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #0058D2 0%, #0078D4 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-ftgg3qs63p] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-ftgg3qs63p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-ftgg3qs63p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-ftgg3qs63p] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-ftgg3qs63p] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-ftgg3qs63p] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-ftgg3qs63p] {
        color: #A19F9D;
        font-style: italic;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-ftgg3qs63p] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-ftgg3qs63p] {
        padding: 12px 16px;
    }

    [b-ftgg3qs63p] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-ftgg3qs63p] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-ftgg3qs63p] {
        grid-template-columns: repeat(5, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/ProfileAzil/AzilFormView.razor.rz.scp.css */

/* _content/IGM.Web/Pages/Workplace/CaseAzil/Verificare/FormADDVerification.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-btfvboa0xm] {
    background: white;
    padding: 0;
}

.info-box[b-btfvboa0xm] {
    background: #d4e9ff;
    border-left: 4px solid #0078d4;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-btfvboa0xm] {
    font-size: 13px;
    margin-bottom: 6px;
    color: #323130;
    font-weight: 600;
}

.info-box p[b-btfvboa0xm] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: #605e5c;
}

.session-info-box[b-btfvboa0xm] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-btfvboa0xm] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
}

.verification-table[b-btfvboa0xm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
}

.verification-table th[b-btfvboa0xm],
.verification-table td[b-btfvboa0xm] {
    border: 1px solid #e1dfdd;
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-btfvboa0xm] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.col-source[b-btfvboa0xm] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-btfvboa0xm] {
    width: 12%;
    text-align: center;
}

.col-result[b-btfvboa0xm] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-btfvboa0xm] {
    width: 40%;
}

.col-signature[b-btfvboa0xm] {
    width: 18%;
}

.checkbox-group[b-btfvboa0xm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-btfvboa0xm] {
    background: #faf9f8;
}

.default-row:hover[b-btfvboa0xm] {
    background: #f3f2f1;
}

.added-row[b-btfvboa0xm] {
    background: #eff6fc;
}

.added-row:hover[b-btfvboa0xm] {
    background: #deecf9;
}

.row-actions[b-btfvboa0xm] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-btfvboa0xm] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-btfvboa0xm] {
    background: #f8f8f8;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-btfvboa0xm] {
    background: #0078d4;
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-btfvboa0xm] {
    background: #106ebe;
}

.collapsible-header h4[b-btfvboa0xm] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-btfvboa0xm] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-btfvboa0xm] {
    padding: 16px;
    animation: slideDown-b-btfvboa0xm 0.3s ease-out;
}

@keyframes slideDown-b-btfvboa0xm {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-btfvboa0xm] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-btfvboa0xm] {
    margin-bottom: 0;
}

.card-header[b-btfvboa0xm] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0078d4;
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-btfvboa0xm],
.header-right[b-btfvboa0xm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-btfvboa0xm] {
    background: #0078d4;
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-btfvboa0xm] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.verification-officer[b-btfvboa0xm] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-btfvboa0xm] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-btfvboa0xm] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-btfvboa0xm] {
    color: #d97706;
}

.card-content[b-btfvboa0xm] {
    padding: 12px;
}

.verification-table.compact[b-btfvboa0xm] {
    font-size: 12px;
}

.verification-table.compact th[b-btfvboa0xm],
.verification-table.compact td[b-btfvboa0xm] {
    padding: 8px 6px;
}

.mentions-text[b-btfvboa0xm] {
    font-size: 11px;
    line-height: 1.4;
    color: #323130;
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-btfvboa0xm],
    .info-box[b-btfvboa0xm],
    .session-info-box[b-btfvboa0xm],
    .row-actions[b-btfvboa0xm],
    .previous-verifications-section[b-btfvboa0xm] {
        display: none !important;
    }

    .verification-container[b-btfvboa0xm] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-btfvboa0xm] {
        font-size: 10px;
    }

    .verification-table th[b-btfvboa0xm],
    .verification-table td[b-btfvboa0xm] {
        padding: 5px;
    }

    .card-header[b-btfvboa0xm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-btfvboa0xm],
    .header-right[b-btfvboa0xm] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Verificare/PageVerificare.razor.rz.scp.css */
/* PageVerificare.razor.css - Стили для страницы полного истории верификаций */

.header-with-action[b-uil6ntucqz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.header-with-action .sectiontitle[b-uil6ntucqz] {
    flex: 1;
    margin: 0;
}

.action-button[b-uil6ntucqz] {
    flex-shrink: 0;
}

.verifications-list[b-uil6ntucqz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.verification-card[b-uil6ntucqz] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s, transform 0.2s;
}

.verification-card:hover[b-uil6ntucqz] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Status-specific card borders */
.verification-card.status-draft[b-uil6ntucqz] {
    border-left: 4px solid #f59e0b;
}

.verification-card.status-completed[b-uil6ntucqz] {
    border-left: 4px solid #107c10;
}

.verification-card.status-archived[b-uil6ntucqz] {
    border-left: 4px solid #797775;
}

.card-header[b-uil6ntucqz] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0078d4;
    flex-wrap: wrap;
    gap: 10px;
}

.header-left[b-uil6ntucqz],
.header-right[b-uil6ntucqz] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-uil6ntucqz] {
    background: #0078d4;
    color: white;
    padding: 5px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.status-badge[b-uil6ntucqz] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.badge-draft[b-uil6ntucqz] {
    background: #fff4e6;
    color: #d97706;
    border: 1px solid #f59e0b;
}

.badge-completed[b-uil6ntucqz] {
    background: #e6f4ea;
    color: #0f5132;
    border: 1px solid #107c10;
}

.badge-archived[b-uil6ntucqz] {
    background: #f3f2f1;
    color: #605e5c;
    border: 1px solid #797775;
}

.verification-date[b-uil6ntucqz] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.header-left fluent-button[b-uil6ntucqz] {
    margin-left: 8px;
}

.header-left fluent-button[b-uil6ntucqz]::part(control) {
    border-color: #0078d4;
    color: #0078d4;
}

.header-left fluent-button:hover[b-uil6ntucqz]::part(control) {
    background-color: #f3f2f1;
    border-color: #106ebe;
    color: #106ebe;
}

.verification-officer[b-uil6ntucqz] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-uil6ntucqz] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-uil6ntucqz] {
    background: #fff9e6;
    padding: 12px 18px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-uil6ntucqz] {
    color: #d97706;
}

.card-content[b-uil6ntucqz] {
    padding: 16px;
}

.verification-table[b-uil6ntucqz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
    margin-bottom: 12px;
}

.verification-table th[b-uil6ntucqz],
.verification-table td[b-uil6ntucqz] {
    border: 1px solid #e1dfdd;
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-uil6ntucqz] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.verification-table.compact[b-uil6ntucqz] {
    font-size: 12px;
}

.verification-table.compact th[b-uil6ntucqz],
.verification-table.compact td[b-uil6ntucqz] {
    padding: 8px 6px;
}

.default-row[b-uil6ntucqz] {
    background: #faf9f8;
}

.default-row:hover[b-uil6ntucqz] {
    background: #f3f2f1;
}

.added-row[b-uil6ntucqz] {
    background: #eff6fc;
}

.added-row:hover[b-uil6ntucqz] {
    background: #deecf9;
}

.mentions-text[b-uil6ntucqz] {
    font-size: 11px;
    line-height: 1.5;
    color: #323130;
    max-height: 80px;
    overflow-y: auto;
    padding: 4px;
}

.session-summary[b-uil6ntucqz] {
    background: #f3f2f1;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 12px;
    color: #323130;
    border-left: 3px solid #0078d4;
}

.session-summary strong[b-uil6ntucqz] {
    color: #0078d4;
    margin-right: 8px;
}

.empty-message[b-uil6ntucqz] {
    text-align: center;
    padding: 30px 20px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #605e5c;
}

.empty-message p[b-uil6ntucqz] {
    margin: 0;
    font-size: 13px;
}

/* Empty state styling */
.empty-state[b-uil6ntucqz] {
    text-align: center;
    padding: 60px 20px;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 20px 0;
}

.empty-icon[b-uil6ntucqz] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state h3[b-uil6ntucqz] {
    font-size: 18px;
    color: #323130;
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state p[b-uil6ntucqz] {
    font-size: 13px;
    color: #605e5c;
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .header-with-action[b-uil6ntucqz] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-uil6ntucqz] {
        width: 100%;
    }

    .action-button fluent-button[b-uil6ntucqz] {
        width: 100%;
    }

    .header-left fluent-button[b-uil6ntucqz] {
        font-size: 10px;
        padding: 2px 6px;
    }

    .verification-table[b-uil6ntucqz] {
        font-size: 10px;
    }

    .verification-table th[b-uil6ntucqz],
    .verification-table td[b-uil6ntucqz] {
        padding: 5px 3px;
    }

    .card-header[b-uil6ntucqz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-uil6ntucqz],
    .header-right[b-uil6ntucqz] {
        width: 100%;
        justify-content: space-between;
    }

    .session-badge[b-uil6ntucqz] {
        font-size: 11px;
        padding: 3px 10px;
    }

    .verification-date[b-uil6ntucqz],
    .verification-officer[b-uil6ntucqz] {
        font-size: 11px;
    }
}

/* Print styles */
@media print {
    .header-with-action .action-button[b-uil6ntucqz] {
        display: none !important;
    }

    .header-left fluent-button[b-uil6ntucqz] {
        display: none !important;
    }

    .verification-card[b-uil6ntucqz] {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: 20px;
    }

    .card-header[b-uil6ntucqz] {
        background: #f3f2f1 !important;
        border-bottom: 2px solid #000;
    }

    .session-badge[b-uil6ntucqz],
    .status-badge[b-uil6ntucqz],
    .completed-badge[b-uil6ntucqz] {
        color: #000 !important;
        background: #fff !important;
        border: 1px solid #000;
    }

    .verification-table th[b-uil6ntucqz] {
        background: #f3f2f1 !important;
        border: 1px solid #000;
    }

    .verification-table td[b-uil6ntucqz] {
        border: 1px solid #000;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Combaterea/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-3atyotfww6] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-3atyotfww6] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-3atyotfww6] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-3atyotfww6] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid #0058D2;
}

.card-header[b-3atyotfww6] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-3atyotfww6] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #0058D2 0%, #0078D4 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-3atyotfww6] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-3atyotfww6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-3atyotfww6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-3atyotfww6] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-3atyotfww6] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-3atyotfww6] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-3atyotfww6] {
        color: #A19F9D;
        font-style: italic;
    }

.documents-header[b-3atyotfww6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-3atyotfww6] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-3atyotfww6] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-3atyotfww6] {
        padding: 12px 16px;
    }

    [b-3atyotfww6] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-3atyotfww6] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-3atyotfww6] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-uqhlaw6b90] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-uqhlaw6b90] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-uqhlaw6b90] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-uqhlaw6b90] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-uqhlaw6b90] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-uqhlaw6b90] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-uqhlaw6b90] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-uqhlaw6b90] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-uqhlaw6b90] {
    color: #323130;
    
}

.item-date[b-uqhlaw6b90] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-uqhlaw6b90] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-uqhlaw6b90] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-uqhlaw6b90] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-uqhlaw6b90] {
    width: 800px;
}

.inline-progress[b-uqhlaw6b90] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-uqhlaw6b90] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-uqhlaw6b90] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-uqhlaw6b90] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-uqhlaw6b90] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-uqhlaw6b90] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-uqhlaw6b90] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-uqhlaw6b90] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-uqhlaw6b90] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-uqhlaw6b90] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-uqhlaw6b90] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-uqhlaw6b90] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-uqhlaw6b90] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-uqhlaw6b90] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-uqhlaw6b90] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-uqhlaw6b90] {
    font-weight: 600;
    color: #323130;
}

<style >
.report-gen-iframe[b-uqhlaw6b90] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-uqhlaw6b90] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-uqhlaw6b90] >
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/Form/VerificareDocumentPermisSedere.razor.rz.scp.css */
/* ==================== MAIN CONTAINER ==================== */
.verificare-container[b-3puva5ecr1] {
    max-width: 900px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    overflow: hidden;
}

/* ==================== HEADER ==================== */
.verificare-header[b-3puva5ecr1] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.verificare-header h1[b-3puva5ecr1] {
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0;
}

.verificare-header p[b-3puva5ecr1] {
    opacity: 0.9;
    font-size: 0.95em;
    margin: 0;
}

/* ==================== CONTENT ==================== */
.verificare-content[b-3puva5ecr1] {
    padding: 30px;
}

/* ==================== STEPS ==================== */
.step[b-3puva5ecr1] {
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #1e3c72;
    transition: all 0.3s ease;
}

.step.completed[b-3puva5ecr1] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step.disabled[b-3puva5ecr1] {
    opacity: 0.5;
    pointer-events: none;
}

.step-header[b-3puva5ecr1] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.step-number[b-3puva5ecr1] {
    width: 32px;
    height: 32px;
    background: #1e3c72;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 12px;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step.completed .step-number[b-3puva5ecr1] {
    background: #70ad47;
}

.step-title[b-3puva5ecr1] {
    font-size: 1.1em;
    font-weight: 600;
    color: #1e3c72;
}

.step.completed .step-title[b-3puva5ecr1] {
    color: #4a7c32;
}

/* ==================== COMPACT STEPS ==================== */
.step-compact[b-3puva5ecr1] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    padding: 12px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #1e3c72;
    transition: all 0.3s ease;
}

.step-compact.completed[b-3puva5ecr1] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step-compact .step-number[b-3puva5ecr1] {
    width: 32px;
    height: 32px;
    background: #1e3c72;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step-compact.completed .step-number[b-3puva5ecr1] {
    background: #70ad47;
}

.step-compact .step-label[b-3puva5ecr1] {
    font-size: 1em;
    font-weight: 600;
    color: #1e3c72;
    min-width: 180px;
    flex-shrink: 0;
}

.step-compact.completed .step-label[b-3puva5ecr1] {
    color: #4a7c32;
}

/* ==================== SELECT ==================== */
.step-select[b-3puva5ecr1] {
    width: 100%;
    padding: 12px 15px;
    font-size: 1em;
    border: 2px solid #ddd;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select:hover[b-3puva5ecr1] {
    border-color: #1e3c72;
}

.step-select:focus[b-3puva5ecr1] {
    outline: none;
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select:disabled[b-3puva5ecr1] {
    background-color: #f0f0f0;
    cursor: not-allowed;
}

.step-select-inline[b-3puva5ecr1] {
    flex: 1;
    padding: 10px 15px;
    font-size: 0.95em;
    border: 2px solid #ddd;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select-inline:hover[b-3puva5ecr1] {
    border-color: #1e3c72;
}

.step-select-inline:focus[b-3puva5ecr1] {
    outline: none;
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select-inline:disabled[b-3puva5ecr1] {
    background-color: #f0f0f0;
    cursor: not-allowed;
}

/* ==================== CHECKLIST CONTAINER ==================== */
.checklist-container[b-3puva5ecr1] {
    margin-top: 30px;
    padding: 25px;
    background: #f0f7f0;
    border-radius: 8px;
    border: 2px solid #70ad47;
}

.checklist-header[b-3puva5ecr1] {
    background: #70ad47;
    color: white;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.checklist-header h3[b-3puva5ecr1] {
    margin: 0 0 5px 0;
    font-size: 1.1em;
}

.selection-summary[b-3puva5ecr1] {
    font-size: 0.9em;
    opacity: 0.95;
}

/* ==================== DOCUMENT LIST ==================== */
.document-list[b-3puva5ecr1] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.document-item[b-3puva5ecr1] {
    display: flex;
    align-items: flex-start;
    padding: 12px 15px;
    background: white;
    margin-bottom: 8px;
    border-radius: 6px;
    border: 1px solid #ddd;
    transition: all 0.2s;
    cursor: pointer;
}

.document-item:hover[b-3puva5ecr1] {
    border-color: #70ad47;
    box-shadow: 0 2px 8px rgba(112, 173, 71, 0.15);
}

.document-item.checked[b-3puva5ecr1] {
    background: #e8f5e9;
    border-color: #70ad47;
}

.document-item input[type="checkbox"][b-3puva5ecr1] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #70ad47;
    flex-shrink: 0;
}

.document-info[b-3puva5ecr1] {
    flex: 1;
}

.document-code[b-3puva5ecr1] {
    display: inline-block;
    background: #1e3c72;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 10px;
}

.document-name[b-3puva5ecr1] {
    font-weight: 500;
    color: #333;
}

.document-note[b-3puva5ecr1] {
    font-size: 0.85em;
    color: #666;
    margin-top: 4px;
    font-style: italic;
}

/* ==================== PROGRESS BAR ==================== */
.progress-bar[b-3puva5ecr1] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    margin: 20px 0;
    overflow: hidden;
}

.progress-fill[b-3puva5ecr1] {
    height: 100%;
    background: linear-gradient(90deg, #70ad47, #8bc34a);
    border-radius: 4px;
    transition: width 0.3s;
}

.progress-text[b-3puva5ecr1] {
    text-align: center;
    font-size: 0.9em;
    color: #666;
    margin-bottom: 15px;
}

/* ==================== WARNINGS ==================== */
.warning-text[b-3puva5ecr1] {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #fff3cd;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 0.9em;
    color: #856404;
}

.warning-text.special[b-3puva5ecr1] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.warning-text.success[b-3puva5ecr1] {
    background: #d4edda;
    color: #155724;
}

.warning-icon[b-3puva5ecr1] {
    font-size: 1.3em;
    margin-right: 10px;
    flex-shrink: 0;
}

/* ==================== CONFIRM SECTION ==================== */
.confirm-section[b-3puva5ecr1] {
    margin-top: 25px;
    padding: 20px;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 8px;
    border: 2px solid #ff9800;
}

.confirm-section.ready[b-3puva5ecr1] {
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-color: #4caf50;
}

.confirm-btn[b-3puva5ecr1] {
    width: 100%;
    padding: 15px 30px;
    font-size: 1.1em;
    font-weight: bold;
    color: white;
    background: #9e9e9e;
    border: none;
    border-radius: 8px;
    cursor: not-allowed;
    transition: all 0.3s;
}

.confirm-btn.active[b-3puva5ecr1] {
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    cursor: pointer;
}

.confirm-btn.active:hover[b-3puva5ecr1] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(76, 175, 80, 0.4);
}

/* ==================== SUCCESS MESSAGE ==================== */
.success-message[b-3puva5ecr1] {
    padding: 25px;
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-radius: 8px;
    text-align: center;
    border: 2px solid #4caf50;
    margin-top: 20px;
}

.success-icon[b-3puva5ecr1] {
    font-size: 3em;
    color: #4caf50;
    margin-bottom: 15px;
}

.success-message h3[b-3puva5ecr1] {
    color: #2e7d32;
    margin-bottom: 10px;
}

.success-message p[b-3puva5ecr1] {
    color: #333;
    margin: 5px 0;
}

.next-step-btn[b-3puva5ecr1] {
    margin-top: 15px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: #1e3c72;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.next-step-btn:hover[b-3puva5ecr1] {
    background: #2a5298;
    transform: translateY(-1px);
}

.reset-btn[b-3puva5ecr1] {
    margin-top: 20px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: linear-gradient(135deg, #f44336, #e53935);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.reset-btn:hover[b-3puva5ecr1] {
    background: linear-gradient(135deg, #d32f2f, #c62828);
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(244, 67, 54, 0.4);
}

/* ==================== BUTTON GROUP ==================== */
.button-group[b-3puva5ecr1] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 30px;
    border-top: 2px solid #eee;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 600px) {
    .verificare-container[b-3puva5ecr1] {
        margin: 10px;
        border-radius: 8px;
    }

    .verificare-header[b-3puva5ecr1] {
        padding: 20px;
    }

    .verificare-header h1[b-3puva5ecr1] {
        font-size: 1.2em;
    }

    .verificare-content[b-3puva5ecr1] {
        padding: 20px;
    }

    .step[b-3puva5ecr1] {
        padding: 15px;
    }

    .checklist-container[b-3puva5ecr1] {
        padding: 15px;
    }

    .document-item[b-3puva5ecr1] {
        padding: 10px;
    }

    .document-code[b-3puva5ecr1] {
        display: block;
        margin-bottom: 5px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-7ugbemmxup] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-7ugbemmxup] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-7ugbemmxup] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-7ugbemmxup] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid #0058D2;
}

.card-header[b-7ugbemmxup] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-7ugbemmxup] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #0058D2 0%, #0078D4 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-7ugbemmxup] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-7ugbemmxup] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-7ugbemmxup] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-7ugbemmxup] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-7ugbemmxup] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-7ugbemmxup] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-7ugbemmxup] {
        color: #A19F9D;
        font-style: italic;
    }

.documents-header[b-7ugbemmxup] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-7ugbemmxup] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-7ugbemmxup] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-7ugbemmxup] {
        padding: 12px 16px;
    }

    [b-7ugbemmxup] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-7ugbemmxup] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-7ugbemmxup] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/Verificare/FormADDVerification.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-sbvhk36f0w] {
    background: white;
    padding: 0;
}

.info-box[b-sbvhk36f0w] {
    background: #d4e9ff;
    border-left: 4px solid #0078d4;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-sbvhk36f0w] {
    font-size: 13px;
    margin-bottom: 6px;
    color: #323130;
    font-weight: 600;
}

.info-box p[b-sbvhk36f0w] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: #605e5c;
}

.session-info-box[b-sbvhk36f0w] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-sbvhk36f0w] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
}

.verification-table[b-sbvhk36f0w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
}

.verification-table th[b-sbvhk36f0w],
.verification-table td[b-sbvhk36f0w] {
    border: 1px solid #e1dfdd;
    padding: 12px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-sbvhk36f0w] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.col-source[b-sbvhk36f0w] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

.col-date[b-sbvhk36f0w] {
    width: 12%;
    text-align: center;
}

.col-result[b-sbvhk36f0w] {
    width: 15%;
    text-align: center;
}

.col-mentions[b-sbvhk36f0w] {
    width: 40%;
}

.col-signature[b-sbvhk36f0w] {
    width: 18%;
}

.checkbox-group[b-sbvhk36f0w] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-sbvhk36f0w] {
    background: #faf9f8;
}

.default-row:hover[b-sbvhk36f0w] {
    background: #f3f2f1;
}

.added-row[b-sbvhk36f0w] {
    background: #eff6fc;
}

.added-row:hover[b-sbvhk36f0w] {
    background: #deecf9;
}

.row-actions[b-sbvhk36f0w] {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 8px;
}

.actions[b-sbvhk36f0w] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-sbvhk36f0w] {
    background: #f8f8f8;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-sbvhk36f0w] {
    background: #0078d4;
    color: white;
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    transition: background 0.2s;
}

.collapsible-header:hover[b-sbvhk36f0w] {
    background: #106ebe;
}

.collapsible-header h4[b-sbvhk36f0w] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-sbvhk36f0w] {
    font-size: 12px;
    transition: transform 0.2s;
}

.previous-verifications-content[b-sbvhk36f0w] {
    padding: 16px;
    animation: slideDown-b-sbvhk36f0w 0.3s ease-out;
}

@keyframes slideDown-b-sbvhk36f0w {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-verification-card[b-sbvhk36f0w] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 6px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.previous-verification-card:last-child[b-sbvhk36f0w] {
    margin-bottom: 0;
}

.card-header[b-sbvhk36f0w] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0078d4;
    flex-wrap: wrap;
    gap: 8px;
}

.header-left[b-sbvhk36f0w],
.header-right[b-sbvhk36f0w] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-sbvhk36f0w] {
    background: #0078d4;
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-sbvhk36f0w] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.verification-officer[b-sbvhk36f0w] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-sbvhk36f0w] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-sbvhk36f0w] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-sbvhk36f0w] {
    color: #d97706;
}

.card-content[b-sbvhk36f0w] {
    padding: 12px;
}

.verification-table.compact[b-sbvhk36f0w] {
    font-size: 12px;
}

.verification-table.compact th[b-sbvhk36f0w],
.verification-table.compact td[b-sbvhk36f0w] {
    padding: 8px 6px;
}

.mentions-text[b-sbvhk36f0w] {
    font-size: 11px;
    line-height: 1.4;
    color: #323130;
    max-height: 60px;
    overflow-y: auto;
}

@media print {
    .actions[b-sbvhk36f0w],
    .info-box[b-sbvhk36f0w],
    .session-info-box[b-sbvhk36f0w],
    .row-actions[b-sbvhk36f0w],
    .previous-verifications-section[b-sbvhk36f0w] {
        display: none !important;
    }

    .verification-container[b-sbvhk36f0w] {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .verification-table[b-sbvhk36f0w] {
        font-size: 10px;
    }

    .verification-table th[b-sbvhk36f0w],
    .verification-table td[b-sbvhk36f0w] {
        padding: 5px;
    }

    .card-header[b-sbvhk36f0w] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-sbvhk36f0w],
    .header-right[b-sbvhk36f0w] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_DrepDeSedere/Verificare/VereficareInSistem.razor.rz.scp.css */
/* PageVerificare.razor.css - Стили для страницы полного истории верификаций */

.header-with-action[b-bl9xpp7j90] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.header-with-action .sectiontitle[b-bl9xpp7j90] {
    flex: 1;
    margin: 0;
}

.action-button[b-bl9xpp7j90] {
    flex-shrink: 0;
}

.verifications-list[b-bl9xpp7j90] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.verification-card[b-bl9xpp7j90] {
    background: white;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s, transform 0.2s;
}

.verification-card:hover[b-bl9xpp7j90] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

/* Status-specific card borders */
.verification-card.status-draft[b-bl9xpp7j90] {
    border-left: 4px solid #f59e0b;
}

.verification-card.status-completed[b-bl9xpp7j90] {
    border-left: 4px solid #107c10;
}

.verification-card.status-archived[b-bl9xpp7j90] {
    border-left: 4px solid #797775;
}

.card-header[b-bl9xpp7j90] {
    background: linear-gradient(135deg, #f3f2f1 0%, #e1dfdd 100%);
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0078d4;
    flex-wrap: wrap;
    gap: 10px;
}

.header-left[b-bl9xpp7j90],
.header-right[b-bl9xpp7j90] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-bl9xpp7j90] {
    background: #0078d4;
    color: white;
    padding: 5px 14px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.status-badge[b-bl9xpp7j90] {
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
}

.badge-draft[b-bl9xpp7j90] {
    background: #fff4e6;
    color: #d97706;
    border: 1px solid #f59e0b;
}

.badge-completed[b-bl9xpp7j90] {
    background: #e6f4ea;
    color: #0f5132;
    border: 1px solid #107c10;
}

.badge-archived[b-bl9xpp7j90] {
    background: #f3f2f1;
    color: #605e5c;
    border: 1px solid #797775;
}

.verification-date[b-bl9xpp7j90] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.header-left fluent-button[b-bl9xpp7j90] {
    margin-left: 8px;
}

.header-left fluent-button[b-bl9xpp7j90]::part(control) {
    border-color: #0078d4;
    color: #0078d4;
}

.header-left fluent-button:hover[b-bl9xpp7j90]::part(control) {
    background-color: #f3f2f1;
    border-color: #106ebe;
    color: #106ebe;
}

.verification-officer[b-bl9xpp7j90] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-bl9xpp7j90] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-bl9xpp7j90] {
    background: #fff9e6;
    padding: 12px 18px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-bl9xpp7j90] {
    color: #d97706;
}

.card-content[b-bl9xpp7j90] {
    padding: 16px;
}

.verification-table[b-bl9xpp7j90] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
    margin-bottom: 12px;
}

.verification-table th[b-bl9xpp7j90],
.verification-table td[b-bl9xpp7j90] {
    border: 1px solid #e1dfdd;
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
}

.verification-table th[b-bl9xpp7j90] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.verification-table.compact[b-bl9xpp7j90] {
    font-size: 12px;
}

.verification-table.compact th[b-bl9xpp7j90],
.verification-table.compact td[b-bl9xpp7j90] {
    padding: 8px 6px;
}

.default-row[b-bl9xpp7j90] {
    background: #faf9f8;
}

.default-row:hover[b-bl9xpp7j90] {
    background: #f3f2f1;
}

.added-row[b-bl9xpp7j90] {
    background: #eff6fc;
}

.added-row:hover[b-bl9xpp7j90] {
    background: #deecf9;
}

.mentions-text[b-bl9xpp7j90] {
    font-size: 11px;
    line-height: 1.5;
    color: #323130;
    max-height: 80px;
    overflow-y: auto;
    padding: 4px;
}

.session-summary[b-bl9xpp7j90] {
    background: #f3f2f1;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 12px;
    color: #323130;
    border-left: 3px solid #0078d4;
}

.session-summary strong[b-bl9xpp7j90] {
    color: #0078d4;
    margin-right: 8px;
}

.empty-message[b-bl9xpp7j90] {
    text-align: center;
    padding: 30px 20px;
    background: #f8f8f8;
    border-radius: 6px;
    color: #605e5c;
}

.empty-message p[b-bl9xpp7j90] {
    margin: 0;
    font-size: 13px;
}

/* Empty state styling */
.empty-state[b-bl9xpp7j90] {
    text-align: center;
    padding: 60px 20px;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 20px 0;
}

.empty-icon[b-bl9xpp7j90] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.empty-state h3[b-bl9xpp7j90] {
    font-size: 18px;
    color: #323130;
    margin-bottom: 8px;
    font-weight: 600;
}

.empty-state p[b-bl9xpp7j90] {
    font-size: 13px;
    color: #605e5c;
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .header-with-action[b-bl9xpp7j90] {
        flex-direction: column;
        align-items: stretch;
    }

    .action-button[b-bl9xpp7j90] {
        width: 100%;
    }

    .action-button fluent-button[b-bl9xpp7j90] {
        width: 100%;
    }

    .header-left fluent-button[b-bl9xpp7j90] {
        font-size: 10px;
        padding: 2px 6px;
    }

    .verification-table[b-bl9xpp7j90] {
        font-size: 10px;
    }

    .verification-table th[b-bl9xpp7j90],
    .verification-table td[b-bl9xpp7j90] {
        padding: 5px 3px;
    }

    .card-header[b-bl9xpp7j90] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left[b-bl9xpp7j90],
    .header-right[b-bl9xpp7j90] {
        width: 100%;
        justify-content: space-between;
    }

    .session-badge[b-bl9xpp7j90] {
        font-size: 11px;
        padding: 3px 10px;
    }

    .verification-date[b-bl9xpp7j90],
    .verification-officer[b-bl9xpp7j90] {
        font-size: 11px;
    }
}

/* Print styles */
@media print {
    .header-with-action .action-button[b-bl9xpp7j90] {
        display: none !important;
    }

    .header-left fluent-button[b-bl9xpp7j90] {
        display: none !important;
    }

    .verification-card[b-bl9xpp7j90] {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid #000;
        margin-bottom: 20px;
    }

    .card-header[b-bl9xpp7j90] {
        background: #f3f2f1 !important;
        border-bottom: 2px solid #000;
    }

    .session-badge[b-bl9xpp7j90],
    .status-badge[b-bl9xpp7j90],
    .completed-badge[b-bl9xpp7j90] {
        color: #000 !important;
        background: #fff !important;
        border: 1px solid #000;
    }

    .verification-table th[b-bl9xpp7j90] {
        background: #f3f2f1 !important;
        border: 1px solid #000;
    }

    .verification-table td[b-bl9xpp7j90] {
        border: 1px solid #000;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Invitation/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-0wj2i3qp2a] {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    margin-bottom: 4px;
    border-radius: 4px;
    transition: background-color 0.2s;
    border-left: 3px solid transparent;
    gap: 12px;
}

    .checklist-item:hover[b-0wj2i3qp2a] {
        background-color: #f3f2f1;
    }

    .checklist-item.completed[b-0wj2i3qp2a] {
        background-color: #f3faf7;
        border-left-color: #107c10;
        padding-right: 30px
    }

    .checklist-item.pending[b-0wj2i3qp2a] {
        background-color: #fff9f5;
        border-left-color: #d83b01;
        padding-right: 65px
    }
    .checklist-item.inProgress[b-0wj2i3qp2a] {
        background-color: #00bcd43b;
        border-left-color: #03a9f4;
        padding-right: 10px
    }

.item-content[b-0wj2i3qp2a] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
}

.item-title[b-0wj2i3qp2a] {
    font-size: 13px;
    font-weight: 500;
    color: #323130;
    min-width: 320px;
}

.checklist-item.completed .item-title[b-0wj2i3qp2a] {
    color: #107c10;
}

.checklist-item.pending .item-title[b-0wj2i3qp2a] {
    color: #323130;
    
}

.item-date[b-0wj2i3qp2a] {
    font-size: 12px;
    color: #605e5c;
    min-width: 90px;
}

.item-user[b-0wj2i3qp2a] {
    font-size: 12px;
    color: #605e5c;
    min-width: 140px;
}

/* Progress bar CSS*/

.progress-container[b-0wj2i3qp2a] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-0wj2i3qp2a] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-0wj2i3qp2a] {
    width: 800px;
}

.inline-progress[b-0wj2i3qp2a] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-0wj2i3qp2a] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-0wj2i3qp2a] {
    flex: 1;
    height: 24px;
    background-color: #e1dfdd;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.inline-fill[b-0wj2i3qp2a] {
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: white;
    font-size: 11px;
    font-weight: 600;
    transition: width 0.3s ease;
}

.inline-stats[b-0wj2i3qp2a] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

.inline-stat-value[b-0wj2i3qp2a] {
    font-weight: 600;
    color: #323130;
}




.progress-container[b-0wj2i3qp2a] {
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
}

    .progress-container h3[b-0wj2i3qp2a] {
        margin-bottom: 30px;
        color: #333;
        font-size: 20px;
    }

.progress-card[b-0wj2i3qp2a] {
    margin-bottom: 5px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background-color: white;
}

.inline-progress[b-0wj2i3qp2a] {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background-color: #faf9f8;
    border-radius: 6px;
    margin-bottom: 12px;
}

.inline-date[b-0wj2i3qp2a] {
    font-size: 12px;
    font-weight: 600;
    color: #323130;
    white-space: nowrap;
}

.inline-bar[b-0wj2i3qp2a] {
    flex: 1;
    height: 32px;
    background-color: #e1dfdd;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 0;
}

.inline-fill[b-0wj2i3qp2a] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #0078d4 0%, #106ebe 100%);
    border-radius: 16px 0 0 16px;
    transition: width 0.3s ease;
    min-width: 4px;
}

.inline-text[b-0wj2i3qp2a] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #605e5c;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
}

.inline-stats[b-0wj2i3qp2a] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

.inline-stat-value[b-0wj2i3qp2a] {
    font-weight: 600;
    color: #323130;
}

<style >
.report-gen-iframe[b-0wj2i3qp2a] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-0wj2i3qp2a] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-0wj2i3qp2a] >
/* _content/IGM.Web/Pages/Workplace/Case_Invitation/Form/VerificareDocumentInvitation.razor.rz.scp.css */
/* ==================== MAIN CONTAINER ==================== */
.verificare-container[b-qbdwmymig9] {
    max-width: 900px;
    margin: 0 auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    overflow: hidden;
}

/* ==================== HEADER ==================== */
.verificare-header[b-qbdwmymig9] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.verificare-header h1[b-qbdwmymig9] {
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0;
}

.verificare-header p[b-qbdwmymig9] {
    opacity: 0.9;
    font-size: 0.95em;
    margin: 0;
}

/* ==================== CONTENT ==================== */
.verificare-content[b-qbdwmymig9] {
    padding: 30px;
}

/* ==================== STEPS ==================== */
.step[b-qbdwmymig9] {
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #1e3c72;
    transition: all 0.3s ease;
}

.step.completed[b-qbdwmymig9] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step.disabled[b-qbdwmymig9] {
    opacity: 0.5;
    pointer-events: none;
}

.step-header[b-qbdwmymig9] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.step-number[b-qbdwmymig9] {
    width: 32px;
    height: 32px;
    background: #1e3c72;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 12px;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step.completed .step-number[b-qbdwmymig9] {
    background: #70ad47;
}

.step-title[b-qbdwmymig9] {
    font-size: 1.1em;
    font-weight: 600;
    color: #1e3c72;
}

.step.completed .step-title[b-qbdwmymig9] {
    color: #4a7c32;
}

/* ==================== COMPACT STEPS ==================== */
.step-compact[b-qbdwmymig9] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    padding: 12px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #1e3c72;
    transition: all 0.3s ease;
}

.step-compact.completed[b-qbdwmymig9] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step-compact .step-number[b-qbdwmymig9] {
    width: 32px;
    height: 32px;
    background: #1e3c72;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9em;
    flex-shrink: 0;
}

.step-compact.completed .step-number[b-qbdwmymig9] {
    background: #70ad47;
}

.step-compact .step-label[b-qbdwmymig9] {
    font-size: 1em;
    font-weight: 600;
    color: #1e3c72;
    min-width: 180px;
    flex-shrink: 0;
}

.step-compact.completed .step-label[b-qbdwmymig9] {
    color: #4a7c32;
}

/* ==================== SELECT ==================== */
.step-select[b-qbdwmymig9] {
    width: 100%;
    padding: 12px 15px;
    font-size: 1em;
    border: 2px solid #ddd;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select:hover[b-qbdwmymig9] {
    border-color: #1e3c72;
}

.step-select:focus[b-qbdwmymig9] {
    outline: none;
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select:disabled[b-qbdwmymig9] {
    background-color: #f0f0f0;
    cursor: not-allowed;
}

.step-select-inline[b-qbdwmymig9] {
    flex: 1;
    padding: 10px 15px;
    font-size: 0.95em;
    border: 2px solid #ddd;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    transition: all 0.3s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.step-select-inline:hover[b-qbdwmymig9] {
    border-color: #1e3c72;
}

.step-select-inline:focus[b-qbdwmymig9] {
    outline: none;
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select-inline:disabled[b-qbdwmymig9] {
    background-color: #f0f0f0;
    cursor: not-allowed;
}

/* ==================== CHECKLIST CONTAINER ==================== */
.checklist-container[b-qbdwmymig9] {
    margin-top: 30px;
    padding: 25px;
    background: #f0f7f0;
    border-radius: 8px;
    border: 2px solid #70ad47;
}

.checklist-header[b-qbdwmymig9] {
    background: #70ad47;
    color: white;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.checklist-header h3[b-qbdwmymig9] {
    margin: 0 0 5px 0;
    font-size: 1.1em;
}

.selection-summary[b-qbdwmymig9] {
    font-size: 0.9em;
    opacity: 0.95;
}

/* ==================== DOCUMENT LIST ==================== */
.document-list[b-qbdwmymig9] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.document-item[b-qbdwmymig9] {
    display: flex;
    align-items: flex-start;
    padding: 12px 15px;
    background: white;
    margin-bottom: 8px;
    border-radius: 6px;
    border: 1px solid #ddd;
    transition: all 0.2s;
    cursor: pointer;
}

.document-item:hover[b-qbdwmymig9] {
    border-color: #70ad47;
    box-shadow: 0 2px 8px rgba(112, 173, 71, 0.15);
}

.document-item.checked[b-qbdwmymig9] {
    background: #e8f5e9;
    border-color: #70ad47;
}

.document-item input[type="checkbox"][b-qbdwmymig9] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #70ad47;
    flex-shrink: 0;
}

.document-info[b-qbdwmymig9] {
    flex: 1;
}

.document-code[b-qbdwmymig9] {
    display: inline-block;
    background: #1e3c72;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 10px;
}

.document-name[b-qbdwmymig9] {
    font-weight: 500;
    color: #333;
}

.document-note[b-qbdwmymig9] {
    font-size: 0.85em;
    color: #666;
    margin-top: 4px;
    font-style: italic;
}

/* ==================== PROGRESS BAR ==================== */
.progress-bar[b-qbdwmymig9] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    margin: 20px 0;
    overflow: hidden;
}

.progress-fill[b-qbdwmymig9] {
    height: 100%;
    background: linear-gradient(90deg, #70ad47, #8bc34a);
    border-radius: 4px;
    transition: width 0.3s;
}

.progress-text[b-qbdwmymig9] {
    text-align: center;
    font-size: 0.9em;
    color: #666;
    margin-bottom: 15px;
}

/* ==================== WARNINGS ==================== */
.warning-text[b-qbdwmymig9] {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #fff3cd;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 0.9em;
    color: #856404;
}

.warning-text.special[b-qbdwmymig9] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.warning-text.success[b-qbdwmymig9] {
    background: #d4edda;
    color: #155724;
}

.warning-icon[b-qbdwmymig9] {
    font-size: 1.3em;
    margin-right: 10px;
    flex-shrink: 0;
}

/* ==================== CONFIRM SECTION ==================== */
.confirm-section[b-qbdwmymig9] {
    margin-top: 25px;
    padding: 20px;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 8px;
    border: 2px solid #ff9800;
}

.confirm-section.ready[b-qbdwmymig9] {
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-color: #4caf50;
}

.confirm-btn[b-qbdwmymig9] {
    width: 100%;
    padding: 15px 30px;
    font-size: 1.1em;
    font-weight: bold;
    color: white;
    background: #9e9e9e;
    border: none;
    border-radius: 8px;
    cursor: not-allowed;
    transition: all 0.3s;
}

.confirm-btn.active[b-qbdwmymig9] {
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    cursor: pointer;
}

.confirm-btn.active:hover[b-qbdwmymig9] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(76, 175, 80, 0.4);
}

/* ==================== SUCCESS MESSAGE ==================== */
.success-message[b-qbdwmymig9] {
    padding: 25px;
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-radius: 8px;
    text-align: center;
    border: 2px solid #4caf50;
    margin-top: 20px;
}

.success-icon[b-qbdwmymig9] {
    font-size: 3em;
    color: #4caf50;
    margin-bottom: 15px;
}

.success-message h3[b-qbdwmymig9] {
    color: #2e7d32;
    margin-bottom: 10px;
}

.success-message p[b-qbdwmymig9] {
    color: #333;
    margin: 5px 0;
}

.next-step-btn[b-qbdwmymig9] {
    margin-top: 15px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: #1e3c72;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.next-step-btn:hover[b-qbdwmymig9] {
    background: #2a5298;
    transform: translateY(-1px);
}

.reset-btn[b-qbdwmymig9] {
    margin-top: 20px;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: bold;
    color: white;
    background: linear-gradient(135deg, #f44336, #e53935);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.reset-btn:hover[b-qbdwmymig9] {
    background: linear-gradient(135deg, #d32f2f, #c62828);
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(244, 67, 54, 0.4);
}

/* ==================== BUTTON GROUP ==================== */
.button-group[b-qbdwmymig9] {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 30px;
    border-top: 2px solid #eee;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 600px) {
    .verificare-container[b-qbdwmymig9] {
        margin: 10px;
        border-radius: 8px;
    }

    .verificare-header[b-qbdwmymig9] {
        padding: 20px;
    }

    .verificare-header h1[b-qbdwmymig9] {
        font-size: 1.2em;
    }

    .verificare-content[b-qbdwmymig9] {
        padding: 20px;
    }

    .step[b-qbdwmymig9] {
        padding: 15px;
    }

    .checklist-container[b-qbdwmymig9] {
        padding: 15px;
    }

    .document-item[b-qbdwmymig9] {
        padding: 10px;
    }

    .document-code[b-qbdwmymig9] {
        display: block;
        margin-bottom: 5px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Invitation/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-g6sabqaxqp] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-g6sabqaxqp] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-g6sabqaxqp] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-g6sabqaxqp] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    padding: 5px 17px;
    margin: 10px;
    margin-bottom: 24px;
    border-left: 0px solid #0058D2;
}

.card-header[b-g6sabqaxqp] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-g6sabqaxqp] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #0058D2 0%, #0078D4 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.card-title[b-g6sabqaxqp] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-g6sabqaxqp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-g6sabqaxqp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-g6sabqaxqp] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-g6sabqaxqp] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-g6sabqaxqp] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-g6sabqaxqp] {
        color: #A19F9D;
        font-style: italic;
    }

.documents-header[b-g6sabqaxqp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-g6sabqaxqp] {
    --gray-200: #F1F1F1;
    background-color: var(--gray-200) !important;
    --gray-500: #616161;
    color: var(--gray-500) !important;

    display: inline-block;
    padding: 4px 14px;
 
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .info-grid[b-g6sabqaxqp] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-g6sabqaxqp] {
        padding: 12px 16px;
    }

    [b-g6sabqaxqp] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-g6sabqaxqp] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-g6sabqaxqp] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/PersonProfile/Form/PersonFormView.razor.rz.scp.css */
/* Улучшение видимости disabled/readonly текста */

/* FluentTextField - disabled/readonly состояния */
[b-idtmbp8mel] fluent-text-field[readonly],
[b-idtmbp8mel] fluent-text-field[disabled] {
    --neutral-foreground-rest: #323130 !important;
    --neutral-fill-input-rest: #f3f2f1 !important;
    opacity: 1 !important;
}

[b-idtmbp8mel] fluent-text-field[readonly] input,
[b-idtmbp8mel] fluent-text-field[disabled] input {
    color: #323130 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #323130 !important;
}

/* FluentDatePicker - readonly состояние */
[b-idtmbp8mel] fluent-date-picker[readonly],
[b-idtmbp8mel] fluent-date-picker[disabled] {
    --neutral-foreground-rest: #323130 !important;
    --neutral-fill-input-rest: #f3f2f1 !important;
    opacity: 1 !important;
}

[b-idtmbp8mel] fluent-date-picker[readonly] input,
[b-idtmbp8mel] fluent-date-picker[disabled] input {
    color: #323130 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #323130 !important;
}

/* PicklistField - disabled состояние */
[b-idtmbp8mel] fluent-combobox[disabled],
[b-idtmbp8mel] fluent-select[disabled] {
    --neutral-foreground-rest: #323130 !important;
    --neutral-fill-input-rest: #f3f2f1 !important;
    opacity: 1 !important;
}

[b-idtmbp8mel] fluent-combobox[disabled] input,
[b-idtmbp8mel] fluent-select[disabled] input,
[b-idtmbp8mel] fluent-combobox[disabled] .selected-value,
[b-idtmbp8mel] fluent-select[disabled] .selected-value {
    color: #323130 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #323130 !important;
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/DocumentScanner/DocumentScanner.razor.rz.scp.css */
.custom-tabs[b-6pbr9jbpw7] {
  width: 100%;
  height: 100%;
}

.tab-header[b-6pbr9jbpw7] {
  display: flex;
  border-bottom: 2px solid #e0e0e0;
  gap: 4px;
}

.tab-button[b-6pbr9jbpw7] {
  padding: 12px 24px;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  transition: all 0.2s;
  position: relative;
  bottom: -2px;
}

  .tab-button:hover[b-6pbr9jbpw7] {
    color: #333;
    background-color: #f5f5f5;
  }

  .tab-button.active[b-6pbr9jbpw7] {
    color: #0078d4;
    border-bottom-color: #0078d4;
  }

.tab-content[b-6pbr9jbpw7] {
  height: 92.2%;
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/PassportScanner/PassportScannerScan.razor.rz.scp.css */
.scanner-container[b-3183sbeo45] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.scanner-header[b-3183sbeo45] {
  background-color: #ffffff;
}

.title-bar[b-3183sbeo45] {
  padding: 8px 12px;
  border-bottom: 1px solid #e0e0e0;
}

  .title-bar h1[b-3183sbeo45] {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

.toolbar[b-3183sbeo45] {
  background-color: #f5f5f5;
  padding: 10px;
  border-bottom: 1px solid #d0d0d0;
  /*
    display: flex;
    flex-wrap: wrap;
  */
  gap: 4px;
}

.toolbar-button[b-3183sbeo45] {
}

  .toolbar-button .button-content[b-3183sbeo45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 4em;
  }

    .toolbar-button .button-content span[b-3183sbeo45] {
      font-size: 13px;
      color: #333;
    }

.menu-wrapper[b-3183sbeo45] {
  position: relative;
}

.submenu[b-3183sbeo45] {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  z-index: 1000;
  margin-top: 2px;
  display: flex;
  flex-direction: column;
}

.submenu-item[b-3183sbeo45] {
  width: 100% !important;
  text-align: left !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  justify-content: flex-start !important;
  border-radius: 0 !important;
}

  .submenu-item:hover[b-3183sbeo45] {
    background-color: #e5f3ff !important;
  }

.scanner-content[b-3183sbeo45] {
  display: flex;
  flex: 1;
  min-height: 0; /* Important for flex child scrolling */
}

.sidebar[b-3183sbeo45] {
  /*width: 220px;*/
  border-right: 1px solid #e0e0e0;
  padding: 16px;
  min-width: 20%;
  border-radius: 0px;
}

.face-photo[b-3183sbeo45] {
  max-width: 140px;
  max-height: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.device-info[b-3183sbeo45] {
  background-color: white;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.preview-area[b-3183sbeo45] {
  flex: 1;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto; /* Allow scrolling if content is too large */
  max-height: none; /* Remove the fixed max-height */
  max-width: 75%;
  width: 75%;
}

  .preview-area img[b-3183sbeo45] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

.passport-placeholder[b-3183sbeo45] {
  padding: 40px;
  text-align: center;
  color: #999;
  font-style: italic;
  color: #d32f2f; /* Red color */
  font-weight: bold;
  font-size: 16px; /* Slightly larger for better visibility */
  background-color: #ffebee; /* Light red background */
  border: 2px dashed #ef5350; /* Red dashed border */
  border-radius: 4px;
  display: flex;
  flex: 1;
  align-items: center;
}


.empty-message[b-3183sbeo45] {
  color: #999;
  font-size: 14px;
}

.status-bar[b-3183sbeo45] {
  background-color: #f5f5f5;
  border-top: 1px solid #d0d0d0;
  padding: 4px 8px;
  display: flex;
  gap: 8px;
}

/* FluentUI overrides */
fluent-select[b-3183sbeo45] {
  width: 100%;
}

fluent-label[b-3183sbeo45] {
  font-size: 12px;
  color: #333;
  margin-bottom: 4px;
}

fluent-button[b-3183sbeo45] {
  border-radius: 3px;
}

fluent-menu-list[b-3183sbeo45] {
  background: white;
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
}

fluent-menu-item[b-3183sbeo45] {
  font-size: 12px;
  padding: 8px 12px;
}

  fluent-menu-item:hover[b-3183sbeo45] {
    background-color: #e5f3ff;
  }

.details-panel[b-3183sbeo45] {
  width: 400px;
  background-color: white;
  border-left: 1px solid #e0e0e0;
  padding: 16px;
  overflow-y: auto;
}

.detail-row[b-3183sbeo45] {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}

.detail-value[b-3183sbeo45] {
  font-size: 13px;
  color: #333;
}

  .detail-value strong[b-3183sbeo45] {
    color: #666;
    font-weight: 500;
  }

.mrz-box[b-3183sbeo45] {
  background-color: #2d2d2d;
  color: #00ff00;
  padding: 12px;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  border-radius: 4px;
  margin-top: 16px;
  white-space: pre-wrap;
  word-break: break-all;
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/Twain/TwainScan.razor.rz.scp.css */
.scanner-container[b-05puysmd52] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.scanner-header[b-05puysmd52] {
  background-color: #ffffff;
}

.title-bar[b-05puysmd52] {
  padding: 8px 12px;
  border-bottom: 1px solid #e0e0e0;
}

  .title-bar h1[b-05puysmd52] {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
  }

.toolbar[b-05puysmd52] {
  background-color: #f5f5f5;
  padding: 10px;
  border-bottom: 1px solid #d0d0d0;
  /*
    display: flex;
    flex-wrap: wrap;
  */
  gap: 4px;
}

.toolbar-button[b-05puysmd52] {
}

  .toolbar-button .button-content[b-05puysmd52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 4em;
  }

    .toolbar-button .button-content span[b-05puysmd52] {
      font-size: 13px;
      color: #333;
    }

.menu-wrapper[b-05puysmd52] {
  position: relative;
}

.submenu[b-05puysmd52] {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
  z-index: 1000;
  margin-top: 2px;
  display: flex;
  flex-direction: column;
}

.submenu-item[b-05puysmd52] {
  width: 100% !important;
  text-align: left !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  justify-content: flex-start !important;
  border-radius: 0 !important;
}

  .submenu-item:hover[b-05puysmd52] {
    background-color: #e5f3ff !important;
  }

.scanner-content[b-05puysmd52] {
  display: flex;
  flex: 1;
  min-height: 0; /* Important for flex child scrolling */
}

.sidebar[b-05puysmd52] {
  /*width: 220px;*/
  background-color: #fafafa;
  border-right: 1px solid #e0e0e0;
  padding: 16px;
  min-width: 25%;
  border-radius: 0px;
}

.device-info[b-05puysmd52] {
  background-color: white;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.preview-area[b-05puysmd52] {
  flex: 1;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto; /* Allow scrolling if content is too large */
  max-height: none; /* Remove the fixed max-height */
  max-width: 75%;
  width: 75%;
}

  .preview-area img[b-05puysmd52] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

.empty-message[b-05puysmd52] {
  color: #999;
  font-size: 14px;
}

.status-bar[b-05puysmd52] {
  background-color: #f5f5f5;
  border-top: 1px solid #d0d0d0;
  padding: 4px 8px;
  display: flex;
  gap: 8px;
}

/* FluentUI overrides */
fluent-select[b-05puysmd52] {
  width: 100%;
}

fluent-label[b-05puysmd52] {
  font-size: 12px;
  color: #333;
  margin-bottom: 4px;
}

fluent-button[b-05puysmd52] {
  border-radius: 3px;
}

fluent-menu-list[b-05puysmd52] {
  background: white;
  border: 1px solid #c0c0c0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 150px;
}

fluent-menu-item[b-05puysmd52] {
  font-size: 12px;
  padding: 8px 12px;
}

  fluent-menu-item:hover[b-05puysmd52] {
    background-color: #e5f3ff;
  }

.details-panel[b-05puysmd52] {
  width: 400px;
  background-color: white;
  border-left: 1px solid #e0e0e0;
  padding: 16px;
  overflow-y: auto;
}

.detail-row[b-05puysmd52] {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}

.detail-value[b-05puysmd52] {
  font-size: 13px;
  color: #333;
}

  .detail-value strong[b-05puysmd52] {
    color: #666;
    font-weight: 500;
  }

.mrz-box[b-05puysmd52] {
  background-color: #2d2d2d;
  color: #00ff00;
  padding: 12px;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  border-radius: 4px;
  margin-top: 16px;
  white-space: pre-wrap;
  word-break: break-all;
}

.face-photo-container[b-05puysmd52] {
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
}

.face-photo[b-05puysmd52] {
  max-width: 200px;
  max-height: 200px;
  border: 2px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* _content/IGM.Web/Pages/_GenericComponents/Devices/VisionBox/Components/VisualSearch/VisualSearchForm.razor.rz.scp.css */
.container[b-84jjdelycm] {
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px;
}

.full-width-card[b-84jjdelycm] {
  width: 100%;
}

.header[b-84jjdelycm] {
  background: white;
  padding: 20px 24px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.08);
  margin-bottom: 20px;
}

  .header h1[b-84jjdelycm] {
    font-size: 24px;
    font-weight: 600;
    color: #201f1e;
    margin-bottom: 8px;
  }

  .header p[b-84jjdelycm] {
    color: #605e5c;
    font-size: 14px;
  }

.main-grid[b-84jjdelycm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.biometric-capture[b-84jjdelycm] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.photo-container[b-84jjdelycm] {
  text-align: center;
}

.photo-frame[b-84jjdelycm] {
  width: 100%;
  height: 280px;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  border: 2px dashed #d1d1d1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.photo-placeholder[b-84jjdelycm] {
  width: 160px;
  height: 200px;
  background: white;
  border: 3px solid #0058D2;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  color: #0058D2;
}

.photo-label[b-84jjdelycm] {
  font-size: 13px;
  color: #323130;
  font-weight: 600;
}

.fingerprints-container[b-84jjdelycm] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.fingerprint-item[b-84jjdelycm] {
  background: #f9f9f9;
  border: 1px solid #edebe9;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.fingerprint-visual[b-84jjdelycm] {
  width: 80px;
  height: 100px;
  background: linear-gradient(135deg, #e8e8e8 0%, #d1d1d1 100%);
  border: 2px solid #a8a8a8;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
}

.fingerprint-info[b-84jjdelycm] {
  flex: 1;
}

.fingerprint-label[b-84jjdelycm] {
  font-size: 13px;
  font-weight: 600;
  color: #323130;
  margin-bottom: 4px;
}

.fingerprint-quality[b-84jjdelycm] {
  font-size: 12px;
  color: #107c10;
  display: flex;
  align-items: center;
  gap: 6px;
}

.quality-bar[b-84jjdelycm] {
  width: 100px;
  height: 6px;
  background: #e8e8e8;
  border-radius: 3px;
  overflow: hidden;
}

.quality-fill[b-84jjdelycm] {
  height: 100%;
  background: #107c10;
  transition: width 0.3s;
}

.stats-grid[b-84jjdelycm] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}

.stat-card[b-84jjdelycm] {
  background: white;
  border: 1px solid;
  border-radius: 6px;
  padding: 16px;
  text-align: center;
}

  .stat-card.success[b-84jjdelycm] {
    background: #dff6dd;
    border-color: #107c10;
  }

  .stat-card.warning[b-84jjdelycm] {
    background: #fff4ce;
    border-color: #ffb900;
  }

  .stat-card.info[b-84jjdelycm] {
    background: #e6f3ff;
    border-color: #0058D2;
  }

.stat-value[b-84jjdelycm] {
  font-size: 28px;
  font-weight: 700;
}

  .stat-value.success[b-84jjdelycm] {
    color: #107c10;
  }

  .stat-value.warning[b-84jjdelycm] {
    color: #ca5010;
  }

  .stat-value.info[b-84jjdelycm] {
    color: #0058D2;
  }

.stat-label[b-84jjdelycm] {
  font-size: 12px;
  color: #323130;
}

.matches-section[b-84jjdelycm] {
  margin-top: 20px;
  width: 100%;
}

.match-card[b-84jjdelycm] {
  background: white;
  border: 2px solid #edebe9;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 16px;
  position: relative;
  transition: all 0.2s;
  width: 100%;
  box-sizing: border-box;
}

  .match-card:hover[b-84jjdelycm] {
    border-color: #0058D2;
    box-shadow: 0 4px 12px rgba(0,88,210,0.15);
  }

.match-header[b-84jjdelycm] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
  width: 100%;
  padding-right: 100px; /* Space for confidence circle */
}

.match-photo[b-84jjdelycm] {
  width: 100px;
  height: 120px;
  background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
  border: 2px solid #d1d1d1;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #a8a8a8;
  flex-shrink: 0;
}

.match-info[b-84jjdelycm] {
  flex: 1;
  min-width: 0; /* Allows proper flex shrinking */
}

.match-name[b-84jjdelycm] {
  font-size: 18px;
  font-weight: 600;
  color: #323130;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.match-details[b-84jjdelycm] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  font-size: 13px;
}

.match-detail[b-84jjdelycm] {
  display: flex;
  gap: 6px;
}

  .match-detail strong[b-84jjdelycm] {
    color: #605e5c;
    min-width: 120px;
  }

  .match-detail span[b-84jjdelycm] {
    color: #323130;
  }

.match-confidence[b-84jjdelycm] {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: center;
}

.confidence-circle[b-84jjdelycm] {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  border: 4px solid;
  background: white;
}

.confidence-high[b-84jjdelycm] {
  border-color: #107c10;
  color: #107c10;
}

.confidence-medium[b-84jjdelycm] {
  border-color: #ffb900;
  color: #ca5010;
}

.confidence-label[b-84jjdelycm] {
  font-size: 11px;
  font-weight: 400;
  color: #605e5c;
  margin-top: 4px;
}

.match-scores[b-84jjdelycm] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #edebe9;
}

.score-item[b-84jjdelycm] {
  text-align: center;
  padding: 12px;
  background: #f9f9f9;
  border-radius: 6px;
}

.score-icon[b-84jjdelycm] {
  font-size: 24px;
  margin-bottom: 6px;
}

.score-value[b-84jjdelycm] {
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
}

  .score-value.high[b-84jjdelycm] {
    color: #107c10;
  }

  .score-value.medium[b-84jjdelycm] {
    color: #ca5010;
  }

.score-label[b-84jjdelycm] {
  font-size: 11px;
  color: #605e5c;
  text-transform: uppercase;
}

.actions-bar[b-84jjdelycm] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #edebe9;
}

  .actions-bar.no-border[b-84jjdelycm] {
    border-top: none;
    padding-top: 0;
  }
/* _content/IGM.Web/Pages/_GenericComponents/FaceSearch/FaceSearchResults/FaceSearchResultsForm.razor.rz.scp.css */
.container[b-2hp4fy57co] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Header */
.header[b-2hp4fy57co] {
  padding: 16px 0 8px;
  margin-bottom: 16px;
}

  .header h1[b-2hp4fy57co] {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 4px;
  }

  .header p[b-2hp4fy57co] {
    color: #717171;
    font-size: 13px;
    margin: 0;
  }

/* Summary bar - captured photo + stats in one row */
.summary-bar[b-2hp4fy57co] {
  display: flex;
  align-items: center;
  gap: 24px;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px 24px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.summary-photo[b-2hp4fy57co] {
  width: 100px;
  height: 130px;
  border-radius: 8px;
  border: 2px solid #d0d0d0;
  overflow: hidden;
  flex-shrink: 0;
  background: linear-gradient(135deg, #f5f5f5, #eaeaea);
  display: flex;
  align-items: center;
  justify-content: center;
}

  .summary-photo img[b-2hp4fy57co] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.summary-photo .photo-placeholder[b-2hp4fy57co] {
  font-size: 32px;
  color: #0058D2;
  font-weight: 700;
}

.summary-stats[b-2hp4fy57co] {
  display: flex;
  gap: 16px;
  flex: 1;
}

.stat-chip[b-2hp4fy57co] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid;
}

  .stat-chip.success[b-2hp4fy57co] {
    background: #ecfdf5;
    border-color: #a7f3d0;
  }

  .stat-chip.info[b-2hp4fy57co] {
    background: #eff6ff;
    border-color: #bfdbfe;
  }

.stat-chip-value[b-2hp4fy57co] {
  font-size: 22px;
  font-weight: 700;
}

  .stat-chip.success .stat-chip-value[b-2hp4fy57co] {
    color: #059669;
  }

  .stat-chip.info .stat-chip-value[b-2hp4fy57co] {
    color: #2563eb;
  }

.stat-chip-label[b-2hp4fy57co] {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}

/* Matches section */
.full-width-card[b-2hp4fy57co] {
  width: 100%;
}

.matches-section[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

/* Match card - horizontal layout with score on left */
.match-card[b-2hp4fy57co] {
  display: flex;
  align-items: stretch;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  box-sizing: border-box;
}

  .match-card:hover[b-2hp4fy57co] {
    border-color: #93c5fd;
    box-shadow: 0 4px 16px rgba(0,88,210,0.1);
  }

/* Score section - left side */
.match-score[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  border-right: 1px solid #f0f0f0;
  background: #fafafa;
  min-width: 110px;
  position: relative;
}

.score-ring[b-2hp4fy57co] {
  width: 72px;
  height: 72px;
}

.score-text[b-2hp4fy57co] {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.score-value[b-2hp4fy57co] {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.score-percent[b-2hp4fy57co] {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 2px;
}

.score-label[b-2hp4fy57co] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 6px;
}

/* Match body - right side */
.match-body[b-2hp4fy57co] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 16px;
  min-width: 0;
}

.match-header[b-2hp4fy57co] {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

.match-photo[b-2hp4fy57co] {
  width: 90px;
  height: 110px;
  background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

  .match-photo img[b-2hp4fy57co] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.match-info[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.match-name[b-2hp4fy57co] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match-confidence-tag[b-2hp4fy57co] {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  width: fit-content;
}

/* Action buttons */
.match-actions[b-2hp4fy57co] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

[b-2hp4fy57co] .btn-reject {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border-color: #fca5a5 !important;
}

  [b-2hp4fy57co] .btn-reject:hover {
    background: #fee2e2 !important;
  }

/* Bottom actions */
.bottom-actions[b-2hp4fy57co] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
}

/* No results state */
.no-results-card[b-2hp4fy57co] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  background: white;
  border: 1px dashed #d0d0d0;
  border-radius: 10px;
  text-align: center;
}

.no-results-icon[b-2hp4fy57co] {
  margin-bottom: 16px;
  opacity: 0.5;
}

.no-results-text[b-2hp4fy57co] {
  font-size: 16px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 4px;
}

.no-results-hint[b-2hp4fy57co] {
  font-size: 13px;
  color: #9ca3af;
}
/* _content/IGM.Web/Pages/_GenericComponents/FingerprintsSearch/FingerprintsSearchResults/FingerprintsSearchResultsForm.razor.rz.scp.css */
.container[b-w3z0jlcptc] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Header */
.header[b-w3z0jlcptc] {
  padding: 16px 0 8px;
  margin-bottom: 16px;
}

  .header h1[b-w3z0jlcptc] {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 4px;
  }

  .header p[b-w3z0jlcptc] {
    color: #717171;
    font-size: 13px;
    margin: 0;
  }

/* Summary bar */
.summary-bar[b-w3z0jlcptc] {
  display: flex;
  align-items: center;
  gap: 24px;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 16px 24px;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.summary-fingerprints[b-w3z0jlcptc] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.fingerprint-thumb[b-w3z0jlcptc] {
  width: 80px;
  height: 100px;
  border-radius: 8px;
  border: 2px solid #d0d0d0;
  overflow: hidden;
  background: linear-gradient(135deg, #f5f5f5, #eaeaea);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

  .fingerprint-thumb img[b-w3z0jlcptc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.fingerprint-label[b-w3z0jlcptc] {
  position: absolute;
  bottom: 2px;
  right: 4px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
  padding: 1px 5px;
}

.photo-placeholder[b-w3z0jlcptc] {
  width: 80px;
  height: 100px;
  border-radius: 8px;
  border: 2px solid #d0d0d0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #0058D2;
  font-weight: 700;
  background: linear-gradient(135deg, #f5f5f5, #eaeaea);
}

.summary-stats[b-w3z0jlcptc] {
  display: flex;
  gap: 16px;
  flex: 1;
}

.stat-chip[b-w3z0jlcptc] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid;
}

  .stat-chip.success[b-w3z0jlcptc] {
    background: #ecfdf5;
    border-color: #a7f3d0;
  }

  .stat-chip.info[b-w3z0jlcptc] {
    background: #eff6ff;
    border-color: #bfdbfe;
  }

.stat-chip-value[b-w3z0jlcptc] {
  font-size: 22px;
  font-weight: 700;
}

  .stat-chip.success .stat-chip-value[b-w3z0jlcptc] {
    color: #059669;
  }

  .stat-chip.info .stat-chip-value[b-w3z0jlcptc] {
    color: #2563eb;
  }

.stat-chip-label[b-w3z0jlcptc] {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}

/* Matches section */
.full-width-card[b-w3z0jlcptc] {
  width: 100%;
}

.matches-section[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

/* Match card */
.match-card[b-w3z0jlcptc] {
  display: flex;
  align-items: stretch;
  background: white;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
  width: 100%;
  box-sizing: border-box;
}

  .match-card:hover[b-w3z0jlcptc] {
    border-color: #93c5fd;
    box-shadow: 0 4px 16px rgba(0,88,210,0.1);
  }

/* Score section */
.match-score[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 24px;
  border-right: 1px solid #f0f0f0;
  background: #fafafa;
  min-width: 110px;
  position: relative;
}

.score-ring[b-w3z0jlcptc] {
  width: 72px;
  height: 72px;
}

.score-text[b-w3z0jlcptc] {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.score-value[b-w3z0jlcptc] {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.score-percent[b-w3z0jlcptc] {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 2px;
}

.score-label[b-w3z0jlcptc] {
  font-size: 11px;
  color: #9ca3af;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 6px;
}

/* Match body */
.match-body[b-w3z0jlcptc] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  gap: 16px;
  min-width: 0;
}

.match-header[b-w3z0jlcptc] {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 0;
}

.match-photo[b-w3z0jlcptc] {
  width: 90px;
  height: 110px;
  background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

  .match-photo img[b-w3z0jlcptc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.match-info[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.match-name[b-w3z0jlcptc] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.match-confidence-tag[b-w3z0jlcptc] {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  width: fit-content;
}

/* Action buttons */
.match-actions[b-w3z0jlcptc] {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

[b-w3z0jlcptc] .btn-reject {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border-color: #fca5a5 !important;
}

  [b-w3z0jlcptc] .btn-reject:hover {
    background: #fee2e2 !important;
  }

/* Bottom actions */
.bottom-actions[b-w3z0jlcptc] {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
}

/* No results state */
.no-results-card[b-w3z0jlcptc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  background: white;
  border: 1px dashed #d0d0d0;
  border-radius: 10px;
  text-align: center;
}

.no-results-icon[b-w3z0jlcptc] {
  margin-bottom: 16px;
  opacity: 0.5;
}

.no-results-text[b-w3z0jlcptc] {
  font-size: 16px;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 4px;
}

.no-results-hint[b-w3z0jlcptc] {
  font-size: 13px;
  color: #9ca3af;
}