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

/* _content/IGM.Web/Layout/MainFooter.razor.rz.scp.css */
.main-footer-host[b-ghbxlnwvcs] {
    display: contents;
}

.main-footer-host[b-ghbxlnwvcs]  footer {
    background: linear-gradient(135deg, #1e3a6e 0%, #2b5797 100%);
    color: rgba(255, 255, 255, 0.9);
    align-items: center;
    padding: 8px 16px;
    border-top: 3px solid #1a3260;
    box-shadow: 0 -2px 6px rgba(30, 58, 110, 0.2);
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.main-footer-host[b-ghbxlnwvcs]  footer p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.8rem;
    font-weight: 500;
}

.main-footer-host[b-ghbxlnwvcs]  footer a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
}

.main-footer-host[b-ghbxlnwvcs]  footer a:focus {
    outline: 1px dashed rgba(255, 255, 255, 0.6);
    outline-offset: 3px;
}

.main-footer-host[b-ghbxlnwvcs]  footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}
/* _content/IGM.Web/Layout/MainLayout.razor.rz.scp.css */
/* ===== First header overrides ===== */

[b-klx04fab12] #appHeader {
    min-height: 70px !important;
    border-bottom: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

#appBrand[b-klx04fab12] {
    gap: 16px;
    margin-left: 1.5em;
}

#appLogo[b-klx04fab12] {
    height: 46px;
}

#appBrandText[b-klx04fab12] {
    line-height: 1.35;
    gap: 2px;
}

#appTitle[b-klx04fab12] {
    font-size: 1.05rem;
    letter-spacing: 0.03em;
}

#appDesc[b-klx04fab12] {
    font-size: 0.78rem;
    color: #777;
}

/* Part 3: vertical stack of controls on the right side of the main header */
#appControls[b-klx04fab12] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
    padding-right: 1rem;
}

#appControlsTop[b-klx04fab12] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
}

/* Logout form is an invisible flex item that creates a trailing gap — pull it out of flow */
#appControlsTop[b-klx04fab12]  form {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

/* FluentDialogProvider inside SiteSettings renders as an extra invisible flex item — collapse it */
#appControlsTop[b-klx04fab12]  fluent-dialog-provider {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

#appControlsBottom[b-klx04fab12] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    margin-right: 0.35em;
}

/* User / culture links in appControlsTop */
#appControlsTop[b-klx04fab12]  .link-top {
    font-size: 0.82rem !important;
    font-weight: 500;
    color: #2b5797;
    letter-spacing: 0.01em;
}

#appControlsTop[b-klx04fab12]  .lang-link,
#appControlsTop[b-klx04fab12]  .lang-active {
    font-size: 0.82rem !important;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* Separator between lang and user area */
#appControlsTop[b-klx04fab12]  .lang-list {
    border-right: 1px solid #d0d7e3;
    padding-right: 12px;
    margin-right: 4px;
}

/* Secondary app menu: increase spacing between links */
#appControlsBottom[b-klx04fab12]  #secondaryAppMenu {
    display: flex;
    align-items: center;
    gap: 0;
}

#appControlsBottom[b-klx04fab12]  #secondaryAppMenu a {
    padding: 3px 12px;
    font-size: 0.82rem;
    border-left: 1px solid #d0d7e3;
}

#appControlsBottom[b-klx04fab12]  #secondaryAppMenu a:first-child {
    border-left: none;
}

/* Second header: navigation bar */
#appNavBar[b-klx04fab12] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1e3a6e 0%, #2b5797 100%);
    border-bottom: 3px solid #1a3260;
    padding: 3px 1rem 1px;
    min-height: 30px;
    box-shadow: 0 2px 6px rgba(30, 58, 110, 0.25);
}

#appNavBar[b-klx04fab12]  #appMenu {
    display: flex;
    align-items: center;
}

#appNavBar[b-klx04fab12]  .app-link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.92rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.2rem 1.2rem;
    border-radius: 4px;
    margin: 0 2px;
    transition: background-color 0.15s ease, color 0.15s ease;
    text-decoration: none !important;
}

#appNavBar[b-klx04fab12]  .app-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.15);
    text-decoration: none !important;
}
/* _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/Dashboard/TaskCalendarHeatmap.razor.rz.scp.css */
/* ============ Calendar Container ============ */
.calendar-container[b-j9xlr054zy] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.calendar-header[b-j9xlr054zy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.cal-month-title[b-j9xlr054zy] {
    font-size: 16px;
    font-weight: 700;
    color: #1e3c72;
    text-transform: capitalize;
}

.cal-nav-btn[b-j9xlr054zy] {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: white;
    cursor: pointer;
    font-size: 16px;
    color: #555;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.cal-nav-btn:hover[b-j9xlr054zy] {
    background: #f0f0f0;
    border-color: #bbb;
}

/* ============ Calendar Grid ============ */
.cal-grid[b-j9xlr054zy] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
}

.cal-day-header[b-j9xlr054zy] {
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #999;
    padding: 6px 0;
}

.cal-day[b-j9xlr054zy] {
    aspect-ratio: 1;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    transition: all 0.15s;
    min-height: 40px;
}

.cal-day:hover:not(.empty)[b-j9xlr054zy] {
    transform: scale(1.08);
    z-index: 1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.cal-day.empty[b-j9xlr054zy] {
    background: transparent;
    cursor: default;
}

.cal-day.today[b-j9xlr054zy] {
    border: 2px solid #1e3c72;
    font-weight: 700;
}

.day-num[b-j9xlr054zy] {
    font-weight: 500;
    font-size: 12px;
}

.day-dots[b-j9xlr054zy] {
    display: flex;
    gap: 2px;
    margin-top: 2px;
}

.day-dot[b-j9xlr054zy] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

/* ============ Heat Map Colors ============ */
.heat-0[b-j9xlr054zy] { background: #f8f8f8; }
.heat-1[b-j9xlr054zy] { background: #e8f5e9; }
.heat-2[b-j9xlr054zy] { background: #fff8e1; }
.heat-3[b-j9xlr054zy] { background: #fff3e0; }
.heat-overdue[b-j9xlr054zy] { background: #ffebee; }

/* ============ Legend ============ */
.cal-legend[b-j9xlr054zy] {
    display: flex;
    gap: 14px;
    margin-top: 14px;
    padding: 8px;
    font-size: 11px;
    color: #888;
    justify-content: center;
}

.cal-legend-item[b-j9xlr054zy] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cal-legend-dot[b-j9xlr054zy] {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
}

.cal-legend-dot.heat-0[b-j9xlr054zy] { background: #f8f8f8; }
.cal-legend-dot.heat-1[b-j9xlr054zy] { background: #e8f5e9; }
.cal-legend-dot.heat-2[b-j9xlr054zy] { background: #fff8e1; }
.cal-legend-dot.heat-3[b-j9xlr054zy] { background: #fff3e0; }
.cal-legend-dot.heat-overdue[b-j9xlr054zy] { background: #ffebee; }
/* _content/IGM.Web/Pages/MyTasks/Dashboard/TaskFilteredTable.razor.rz.scp.css */
/* ============ Table Container ============ */
.filtered-table-container[b-ce496vzffs] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* ============ Tabs ============ */
.table-tabs[b-ce496vzffs] {
    display: flex;
    border-bottom: 2px solid #f0f0f0;
    overflow-x: auto;
}

.table-tab[b-ce496vzffs] {
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    background: transparent;
    color: #666;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.15s;
    white-space: nowrap;
}

.table-tab:hover[b-ce496vzffs] {
    color: #333;
    background: #fafafa;
}

.table-tab.active[b-ce496vzffs] {
    color: #1e3c72;
    border-bottom-color: #1e3c72;
    font-weight: 600;
}

.tab-count[b-ce496vzffs] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 11px;
    margin-left: 5px;
    font-weight: 600;
}

.tab-all[b-ce496vzffs] { background: #e8eaf6; color: #3949ab; }
.tab-new[b-ce496vzffs] { background: #e3f2fd; color: #1565c0; }
.tab-progress[b-ce496vzffs] { background: #fff3e0; color: #e65100; }
.tab-deadline[b-ce496vzffs] { background: #fff8e1; color: #f57f17; }
.tab-overdue[b-ce496vzffs] { background: #ffebee; color: #c62828; }

/* ============ Table Body ============ */
.table-body[b-ce496vzffs] {
    padding: 12px;
    max-height: 500px;
    overflow-y: auto;
}

.table-empty[b-ce496vzffs] {
    text-align: center;
    color: #aaa;
    padding: 40px;
    font-size: 14px;
}

/* ============ Task Card ============ */
.table-task-card[b-ce496vzffs] {
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 10px;
    background: #fafbfc;
    transition: all 0.15s;
    cursor: default;
}

.table-task-card:hover[b-ce496vzffs] {
    background: #f0f4f8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Header */
.ttc-header[b-ce496vzffs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.ttc-type-badge[b-ce496vzffs] {
    font-size: 10px;
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

.ttc-state-badge[b-ce496vzffs] {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

.ttc-number[b-ce496vzffs] {
    font-size: 12px;
    font-weight: 700;
    color: #1d4ed8;
    cursor: pointer;
}

.ttc-number:hover[b-ce496vzffs] {
    text-decoration: underline;
}

.ttc-date[b-ce496vzffs] {
    font-size: 11px;
    color: #999;
}

.ttc-efiling-badge[b-ce496vzffs] {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    background: #FEDF89;
    color: #92400e;
    font-weight: 500;
}

.ttc-scope-badge[b-ce496vzffs] {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 10px;
    background: #f0f0f0;
    color: #555;
}

/* Title */
.ttc-title[b-ce496vzffs] {
    font-size: 14px;
    font-weight: 600;
    color: #1e3c72;
    margin-bottom: 4px;
    cursor: pointer;
}

.ttc-title:hover[b-ce496vzffs] {
    text-decoration: underline;
}

/* Person */
.ttc-person[b-ce496vzffs] {
    font-size: 12px;
    color: #555;
    margin-bottom: 8px;
}

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

.ttc-progress[b-ce496vzffs] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.ttc-progress-bar[b-ce496vzffs] {
    width: 80px;
    height: 6px;
    background: #eee;
    border-radius: 3px;
    overflow: hidden;
}

.ttc-progress-fill[b-ce496vzffs] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s;
}

.ttc-progress-text[b-ce496vzffs] {
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.ttc-assignee[b-ce496vzffs] {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
}
/* _content/IGM.Web/Pages/MyTasks/Dashboard/TaskTimeline.razor.rz.scp.css */
/* ============ Timeline Container ============ */
.timeline-container[b-ymy16mmmm5] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.timeline-title[b-ymy16mmmm5] {
    font-size: 16px;
    font-weight: 700;
    color: #1e3c72;
    margin-bottom: 16px;
}

.timeline-empty[b-ymy16mmmm5] {
    text-align: center;
    color: #aaa;
    padding: 40px;
    font-size: 14px;
}

/* ============ Header Row ============ */
.timeline-header-row[b-ymy16mmmm5] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 16px;
    padding: 8px 12px;
    background: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}

.timeline-info-col[b-ymy16mmmm5] {
    min-width: 260px;
}

.timeline-bar-col[b-ymy16mmmm5] {
    position: relative;
    overflow: hidden;
}

/* ============ Scale ============ */
.timeline-scale[b-ymy16mmmm5] {
    position: relative;
    height: 20px;
}

.scale-label[b-ymy16mmmm5] {
    position: absolute;
    font-size: 10px;
    color: #999;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* ============ Body ============ */
.timeline-body[b-ymy16mmmm5] {
    max-height: 400px;
    overflow-y: auto;
}

/* ============ Task Row ============ */
.timeline-row[b-ymy16mmmm5] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 16px;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    transition: background 0.15s;
}

.timeline-row:hover[b-ymy16mmmm5] {
    background: #fafbfc;
}

/* ============ Task Info ============ */
.tl-task-header[b-ymy16mmmm5] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 2px;
}

.tl-type-badge[b-ymy16mmmm5] {
    font-size: 9px;
    color: white;
    padding: 2px 7px;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
}

.tl-number[b-ymy16mmmm5] {
    font-size: 12px;
    font-weight: 700;
    color: #1d4ed8;
    cursor: pointer;
    text-decoration: none;
}

.tl-number:hover[b-ymy16mmmm5] {
    text-decoration: underline;
}

.tl-task-title[b-ymy16mmmm5] {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.tl-task-person[b-ymy16mmmm5] {
    font-size: 11px;
    color: #888;
}

/* ============ Bar Area ============ */
.timeline-bar-area[b-ymy16mmmm5] {
    position: relative;
    height: 24px;
    background: #f8f9fa;
    border-radius: 4px;
}

.timeline-today-line[b-ymy16mmmm5] {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 2px;
    background: #1e3c72;
    z-index: 2;
}

.today-label[b-ymy16mmmm5] {
    position: absolute;
    top: -14px;
    left: -8px;
    font-size: 9px;
    font-weight: 700;
    color: #1e3c72;
}

.timeline-bar[b-ymy16mmmm5] {
    position: absolute;
    height: 18px;
    top: 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 6px;
    color: white;
    font-weight: 600;
    min-width: 20px;
    z-index: 1;
    transition: opacity 0.15s;
}

.timeline-bar:hover[b-ymy16mmmm5] {
    opacity: 0.9;
    z-index: 3;
}

.bar-label[b-ymy16mmmm5] {
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============ Legend ============ */
.timeline-legend[b-ymy16mmmm5] {
    display: flex;
    gap: 16px;
    margin-top: 14px;
    padding: 10px 12px;
    background: #fafafa;
    border-radius: 8px;
    font-size: 11px;
    color: #666;
    flex-wrap: wrap;
    align-items: center;
}

.legend-item[b-ymy16mmmm5] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.legend-dot[b-ymy16mmmm5] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.legend-line[b-ymy16mmmm5] {
    width: 1px;
    height: 16px;
    background: #ddd;
}

/* ============ Responsive ============ */
@media (max-width: 900px) {
    .timeline-header-row[b-ymy16mmmm5],
    .timeline-row[b-ymy16mmmm5] {
        grid-template-columns: 180px 1fr;
    }

    .tl-task-title[b-ymy16mmmm5] {
        max-width: 160px;
    }
}
/* _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/SefIGM/TaskPending.razor.rz.scp.css */
/* ============================================
   ExecutorTaskPendingCerere_New.razor CSS
   FluentDataGrid Task Cards Styling
   ============================================ */

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

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

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

.filter-tab[b-lzzbl3ou8p] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .filter-tab[b-lzzbl3ou8p] {
        flex-wrap: wrap;
    }

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

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

    .task-case-info[b-lzzbl3ou8p] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _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-card[b-fe2fq7lu4b] {
    margin: 10px 14px 14px 14px;
    padding: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    border: 1px solid #d8e1eb;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(30, 41, 59, 0.06);
}

.role-filter-card-header[b-fe2fq7lu4b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 10px;
}

.role-filter-title[b-fe2fq7lu4b] {
    font-size: 12px;
    font-weight: 700;
    color: #1f2a37;
    letter-spacing: 0.2px;
}

.role-filter-caption[b-fe2fq7lu4b] {
    font-size: 11px;
    color: #6b7280;
}

.role-filter-dropdown[b-fe2fq7lu4b] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    background-color: #fff;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    padding: 0 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.role-filter-dropdown:focus-within[b-fe2fq7lu4b] {
    border-color: #0058d2;
    box-shadow: 0 0 0 3px rgba(0, 88, 210, 0.12);
    background-color: #fbfdff;
}

.role-filter-select[b-fe2fq7lu4b] {
    width: 100%;
    min-width: 0;
    height: 38px;
    border: 0;
    outline: none;
    background: transparent;
    color: #1f2937;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.role-filter-select option[b-fe2fq7lu4b] {
    font-weight: 500;
}

.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/Statistics/SendMessageDialog.razor.rz.scp.css */
.smd-body[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 8px 0;
}

.smd-field[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.smd-label[b-xn551vj1cx] {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Recipient */
.smd-recipient[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.smd-avatar[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
}

.smd-recipient-info[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.smd-recipient-name[b-xn551vj1cx] {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.smd-recipient-role[b-xn551vj1cx] {
    font-size: 12px;
    color: #64748b;
}

/* Type selector */
.smd-type-group[b-xn551vj1cx] {
    display: flex;
    gap: 10px;
}

.smd-type-option[b-xn551vj1cx] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s;
    background: #fff;
}

.smd-type-option:hover[b-xn551vj1cx] {
    border-color: #94a3b8;
}

.smd-type-option.selected[b-xn551vj1cx] {
    border-color: #3b82f6;
    background: #f0f7ff;
}

.smd-type-option input[type="radio"][b-xn551vj1cx] {
    display: none;
}

.smd-type-text[b-xn551vj1cx] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.smd-type-name[b-xn551vj1cx] {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
}

.smd-type-desc[b-xn551vj1cx] {
    font-size: 11px;
    color: #94a3b8;
}

/* Broadcast recipient */
.smd-recipient-all[b-xn551vj1cx] {
    background: linear-gradient(135deg, #eff6ff, #f0f7ff);
    border-color: #93c5fd;
}

.smd-avatar-all[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    flex-shrink: 0;
}

/* Error / Success */
.smd-error[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    font-size: 13px;
    color: #b91c1c;
}

.smd-success[b-xn551vj1cx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    font-size: 13px;
    color: #15803d;
}
/* _content/IGM.Web/Pages/Statistics/WhoIsOnline.razor.rz.scp.css */
/* =============================================
   WhoIsOnline — Full-width, Mobile-first
   ============================================= */

.whois-page[b-keujrc2xn8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 24px;
}

/* ── Header ── */

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

.wh-header-left[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.wh-header-icon[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    flex-shrink: 0;
}

.wh-header h3[b-keujrc2xn8] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.wh-subtitle[b-keujrc2xn8] {
    font-size: 12px;
    color: #64748b;
}

/* Header right — filter + refresh */
.wh-header-right[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Regional office filter */
.wh-filter[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 4px 0 10px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    transition: border-color 0.2s;
}

.wh-filter:focus-within[b-keujrc2xn8] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59,130,246,.1);
}

.wh-select[b-keujrc2xn8] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    font-weight: 500;
    color: #334155;
    padding: 8px 8px 8px 4px;
    cursor: pointer;
    min-width: 180px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    padding-right: 22px;
}

.wh-select:hover[b-keujrc2xn8] {
    color: #1e40af;
}

/* Refresh button — round icon */
.wh-refresh[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #fff;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.wh-refresh:hover[b-keujrc2xn8] {
    border-color: #3b82f6;
    color: #2563eb;
    box-shadow: 0 2px 8px rgba(59,130,246,.12);
}

.wh-refresh:active[b-keujrc2xn8] { transform: scale(.93); }
.wh-refresh:disabled[b-keujrc2xn8] { opacity: .5; cursor: not-allowed; }
.wh-refresh.spinning .wh-refresh-svg[b-keujrc2xn8] { animation: spin-b-keujrc2xn8 .7s linear infinite; }

@keyframes spin-b-keujrc2xn8 { to { transform: rotate(360deg); } }

/* ── Error ── */

.wh-error[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 13px;
    color: #92400e;
}

/* ── Metrics row ── */

.wh-metrics[b-keujrc2xn8] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}

.wh-metric[b-keujrc2xn8] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    min-width: 160px;
    flex: 1 1 0;
    transition: box-shadow .2s;
}

.wh-metric:hover[b-keujrc2xn8] {
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.wh-metric-body[b-keujrc2xn8] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.wh-metric-val[b-keujrc2xn8] {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1;
    letter-spacing: -.02em;
}

.wh-metric-val-sm[b-keujrc2xn8] {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.wh-metric-lbl[b-keujrc2xn8] {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Pulse dot */
.wh-pulse[b-keujrc2xn8] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,.45);
    animation: pulse-dot-b-keujrc2xn8 2s ease-out infinite;
}

@keyframes pulse-dot-b-keujrc2xn8 {
    0%  { box-shadow: 0 0 0 0 rgba(34,197,94,.45); }
    70% { box-shadow: 0 0 0 7px rgba(34,197,94,0); }
    100%{ box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

/* Section chips — inline in metrics row */
.wh-sections-row[b-keujrc2xn8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    padding: 10px 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    flex: 100% 1 1;
}

.wh-section-chip[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    font-size: 12px;
    color: #334155;
    font-weight: 500;
}

.wh-section-chip b[b-keujrc2xn8] {
    color: #1e40af;
    font-weight: 800;
}

/* ── Panel ── */

.wh-panel[b-keujrc2xn8] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.wh-panel-head[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.wh-badge[b-keujrc2xn8] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 7px;
    border-radius: 10px;
    background: #3b82f6;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

/* ── Send Message Button ── */

.wh-msg-btn[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0;
}

.wh-msg-btn:hover[b-keujrc2xn8] {
    border-color: #3b82f6;
    background: #eff6ff;
    box-shadow: 0 2px 6px rgba(59,130,246,0.15);
}

.wh-msg-btn:active[b-keujrc2xn8] {
    transform: scale(0.93);
}

.wh-actions[b-keujrc2xn8] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.wh-logout-btn:hover[b-keujrc2xn8] {
    border-color: #ef4444;
    background: #fef2f2;
    box-shadow: 0 2px 6px rgba(239,68,68,0.15);
}

/* ── Send to All button ── */

.wh-msg-all-btn[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    padding: 6px 14px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.wh-msg-all-btn:hover[b-keujrc2xn8] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 2px 8px rgba(37,99,235,0.3);
}

.wh-msg-all-btn:active[b-keujrc2xn8] {
    transform: scale(0.96);
}

/* ── Empty State ── */

.wh-empty[b-keujrc2xn8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px 20px;
    color: #94a3b8;
    font-size: 13px;
}

/* ── Desktop Table ── */

.wh-table-wrap[b-keujrc2xn8] {
    overflow-x: auto;
}

.wh-table[b-keujrc2xn8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.wh-table thead th[b-keujrc2xn8] {
    padding: 10px 14px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
    position: sticky;
    top: 0;
}

.th-center[b-keujrc2xn8], .td-center[b-keujrc2xn8] { text-align: center; }

.wh-table tbody tr[b-keujrc2xn8] {
    transition: background .12s;
}

.wh-table tbody tr:hover[b-keujrc2xn8] {
    background: #f8fafc;
}

.wh-table tbody td[b-keujrc2xn8] {
    padding: 9px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    white-space: nowrap;
}

.wh-table tbody tr:last-child td[b-keujrc2xn8] {
    border-bottom: none;
}

/* ── User cell ── */

.u-cell[b-keujrc2xn8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.u-avatar[b-keujrc2xn8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.u-dot[b-keujrc2xn8] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #fff;
}

.u-name[b-keujrc2xn8] { font-weight: 600; color: #0f172a; }
.u-ip[b-keujrc2xn8]   { font-family: 'Consolas','Monaco',monospace; font-size: 12px; color: #64748b; }
.u-page[b-keujrc2xn8] { color: #334155; }
.u-time[b-keujrc2xn8] { font-size: 12px; color: #64748b; font-weight: 500; }

/* ── Tags / Badges ── */

.tag[b-keujrc2xn8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.tag-role[b-keujrc2xn8]    { background: #f1f5f9; color: #475569; }
.tag-section[b-keujrc2xn8] { background: #dbeafe; color: #1e40af; font-weight: 600; }
.tag-team[b-keujrc2xn8]    { background: #fef3c7; color: #92400e; font-weight: 600; }
.tag-conn[b-keujrc2xn8]    { background: #f1f5f9; color: #475569; font-weight: 700; min-width: 22px; justify-content: center; }

/* Action color variants */
.act-view[b-keujrc2xn8]    { background: #f1f5f9; color: #64748b; }
.act-edit[b-keujrc2xn8]    { background: #fef3c7; color: #92400e; }
.act-save[b-keujrc2xn8]    { background: #d1fae5; color: #065f46; }
.act-pdf[b-keujrc2xn8]     { background: #fce7f3; color: #9d174d; }
.act-sign[b-keujrc2xn8]    { background: #ede9fe; color: #5b21b6; }
.act-search[b-keujrc2xn8]  { background: #e0f2fe; color: #075985; }
.act-scan[b-keujrc2xn8]    { background: #ccfbf1; color: #134e4a; }
.act-bio[b-keujrc2xn8]     { background: #fae8ff; color: #86198f; }
.act-assign[b-keujrc2xn8]  { background: #fff7ed; color: #9a3412; }
.act-comm[b-keujrc2xn8]    { background: #e0e7ff; color: #3730a3; }
.act-default[b-keujrc2xn8] { background: #f1f5f9; color: #475569; }

/* ── Mobile cards (hidden on desktop) ── */

.wh-cards-mobile[b-keujrc2xn8] {
    display: none;
}

/* ── Responsive ── */

@media (max-width: 900px) {
    .whois-page[b-keujrc2xn8] {
        padding: 14px 12px;
        gap: 12px;
    }

    .wh-metrics[b-keujrc2xn8] {
        gap: 8px;
    }

    .wh-metric[b-keujrc2xn8] {
        min-width: 130px;
        padding: 10px 14px;
    }

    .wh-metric-val[b-keujrc2xn8] { font-size: 20px; }

    /* Hide desktop table, show mobile cards */
    .wh-table-wrap[b-keujrc2xn8] {
        display: none;
    }

    .wh-cards-mobile[b-keujrc2xn8] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
    }

    .wh-card-m[b-keujrc2xn8] {
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 14px;
        background: #fff;
    }

    .wh-card-m-top[b-keujrc2xn8] {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f5f9;
    }

    .wh-card-m-name[b-keujrc2xn8] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        flex: 1;
        min-width: 0;
    }

    .wh-card-m-name .u-name[b-keujrc2xn8] {
        font-size: 14px;
    }

    .wh-card-m-rows[b-keujrc2xn8] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .wh-card-m-row[b-keujrc2xn8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
    }

    .wh-card-m-label[b-keujrc2xn8] {
        font-size: 11px;
        font-weight: 600;
        color: #94a3b8;
        text-transform: uppercase;
        letter-spacing: .04em;
        flex-shrink: 0;
    }
}

@media (max-width: 560px) {
    .wh-metric[b-keujrc2xn8] {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
    }

    .wh-header[b-keujrc2xn8] { flex-wrap: wrap; gap: 10px; }
    .wh-header-right[b-keujrc2xn8] { width: 100%; }
    .wh-filter[b-keujrc2xn8] { flex: 1; }
    .wh-select[b-keujrc2xn8] { min-width: 0; width: 100%; }
    .wh-header h3[b-keujrc2xn8] { font-size: 15px; }
    .wh-header-icon[b-keujrc2xn8] { width: 34px; height: 34px; border-radius: 8px; }
    .wh-refresh[b-keujrc2xn8] { width: 34px; height: 34px; }
}
/* _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-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] {
    padding: 20px;
    background: #fff3cd;
    border: 2px solid #f59e0b;
    border-radius: 8px;
        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/ApatridieFormStart.razor.rz.scp.css */


.form-title-box[b-t2ild1oqwk] {
    text-align: center;
    padding: 20px;
    background: white;
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-t2ild1oqwk] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-t2ild1oqwk] {
    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-t2ild1oqwk] {
    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-t2ild1oqwk] {
    margin-bottom: 18px;
}

.form-row[b-t2ild1oqwk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-t2ild1oqwk] {
    color: #dc2626;
    margin-left: 3px;
}

/* === Scan Results === */
.scan-results-container[b-t2ild1oqwk] {
    padding: 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 2px solid #1e3c72;
    border-radius: 12px;
}

.scan-photo-column[b-t2ild1oqwk] {
    flex-shrink: 0;
    width: 220px;
}

.scan-personal-id[b-t2ild1oqwk] {
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #e3f2fd;
    border: 1px solid #1e88e5;
    border-radius: 6px;
    text-align: center;
}

.scan-personal-id-value[b-t2ild1oqwk] {
    font-size: 1.1em;
    font-weight: 700;
    color: #1565c0;
    letter-spacing: 1px;
}

.search-check-item[b-t2ild1oqwk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.95em;
    font-weight: 500;
}

.search-check-item.check-missing[b-t2ild1oqwk] {
    background-color: #fff3e0;
    border: 1px solid #ff9800;
    color: #e65100;
}

.search-check-item.check-done[b-t2ild1oqwk] {
    background-color: #e8f5e9;
    border: 1px solid #4caf50;
    color: #2e7d32;
}

.search-check-icon[b-t2ild1oqwk] {
    font-size: 1.2em;
    font-weight: 700;
    width: 20px;
    text-align: center;
}

.scan-photo-placeholder[b-t2ild1oqwk] {
    width: 200px;
    height: 260px;
    background-color: #f0f0f0;
    border: 2px dashed #bbb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #888;
}

.scan-data-column[b-t2ild1oqwk] {
    flex: 1;
}

.scan-data-grid[b-t2ild1oqwk] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}

.scan-field[b-t2ild1oqwk] {
    background: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #e0e4f0;
}

.scan-field-full[b-t2ild1oqwk] {
    grid-column: 1 / -1;
}

.scan-label[b-t2ild1oqwk] {
    display: block;
    font-size: 0.78em;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.scan-value[b-t2ild1oqwk] {
    font-size: 1.05em;
    font-weight: 700;
    color: #1e3c72;
}

.scan-mrz[b-t2ild1oqwk] {
    font-family: 'Courier New', monospace;
    font-size: 0.85em;
    word-break: break-all;
    color: #333;
}

.scan-expired[b-t2ild1oqwk] {
    color: #d32f2f !important;
    font-weight: 800;
}

.scan-expired-badge[b-t2ild1oqwk] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: #fff;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 700;
    vertical-align: middle;
}

.scan-actions[b-t2ild1oqwk] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
    justify-content: center;
    flex-wrap: wrap;
}

/* ASP Search Results */
.asp-results-section[b-t2ild1oqwk] {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
}

.asp-results-header[b-t2ild1oqwk] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

    .asp-results-header h4[b-t2ild1oqwk] {
        margin: 0;
        color: #1e3c72;
    }

.asp-results-count[b-t2ild1oqwk] {
    padding: 3px 10px;
    background: #1e3c72;
    color: #fff;
    border-radius: 12px;
    font-size: 0.82em;
    font-weight: 600;
}

.asp-no-results[b-t2ild1oqwk] {
    padding: 20px;
    text-align: center;
    color: #888;
    background: #f5f5f5;
    border-radius: 8px;
    border: 1px dashed #ccc;
}

.asp-person-card[b-t2ild1oqwk] {
    background: #fff;
    border: 1px solid #d0d5e0;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.asp-person-header[b-t2ild1oqwk] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.asp-person-name[b-t2ild1oqwk] {
    font-size: 1.15em;
    font-weight: 700;
    color: #1e3c72;
}

.asp-idnp-badge[b-t2ild1oqwk] {
    padding: 3px 10px;
    background: #0078d4;
    color: #fff;
    border-radius: 6px;
    font-size: 0.82em;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

.asp-person-grid[b-t2ild1oqwk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.asp-field[b-t2ild1oqwk] {
    padding: 6px 10px;
    background: #f8f9ff;
    border-radius: 6px;
    border: 1px solid #e8ecf4;
}

.asp-field-label[b-t2ild1oqwk] {
    display: block;
    font-size: 0.75em;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.asp-field-value[b-t2ild1oqwk] {
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    color: #333;
}

.asp-subsection[b-t2ild1oqwk] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e0e4f0;
}

.asp-subsection-title[b-t2ild1oqwk] {
    font-size: 0.88em;
    font-weight: 700;
    color: #555;
    margin-bottom: 8px;
}

.asp-error-section[b-t2ild1oqwk] {
    margin-top: 16px;
    padding: 12px 16px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    color: #856404;
}

/* Person documents table */
.person-documents-section[b-t2ild1oqwk] {
    margin-top: 10px;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.documents-table[b-t2ild1oqwk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.documents-table thead th[b-t2ild1oqwk] {
    background-color: #1e3c72;
    color: white;
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}

.documents-table tbody td[b-t2ild1oqwk] {
    padding: 6px 10px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}

.documents-table tbody tr:hover[b-t2ild1oqwk] {
    background-color: #e8f0fe;
}

.documents-table tbody tr:nth-child(even)[b-t2ild1oqwk] {
    background-color: #f5f7fa;
}

.documents-table .expired-date[b-t2ild1oqwk] {
    color: #d32f2f;
    font-weight: 600;
}

.expired-badge-small[b-t2ild1oqwk] {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 6px;
    background: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 600;
}

.idnp-info-banner[b-t2ild1oqwk] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 8px;
}

.idnp-info-banner.warning[b-t2ild1oqwk] {
    background-color: #fff3cd;
    border: 1px solid #ffa000;
    color: #856404;
}

.idnp-info-banner.success[b-t2ild1oqwk] {
    background-color: #d4edda;
    border: 1px solid #28a745;
    color: #155724;
}

/* Person Apatridie Cases section */
.person-apatridie-cases-section[b-t2ild1oqwk] {
    margin-top: 10px;
    padding: 15px;
    background: #fffbe6;
    border: 1px solid #ffa000;
    border-radius: 8px;
}

.apatridie-cases-banner.warning[b-t2ild1oqwk] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    gap: 8px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
}

/* IGM Search - Document matching */
.person-card-match[b-t2ild1oqwk] {
    border: 2px solid #d32f2f !important;
    background-color: #fff5f5 !important;
}

.doc-full-match-badge[b-t2ild1oqwk] {
    display: inline-block;
    padding: 4px 12px;
    background-color: #d32f2f;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;
}

.doc-match-indicator[b-t2ild1oqwk] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 600;
}

.igm-person-docs[b-t2ild1oqwk] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;
}

.igm-docs-header[b-t2ild1oqwk] {
    font-size: 0.9em;
    font-weight: 600;
    color: #1e3c72;
    margin-bottom: 8px;
}

.igm-docs-table[b-t2ild1oqwk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.igm-docs-table th[b-t2ild1oqwk] {
    background-color: #f0f4f8;
    padding: 6px 10px;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #ddd;
}

.igm-docs-table td[b-t2ild1oqwk] {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
}

.doc-row-full-match[b-t2ild1oqwk] {
    background-color: #ffebee !important;
}

.doc-row-full-match td[b-t2ild1oqwk] {
    border-bottom-color: #ffcdd2 !important;
}

.field-match[b-t2ild1oqwk] {
    background-color: #c8e6c9;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.match-badge-full[b-t2ild1oqwk] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

.match-badge-partial[b-t2ild1oqwk] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #ff9800;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

/* Identity Status Selector */
.identity-status-selector[b-t2ild1oqwk] {
    margin: 8px 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 1px solid #d0d5e0;
    border-radius: 10px;
}

.identity-status-label[b-t2ild1oqwk] {
    font-size: 0.85em;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.identity-status-options[b-t2ild1oqwk] {
    display: flex;
    gap: 16px;
}

.identity-option[b-t2ild1oqwk] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 2px solid #d0d5e0;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
    user-select: none;
}

.identity-option:hover[b-t2ild1oqwk] {
    border-color: #90a4ae;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

.identity-option-active.identity-option-declared[b-t2ild1oqwk] {
    border-color: #f57c00;
    background: linear-gradient(135deg, #fff8e1 0%, #fff3e0 100%);
    box-shadow: 0 3px 12px rgba(245, 124, 0, 0.18);
}

.identity-option-active.identity-option-confirmed[b-t2ild1oqwk] {
    border-color: #2e7d32;
    background: linear-gradient(135deg, #e8f5e9 0%, #dcedc8 100%);
    box-shadow: 0 3px 12px rgba(46, 125, 50, 0.18);
}

.identity-option-icon[b-t2ild1oqwk] {
    font-size: 1.6em;
    flex-shrink: 0;
    width: 40px;
    text-align: center;
}

.identity-option-content[b-t2ild1oqwk] {
    flex: 1;
}

.identity-option-title[b-t2ild1oqwk] {
    font-size: 0.95em;
    font-weight: 700;
    color: #333;
    margin-bottom: 3px;
}

.identity-option-active.identity-option-declared .identity-option-title[b-t2ild1oqwk] {
    color: #e65100;
}

.identity-option-active.identity-option-confirmed .identity-option-title[b-t2ild1oqwk] {
    color: #1b5e20;
}

.identity-option-desc[b-t2ild1oqwk] {
    font-size: 0.8em;
    color: #888;
    line-height: 1.3;
}

.identity-option-active .identity-option-desc[b-t2ild1oqwk] {
    color: #666;
}

.identity-option-radio[b-t2ild1oqwk] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #bbb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s;
}

.identity-option-active.identity-option-declared .identity-option-radio[b-t2ild1oqwk] {
    border-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .identity-option-radio[b-t2ild1oqwk] {
    border-color: #2e7d32;
}

.radio-dot[b-t2ild1oqwk] {
    width: 0;
    height: 0;
    border-radius: 50%;
    transition: all 0.2s;
}

.radio-dot-active[b-t2ild1oqwk] {
    width: 12px;
    height: 12px;
}

.identity-option-active.identity-option-declared .radio-dot-active[b-t2ild1oqwk] {
    background-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .radio-dot-active[b-t2ild1oqwk] {
    background-color: #2e7d32;
}
/* _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;
}

/* Supplementary questions */
.supplementary-header[b-85fpmcgxi3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    margin: 20px 0 10px;
    background: #e8f4fd;
    border-radius: var(--radius-8, 8px);
    border: 1px dashed var(--blue-sky-700, #2a5298);
}

.supplementary-header .section-title[b-85fpmcgxi3] {
    font-weight: 600;
    color: var(--blue-sky-800, #1e3c72);
    font-size: var(--text-body-sm-500-font-size, 15px);
}

.supplementary-question[b-85fpmcgxi3] {
    border-left-color: #f59e0b;
}

.question-icon.supplementary[b-85fpmcgxi3] {
    background: #f59e0b;
}

/* 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 */
/*razor.css - Стили для компонента VereficareInSistem (Apatridie - Editable Verification Form) */

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

.info-box[b-xmfy3bpvpl] {
    background: #d4e9ff;
    border-left: 4px solid #0078d4;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-xmfy3bpvpl] {
    font-size: 13px;
    margin-bottom: 6px;
    color: #323130;
    font-weight: 600;
}

.info-box p[b-xmfy3bpvpl] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: #605e5c;
}

.session-info-box[b-xmfy3bpvpl] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-xmfy3bpvpl] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
}

.verification-table[b-xmfy3bpvpl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
}

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

.verification-table th[b-xmfy3bpvpl] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.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[b-xmfy3bpvpl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    margin: 0;
}

.default-row[b-xmfy3bpvpl] {
    background: #faf9f8;
}

.default-row:hover[b-xmfy3bpvpl] {
    background: #f3f2f1;
}

.added-row[b-xmfy3bpvpl] {
    background: #eff6fc;
}

.added-row:hover[b-xmfy3bpvpl] {
    background: #deecf9;
}

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

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

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

.collapsible-header[b-xmfy3bpvpl] {
    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-xmfy3bpvpl] {
    background: #106ebe;
}

.collapsible-header h4[b-xmfy3bpvpl] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-xmfy3bpvpl] {
    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[b-xmfy3bpvpl] {
    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-xmfy3bpvpl] {
    margin-bottom: 0;
}

.card-header[b-xmfy3bpvpl] {
    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-xmfy3bpvpl],
.header-right[b-xmfy3bpvpl] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-xmfy3bpvpl] {
    background: #0078d4;
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-xmfy3bpvpl] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.verification-officer[b-xmfy3bpvpl] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

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

.session-notes[b-xmfy3bpvpl] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-xmfy3bpvpl] {
    color: #d97706;
}

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

.verification-table.compact[b-xmfy3bpvpl] {
    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: #323130;
    max-height: 60px;
    overflow-y: auto;
}

@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;
    }
}

@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/Apatridie_Form/Сertificat_Сonfirmare_Executor_SAA.razor.rz.scp.css */
/* InformareaDrepturi.razor.css - Optimized */

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

/* Document Preview container */
.document-preview[b-elmr8nxr9c] {
    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-elmr8nxr9c] {
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    margin: 20px 0 30px 0;
    text-transform: uppercase;
}

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

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

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

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

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

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

/* Button group */
.button-group[b-elmr8nxr9c] {
    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/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/Eveniment/ProcedureApatridie.razor.rz.scp.css */


.workflow-tiles-container[b-p0i2j7pwvy] {
    padding: 24px;
}

.workflow-tiles[b-p0i2j7pwvy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-p0i2j7pwvy] {
    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-p0i2j7pwvy] {
        background: white;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        transform: translateX(4px);
    }

.step-number[b-p0i2j7pwvy] {
    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-p0i2j7pwvy] {
    background: #0078d4;
}

.step-2[b-p0i2j7pwvy] {
    background: #107c10;
}

.step-3[b-p0i2j7pwvy] {
    background: #5c2d91;
}

.step-4[b-p0i2j7pwvy] {
    background: #d83b01;
}

.workflow-tile:nth-child(1)[b-p0i2j7pwvy] {
    border-left-color: #0078d4;
}

.workflow-tile:nth-child(2)[b-p0i2j7pwvy] {
    border-left-color: #107c10;
}

.workflow-tile:nth-child(3)[b-p0i2j7pwvy] {
    border-left-color: #5c2d91;
}

.workflow-tile:nth-child(4)[b-p0i2j7pwvy] {
    border-left-color: #d83b01;
}

.tile-icon[b-p0i2j7pwvy] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-p0i2j7pwvy] {
    font-size: 16px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-p0i2j7pwvy] {
    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-p0i2j7pwvy] {
        grid-template-columns: 1fr;
    }

    .workflow-tile[b-p0i2j7pwvy] {
        padding: 16px;
    }

    .tile-icon[b-p0i2j7pwvy] {
        font-size: 28px;
    }

    .tile-title[b-p0i2j7pwvy] {
        font-size: 15px;
    }
}
/* _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/CaseAzil_WF/Elaborarea_Motivarea_Deciziei.razor.rz.scp.css */
/* FormDecizie.razor.css */




/* Legal analysis box */
.analysis-box[b-ve8av5gcvx] {
    background: #f5f5f5;
    border: 2px solid #9e9e9e;
    border-radius: 8px;
    padding: 20px;
    margin: 15px;
}

.analysis-box h4[b-ve8av5gcvx] {
    color: #424242;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
}

/* Field types */
[b-ve8av5gcvx] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-ve8av5gcvx] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* System documents (view only) */
.system-document[b-ve8av5gcvx] {
    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-ve8av5gcvx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.system-document-name[b-ve8av5gcvx] {
    font-weight: 500;
    color: #1565c0;
}

.system-document-date[b-ve8av5gcvx] {
    font-size: 12px;
    color: #1976d2;
}


/* Buttons */
.button-group[b-ve8av5gcvx] {
    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-ve8av5gcvx] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    
    .analysis-box[b-ve8av5gcvx] {
        padding: 15px;
    }

    .decision-section[b-ve8av5gcvx] {
        padding: 20px 15px;
    }
}

/* Print styles */
@media print {
    .button-group[b-ve8av5gcvx] {
        display: none;
    }

    .decizie-header[b-ve8av5gcvx] {
        background: #667eea;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .section-title[b-ve8av5gcvx] {
        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/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/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/Dashboard/CaseDashboard.razor.rz.scp.css */
/* ═══════ CaseDashboard — SI Migratie AZIL Design ═══════ */

/* ── ROOT ── */
.dash-root[b-lnjc50i99k] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 18px;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
    color: #1a1a18;
}

/* ── STAGE TRACKER ── */
.st[b-lnjc50i99k] {
    background: #ffffff;
    border: 0.5px solid rgba(0,0,0,0.10);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 13px;
}

.st-label[b-lnjc50i99k] {
    font-size: 10px;
    color: #6b6b67;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 500;
    margin-bottom: 10px;
}

.stages[b-lnjc50i99k] {
    display: flex;
    align-items: flex-start;
}

.stage[b-lnjc50i99k] {
    flex: 1;
    position: relative;
}

.si[b-lnjc50i99k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.sd[b-lnjc50i99k] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    z-index: 2;
    transition: transform 0.15s, box-shadow 0.15s;
}

.sd-click[b-lnjc50i99k] {
    cursor: pointer;
}

.sd-click:hover[b-lnjc50i99k] {
    transform: scale(1.15);
    box-shadow: 0 2px 8px rgba(24, 95, 165, 0.3);
}

.s-done .sd[b-lnjc50i99k] {
    background: #185FA5;
    color: #fff;
}

.s-cur .sd[b-lnjc50i99k] {
    background: #FAEEDA;
    color: #854F0B;
    border: 2px solid #EF9F27;
}

.s-up .sd[b-lnjc50i99k] {
    background: #f5f5f4;
    color: #9b9b96;
    border: 0.5px solid rgba(0,0,0,0.10);
}

.sl2[b-lnjc50i99k] {
    font-size: 10px;
    text-align: center;
    line-height: 1.3;
    color: #6b6b67;
    max-width: 80px;
    word-wrap: break-word;
}

.s-done .sl2[b-lnjc50i99k] {
    color: #185FA5;
    font-weight: 500;
}

.s-cur .sl2[b-lnjc50i99k] {
    color: #854F0B;
    font-weight: 500;
}

.sline[b-lnjc50i99k] {
    position: absolute;
    top: 14px;
    left: 50%;
    right: -50%;
    height: 2px;
    background: rgba(0,0,0,0.10);
    z-index: 1;
}

.s-done .sline[b-lnjc50i99k] {
    background: #185FA5;
}

.stage:last-child .sline[b-lnjc50i99k] {
    display: none;
}

/* ── METRICS ── */
.metrics[b-lnjc50i99k] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    margin-bottom: 13px;
}

.mcard[b-lnjc50i99k] {
    background: #f5f5f4;
    border-radius: 8px;
    padding: 9px 13px;
}

.mcard .ml[b-lnjc50i99k] {
    font-size: 11px;
    color: #6b6b67;
    margin-bottom: 3px;
}

.mcard .mv[b-lnjc50i99k] {
    font-size: 20px;
    font-weight: 500;
}

.mcard .ms[b-lnjc50i99k] {
    font-size: 11px;
    color: #9b9b96;
    margin-top: 1px;
}

/* ── GRID LAYOUT ── */
.grid2[b-lnjc50i99k] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 13px;
}

/* ── CARDS ── */
.card[b-lnjc50i99k] {
    background: #ffffff;
    border: 0.5px solid rgba(0,0,0,0.10);
    border-radius: 12px;
    margin-bottom: 13px;
}

.ch[b-lnjc50i99k] {
    padding: 10px 15px;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.ct[b-lnjc50i99k] {
    font-size: 13px;
    font-weight: 500;
}

.ch-sub[b-lnjc50i99k] {
    font-size: 11px;
    color: #9b9b96;
}

.cb[b-lnjc50i99k] {
    padding: 13px 15px;
}

/* ── APPLICANT HEADER ── */
.applicant-header[b-lnjc50i99k] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
}

.avatar[b-lnjc50i99k] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #B5D4F4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    color: #185FA5;
    flex-shrink: 0;
}

.applicant-name[b-lnjc50i99k] {
    font-size: 14px;
    font-weight: 500;
}

.applicant-sub[b-lnjc50i99k] {
    font-size: 12px;
    color: #6b6b67;
}

/* ── DATA GRID ── */
.data-grid[b-lnjc50i99k] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-bottom: 9px;
}

.data-label[b-lnjc50i99k] {
    font-size: 11px;
    color: #9b9b96;
    margin-bottom: 1px;
}

.data-value[b-lnjc50i99k] {
    font-size: 12px;
}

.data-value.mono[b-lnjc50i99k] {
    font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
}

/* ── INTEGRATIONS ── */
.integrations-section[b-lnjc50i99k] {
    padding-top: 8px;
    border-top: 0.5px solid rgba(0,0,0,0.10);
}

.integrations-section .data-label[b-lnjc50i99k] {
    margin-bottom: 5px;
}

.integrations[b-lnjc50i99k] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.chip[b-lnjc50i99k] {
    font-size: 11px;
    padding: 3px 9px;
    border-radius: 100px;
    background: #f5f5f4;
    border: 0.5px solid rgba(0,0,0,0.10);
    color: #6b6b67;
}

.chip.on[b-lnjc50i99k] {
    background: #E6F1FB;
    color: #185FA5;
    border-color: #B5D4F4;
}

/* ── TABS ── */
.tabs[b-lnjc50i99k] {
    display: flex;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
    margin-bottom: 12px;
}

.tab[b-lnjc50i99k] {
    font-size: 12px;
    padding: 7px 13px;
    cursor: pointer;
    color: #6b6b67;
    border-bottom: 2px solid transparent;
    transition: all .1s;
    user-select: none;
}

.tab.on[b-lnjc50i99k] {
    color: #185FA5;
    border-bottom-color: #185FA5;
    font-weight: 500;
}

.tab:hover:not(.on)[b-lnjc50i99k] {
    color: #1a1a18;
}

.sec[b-lnjc50i99k] {
    display: none;
    padding-bottom: 12px;
}

.sec.on[b-lnjc50i99k] {
    display: block;
}

/* ── TASKS ── */
.task[b-lnjc50i99k] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.task:last-child[b-lnjc50i99k] {
    border-bottom: none;
}

.tck[b-lnjc50i99k] {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 0.5px solid rgba(0,0,0,0.18);
    flex-shrink: 0;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.task.done .tck[b-lnjc50i99k] {
    background: #185FA5;
    border-color: #185FA5;
    color: #fff;
}

.ttx[b-lnjc50i99k] {
    font-size: 12px;
    line-height: 1.4;
}

.ttx-click[b-lnjc50i99k] {
    cursor: pointer;
}

.ttx-click:hover[b-lnjc50i99k] {
    color: #185FA5;
    text-decoration: underline;
}

.task.done .ttx[b-lnjc50i99k] {
    text-decoration: line-through;
    color: #9b9b96;
}

.tmeta[b-lnjc50i99k] {
    font-size: 11px;
    color: #9b9b96;
}

.turg[b-lnjc50i99k] {
    color: #A32D2D;
    font-size: 11px;
    font-weight: 500;
}

/* ── TIMELINE ── */
.tl[b-lnjc50i99k] {
    display: flex;
    gap: 9px;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.tl:last-child[b-lnjc50i99k] {
    border-bottom: none;
}

.tld[b-lnjc50i99k] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 3px;
    flex-shrink: 0;
}

.d-blue[b-lnjc50i99k] { background: #185FA5; }
.d-amber[b-lnjc50i99k] { background: #EF9F27; }
.d-green[b-lnjc50i99k] { background: #639922; }
.d-gray[b-lnjc50i99k] { background: #888780; }
.d-red[b-lnjc50i99k] { background: #E24B4A; }
.d-teal[b-lnjc50i99k] { background: #1D9E75; }

.tlt[b-lnjc50i99k] {
    font-size: 12px;
    line-height: 1.4;
}

.tls[b-lnjc50i99k] {
    font-size: 11px;
    color: #9b9b96;
}

/* ── PILLS ── */
.pill[b-lnjc50i99k] {
    font-size: 11px;
    font-weight: 500;
    padding: 3px 9px;
    border-radius: 100px;
    white-space: nowrap;
    display: inline-block;
}

.pa[b-lnjc50i99k] { background: #FAEEDA; color: #854F0B; }
.pg[b-lnjc50i99k] { background: #EAF3DE; color: #3B6D11; }
.pb[b-lnjc50i99k] { background: #E6F1FB; color: #0C447C; }
.pr[b-lnjc50i99k] { background: #FCEBEB; color: #A32D2D; }
.pt[b-lnjc50i99k] { background: #E1F5EE; color: #085041; }
.pgr[b-lnjc50i99k] { background: #f5f5f4; color: #6b6b67; }
.pbl[b-lnjc50i99k] { background: #E6F1FB; color: #185FA5; }

/* ── INTERVIEW BOX ── */
.ivbox[b-lnjc50i99k] {
    background: #f5f5f4;
    border-radius: 8px;
    padding: 11px 13px;
}

.ivrow[b-lnjc50i99k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.ivrow:last-child[b-lnjc50i99k] {
    border-bottom: none;
}

.ivrow-sub[b-lnjc50i99k] {
    font-size: 11px;
    color: #6b6b67;
}

/* ── AGENDA ITEMS ── */
.agitem[b-lnjc50i99k] {
    display: flex;
    gap: 11px;
    padding: 9px 12px;
    background: #ffffff;
    border: 0.5px solid rgba(0,0,0,0.10);
    border-radius: 8px;
    margin-bottom: 7px;
    transition: border-color .1s;
}

.agitem:hover[b-lnjc50i99k] {
    border-color: rgba(0,0,0,0.18);
}

.agitem.urg[b-lnjc50i99k] {
    border-left: 3px solid #E24B4A;
    border-radius: 0 8px 8px 0;
}

.atime[b-lnjc50i99k] {
    font-size: 12px;
    font-weight: 500;
    min-width: 48px;
    flex-shrink: 0;
}

.abar[b-lnjc50i99k] {
    width: 3px;
    border-radius: 2px;
    flex-shrink: 0;
}

.atitle[b-lnjc50i99k] {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2px;
}

.ameta[b-lnjc50i99k] {
    font-size: 11px;
    color: #6b6b67;
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

/* ── ALERT DOT ── */
.alert-dot[b-lnjc50i99k] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #E24B4A;
    display: inline-block;
}

/* ── EMPTY SECTION ── */
.empty-section[b-lnjc50i99k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    text-align: center;
    color: #9b9b96;
    font-size: 12px;
}

/* ── DOCUMENT ITEMS ── */
.di[b-lnjc50i99k] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 0.5px solid rgba(0,0,0,0.10);
}

.di:last-child[b-lnjc50i99k] {
    border-bottom: none;
}

.dico[b-lnjc50i99k] {
    width: 27px;
    height: 27px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 500;
    flex-shrink: 0;
}

.dc-doc[b-lnjc50i99k] { background: #E6F1FB; color: #185FA5; }
.dc-pdf[b-lnjc50i99k] { background: #FAECE7; color: #993C1D; }
.dc-sig[b-lnjc50i99k] { background: #EAF3DE; color: #3B6D11; }
.dc-mis[b-lnjc50i99k] { background: #FCEBEB; color: #A32D2D; }

/* ── ADD BUTTON ── */
.btn-add[b-lnjc50i99k] {
    font-size: 11px;
    padding: 4px 9px;
    border-radius: 8px;
    border: 0.5px solid rgba(0,0,0,0.18);
    background: #ffffff;
    cursor: pointer;
    color: #1a1a18;
    font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
    transition: background .1s;
    white-space: nowrap;
}

.btn-add:hover[b-lnjc50i99k] {
    background: #E6F1FB;
    color: #185FA5;
    border-color: #B5D4F4;
}

/* ── HIDE DEFAULT SAVE BUTTON ── */
.btn-save[b-lnjc50i99k] {
    display: none !important;
}
/* _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%;
    }
}

/* Supplementary Questions */
.supplementary-header[b-v94nn0e68o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    margin: 20px 0 10px;
    background: #e8f4fd;
    border-radius: 8px;
    border: 1px dashed #2a5298;
}

.supplementary-header .form-section-label[b-v94nn0e68o] {
    font-weight: 600;
    color: #1e3c72;
    font-size: 14px;
}

.qa-block.supplementary[b-v94nn0e68o] {
    background: #fffdf5;
    border-left-color: #f59e0b;
}

.supplementary-badge[b-v94nn0e68o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 28px;
    padding: 0 8px;
    background: #f59e0b;
    color: white;
    border-radius: 14px;
    font-weight: 700;
    font-size: 12px;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Eveniment/ProcedureAzil.razor.rz.scp.css */


.workflow-tiles-container[b-ozcv49sjf1] {
    padding: 24px;
}

.workflow-tiles[b-ozcv49sjf1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.workflow-tile[b-ozcv49sjf1] {
    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-ozcv49sjf1] {
        background: white;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        transform: translateX(4px);
    }

.step-number[b-ozcv49sjf1] {
    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-ozcv49sjf1] {
    background: #0078d4;
}

.step-2[b-ozcv49sjf1] {
    background: #107c10;
}

.step-3[b-ozcv49sjf1] {
    background: #5c2d91;
}

.step-4[b-ozcv49sjf1] {
    background: #d83b01;
}

.workflow-tile:nth-child(1)[b-ozcv49sjf1] {
    border-left-color: #0078d4;
}

.workflow-tile:nth-child(2)[b-ozcv49sjf1] {
    border-left-color: #107c10;
}

.workflow-tile:nth-child(3)[b-ozcv49sjf1] {
    border-left-color: #5c2d91;
}

.workflow-tile:nth-child(4)[b-ozcv49sjf1] {
    border-left-color: #d83b01;
}

.tile-icon[b-ozcv49sjf1] {
    font-size: 32px;
    margin-bottom: 12px;
}

.tile-title[b-ozcv49sjf1] {
    font-size: 16px;
    font-weight: 600;
    color: #323130;
    margin-bottom: 8px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tile-description[b-ozcv49sjf1] {
    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-ozcv49sjf1] {
        grid-template-columns: 1fr;
    }

    .workflow-tile[b-ozcv49sjf1] {
        padding: 16px;
    }

    .tile-icon[b-ozcv49sjf1] {
        font-size: 28px;
    }

    .tile-title[b-ozcv49sjf1] {
        font-size: 15px;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Form/AlegeProcedure.razor.rz.scp.css */
.procedure-selection-container[b-dcyl8thjrs] {
    padding: 20px;
    background-color: #fef9e7;
    border-radius: 8px;
    border: 2px solid #f59e0b;
    margin-bottom: 20px;
}

.procedure-option[b-dcyl8thjrs] {
    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-dcyl8thjrs] {
    border-color: #f59e0b;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
    background-color: #fffef7;
}

.procedure-option.selected[b-dcyl8thjrs] {
    border-color: #f59e0b;
    background-color: #fffbeb;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.procedure-option:active[b-dcyl8thjrs] {
    transform: scale(0.99);
}

.procedure-content[b-dcyl8thjrs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.procedure-name[b-dcyl8thjrs] {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
}

.procedure-term[b-dcyl8thjrs] {
    font-size: 14px;
    color: #6b7280;
    font-style: italic;
}

.task-completed-message[b-dcyl8thjrs] {
    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-dcyl8thjrs] .procedure-option fluent-radio {
    width: 100%;
}

[b-dcyl8thjrs] .procedure-option fluent-radio::part(control) {
    margin-top: 4px;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Form/AzilForm.razor.rz.scp.css */



.form-title-box[b-g1cjmhfezt] {
    text-align: center;
    padding: 20px;
    background: white;
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-g1cjmhfezt] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-g1cjmhfezt] {
    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-g1cjmhfezt] {
    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-g1cjmhfezt] {
    margin-bottom: 18px;
}

.form-row[b-g1cjmhfezt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-g1cjmhfezt] {
    color: #dc2626;
    margin-left: 3px;
}

/* Submission method radio options */
.submission-method-option[b-g1cjmhfezt] {
    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-g1cjmhfezt] {
    border-color: #0078d4;
    background: #f0f6ff;
}

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

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

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

/* === IGPF border crossings dialog === */
.igpf-crossings-table[b-g1cjmhfezt] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
    font-size: 13px;
}

.igpf-crossings-table th[b-g1cjmhfezt] {
    background: #1e3c72;
    color: white;
    padding: 8px;
    text-align: left;
}

.igpf-crossings-table td[b-g1cjmhfezt] {
    padding: 8px;
    border-bottom: 1px solid #e0e0e0;
}

.igpf-crossings-table tr:hover[b-g1cjmhfezt] {
    background: #f5f9ff;
}

.igpf-direction-in[b-g1cjmhfezt] {
    color: #107c10;
    font-weight: 600;
}

.igpf-direction-out[b-g1cjmhfezt] {
    color: #8a8886;
}

.igpf-raw-json[b-g1cjmhfezt] {
    max-height: 200px;
    overflow: auto;
    background: #f3f3f3;
    padding: 8px;
    border-radius: 4px;
    font-size: 11px;
}

.status-badge.status-true[b-g1cjmhfezt] {
    background: #e6f4ea;
    color: #107c10;
    border: 1px solid #107c10;
}

.status-badge.status-false[b-g1cjmhfezt] {
    background: #fde7e9;
    color: #d13438;
    border: 1px solid #d13438;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Form/AzilFormStart.razor.rz.scp.css */



.form-title-box[b-6jxpmclzwp] {
    text-align: center;
    padding: 20px;
    background: white;
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-6jxpmclzwp] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-6jxpmclzwp] {
    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-6jxpmclzwp] {
    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-6jxpmclzwp] {
    margin-bottom: 18px;
}

.form-row[b-6jxpmclzwp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-6jxpmclzwp] {
    color: #dc2626;
    margin-left: 3px;
}

/* === Scan Results === */
.scan-results-container[b-6jxpmclzwp] {
    padding: 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 2px solid #1e3c72;
    border-radius: 12px;
}

.scan-photo-column[b-6jxpmclzwp] {
    flex-shrink: 0;
    width: 220px;
}

.scan-personal-id[b-6jxpmclzwp] {
    margin-top: 10px;
    padding: 8px 12px;
    background-color: #e3f2fd;
    border: 1px solid #1e88e5;
    border-radius: 6px;
    text-align: center;
}

.scan-personal-id-value[b-6jxpmclzwp] {
    font-size: 1.1em;
    font-weight: 700;
    color: #1565c0;
    letter-spacing: 1px;
}

.search-check-item[b-6jxpmclzwp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.95em;
    font-weight: 500;
}

.search-check-item.check-missing[b-6jxpmclzwp] {
    background-color: #fff3e0;
    border: 1px solid #ff9800;
    color: #e65100;
}

.search-check-item.check-done[b-6jxpmclzwp] {
    background-color: #e8f5e9;
    border: 1px solid #4caf50;
    color: #2e7d32;
}

.search-check-icon[b-6jxpmclzwp] {
    font-size: 1.2em;
    font-weight: 700;
    width: 20px;
    text-align: center;
}

.scan-photo-placeholder[b-6jxpmclzwp] {
    width: 200px;
    height: 260px;
    background-color: #f0f0f0;
    border: 2px dashed #bbb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #888;
}

.scan-data-column[b-6jxpmclzwp] {
    flex: 1;
}

.scan-data-grid[b-6jxpmclzwp] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}

.scan-field[b-6jxpmclzwp] {
    background: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #e0e4f0;
}

.scan-field-full[b-6jxpmclzwp] {
    grid-column: 1 / -1;
}

.scan-label[b-6jxpmclzwp] {
    display: block;
    font-size: 0.78em;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.scan-value[b-6jxpmclzwp] {
    font-size: 1.05em;
    font-weight: 700;
    color: #1e3c72;
}

.scan-mrz[b-6jxpmclzwp] {
    font-family: 'Courier New', monospace;
    font-size: 0.85em;
    word-break: break-all;
    color: #333;
}

.scan-expired[b-6jxpmclzwp] {
    color: #d32f2f !important;
    font-weight: 800;
}

.scan-expired-badge[b-6jxpmclzwp] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: #fff;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 700;
    vertical-align: middle;
}

.scan-actions[b-6jxpmclzwp] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
    justify-content: center;
    flex-wrap: wrap;
}

/* ASP Search Results */
.asp-results-section[b-6jxpmclzwp] {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 2px solid #e0e4f0;
}

.asp-results-header[b-6jxpmclzwp] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

    .asp-results-header h4[b-6jxpmclzwp] {
        margin: 0;
        color: #1e3c72;
    }

.asp-results-count[b-6jxpmclzwp] {
    padding: 3px 10px;
    background: #1e3c72;
    color: #fff;
    border-radius: 12px;
    font-size: 0.82em;
    font-weight: 600;
}

.asp-no-results[b-6jxpmclzwp] {
    padding: 20px;
    text-align: center;
    color: #888;
    background: #f5f5f5;
    border-radius: 8px;
    border: 1px dashed #ccc;
}

.asp-person-card[b-6jxpmclzwp] {
    background: #fff;
    border: 1px solid #d0d5e0;
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.asp-person-header[b-6jxpmclzwp] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.asp-person-name[b-6jxpmclzwp] {
    font-size: 1.15em;
    font-weight: 700;
    color: #1e3c72;
}

.asp-idnp-badge[b-6jxpmclzwp] {
    padding: 3px 10px;
    background: #0078d4;
    color: #fff;
    border-radius: 6px;
    font-size: 0.82em;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

.asp-person-grid[b-6jxpmclzwp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.asp-field[b-6jxpmclzwp] {
    padding: 6px 10px;
    background: #f8f9ff;
    border-radius: 6px;
    border: 1px solid #e8ecf4;
}

.asp-field-label[b-6jxpmclzwp] {
    display: block;
    font-size: 0.75em;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.asp-field-value[b-6jxpmclzwp] {
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    color: #333;
}

.asp-subsection[b-6jxpmclzwp] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e0e4f0;
}

.asp-subsection-title[b-6jxpmclzwp] {
    font-size: 0.88em;
    font-weight: 700;
    color: #555;
    margin-bottom: 8px;
}

.asp-error-section[b-6jxpmclzwp] {
    margin-top: 16px;
    padding: 12px 16px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 8px;
    color: #856404;
}

/* Person documents table */
.person-documents-section[b-6jxpmclzwp] {
    margin-top: 10px;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.documents-table[b-6jxpmclzwp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.documents-table thead th[b-6jxpmclzwp] {
    background-color: #1e3c72;
    color: white;
    padding: 8px 10px;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}

.documents-table tbody td[b-6jxpmclzwp] {
    padding: 6px 10px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
}

.documents-table tbody tr:hover[b-6jxpmclzwp] {
    background-color: #e8f0fe;
}

.documents-table tbody tr:nth-child(even)[b-6jxpmclzwp] {
    background-color: #f5f7fa;
}

.documents-table .expired-date[b-6jxpmclzwp] {
    color: #d32f2f;
    font-weight: 600;
}

.expired-badge-small[b-6jxpmclzwp] {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 6px;
    background: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 600;
}

.idnp-info-banner[b-6jxpmclzwp] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 8px;
}

.idnp-info-banner.warning[b-6jxpmclzwp] {
    background-color: #fff3cd;
    border: 1px solid #ffa000;
    color: #856404;
}

.idnp-info-banner.success[b-6jxpmclzwp] {
    background-color: #d4edda;
    border: 1px solid #28a745;
    color: #155724;
}

/* Person Azil Cases section */
.person-azil-cases-section[b-6jxpmclzwp] {
    margin-top: 10px;
    padding: 15px;
    background: #fffbe6;
    border: 1px solid #ffa000;
    border-radius: 8px;
}

.azil-cases-banner.warning[b-6jxpmclzwp] {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    gap: 8px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
}

/* IGM Search - Document matching */
.person-card-match[b-6jxpmclzwp] {
    border: 2px solid #d32f2f !important;
    background-color: #fff5f5 !important;
}

.doc-full-match-badge[b-6jxpmclzwp] {
    display: inline-block;
    padding: 4px 12px;
    background-color: #d32f2f;
    color: white;
    border-radius: 12px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;
}

.doc-match-indicator[b-6jxpmclzwp] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 600;
}

.igm-person-docs[b-6jxpmclzwp] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;
}

.igm-docs-header[b-6jxpmclzwp] {
    font-size: 0.9em;
    font-weight: 600;
    color: #1e3c72;
    margin-bottom: 8px;
}

.igm-docs-table[b-6jxpmclzwp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85em;
}

.igm-docs-table th[b-6jxpmclzwp] {
    background-color: #f0f4f8;
    padding: 6px 10px;
    text-align: left;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #ddd;
}

.igm-docs-table td[b-6jxpmclzwp] {
    padding: 5px 10px;
    border-bottom: 1px solid #eee;
}

.doc-row-full-match[b-6jxpmclzwp] {
    background-color: #ffebee !important;
}

.doc-row-full-match td[b-6jxpmclzwp] {
    border-bottom-color: #ffcdd2 !important;
}

.field-match[b-6jxpmclzwp] {
    background-color: #c8e6c9;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.match-badge-full[b-6jxpmclzwp] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

.match-badge-partial[b-6jxpmclzwp] {
    display: inline-block;
    padding: 2px 8px;
    background-color: #ff9800;
    color: white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.85em;
}

/* Identity Status Selector */
.identity-status-selector[b-6jxpmclzwp] {
    margin: 8px 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%);
    border: 1px solid #d0d5e0;
    border-radius: 10px;
}

.identity-status-label[b-6jxpmclzwp] {
    font-size: 0.85em;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.identity-status-options[b-6jxpmclzwp] {
    display: flex;
    gap: 16px;
}

.identity-option[b-6jxpmclzwp] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 2px solid #d0d5e0;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    transition: all 0.25s ease;
    user-select: none;
}

.identity-option:hover[b-6jxpmclzwp] {
    border-color: #90a4ae;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

.identity-option-active.identity-option-declared[b-6jxpmclzwp] {
    border-color: #f57c00;
    background: linear-gradient(135deg, #fff8e1 0%, #fff3e0 100%);
    box-shadow: 0 3px 12px rgba(245, 124, 0, 0.18);
}

.identity-option-active.identity-option-confirmed[b-6jxpmclzwp] {
    border-color: #2e7d32;
    background: linear-gradient(135deg, #e8f5e9 0%, #dcedc8 100%);
    box-shadow: 0 3px 12px rgba(46, 125, 50, 0.18);
}

.identity-option-icon[b-6jxpmclzwp] {
    font-size: 1.6em;
    flex-shrink: 0;
    width: 40px;
    text-align: center;
}

.identity-option-content[b-6jxpmclzwp] {
    flex: 1;
}

.identity-option-title[b-6jxpmclzwp] {
    font-size: 0.95em;
    font-weight: 700;
    color: #333;
    margin-bottom: 3px;
}

.identity-option-active.identity-option-declared .identity-option-title[b-6jxpmclzwp] {
    color: #e65100;
}

.identity-option-active.identity-option-confirmed .identity-option-title[b-6jxpmclzwp] {
    color: #1b5e20;
}

.identity-option-desc[b-6jxpmclzwp] {
    font-size: 0.8em;
    color: #888;
    line-height: 1.3;
}

.identity-option-active .identity-option-desc[b-6jxpmclzwp] {
    color: #666;
}

.identity-option-radio[b-6jxpmclzwp] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #bbb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s;
}

.identity-option-active.identity-option-declared .identity-option-radio[b-6jxpmclzwp] {
    border-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .identity-option-radio[b-6jxpmclzwp] {
    border-color: #2e7d32;
}

.radio-dot[b-6jxpmclzwp] {
    width: 0;
    height: 0;
    border-radius: 50%;
    transition: all 0.2s;
}

.radio-dot-active[b-6jxpmclzwp] {
    width: 12px;
    height: 12px;
}

.identity-option-active.identity-option-declared .radio-dot-active[b-6jxpmclzwp] {
    background-color: #f57c00;
}

.identity-option-active.identity-option-confirmed .radio-dot-active[b-6jxpmclzwp] {
    background-color: #2e7d32;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Form/AzilForm_Short.razor.rz.scp.css */



.form-title-box[b-rd40el43hh] {
    text-align: center;
    padding: 20px;
    background: white;
    border: 2px solid #000;
    margin-bottom: 25px;
}

    .form-title-box h2[b-rd40el43hh] {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 3px;
        text-transform: uppercase;
    }

.sectionAzil[b-rd40el43hh] {
    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-rd40el43hh] {
    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-rd40el43hh] {
    margin-bottom: 18px;
}

.form-row[b-rd40el43hh] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group label .required[b-rd40el43hh] {
    color: #dc2626;
    margin-left: 3px;
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Form/CommunicareDecizie.razor.rz.scp.css */
/* Info boxes */
.info-box[b-0zpebmujqj] {
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: #1565c0;
}

.info-box.success[b-0zpebmujqj] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

/* Section title */
.section-title[b-0zpebmujqj] {
    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-0zpebmujqj] {
    font-size: 18px;
}

/* Translation box */
.translation-box[b-0zpebmujqj] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.translation-box h4[b-0zpebmujqj] {
    color: #f57f17;
    margin-bottom: 15px;
    font-size: 15px;
}

/* Field types */
.field-system[b-0zpebmujqj] {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

.field-auto[b-0zpebmujqj] {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-0zpebmujqj] {
    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-0zpebmujqj] {
    text-align: center;
    color: #667eea;
    margin-bottom: 30px;
}

/* Button group */
.button-group[b-0zpebmujqj] {
    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/Form/Elaborarea_Deciziei.razor.rz.scp.css */
/* FormSemnareDeciziei.razor.css */

.decizie-header[b-o8nmy4eydz] {
    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-o8nmy4eydz] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin: 0;
}

.decizie-header p[b-o8nmy4eydz] {
    font-size: 14px;
    opacity: 0.9;
    margin: 8px 0 0 0;
}

/* Section Styles */
.section-title[b-o8nmy4eydz] {
    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-o8nmy4eydz] {
    font-size: 18px;
}

/* Regional header info */
.regional-header[b-o8nmy4eydz] {
    background: #e3f2fd;
    border: 2px solid #2196f3;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 25px;
}

.regional-header h3[b-o8nmy4eydz] {
    color: #1565c0;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.regional-header p[b-o8nmy4eydz] {
    color: #1976d2;
    font-size: 13px;
    margin: 3px 0;
}

/* Info boxes */
.info-box[b-o8nmy4eydz] {
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: #1565c0;
}

.info-box.success[b-o8nmy4eydz] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

.info-box.warning[b-o8nmy4eydz] {
    background: #fff3e0;
    border-left-color: #ff9800;
    color: #e65100;
}

/* Legal reference box */
.legal-box[b-o8nmy4eydz] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.legal-box h4[b-o8nmy4eydz] {
    color: #f57f17;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
}

/* Decision box */
.decision-box[b-o8nmy4eydz] {
    background: #f5f5f5;
    border: 3px solid #667eea;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.decision-box h2[b-o8nmy4eydz] {
    font-size: 24px;
    color: #667eea;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 700;
}

.decision-options[b-o8nmy4eydz] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.decision-option[b-o8nmy4eydz] {
    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-o8nmy4eydz] {
    border-color: #667eea;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
    transform: translateY(-2px);
}

.decision-option input[type="radio"][b-o8nmy4eydz] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.decision-option label[b-o8nmy4eydz] {
    flex: 1;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    color: #333;
    text-align: left;
}

.decision-option.selected[b-o8nmy4eydz] {
    border-color: #667eea;
    background: #f0f4ff;
}

/* Field types */
[b-o8nmy4eydz] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-o8nmy4eydz] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-o8nmy4eydz] {
    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-o8nmy4eydz] {
    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-o8nmy4eydz] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    .section-title[b-o8nmy4eydz] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .decision-box[b-o8nmy4eydz] {
        padding: 20px 15px;
    }

    .legal-box[b-o8nmy4eydz] {
        padding: 15px;
    }

    .preview-container[b-o8nmy4eydz] {
        padding: 20px;
    }
}

/* Print styles */
@media print {
    .button-group[b-o8nmy4eydz] {
        display: none;
    }

    .decizie-header[b-o8nmy4eydz] {
        background: white;
        color: black;
        border-bottom: 2px solid #333;
    }

    .section-title[b-o8nmy4eydz] {
        background: white;
        color: black;
        border-bottom: 1px solid #333;
    }

    .preview-container[b-o8nmy4eydz] {
        border: none;
        padding: 0;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Form/FormVerificationPerson.razor.rz.scp.css */
/*razor.css - Стили для компонента FormVerificationPerson (NEW Architecture) */

.verification-container[b-wzz4dy0ls8] {
    background: white;
    padding: 0;
}

.info-box[b-wzz4dy0ls8] {
    background: #d4e9ff;
    border-left: 4px solid #0078d4;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.info-box h3[b-wzz4dy0ls8] {
    font-size: 13px;
    margin-bottom: 6px;
    color: #323130;
    font-weight: 600;
}

.info-box p[b-wzz4dy0ls8] {
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    color: #605e5c;
}

.session-info-box[b-wzz4dy0ls8] {
    background: #fff4e6;
    border-left: 4px solid #f59e0b;
    padding: 12px 16px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.table-container[b-wzz4dy0ls8] {
    overflow-x: auto;
    margin-bottom: 16px;
    border: 1px solid #e1dfdd;
    border-radius: 4px;
}

.verification-table[b-wzz4dy0ls8] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: white;
}

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

.verification-table th[b-wzz4dy0ls8] {
    background: #f3f2f1;
    font-weight: 600;
    color: #323130;
    font-size: 12px;
    text-align: center;
}

.col-source[b-wzz4dy0ls8] {
    width: 15%;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
}

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

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

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

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

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

.default-row[b-wzz4dy0ls8] {
    background: #faf9f8;
}

.default-row:hover[b-wzz4dy0ls8] {
    background: #f3f2f1;
}

.added-row[b-wzz4dy0ls8] {
    background: #eff6fc;
}

.added-row:hover[b-wzz4dy0ls8] {
    background: #deecf9;
}

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

.actions[b-wzz4dy0ls8] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    flex-wrap: wrap;
}

/* Previous Verifications Section */
.previous-verifications-section[b-wzz4dy0ls8] {
    background: #f8f8f8;
    border: 1px solid #e1dfdd;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}

.collapsible-header[b-wzz4dy0ls8] {
    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-wzz4dy0ls8] {
    background: #106ebe;
}

.collapsible-header h4[b-wzz4dy0ls8] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.toggle-icon[b-wzz4dy0ls8] {
    font-size: 12px;
    transition: transform 0.2s;
}

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

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

.previous-verification-card[b-wzz4dy0ls8] {
    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-wzz4dy0ls8] {
    margin-bottom: 0;
}

.card-header[b-wzz4dy0ls8] {
    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-wzz4dy0ls8],
.header-right[b-wzz4dy0ls8] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-badge[b-wzz4dy0ls8] {
    background: #0078d4;
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.verification-date[b-wzz4dy0ls8] {
    font-size: 13px;
    font-weight: 600;
    color: #323130;
}

.verification-officer[b-wzz4dy0ls8] {
    font-size: 12px;
    color: #605e5c;
    background: white;
    padding: 4px 10px;
    border-radius: 8px;
}

.completed-badge[b-wzz4dy0ls8] {
    background: #107c10;
    color: white;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.session-notes[b-wzz4dy0ls8] {
    background: #fff9e6;
    padding: 10px 16px;
    border-left: 3px solid #f59e0b;
    font-size: 12px;
    color: #323130;
    line-height: 1.5;
}

.session-notes strong[b-wzz4dy0ls8] {
    color: #d97706;
}

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

.verification-table.compact[b-wzz4dy0ls8] {
    font-size: 12px;
}

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

.mentions-text[b-wzz4dy0ls8] {
    font-size: 11px;
    line-height: 1.4;
    color: #323130;
    max-height: 60px;
    overflow-y: auto;
}

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

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

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

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

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

    .header-left[b-wzz4dy0ls8],
    .header-right[b-wzz4dy0ls8] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/IGM.Web/Pages/Workplace/CaseAzil/Form/SemnareDeciziei_Sef_DR.razor.rz.scp.css */
/* FormSemnareDeciziei.razor.css */

.decizie-header[b-6fjftdpbtl] {
    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-6fjftdpbtl] {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin: 0;
}

.decizie-header p[b-6fjftdpbtl] {
    font-size: 14px;
    opacity: 0.9;
    margin: 8px 0 0 0;
}

/* Section Styles */
.section-title[b-6fjftdpbtl] {
    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-6fjftdpbtl] {
    font-size: 18px;
}

/* Regional header info */
.regional-header[b-6fjftdpbtl] {
    background: #e3f2fd;
    border: 2px solid #2196f3;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 25px;
}

.regional-header h3[b-6fjftdpbtl] {
    color: #1565c0;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}

.regional-header p[b-6fjftdpbtl] {
    color: #1976d2;
    font-size: 13px;
    margin: 3px 0;
}

/* Info boxes */
.info-box[b-6fjftdpbtl] {
    background: #e3f2fd;
    border-left: 4px solid #2196f3;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 13px;
    color: #1565c0;
}

.info-box.success[b-6fjftdpbtl] {
    background: #e8f5e9;
    border-left-color: #4caf50;
    color: #2e7d32;
}

.info-box.warning[b-6fjftdpbtl] {
    background: #fff3e0;
    border-left-color: #ff9800;
    color: #e65100;
}

/* Legal reference box */
.legal-box[b-6fjftdpbtl] {
    background: #fff8e1;
    border: 2px solid #ffc107;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}

.legal-box h4[b-6fjftdpbtl] {
    color: #f57f17;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
}

/* Decision box */
.decision-box[b-6fjftdpbtl] {
    background: #f5f5f5;
    border: 3px solid #667eea;
    border-radius: 12px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
}

.decision-box h2[b-6fjftdpbtl] {
    font-size: 24px;
    color: #667eea;
    margin-bottom: 25px;
    margin-top: 0;
    font-weight: 700;
}

.decision-options[b-6fjftdpbtl] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px;
    margin: 0 auto;
}

.decision-option[b-6fjftdpbtl] {
    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-6fjftdpbtl] {
    border-color: #667eea;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
    transform: translateY(-2px);
}

.decision-option input[type="radio"][b-6fjftdpbtl] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.decision-option label[b-6fjftdpbtl] {
    flex: 1;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    color: #333;
    text-align: left;
}

.decision-option.selected[b-6fjftdpbtl] {
    border-color: #667eea;
    background: #f0f4ff;
}

/* Field types */
[b-6fjftdpbtl] .field-system {
    background-color: #e8f5e9 !important;
    border-color: #66bb6a !important;
}

[b-6fjftdpbtl] .field-auto {
    background-color: #e0e0e0 !important;
    cursor: not-allowed;
}

/* Preview container */
.preview-container[b-6fjftdpbtl] {
    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-6fjftdpbtl] {
    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-6fjftdpbtl] {
        margin: -10px -10px 15px -10px;
        padding: 20px 15px;
    }

    .section-title[b-6fjftdpbtl] {
        margin-left: -10px;
        margin-right: -10px;
    }

    .decision-box[b-6fjftdpbtl] {
        padding: 20px 15px;
    }

    .legal-box[b-6fjftdpbtl] {
        padding: 15px;
    }

    .preview-container[b-6fjftdpbtl] {
        padding: 20px;
    }
}

/* Print styles */
@media print {
    .button-group[b-6fjftdpbtl] {
        display: none;
    }

    .decizie-header[b-6fjftdpbtl] {
        background: white;
        color: black;
        border-bottom: 2px solid #333;
    }

    .section-title[b-6fjftdpbtl] {
        background: white;
        color: black;
        border-bottom: 1px solid #333;
    }

    .preview-container[b-6fjftdpbtl] {
        border: none;
        padding: 0;
    }
}
/* _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_Cazare/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-rccb3awa8s] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-rccb3awa8s] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-rccb3awa8s] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-rccb3awa8s] {
    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-rccb3awa8s] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-rccb3awa8s] {
    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-rccb3awa8s] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-rccb3awa8s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-rccb3awa8s] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-rccb3awa8s] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-rccb3awa8s] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-rccb3awa8s] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-rccb3awa8s] {
        color: #A19F9D;
        font-style: italic;
    }

.documents-header[b-rccb3awa8s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-rccb3awa8s] {
    --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-rccb3awa8s] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-rccb3awa8s] {
        padding: 12px 16px;
    }

    [b-rccb3awa8s] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-rccb3awa8s] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-rccb3awa8s] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Combaterea/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-maz9e4j1be] {
    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-maz9e4j1be] {
        background-color: #f3f2f1;
    }

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

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

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

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

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

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

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

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

/* Progress bar CSS*/

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

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

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

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

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

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

.inline-fill[b-maz9e4j1be] {
    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-maz9e4j1be] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

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




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

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

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

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

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

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

.inline-fill[b-maz9e4j1be] {
    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-maz9e4j1be] {
    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-maz9e4j1be] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

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

<style >
.report-gen-iframe[b-maz9e4j1be] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-maz9e4j1be] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-maz9e4j1be] >
/* _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_Contestatie/Dashboard/CaseDashboard.razor.rz.scp.css */
.dashboard-container[b-4pbiblhf3r] {
    padding: 10px;
}

.dashboard-title[b-4pbiblhf3r] {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.dashboard-subtitle[b-4pbiblhf3r] {
    font-size: 13px;
    color: #666;
    margin-bottom: 16px;
}

.checklist-container[b-4pbiblhf3r] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checklist-item[b-4pbiblhf3r] {
    border-radius: 8px;
    padding: 10px 14px;
    border-left: 4px solid #ccc;
    transition: background-color 0.2s;
}

.checklist-item:hover[b-4pbiblhf3r] {
    filter: brightness(0.97);
}

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

.checklist-item.pending[b-4pbiblhf3r] {
    background-color: #fff9f5;
    border-left-color: #d83b01;
}

.checklist-item.inProgress[b-4pbiblhf3r] {
    background-color: #00bcd43b;
    border-left-color: #03a9f4;
}

.item-content[b-4pbiblhf3r] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.item-title[b-4pbiblhf3r] {
    min-width: 320px;
    font-size: 13px;
    font-weight: 500;
}

.item-date[b-4pbiblhf3r] {
    min-width: 90px;
    font-size: 12px;
    color: #666;
}

.item-user[b-4pbiblhf3r] {
    min-width: 140px;
    font-size: 12px;
    color: #666;
}

.status-badge[b-4pbiblhf3r] {
    font-size: 11px;
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 500;
}

.badge-green[b-4pbiblhf3r] {
    background-color: #dff6dd;
    color: #107c10;
}

.badge-orange[b-4pbiblhf3r] {
    background-color: #fff4ce;
    color: #d83b01;
}

.badge-grey[b-4pbiblhf3r] {
    background-color: #f0f0f0;
    color: #888;
}

.action-btn[b-4pbiblhf3r] {
    cursor: pointer;
    font-size: 18px;
    padding: 2px 6px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.action-btn:hover[b-4pbiblhf3r] {
    background-color: #e0e0e0;
}
/* _content/IGM.Web/Pages/Workplace/Case_Contestatie/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-uyys5cr3kc] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-uyys5cr3kc] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-uyys5cr3kc] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-uyys5cr3kc] {
    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-uyys5cr3kc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-uyys5cr3kc] {
    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-uyys5cr3kc] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-uyys5cr3kc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-uyys5cr3kc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-uyys5cr3kc] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-uyys5cr3kc] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-uyys5cr3kc] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-uyys5cr3kc] {
        color: #A19F9D;
        font-style: italic;
    }

.documents-header[b-uyys5cr3kc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-uyys5cr3kc] {
    --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-uyys5cr3kc] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-uyys5cr3kc] {
        padding: 12px 16px;
    }

    [b-uyys5cr3kc] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-uyys5cr3kc] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-uyys5cr3kc] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_CPTS/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-bpe7d58qe8] {
    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-bpe7d58qe8] {
        background-color: #f3f2f1;
    }

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

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

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

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

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

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

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

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

/* Progress bar CSS*/

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

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

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

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

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

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

.inline-fill[b-bpe7d58qe8] {
    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-bpe7d58qe8] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

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




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

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

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

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

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

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

.inline-fill[b-bpe7d58qe8] {
    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-bpe7d58qe8] {
    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-bpe7d58qe8] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

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

<style >
.report-gen-iframe[b-bpe7d58qe8] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-bpe7d58qe8] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-bpe7d58qe8] >
/* _content/IGM.Web/Pages/Workplace/Case_CPTS/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-oxxotx0991] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-oxxotx0991] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-oxxotx0991] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-oxxotx0991] {
    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-oxxotx0991] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-oxxotx0991] {
    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-oxxotx0991] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-oxxotx0991] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-oxxotx0991] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-oxxotx0991] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-oxxotx0991] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-oxxotx0991] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-oxxotx0991] {
        color: #A19F9D;
        font-style: italic;
    }

.documents-header[b-oxxotx0991] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-oxxotx0991] {
    --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-oxxotx0991] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-oxxotx0991] {
        padding: 12px 16px;
    }

    [b-oxxotx0991] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-oxxotx0991] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-oxxotx0991] {
        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_Vize/Dashboard/CaseDashboard.razor.rz.scp.css */
/* Checklist CSS*/
.checklist-item[b-gpq4dp6pcj] {
    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-gpq4dp6pcj] {
        background-color: #f3f2f1;
    }

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

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

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

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

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

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

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

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

/* Progress bar CSS*/

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

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

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

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

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

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

.inline-fill[b-gpq4dp6pcj] {
    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-gpq4dp6pcj] {
    display: flex;
    gap: 20px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
}

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




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

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

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

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

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

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

.inline-fill[b-gpq4dp6pcj] {
    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-gpq4dp6pcj] {
    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-gpq4dp6pcj] {
    display: flex;
    gap: 40px;
    font-size: 11px;
    color: #605e5c;
    flex-wrap: wrap;
    padding-left:20px;
}

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

<style >
.report-gen-iframe[b-gpq4dp6pcj] {
    display: block;
    width: 90%;
    height: 70vh;
    border: solid;
}

.report-gen-outer-div[b-gpq4dp6pcj] {
    background-color: white;
    display: flex;
    justify-content: center;
    width: 85%;
    height: 70vh;
    margin-bottom: 5px;
    align-items: center;
}

</style[b-gpq4dp6pcj] >
/* _content/IGM.Web/Pages/Workplace/Case_Vize/Form/VerificareDocumentVize.razor.rz.scp.css */
/* ==================== MAIN CONTAINER ==================== */
.verificare-container[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    color: white;
    padding: 25px 30px;
    text-align: center;
}

.verificare-header h1[b-tzn0rmz5lm] {
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 0;
}

.verificare-header p[b-tzn0rmz5lm] {
    opacity: 0.9;
    font-size: 0.95em;
    margin: 0;
}

/* ==================== CONTENT ==================== */
.verificare-content[b-tzn0rmz5lm] {
    padding: 30px;
}

/* ==================== STEPS ==================== */
.step[b-tzn0rmz5lm] {
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #1e3c72;
    transition: all 0.3s ease;
}

.step.completed[b-tzn0rmz5lm] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step.disabled[b-tzn0rmz5lm] {
    opacity: 0.5;
    pointer-events: none;
}

.step-header[b-tzn0rmz5lm] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.step-number[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    background: #70ad47;
}

.step-title[b-tzn0rmz5lm] {
    font-size: 1.1em;
    font-weight: 600;
    color: #1e3c72;
}

.step.completed .step-title[b-tzn0rmz5lm] {
    color: #4a7c32;
}

/* ==================== COMPACT STEPS ==================== */
.step-compact[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    border-left-color: #70ad47;
    background: #f0f7f0;
}

.step-compact .step-number[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    background: #70ad47;
}

.step-compact .step-label[b-tzn0rmz5lm] {
    font-size: 1em;
    font-weight: 600;
    color: #1e3c72;
    min-width: 180px;
    flex-shrink: 0;
}

.step-compact.completed .step-label[b-tzn0rmz5lm] {
    color: #4a7c32;
}

/* ==================== SELECT ==================== */
.step-select[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    border-color: #1e3c72;
}

.step-select:focus[b-tzn0rmz5lm] {
    outline: none;
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select:disabled[b-tzn0rmz5lm] {
    background-color: #f0f0f0;
    cursor: not-allowed;
}

.step-select-inline[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    border-color: #1e3c72;
}

.step-select-inline:focus[b-tzn0rmz5lm] {
    outline: none;
    border-color: #2a5298;
    box-shadow: 0 0 0 3px rgba(42, 82, 152, 0.2);
}

.step-select-inline:disabled[b-tzn0rmz5lm] {
    background-color: #f0f0f0;
    cursor: not-allowed;
}

/* ==================== CHECKLIST CONTAINER ==================== */
.checklist-container[b-tzn0rmz5lm] {
    margin-top: 30px;
    padding: 25px;
    background: #f0f7f0;
    border-radius: 8px;
    border: 2px solid #70ad47;
}

.checklist-header[b-tzn0rmz5lm] {
    background: #70ad47;
    color: white;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.checklist-header h3[b-tzn0rmz5lm] {
    margin: 0 0 5px 0;
    font-size: 1.1em;
}

.selection-summary[b-tzn0rmz5lm] {
    font-size: 0.9em;
    opacity: 0.95;
}

/* ==================== DOCUMENT LIST ==================== */
.document-list[b-tzn0rmz5lm] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.document-item[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    border-color: #70ad47;
    box-shadow: 0 2px 8px rgba(112, 173, 71, 0.15);
}

.document-item.checked[b-tzn0rmz5lm] {
    background: #e8f5e9;
    border-color: #70ad47;
}

.document-item input[type="checkbox"][b-tzn0rmz5lm] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #70ad47;
    flex-shrink: 0;
}

.document-info[b-tzn0rmz5lm] {
    flex: 1;
}

.document-code[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    font-weight: 500;
    color: #333;
}

.document-note[b-tzn0rmz5lm] {
    font-size: 0.85em;
    color: #666;
    margin-top: 4px;
    font-style: italic;
}

/* ==================== PROGRESS BAR ==================== */
.progress-bar[b-tzn0rmz5lm] {
    height: 8px;
    background: #e0e0e0;
    border-radius: 4px;
    margin: 20px 0;
    overflow: hidden;
}

.progress-fill[b-tzn0rmz5lm] {
    height: 100%;
    background: linear-gradient(90deg, #70ad47, #8bc34a);
    border-radius: 4px;
    transition: width 0.3s;
}

.progress-text[b-tzn0rmz5lm] {
    text-align: center;
    font-size: 0.9em;
    color: #666;
    margin-bottom: 15px;
}

/* ==================== WARNINGS ==================== */
.warning-text[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.warning-text.success[b-tzn0rmz5lm] {
    background: #d4edda;
    color: #155724;
}

.warning-icon[b-tzn0rmz5lm] {
    font-size: 1.3em;
    margin-right: 10px;
    flex-shrink: 0;
}

/* ==================== CONFIRM SECTION ==================== */
.confirm-section[b-tzn0rmz5lm] {
    margin-top: 25px;
    padding: 20px;
    background: linear-gradient(135deg, #fff3e0, #ffe0b2);
    border-radius: 8px;
    border: 2px solid #ff9800;
}

.confirm-section.ready[b-tzn0rmz5lm] {
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-color: #4caf50;
}

.confirm-btn[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    cursor: pointer;
}

.confirm-btn.active:hover[b-tzn0rmz5lm] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(76, 175, 80, 0.4);
}

/* ==================== SUCCESS MESSAGE ==================== */
.success-message[b-tzn0rmz5lm] {
    padding: 25px;
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
    border-radius: 8px;
    text-align: center;
    border: 2px solid #4caf50;
    margin-top: 20px;
}

.success-icon[b-tzn0rmz5lm] {
    font-size: 3em;
    color: #4caf50;
    margin-bottom: 15px;
}

.success-message h3[b-tzn0rmz5lm] {
    color: #2e7d32;
    margin-bottom: 10px;
}

.success-message p[b-tzn0rmz5lm] {
    color: #333;
    margin: 5px 0;
}

.next-step-btn[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    background: #2a5298;
    transform: translateY(-1px);
}

.reset-btn[b-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
    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-tzn0rmz5lm] {
        margin: 10px;
        border-radius: 8px;
    }

    .verificare-header[b-tzn0rmz5lm] {
        padding: 20px;
    }

    .verificare-header h1[b-tzn0rmz5lm] {
        font-size: 1.2em;
    }

    .verificare-content[b-tzn0rmz5lm] {
        padding: 20px;
    }

    .step[b-tzn0rmz5lm] {
        padding: 15px;
    }

    .checklist-container[b-tzn0rmz5lm] {
        padding: 15px;
    }

    .document-item[b-tzn0rmz5lm] {
        padding: 10px;
    }

    .document-code[b-tzn0rmz5lm] {
        display: block;
        margin-bottom: 5px;
    }
}
/* _content/IGM.Web/Pages/Workplace/Case_Vize/InfoCard/CaseInfoCard.razor.rz.scp.css */
/* CaseInfoCard.razor.css */
[b-ckeng2f7wd] .full-info-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    border-radius: 6px;
}

    [b-ckeng2f7wd] .full-info-button:hover {
        background-color: #E5F3FF;
        border-color: #0058D2;
    }

    [b-ckeng2f7wd] .full-info-button fluent-icon {
        color: #0058D2;
    }


.case-info-card[b-ckeng2f7wd] {
    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-ckeng2f7wd] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.card-icon[b-ckeng2f7wd] {
    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-ckeng2f7wd] {
    font-size: 16px;
    font-weight: 600;
    color: #242424;
}

.info-grid[b-ckeng2f7wd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

.info-item[b-ckeng2f7wd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-label[b-ckeng2f7wd] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #605E5C;
}

.info-value[b-ckeng2f7wd] {
    font-size: 14px;
    color: #242424;
    font-weight: 500;
}

    .info-value.highlight[b-ckeng2f7wd] {
        color: #0058D2;
        font-weight: 600;
        font-size: 15px;
    }

    .info-value.empty[b-ckeng2f7wd] {
        color: #A19F9D;
        font-style: italic;
    }

.documents-header[b-ckeng2f7wd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.badge[b-ckeng2f7wd] {
    --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-ckeng2f7wd] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .case-info-card[b-ckeng2f7wd] {
        padding: 12px 16px;
    }

    [b-ckeng2f7wd] .full-info-button {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .info-grid[b-ckeng2f7wd] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    .info-grid[b-ckeng2f7wd] {
        grid-template-columns: repeat(6, 1fr);
    }
}
/* _content/IGM.Web/Pages/Workplace/Dashboard/SystemDashboard.razor.rz.scp.css */
/* Dashboard Header */
.dashboard-header[b-0lnl94d1q2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px;
}

.dashboard-title[b-0lnl94d1q2] {
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
}

.dashboard-header-right[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.last-updated[b-0lnl94d1q2] {
    color: #757575;
    font-size: 13px;
}

/* Dashboard Grid - 2x2 */
.dashboard-grid[b-0lnl94d1q2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* Card */
[b-0lnl94d1q2] .dashboard-card {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Card Headers */
.card-header[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    color: white;
}

.cases-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, #0058D2, #3379DB);
}

.persons-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, #652CC7, #985FFA);
}

.incidents-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, #B32318, #F04438);
}

.tasks-header[b-0lnl94d1q2] {
    background: linear-gradient(135deg, #027948, #039855);
}

.card-icon[b-0lnl94d1q2] {
    font-size: 20px;
}

/* Card Body */
.card-body[b-0lnl94d1q2] {
    padding: 20px;
}

/* Stat Mini Cards */
.stat-cards-row[b-0lnl94d1q2] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.stat-mini-card[b-0lnl94d1q2] {
    flex: 1;
    min-width: 100px;
    padding: 16px 12px;
    background: #f5f8ff;
    border-radius: 8px;
    text-align: center;
    border-left: 3px solid #3379DB;
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-mini-card:hover[b-0lnl94d1q2] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(51, 121, 219, 0.15);
}

.stat-value[b-0lnl94d1q2] {
    font-size: 28px;
    font-weight: 700;
    color: #0058D2;
}

.stat-label[b-0lnl94d1q2] {
    font-size: 11px;
    color: #666;
    margin-top: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Recent count badges */
.recent-badge[b-0lnl94d1q2] {
    font-size: 13px;
    font-weight: 600;
    color: #039855;
    margin-left: 4px;
}

.dds-count-group[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.recent-badge-small[b-0lnl94d1q2] {
    font-size: 12px;
    font-weight: 600;
    color: #039855;
}

/* DreptDeSedere Subsection */
.subsection[b-0lnl94d1q2] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.subsection-header[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #e8f0fb;
    font-weight: 600;
    font-size: 14px;
    color: #0058D2;
    cursor: pointer;
    transition: background-color 0.2s;
}

.subsection-header:hover[b-0lnl94d1q2] {
    background: #d6e6f9;
}

.toggle-icon[b-0lnl94d1q2] {
    font-size: 11px;
    color: #666;
}

.dds-list[b-0lnl94d1q2] {
    padding: 4px 16px;
}

.dds-item[b-0lnl94d1q2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
}

.dds-item:last-child[b-0lnl94d1q2] {
    border-bottom: none;
}

.dds-name[b-0lnl94d1q2] {
    color: #333;
}

.dds-count[b-0lnl94d1q2] {
    font-weight: 700;
    color: #0058D2;
    background: #e8f0fb;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 13px;
}

/* Chart Sections */
.chart-section[b-0lnl94d1q2] {
    margin-top: 20px;
}

.chart-title[b-0lnl94d1q2] {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f0f0f0;
}

/* Status Badges Grid */
.status-badges-grid[b-0lnl94d1q2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
    margin-bottom: 16px;
}

.status-badge-item[b-0lnl94d1q2] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: #f8f8f8;
    border-radius: 6px;
    font-size: 13px;
    transition: background-color 0.2s;
}

.status-badge-item:hover[b-0lnl94d1q2] {
    background: #f0f0f0;
}

.status-dot[b-0lnl94d1q2] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-name[b-0lnl94d1q2] {
    flex: 1;
    color: #333;
}

.status-count[b-0lnl94d1q2] {
    font-weight: 700;
    font-size: 15px;
    color: #1a1a1a;
}

/* Placeholder */
.placeholder-body[b-0lnl94d1q2] {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placeholder-content[b-0lnl94d1q2] {
    text-align: center;
    color: #999;
}

/* Responsive */
@media (max-width: 1200px) {
    .dashboard-grid[b-0lnl94d1q2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .stat-cards-row[b-0lnl94d1q2] {
        flex-direction: column;
    }

    .stat-mini-card[b-0lnl94d1q2] {
        min-width: auto;
    }

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

    .status-badges-grid[b-0lnl94d1q2] {
        grid-template-columns: 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/Workplace/SystemManagement/UM/Teams/TeamsGrid.razor.rz.scp.css */
[b-qmhp3mhohj] .fluent-data-grid {
    border: 1px solid var(--af-border-grid);
    background-color: var(--af-surface);
    user-select: none;
    -webkit-user-select: none;
}

[b-qmhp3mhohj] .fluent-data-grid [role="columnheader"] {
    background-color: var(--neutral-fill-stealth-rest);
    padding: 10px;
    font-weight: 600;
    border-right: 1px solid var(--af-border-grid);
    border-bottom: 1px solid var(--af-border-grid);
}

[b-qmhp3mhohj] .fluent-data-grid [role="row"]:not([role="columnheader"]) {
    border-bottom: 1px solid var(--af-border-row);
}

[b-qmhp3mhohj] .fluent-data-grid [role="gridcell"] {
    padding: 6px 10px;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-qmhp3mhohj] .fluent-data-grid [role="row"]:not(.fluent-selected):hover {
    background-color: var(--af-surface-muted) !important;
    cursor: pointer;
}
/* _content/IGM.Web/Pages/Workplace/SystemManagement/UM/Users/Users.razor.rz.scp.css */
body[b-muardtvpo3] {
}

/* 1. Kill the hardcoded height on both row and cell */
[b-muardtvpo3] .fluent-data-grid [role="row"],
[b-muardtvpo3] .fluent-data-grid [role="gridcell"] {
  height: auto !important;
  min-height: 32px;
}

/* 2. Force the row to stretch all its children to the tallest child */
[b-muardtvpo3] .fluent-data-grid [role="row"] {
  align-items: stretch !important;
}

/* 3. Force every cell to be a flex container that fills 100% of the row height */
[b-muardtvpo3] .fluent-data-grid [role="gridcell"] {
  display: flex !important;
  height: 100% !important; /* Forces the <td> to fill the stretched grid area */
  align-items: center; /* Vertically centers text in IDNP, Email, etc. */
  padding: 4px 8px;
  box-sizing: border-box;
}

/* 4. Specific wrapping for the Roles column */
[b-muardtvpo3] .fluent-data-grid [role="gridcell"][col-index="3"] {
  white-space: normal !important;
  word-break: break-word;
}

/* 5. Fix for the Icon column (Approved) so it stays centered */
[b-muardtvpo3] .fluent-data-grid [col-index="6"] {
  justify-content: center;
}
/* _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;
    min-width: 5em;
  }

    .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;
    min-width: 5em;
  }

    .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;
}