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

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

[b-sijd7mgunv] .brand-logo-img {
    height: 70px !important;
    width: auto !important;
    object-fit: contain !important;
}

[b-sijd7mgunv] .footer-logo-img {
    height: 60px !important;
    width: auto !important;
    object-fit: contain !important;
}

[b-sijd7mgunv] .nav-brand {
    min-height: 70px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-z0pkdulfg3],
.components-reconnect-repeated-attempt-visible[b-z0pkdulfg3],
.components-reconnect-failed-visible[b-z0pkdulfg3],
.components-pause-visible[b-z0pkdulfg3],
.components-resume-failed-visible[b-z0pkdulfg3],
.components-rejoining-animation[b-z0pkdulfg3] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-retrying[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-failed[b-z0pkdulfg3],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-z0pkdulfg3] {
    display: block;
}


#components-reconnect-modal[b-z0pkdulfg3] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-z0pkdulfg3 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-z0pkdulfg3 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-z0pkdulfg3 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-z0pkdulfg3]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-z0pkdulfg3 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-z0pkdulfg3 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-z0pkdulfg3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-z0pkdulfg3 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-z0pkdulfg3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-z0pkdulfg3] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-z0pkdulfg3] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-z0pkdulfg3] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-z0pkdulfg3] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-z0pkdulfg3] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-z0pkdulfg3] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-z0pkdulfg3 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-z0pkdulfg3] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-z0pkdulfg3 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/AuditLogs.razor.rz.scp.css */
/* Audit Logs Page Styles */
.audit-logs-container[b-7jgdhhl9c3] {
    max-width: 1600px;
    margin: 0 auto;
    padding: 2rem;
}

/* Page Header */
.page-header[b-7jgdhhl9c3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.header-content h1[b-7jgdhhl9c3] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.subtitle[b-7jgdhhl9c3] {
    color: #6b7280;
    margin: 0;
}

.header-actions[b-7jgdhhl9c3] {
    display: flex;
    gap: 0.75rem;
}

/* Filters Section */
.filters-section[b-7jgdhhl9c3] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

.filters-row[b-7jgdhhl9c3] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.filter-group[b-7jgdhhl9c3] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    min-width: 150px;
}

.filter-group label[b-7jgdhhl9c3] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.filter-input[b-7jgdhhl9c3],
.filter-select[b-7jgdhhl9c3] {
    padding: 0.625rem 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #111827;
    background: white;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.filter-input:focus[b-7jgdhhl9c3],
.filter-select:focus[b-7jgdhhl9c3] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.filter-input[type="text"][b-7jgdhhl9c3] {
    min-width: 220px;
}

.filter-actions[b-7jgdhhl9c3] {
    flex-direction: row;
    gap: 0.5rem;
}

/* Stats Row */
.stats-row[b-7jgdhhl9c3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-7jgdhhl9c3] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.stat-card.warning[b-7jgdhhl9c3] {
    border-left: 4px solid #f59e0b;
}

.stat-value[b-7jgdhhl9c3] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
}

.stat-card.warning .stat-value[b-7jgdhhl9c3] {
    color: #d97706;
}

.stat-label[b-7jgdhhl9c3] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* Table Container */
.table-container[b-7jgdhhl9c3] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 1rem;
}

.audit-table[b-7jgdhhl9c3] {
    width: 100%;
    border-collapse: collapse;
}

.audit-table th[b-7jgdhhl9c3] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem;
    text-align: left;
    white-space: nowrap;
}

.audit-table td[b-7jgdhhl9c3] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    font-size: 0.875rem;
    color: #374151;
    vertical-align: middle;
}

.audit-table tbody tr:hover[b-7jgdhhl9c3] {
    background: #f9fafb;
}

.audit-table tbody tr.row-danger[b-7jgdhhl9c3] {
    background: #fef2f2;
}

.audit-table tbody tr.row-danger:hover[b-7jgdhhl9c3] {
    background: #fee2e2;
}

.audit-table tbody tr.row-success[b-7jgdhhl9c3] {
    background: #f0fdf4;
}

.audit-table tbody tr.row-success:hover[b-7jgdhhl9c3] {
    background: #dcfce7;
}

.audit-table tbody tr.row-info[b-7jgdhhl9c3] {
    background: #eff6ff;
}

.audit-table tbody tr.row-info:hover[b-7jgdhhl9c3] {
    background: #dbeafe;
}

.audit-table tbody tr.row-muted[b-7jgdhhl9c3] {
    background: #f9fafb;
}

/* Column Widths */
.col-timestamp[b-7jgdhhl9c3] { width: 140px; }
.col-user[b-7jgdhhl9c3] { width: 180px; }
.col-action[b-7jgdhhl9c3] { width: 140px; }
.col-entity[b-7jgdhhl9c3] { width: 140px; }
.col-description[b-7jgdhhl9c3] { min-width: 200px; }
.col-ip[b-7jgdhhl9c3] { width: 120px; }
.col-actions[b-7jgdhhl9c3] { width: 60px; text-align: center; }

/* Timestamp */
.timestamp-date[b-7jgdhhl9c3] {
    display: block;
    font-weight: 500;
    color: #111827;
}

.timestamp-time[b-7jgdhhl9c3] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
}

/* User */
.user-email[b-7jgdhhl9c3] {
    color: #374151;
}

.user-system[b-7jgdhhl9c3] {
    color: #9ca3af;
    font-style: italic;
}

/* Action Badges */
.action-badge[b-7jgdhhl9c3] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.badge-success[b-7jgdhhl9c3] {
    background: #dcfce7;
    color: #166534;
}

.badge-info[b-7jgdhhl9c3] {
    background: #dbeafe;
    color: #1e40af;
}

.badge-warning[b-7jgdhhl9c3] {
    background: #fef3c7;
    color: #92400e;
}

.badge-danger[b-7jgdhhl9c3] {
    background: #fee2e2;
    color: #991b1b;
}

.badge-primary[b-7jgdhhl9c3] {
    background: #e0e7ff;
    color: #3730a3;
}

.badge-secondary[b-7jgdhhl9c3] {
    background: #f3f4f6;
    color: #374151;
}

.badge-muted[b-7jgdhhl9c3] {
    background: #f9fafb;
    color: #6b7280;
}

.badge-default[b-7jgdhhl9c3] {
    background: #f3f4f6;
    color: #4b5563;
}

/* Entity */
.entity-type[b-7jgdhhl9c3] {
    font-weight: 500;
    color: #374151;
}

.entity-id[b-7jgdhhl9c3] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-left: 0.375rem;
}

/* Description */
.description-text[b-7jgdhhl9c3] {
    color: #4b5563;
}

/* IP Address */
.ip-address[b-7jgdhhl9c3] {
    font-family: 'Monaco', 'Menlo', monospace;
    font-size: 0.8125rem;
    color: #6b7280;
}

/* Pagination */
.pagination-container[b-7jgdhhl9c3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    flex-wrap: wrap;
    gap: 1rem;
}

.pagination-info[b-7jgdhhl9c3] {
    font-size: 0.875rem;
    color: #6b7280;
}

.pagination-controls[b-7jgdhhl9c3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-indicator[b-7jgdhhl9c3] {
    font-size: 0.875rem;
    color: #374151;
    font-weight: 500;
}

/* Loading & Empty States */
.loading-container[b-7jgdhhl9c3],
.empty-state[b-7jgdhhl9c3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.empty-state svg[b-7jgdhhl9c3] {
    color: #d1d5db;
    margin-bottom: 1rem;
}

.empty-state h3[b-7jgdhhl9c3] {
    color: #374151;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-7jgdhhl9c3] {
    color: #6b7280;
    margin: 0;
}

.spinner[b-7jgdhhl9c3] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-7jgdhhl9c3 1s linear infinite;
    margin-bottom: 1rem;
}

.spinner-small[b-7jgdhhl9c3] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-7jgdhhl9c3 1s linear infinite;
    display: inline-block;
}

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

/* Buttons */
.btn[b-7jgdhhl9c3] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn:disabled[b-7jgdhhl9c3] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-primary[b-7jgdhhl9c3] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-7jgdhhl9c3] {
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-7jgdhhl9c3] {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.btn-secondary:hover:not(:disabled)[b-7jgdhhl9c3] {
    background: #e5e7eb;
}

.btn-sm[b-7jgdhhl9c3] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
}

.btn-icon[b-7jgdhhl9c3] {
    padding: 0.5rem;
    background: transparent;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon:hover[b-7jgdhhl9c3] {
    background: #f3f4f6;
    color: #0f3a5d;
}

/* Modal */
.modal-backdrop[b-7jgdhhl9c3] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-7jgdhhl9c3] {
    background: white;
    border-radius: 16px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

.modal-content.modal-lg[b-7jgdhhl9c3] {
    max-width: 800px;
}

.modal-header[b-7jgdhhl9c3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h2[b-7jgdhhl9c3] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.modal-close[b-7jgdhhl9c3] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
}

.modal-close:hover[b-7jgdhhl9c3] {
    color: #111827;
}

.modal-body[b-7jgdhhl9c3] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-7jgdhhl9c3] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Detail Grid */
.detail-grid[b-7jgdhhl9c3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.detail-row[b-7jgdhhl9c3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-label[b-7jgdhhl9c3] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detail-value[b-7jgdhhl9c3] {
    font-size: 0.875rem;
    color: #111827;
    word-break: break-word;
}

.detail-value.detail-small[b-7jgdhhl9c3] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* JSON Section */
.json-section[b-7jgdhhl9c3] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.json-section h4[b-7jgdhhl9c3] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 0.75rem 0;
}

.json-block[b-7jgdhhl9c3] {
    background: #1e1e1e;
    color: #d4d4d4;
    padding: 1rem;
    border-radius: 8px;
    font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
    font-size: 0.75rem;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    margin: 0;
}

/* Toast */
.toast[b-7jgdhhl9c3] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 1rem;
    z-index: 1001;
    animation: slideIn-b-7jgdhhl9c3 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.toast.success[b-7jgdhhl9c3] {
    background: #065f46;
    color: white;
}

.toast.error[b-7jgdhhl9c3] {
    background: #991b1b;
    color: white;
}

.toast-close[b-7jgdhhl9c3] {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.25rem;
    cursor: pointer;
    opacity: 0.7;
}

.toast-close:hover[b-7jgdhhl9c3] {
    opacity: 1;
}

@keyframes slideIn-b-7jgdhhl9c3 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 1024px) {
    .audit-logs-container[b-7jgdhhl9c3] {
        padding: 1rem;
    }

    .filters-row[b-7jgdhhl9c3] {
        flex-direction: column;
    }

    .filter-group[b-7jgdhhl9c3] {
        width: 100%;
    }

    .filter-input[type="text"][b-7jgdhhl9c3] {
        min-width: unset;
        width: 100%;
    }

    .table-container[b-7jgdhhl9c3] {
        overflow-x: auto;
    }

    .audit-table[b-7jgdhhl9c3] {
        min-width: 900px;
    }

    .detail-grid[b-7jgdhhl9c3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .page-header[b-7jgdhhl9c3] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-7jgdhhl9c3] {
        flex-direction: column;
    }

    .header-actions .btn[b-7jgdhhl9c3] {
        width: 100%;
        justify-content: center;
    }

    .stats-row[b-7jgdhhl9c3] {
        grid-template-columns: repeat(2, 1fr);
    }

    .pagination-container[b-7jgdhhl9c3] {
        flex-direction: column;
        text-align: center;
    }

    .modal-content[b-7jgdhhl9c3] {
        margin: 1rem;
        max-height: calc(100vh - 2rem);
    }
}
/* /Components/Pages/Admin/Billing.razor.rz.scp.css */
.admin-container[b-eud6hlr9la] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-eud6hlr9la] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-eud6hlr9la] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e293b;
}

.page-header p[b-eud6hlr9la] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

/* Tab Navigation */
.tab-nav[b-eud6hlr9la] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 0;
}

.tab-btn[b-eud6hlr9la] {
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    color: #64748b;
    transition: all 0.2s;
}

.tab-btn:hover[b-eud6hlr9la] {
    color: #0f3a5d;
}

.tab-btn.active[b-eud6hlr9la] {
    color: #0f3a5d;
    border-bottom-color: #0f3a5d;
}

/* Loading */
.loading[b-eud6hlr9la] {
    text-align: center;
    padding: 4rem;
}

.spinner[b-eud6hlr9la] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-eud6hlr9la 0.8s linear infinite;
    margin: 0 auto 1rem;
}

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

/* Stats Grid */
.stats-grid[b-eud6hlr9la] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-eud6hlr9la] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
    position: relative;
    transition: all 0.2s;
}

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

.stat-icon[b-eud6hlr9la] {
    width: 56px;
    height: 56px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.revenue[b-eud6hlr9la] { background: linear-gradient(135deg, #10b981, #059669); color: white; }
.stat-icon.outstanding[b-eud6hlr9la] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
.stat-icon.overdue[b-eud6hlr9la] { background: linear-gradient(135deg, #ef4444, #dc2626); color: white; }
.stat-icon.companies[b-eud6hlr9la] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }

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

.stat-number[b-eud6hlr9la] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-eud6hlr9la] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.stat-badge[b-eud6hlr9la] {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    text-transform: uppercase;
}

.stat-badge.warning[b-eud6hlr9la] {
    background: #fef3c7;
    color: #92400e;
}

/* Section Header */
.section-header[b-eud6hlr9la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.section-header h3[b-eud6hlr9la] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e293b;
}

/* Buttons */
.btn-primary[b-eud6hlr9la] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover[b-eud6hlr9la] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-eud6hlr9la] {
    padding: 0.625rem 1.25rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    cursor: pointer;
}

.btn-sm[b-eud6hlr9la] {
    padding: 0.375rem 0.75rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    cursor: pointer;
}

.btn-sm:hover[b-eud6hlr9la] {
    background: #e2e8f0;
}

.btn-icon[b-eud6hlr9la] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    cursor: pointer;
}

.btn-icon:hover[b-eud6hlr9la] {
    background: #e2e8f0;
}

.btn-icon.success[b-eud6hlr9la] {
    background: #d1fae5;
    border-color: #a7f3d0;
    color: #065f46;
}

.btn-icon.success:hover[b-eud6hlr9la] {
    background: #a7f3d0;
}

.btn-icon.danger[b-eud6hlr9la] {
    background: #fee2e2;
    border-color: #fecaca;
    color: #991b1b;
}

.btn-icon.danger:hover[b-eud6hlr9la] {
    background: #fecaca;
}

.btn-icon.pdf[b-eud6hlr9la] {
    background: #fef3c7;
    border-color: #fde68a;
    color: #92400e;
}

.btn-icon.pdf:hover[b-eud6hlr9la] {
    background: #fde68a;
}

/* Companies Grid */
.companies-grid[b-eud6hlr9la] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.company-card[b-eud6hlr9la] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem;
}

.company-header[b-eud6hlr9la] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.company-icon[b-eud6hlr9la] {
    font-size: 2rem;
}

.company-info[b-eud6hlr9la] {
    flex: 1;
}

.company-info h4[b-eud6hlr9la] {
    margin: 0;
    font-size: 1rem;
    color: #1e293b;
}

.company-type[b-eud6hlr9la] {
    font-size: 0.75rem;
    color: #64748b;
}

.company-details[b-eud6hlr9la] {
    margin-bottom: 1rem;
}

.detail-row[b-eud6hlr9la] {
    display: flex;
    justify-content: space-between;
    padding: 0.375rem 0;
    font-size: 0.875rem;
}

.detail-row .label[b-eud6hlr9la] {
    color: #64748b;
}

.detail-row .value[b-eud6hlr9la] {
    color: #1e293b;
    font-weight: 500;
}

.detail-row .value.negative[b-eud6hlr9la] {
    color: #ef4444;
}

.company-actions[b-eud6hlr9la] {
    display: flex;
    gap: 0.5rem;
}

/* Badges */
.badge[b-eud6hlr9la] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge.active[b-eud6hlr9la] {
    background: #d1fae5;
    color: #065f46;
}

.badge.inactive[b-eud6hlr9la] {
    background: #fee2e2;
    color: #991b1b;
}

.badge-overdue[b-eud6hlr9la] {
    background: #fee2e2;
    color: #991b1b;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-draft[b-eud6hlr9la] { background: #f1f5f9; color: #475569; }
.badge-sent[b-eud6hlr9la] { background: #dbeafe; color: #1e40af; }
.badge-viewed[b-eud6hlr9la] { background: #e0e7ff; color: #3730a3; }
.badge-partiallypaid[b-eud6hlr9la] { background: #fef3c7; color: #92400e; }
.badge-paid[b-eud6hlr9la] { background: #d1fae5; color: #065f46; }
.badge-cancelled[b-eud6hlr9la] { background: #f1f5f9; color: #64748b; }
.badge-refunded[b-eud6hlr9la] { background: #fce7f3; color: #9d174d; }

.badge-payment[b-eud6hlr9la] { background: #d1fae5; color: #065f46; }
.badge-refund[b-eud6hlr9la] { background: #fee2e2; color: #991b1b; }
.badge-credit[b-eud6hlr9la] { background: #dbeafe; color: #1e40af; }
.badge-debit[b-eud6hlr9la] { background: #fef3c7; color: #92400e; }

.badge-completed[b-eud6hlr9la] { background: #d1fae5; color: #065f46; }
.badge-pending[b-eud6hlr9la] { background: #fef3c7; color: #92400e; }
.badge-failed[b-eud6hlr9la] { background: #fee2e2; color: #991b1b; }

/* Table */
.table-container[b-eud6hlr9la] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.data-table[b-eud6hlr9la] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-eud6hlr9la],
.data-table td[b-eud6hlr9la] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #f1f5f9;
}

.data-table th[b-eud6hlr9la] {
    background: #f8fafc;
    font-weight: 600;
    font-size: 0.8rem;
    color: #64748b;
    text-transform: uppercase;
}

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

.data-table .positive[b-eud6hlr9la] {
    color: #10b981;
}

.data-table .negative[b-eud6hlr9la] {
    color: #ef4444;
}

.action-buttons[b-eud6hlr9la] {
    display: flex;
    gap: 0.375rem;
}

/* Filters */
.filters-bar[b-eud6hlr9la] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.filter-select[b-eud6hlr9la] {
    padding: 0.5rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: white;
    font-size: 0.875rem;
    min-width: 150px;
}

/* Empty State */
.empty-state[b-eud6hlr9la] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 1rem;
}

.empty-icon[b-eud6hlr9la] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-eud6hlr9la] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.empty-state p[b-eud6hlr9la] {
    margin: 0;
    color: #64748b;
}

/* Overdue Section */
.overdue-section[b-eud6hlr9la] {
    margin-top: 2rem;
}

.overdue-section h3[b-eud6hlr9la] {
    margin: 0 0 1rem;
    color: #ef4444;
}

/* Modal */
.modal-overlay[b-eud6hlr9la] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-eud6hlr9la] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 450px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
}

.modal-large[b-eud6hlr9la] {
    max-width: 600px;
}

.modal-header[b-eud6hlr9la] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-eud6hlr9la] {
    margin: 0;
    font-size: 1.125rem;
}

.modal-close[b-eud6hlr9la] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #64748b;
}

.modal-body[b-eud6hlr9la] {
    padding: 1.5rem;
    overflow-y: auto;
}

.modal-footer[b-eud6hlr9la] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f9fafb;
}

/* Form */
.form-grid[b-eud6hlr9la] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-eud6hlr9la] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.form-group.full-width[b-eud6hlr9la] {
    grid-column: span 2;
}

.form-group label[b-eud6hlr9la] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

.form-input[b-eud6hlr9la] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.form-input:focus[b-eud6hlr9la] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 2px rgba(15, 58, 93, 0.1);
}

.checkbox-label[b-eud6hlr9la] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.payment-info[b-eud6hlr9la] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.payment-info p[b-eud6hlr9la] {
    margin: 0.25rem 0;
}

/* Toast */
.toast[b-eud6hlr9la] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    z-index: 1001;
    animation: slideIn-b-eud6hlr9la 0.3s ease;
}

.toast-success[b-eud6hlr9la] {
    background: #d1fae5;
    color: #065f46;
}

.toast-error[b-eud6hlr9la] {
    background: #fee2e2;
    color: #991b1b;
}

@keyframes slideIn-b-eud6hlr9la {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-grid[b-eud6hlr9la] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .admin-container[b-eud6hlr9la] {
        padding: 1rem;
    }
    
    .tab-nav[b-eud6hlr9la] {
        overflow-x: auto;
    }
    
    .stats-grid[b-eud6hlr9la] {
        grid-template-columns: 1fr;
    }
    
    .companies-grid[b-eud6hlr9la] {
        grid-template-columns: 1fr;
    }
    
    .form-grid[b-eud6hlr9la] {
        grid-template-columns: 1fr;
    }
    
    .form-group.full-width[b-eud6hlr9la] {
        grid-column: span 1;
    }
    
    .filters-bar[b-eud6hlr9la] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Companies.razor.rz.scp.css */
/* ===============================================
   ADMIN COMPANIES PAGE - Professional Modern Design
   =============================================== */

.admin-container[b-35x5i5zpg6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
}

/* Page Header */
.page-header[b-35x5i5zpg6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-content h1[b-35x5i5zpg6] {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.025em;
}

.page-header-content .page-subtitle[b-35x5i5zpg6] {
    margin: 0.375rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

.page-header-actions[b-35x5i5zpg6] {
    display: flex;
    gap: 0.75rem;
}

/* Primary Button */
.btn-primary[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border: none;
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-35x5i5zpg6] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 58, 93, 0.3);
}

.btn-primary svg[b-35x5i5zpg6] {
    width: 16px;
    height: 16px;
}

/* Filter Tabs */
.filter-tabs[b-35x5i5zpg6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: white;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    width: fit-content;
}

.filter-tab[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-tab:hover[b-35x5i5zpg6] {
    color: #0f3a5d;
    background: #f8fafc;
}

.filter-tab.active[b-35x5i5zpg6] {
    color: white;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.25);
}

.filter-tab .badge[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.625rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.filter-tab.active .badge[b-35x5i5zpg6] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

.filter-tab .badge.warning[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
}

.filter-tab .badge.success[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
}

.filter-tab .badge.danger[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #b91c1c;
}

/* Search Bar */
.search-bar[b-35x5i5zpg6] {
    margin-bottom: 1.5rem;
}

.search-bar .form-control[b-35x5i5zpg6] {
    width: 100%;
    max-width: 400px;
    padding: 0.75rem 1rem;
    padding-left: 2.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    font-size: 0.9rem;
    background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat 0.75rem center;
    background-size: 18px;
    transition: all 0.2s ease;
}

.search-bar .form-control:focus[b-35x5i5zpg6] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.search-bar .form-control[b-35x5i5zpg6]::placeholder {
    color: #94a3b8;
}

/* Loading State */
.loading-state[b-35x5i5zpg6] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.spinner[b-35x5i5zpg6] {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-35x5i5zpg6 0.8s linear infinite;
    margin: 0 auto 1.5rem;
}

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

/* Empty State */
.empty-state[b-35x5i5zpg6] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 2px dashed #e2e8f0;
}

.empty-state svg[b-35x5i5zpg6] {
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h3[b-35x5i5zpg6] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
    font-weight: 600;
}

.empty-state p[b-35x5i5zpg6] {
    margin: 0 0 1.5rem;
    color: #64748b;
}

/* Companies Grid */
.companies-grid[b-35x5i5zpg6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.5rem;
}

/* Company Card */
.company-card[b-35x5i5zpg6] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.company-card:hover[b-35x5i5zpg6] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    border-color: #cbd5e1;
}

.company-card-header[b-35x5i5zpg6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.company-logo[b-35x5i5zpg6] {
    width: 52px;
    height: 52px;
    border-radius: 0.875rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1e5a8a 50%, #2563eb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1.125rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.25);
}

.company-logo img[b-35x5i5zpg6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.875rem;
}

.company-info[b-35x5i5zpg6] {
    flex: 1;
    min-width: 0;
}

.company-info h3[b-35x5i5zpg6] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-industry[b-35x5i5zpg6] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: #64748b;
}

/* Status Badge */
.status-badge[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.status-pending[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
    border: 1px solid #fcd34d;
}

.status-badge.status-active[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
    border: 1px solid #6ee7b7;
}

.status-badge.status-suspended[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.status-badge.status-closed[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
    color: #475569;
    border: 1px solid #94a3b8;
}

.status-badge.small[b-35x5i5zpg6] {
    font-size: 0.65rem;
    padding: 0.25rem 0.625rem;
    margin-left: 0.5rem;
    vertical-align: middle;
}

/* Card Body */
.company-card-body[b-35x5i5zpg6] {
    padding: 1.5rem;
}

.company-stats[b-35x5i5zpg6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #f1f5f9;
}

.company-stats .stat[b-35x5i5zpg6] {
    text-align: center;
    padding: 0.75rem 0.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0.5rem;
}

.company-stats .stat-value[b-35x5i5zpg6] {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f3a5d;
}

.company-stats .stat-label[b-35x5i5zpg6] {
    font-size: 0.6875rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-top: 0.125rem;
}

.company-contact[b-35x5i5zpg6] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.contact-item[b-35x5i5zpg6] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.8125rem;
    color: #475569;
}

.contact-item svg[b-35x5i5zpg6] {
    color: #94a3b8;
    flex-shrink: 0;
}

/* Card Footer */
.company-card-footer[b-35x5i5zpg6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

.created-date[b-35x5i5zpg6] {
    font-size: 0.75rem;
    color: #64748b;
}

.card-actions[b-35x5i5zpg6] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-color: #0f3a5d;
    color: white;
    transform: translateY(-1px);
}

/* Modal Styles */
.modal-overlay[b-35x5i5zpg6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-35x5i5zpg6] {
    background: white;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 480px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    animation: modalSlideIn-b-35x5i5zpg6 0.3s ease;
}

.modal-large[b-35x5i5zpg6] {
    max-width: 560px;
}

@keyframes modalSlideIn-b-35x5i5zpg6 {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.modal-header[b-35x5i5zpg6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 1.25rem 1.25rem 0 0;
}

.modal-header h3[b-35x5i5zpg6] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
}

.modal-close[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    transition: all 0.2s ease;
}

.modal-close:hover[b-35x5i5zpg6] {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
}

.modal-body[b-35x5i5zpg6] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-35x5i5zpg6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0 0 1.25rem 1.25rem;
}

/* Form Styles */
.edit-form[b-35x5i5zpg6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-section[b-35x5i5zpg6] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.25rem;
}

.form-section:last-child[b-35x5i5zpg6] {
    border-bottom: none;
    padding-bottom: 0;
}

.form-section h4[b-35x5i5zpg6] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}

.form-row[b-35x5i5zpg6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-35x5i5zpg6] {
    margin-bottom: 1rem;
}

.form-group:last-child[b-35x5i5zpg6] {
    margin-bottom: 0;
}

.form-group label[b-35x5i5zpg6] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-input[b-35x5i5zpg6] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.form-input:focus[b-35x5i5zpg6] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background: white;
}

.help-text[b-35x5i5zpg6] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.25rem;
}

/* Cancel Button */
.btn-cancel[b-35x5i5zpg6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-35x5i5zpg6] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Duplicate Warning */
.duplicate-warning[b-35x5i5zpg6] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border: 1px solid #fcd34d;
    border-radius: 0.75rem;
    margin-bottom: 1.25rem;
}

.warning-icon[b-35x5i5zpg6] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.warning-content[b-35x5i5zpg6] {
    flex: 1;
}

.warning-content strong[b-35x5i5zpg6] {
    color: #92400e;
    font-size: 0.95rem;
}

.warning-content p[b-35x5i5zpg6] {
    margin: 0.5rem 0;
    color: #78350f;
    font-size: 0.875rem;
}

.existing-company[b-35x5i5zpg6] {
    background: white;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    margin: 0.75rem 0;
    border: 1px solid #fcd34d;
}

.existing-company strong[b-35x5i5zpg6] {
    color: #0f172a;
    display: block;
    margin-bottom: 0.25rem;
}

.existing-company p[b-35x5i5zpg6] {
    margin: 0;
    color: #64748b;
}

.duplicate-actions[b-35x5i5zpg6] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}

.duplicate-actions .btn[b-35x5i5zpg6] {
    flex: 1;
    font-size: 0.85rem;
}

/* Alerts */
.alert[b-35x5i5zpg6] {
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-danger[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.alert-success[b-35x5i5zpg6] {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    color: #047857;
    border: 1px solid #a7f3d0;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-35x5i5zpg6] {
        padding: 1rem;
    }
    
    .page-header[b-35x5i5zpg6] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
    }
    
    .filter-tabs[b-35x5i5zpg6] {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .companies-grid[b-35x5i5zpg6] {
        grid-template-columns: 1fr;
    }
    
    .company-stats[b-35x5i5zpg6] {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .form-row[b-35x5i5zpg6] {
        grid-template-columns: 1fr;
    }
    
    .duplicate-actions[b-35x5i5zpg6] {
        flex-direction: column;
    }
    
    .form-actions[b-35x5i5zpg6] {
        flex-direction: column-reverse;
    }
    
    .form-actions .btn[b-35x5i5zpg6] {
        width: 100%;
    }
}
/* /Components/Pages/Admin/CompanyDetail.razor.rz.scp.css */
.admin-container[b-ya34pwsmgr] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
}

/* Loading & Error States */
.loading-state[b-ya34pwsmgr],
.error-state[b-ya34pwsmgr] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.spinner[b-ya34pwsmgr] {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-ya34pwsmgr 0.8s linear infinite;
    margin: 0 auto 1.5rem;
}

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

.error-state h2[b-ya34pwsmgr] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.error-state p[b-ya34pwsmgr] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Page Header - Hero Section */
.page-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-left[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.btn-back[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-back:hover[b-ya34pwsmgr] {
    background: #f1f5f9;
    color: #0f3a5d;
    border-color: #cbd5e1;
    transform: translateX(-2px);
}

.company-header-info[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.company-logo-large[b-ya34pwsmgr] {
    width: 64px;
    height: 64px;
    border-radius: 1rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1e5a8a 50%, #2563eb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1.5rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.25);
    letter-spacing: -0.5px;
}

.company-logo-large img[b-ya34pwsmgr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
}

.company-header-info h1[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.025em;
}

.company-meta[b-ya34pwsmgr] {
    margin: 0.375rem 0 0;
    font-size: 0.875rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

..page-header-actions[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Header Action Buttons - Consistent Size & Style */
.header-action-btn[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    min-width: 110px;
    height: 42px;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: capitalize;
}

.header-action-btn svg[b-ya34pwsmgr] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Status Button (non-interactive display) */
.header-action-btn.status-btn[b-ya34pwsmgr] {
    cursor: default;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.header-action-btn.status-btn.status-active[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #047857;
    border: 1px solid #6ee7b7;
}

.header-action-btn.status-btn.status-pending[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #b45309;
    border: 1px solid #fcd34d;
}

.header-action-btn.status-btn.status-suspended[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.header-action-btn.status-btn.status-closed[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    color: #475569;
    border: 1px solid #94a3b8;
}

/* Success Button */
.header-action-btn.success-btn[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(5, 150, 105, 0.25);
}

.header-action-btn.success-btn:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.35);
}

/* Warning Button */
.header-action-btn.warning-btn[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(217, 119, 6, 0.25);
}

.header-action-btn.warning-btn:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35);
}

/* Danger Button */
.header-action-btn.danger-btn[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.25);
}

.header-action-btn.danger-btn:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
}

/* Status Badge */
.status-badge[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.large[b-ya34pwsmgr] {
    padding: 0.625rem 1.25rem;
    font-size: 0.8125rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.status-badge.status-pending[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
    border: 1px solid #fcd34d;
}

.status-badge.status-active[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
    border: 1px solid #6ee7b7;
}

.status-badge.status-suspended[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.status-badge.status-closed[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
    color: #475569;
    border: 1px solid #94a3b8;
}

/* Buttons */
.btn[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.btn-primary[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 58, 93, 0.3);
}

.btn-success[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(5, 150, 105, 0.2);
}

.btn-success:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(5, 150, 105, 0.3);
}

.btn-warning[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(217, 119, 6, 0.2);
}

.btn-warning:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(217, 119, 6, 0.3);
}

.btn-danger[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2);
}

.btn-danger:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.3);
}

.btn-secondary[b-ya34pwsmgr] {
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-secondary:hover[b-ya34pwsmgr] {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

.btn-sm[b-ya34pwsmgr] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
}

/* Alerts */
.alert[b-ya34pwsmgr] {
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-success[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    color: #047857;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    color: #b91c1c;
    border: 1px solid #fecaca;
}

/* Tab Navigation */
.tab-navigation[b-ya34pwsmgr] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: white;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.tab-btn[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    border-radius: 0.625rem;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.tab-btn:hover[b-ya34pwsmgr] {
    color: #0f3a5d;
    background: #f8fafc;
}

.tab-btn.active[b-ya34pwsmgr] {
    color: white;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.25);
}

.tab-btn .badge[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.625rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.tab-btn.active .badge[b-ya34pwsmgr] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

/* Tab Content */
.tab-content[b-ya34pwsmgr] {
    animation: fadeIn-b-ya34pwsmgr 0.3s ease;
}

@keyframes fadeIn-b-ya34pwsmgr {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Details Grid - vertical layout */
.details-grid[b-ya34pwsmgr] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Cards */
.card[b-ya34pwsmgr] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.card:hover[b-ya34pwsmgr] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #cbd5e1;
}

.card-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.card-header h3[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.card-body[b-ya34pwsmgr] {
    padding: 1.5rem;
}

/* Info List (dl/dt/dd) */
.info-list[b-ya34pwsmgr] {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.info-list dt[b-ya34pwsmgr] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    margin-bottom: 0.375rem;
}

.info-list dd[b-ya34pwsmgr] {
    margin: 0;
    font-size: 0.9375rem;
    color: #1e293b;
    font-weight: 500;
}

/* Stats Grid inside card */
.stats-grid[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.stat-item[b-ya34pwsmgr] {
    text-align: center;
    padding: 1.25rem 1rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
}

.stat-item:hover[b-ya34pwsmgr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.stat-item .stat-value[b-ya34pwsmgr] {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f3a5d;
    line-height: 1.2;
}

.stat-item .stat-label[b-ya34pwsmgr] {
    display: block;
    font-size: 0.6875rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    margin-top: 0.375rem;
    font-weight: 600;
}

/* Address styling */
address[b-ya34pwsmgr] {
    font-style: normal;
    line-height: 1.7;
    color: #1e293b;
}

.text-muted[b-ya34pwsmgr] {
    color: #94a3b8;
    font-size: 0.875rem;
    font-style: italic;
}

/* Form Styles */
.form-group[b-ya34pwsmgr] {
    margin-bottom: 1.25rem;
}

.form-group label[b-ya34pwsmgr] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
}

.form-control[b-ya34pwsmgr] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background: #f8fafc;
}

.form-control:focus[b-ya34pwsmgr] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background: white;
}

.form-row[b-ya34pwsmgr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 640px) {
    .form-row[b-ya34pwsmgr] {
        grid-template-columns: 1fr;
    }
}

.form-actions[b-ya34pwsmgr] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

/* Users Table */
.users-section[b-ya34pwsmgr] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.section-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.section-header h3[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
}

.users-table[b-ya34pwsmgr] {
    width: 100%;
    border-collapse: collapse;
}

.users-table th[b-ya34pwsmgr],
.users-table td[b-ya34pwsmgr] {
    padding: 1rem 1.5rem;
    text-align: left;
    border-bottom: 1px solid #f1f5f9;
}

.users-table th[b-ya34pwsmgr] {
    background: #f8fafc;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}

.users-table tr:hover td[b-ya34pwsmgr] {
    background: #f8fafc;
}

.users-table td[b-ya34pwsmgr] {
    font-size: 0.875rem;
    color: #1e293b;
}

.user-info[b-ya34pwsmgr] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.user-avatar[b-ya34pwsmgr] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: #475569;
}

.role-badge[b-ya34pwsmgr] {
    display: inline-flex;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.role-badge.owner[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
}

.role-badge.admin[b-ya34pwsmgr] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1d4ed8;
}

.role-badge.member[b-ya34pwsmgr] {
    background: #f1f5f9;
    color: #64748b;
}

/* Modal */
.modal-backdrop[b-ya34pwsmgr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-ya34pwsmgr], .modal-content[b-ya34pwsmgr] {
    background: white;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    animation: modalSlideIn-b-ya34pwsmgr 0.3s ease;
}

@keyframes modalSlideIn-b-ya34pwsmgr {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.modal-content[b-ya34pwsmgr] {
    padding: 2rem;
}

.modal-content h3[b-ya34pwsmgr] {
    margin: 0 0 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.modal-content p[b-ya34pwsmgr] {
    color: #475569;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.modal-content ul[b-ya34pwsmgr] {
    margin: 0 0 1.5rem;
    padding-left: 1.25rem;
    color: #475569;
}

.modal-content li[b-ya34pwsmgr] {
    margin-bottom: 0.5rem;
}

.modal-actions[b-ya34pwsmgr] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.modal-header[b-ya34pwsmgr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-ya34pwsmgr] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.modal-close[b-ya34pwsmgr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #f8fafc;
    border: none;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal-close:hover[b-ya34pwsmgr] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-ya34pwsmgr] {
    padding: 1.5rem;
}

.modal-footer[b-ya34pwsmgr] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Text utilities */
.text-danger[b-ya34pwsmgr] {
    color: #dc2626;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-ya34pwsmgr] {
        padding: 1rem;
    }
    
    .page-header[b-ya34pwsmgr] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
    }
    
    .page-header-actions[b-ya34pwsmgr] {
        width: 100%;
        flex-wrap: wrap;
    }
    
    .tab-navigation[b-ya34pwsmgr] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0.375rem;
    }
    
    .tab-btn[b-ya34pwsmgr] {
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
        white-space: nowrap;
    }
    
    .info-list[b-ya34pwsmgr] {
        grid-template-columns: 1fr;
    }
    
    .form-row[b-ya34pwsmgr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/CompanyUsers.razor.rz.scp.css */
.admin-container[b-u6ht3wdjpw] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

/* Loading & Error States */
.loading-state[b-u6ht3wdjpw],
.error-state[b-u6ht3wdjpw] {
    text-align: center;
    padding: 4rem 2rem;
}

.spinner[b-u6ht3wdjpw] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-u6ht3wdjpw 0.8s linear infinite;
    margin: 0 auto 1rem;
}

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

.error-state h2[b-u6ht3wdjpw] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.error-state p[b-u6ht3wdjpw] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Page Header */
.page-header[b-u6ht3wdjpw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

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

.btn-back[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-back:hover[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #1e293b;
}

.page-header h1[b-u6ht3wdjpw] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.subtitle[b-u6ht3wdjpw] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.875rem;
}

.header-actions[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.btn[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary[b-u6ht3wdjpw] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover[b-u6ht3wdjpw] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.btn-secondary:hover[b-u6ht3wdjpw] {
    background: #e2e8f0;
}

.btn-danger[b-u6ht3wdjpw] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover[b-u6ht3wdjpw] {
    background: #b91c1c;
}

.btn-sm[b-u6ht3wdjpw] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

/* Alerts */
.alert[b-u6ht3wdjpw] {
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

.alert-success[b-u6ht3wdjpw] {
    background: #d1fae5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* Stats Bar */
.stats-bar[b-u6ht3wdjpw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-item[b-u6ht3wdjpw] {
    background: white;
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid #e2e8f0;
    text-align: center;
}

.stat-item .value[b-u6ht3wdjpw] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.stat-item .label[b-u6ht3wdjpw] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* Users Table */
.users-table-container[b-u6ht3wdjpw] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.users-table[b-u6ht3wdjpw] {
    width: 100%;
    border-collapse: collapse;
}

.users-table th[b-u6ht3wdjpw],
.users-table td[b-u6ht3wdjpw] {
    padding: 1rem 1.25rem;
    text-align: left;
}

.users-table th[b-u6ht3wdjpw] {
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
}

.users-table td[b-u6ht3wdjpw] {
    font-size: 0.875rem;
    color: #1e293b;
    border-bottom: 1px solid #f1f5f9;
}

.users-table tr:last-child td[b-u6ht3wdjpw] {
    border-bottom: none;
}

.users-table tr:hover[b-u6ht3wdjpw] {
    background: #f8fafc;
}

/* User Info Cell */
.user-info[b-u6ht3wdjpw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.user-avatar[b-u6ht3wdjpw] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.user-details[b-u6ht3wdjpw] {
    display: flex;
    flex-direction: column;
}

.user-details strong[b-u6ht3wdjpw] {
    font-weight: 600;
    color: #1e293b;
}

.user-details span[b-u6ht3wdjpw] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Role Badge & Select */
.role-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.role-badge.owner[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #d97706;
}

.role-badge.admin[b-u6ht3wdjpw] {
    background: #eff6ff;
    color: #0f3a5d;
}

.role-badge.member[b-u6ht3wdjpw] {
    background: #e2e8f0;
    color: #64748b;
}

.role-select[b-u6ht3wdjpw] {
    padding: 0.375rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: #1e293b;
    background: white;
    cursor: pointer;
}

.role-select:focus[b-u6ht3wdjpw] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Status Badge */
.status-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.active[b-u6ht3wdjpw] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.disabled[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
}

.status-badge.pending[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #d97706;
}

/* Actions */
.action-buttons[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon:hover[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #1e293b;
}

.btn-icon.danger:hover[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Empty State */
.empty-state[b-u6ht3wdjpw] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-state svg[b-u6ht3wdjpw] {
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h3[b-u6ht3wdjpw] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
}

.empty-state p[b-u6ht3wdjpw] {
    margin: 0 0 1.5rem;
    color: #64748b;
}

/* Modal */
.modal-backdrop[b-u6ht3wdjpw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-u6ht3wdjpw] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-u6ht3wdjpw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-u6ht3wdjpw] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-close[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.modal-close:hover[b-u6ht3wdjpw] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-u6ht3wdjpw] {
    padding: 1.5rem;
}

.modal-footer[b-u6ht3wdjpw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Form Styles */
.form-group[b-u6ht3wdjpw] {
    margin-bottom: 1.25rem;
}

.form-group label[b-u6ht3wdjpw] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.form-control[b-u6ht3wdjpw] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.form-control:focus[b-u6ht3wdjpw] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Invite Section */
.invite-section[b-u6ht3wdjpw] {
    background: #f8fafc;
    border-radius: 0.75rem;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.invite-section h4[b-u6ht3wdjpw] {
    margin: 0 0 0.75rem;
    font-size: 0.9375rem;
    color: #1e293b;
}

.invite-code-display[b-u6ht3wdjpw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.invite-code[b-u6ht3wdjpw] {
    flex: 1;
    padding: 0.75rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-family: monospace;
    font-size: 1rem;
    letter-spacing: 0.05em;
    color: #1e293b;
}

/* User Cards Grid */
.users-grid[b-u6ht3wdjpw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

.user-card[b-u6ht3wdjpw] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    padding: 1.25rem;
    transition: all 0.2s;
}

.user-card:hover[b-u6ht3wdjpw] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #cbd5e1;
}

.user-card.disabled[b-u6ht3wdjpw] {
    opacity: 0.6;
    background: #f8fafc;
}

.user-header[b-u6ht3wdjpw] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 0.875rem;
}

.user-header .user-avatar[b-u6ht3wdjpw] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
}

.user-header .user-info[b-u6ht3wdjpw] {
    flex: 1;
    min-width: 0;
}

.user-header .user-info h3[b-u6ht3wdjpw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-header .user-email[b-u6ht3wdjpw] {
    display: block;
    font-size: 0.8125rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Badges Row - Separate row below header */
.user-badges-row[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.role-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.role-badge.owner[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #92400e;
}

.role-badge.admin[b-u6ht3wdjpw] {
    background: #dbeafe;
    color: #1e40af;
}

.role-badge.member[b-u6ht3wdjpw] {
    background: #e0f2fe;
    color: #0369a1;
}

.status-badge[b-u6ht3wdjpw] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.active[b-u6ht3wdjpw] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.pending[b-u6ht3wdjpw] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.disabled[b-u6ht3wdjpw] {
    background: #fee2e2;
    color: #dc2626;
}

/* User Details */
.user-details[b-u6ht3wdjpw] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.detail-item[b-u6ht3wdjpw] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.detail-label[b-u6ht3wdjpw] {
    font-size: 0.6875rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.detail-value[b-u6ht3wdjpw] {
    font-size: 0.875rem;
    color: #1e293b;
    font-weight: 500;
}

/* User Actions */
.user-actions[b-u6ht3wdjpw] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.role-select[b-u6ht3wdjpw] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    color: #1e293b;
    background: white;
    cursor: pointer;
    min-width: 120px;
}

.role-select:focus[b-u6ht3wdjpw] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.owner-label[b-u6ht3wdjpw] {
    font-size: 0.8125rem;
    color: #94a3b8;
    font-style: italic;
}

.btn-outline-danger[b-u6ht3wdjpw] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.875rem;
    background: transparent;
    color: #dc2626;
    border: 1px solid #fecaca;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-outline-danger:hover[b-u6ht3wdjpw] {
    background: #fee2e2;
    border-color: #dc2626;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-u6ht3wdjpw] {
        padding: 1rem;
    }
    
    .page-header[b-u6ht3wdjpw] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .header-actions[b-u6ht3wdjpw] {
        width: 100%;
    }
    
    .stats-bar[b-u6ht3wdjpw] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .users-table-container[b-u6ht3wdjpw] {
        overflow-x: auto;
    }
    
    .action-buttons[b-u6ht3wdjpw] {
        flex-direction: column;
    }
}
/* /Components/Pages/Admin/Compliance.razor.rz.scp.css */
.compliance-container[b-v4cjbf77bv] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.compliance-header[b-v4cjbf77bv] {
    margin-bottom: 2rem;
}

.compliance-header h1[b-v4cjbf77bv] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.compliance-header p[b-v4cjbf77bv] {
    color: #64748b;
}

/* Stats Grid */
.stats-grid[b-v4cjbf77bv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-v4cjbf77bv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    border-left: 4px solid #e2e8f0;
}

.stat-card.urgent[b-v4cjbf77bv] { border-left-color: #dc2626; }
.stat-card.info[b-v4cjbf77bv] { border-left-color: #0f3a5d; }
.stat-card.warning[b-v4cjbf77bv] { border-left-color: #d97706; }
.stat-card.success[b-v4cjbf77bv] { border-left-color: #059669; }

.stat-icon[b-v4cjbf77bv] {
    font-size: 2rem;
}

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

.stat-value[b-v4cjbf77bv] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
}

.stat-label[b-v4cjbf77bv] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Tab Navigation */
.tab-nav[b-v4cjbf77bv] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.tab-btn[b-v4cjbf77bv] {
    padding: 0.875rem 1.25rem;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s;
}

.tab-btn:hover[b-v4cjbf77bv] {
    color: #0f3a5d;
}

.tab-btn.active[b-v4cjbf77bv] {
    color: #0f3a5d;
    font-weight: 600;
}

.tab-btn.active[b-v4cjbf77bv]::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #0f3a5d;
}

.tab-btn .badge[b-v4cjbf77bv] {
    background: #dc2626;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Section Header */
.section-header[b-v4cjbf77bv] {
    margin-bottom: 1.5rem;
}

.section-header h2[b-v4cjbf77bv] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.section-header p[b-v4cjbf77bv] {
    color: #64748b;
    font-size: 0.9375rem;
}

/* Data Table */
.data-table[b-v4cjbf77bv] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.data-table th[b-v4cjbf77bv] {
    background: #f8fafc;
    padding: 1rem 1.25rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
}

.data-table td[b-v4cjbf77bv] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    font-size: 0.9375rem;
    color: #1e293b;
}

.data-table tr:hover[b-v4cjbf77bv] {
    background: #f8fafc;
}

.data-table tr.overdue[b-v4cjbf77bv] {
    background: #fef2f2;
}

/* Badges */
.badge[b-v4cjbf77bv] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-info[b-v4cjbf77bv] { background: #eff6ff; color: #0f3a5d; }
.badge-danger[b-v4cjbf77bv] { background: #fef2f2; color: #dc2626; }
.badge-warning[b-v4cjbf77bv] { background: #fffbeb; color: #d97706; }
.badge-primary[b-v4cjbf77bv] { background: #eff6ff; color: #0f3a5d; }
.badge-secondary[b-v4cjbf77bv] { background: #f1f5f9; color: #64748b; }

/* Status Badges */
.status-badge[b-v4cjbf77bv] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-pending[b-v4cjbf77bv] { background: #fef3c7; color: #d97706; }
.status-inprogress[b-v4cjbf77bv] { background: #dbeafe; color: #1e40af; }
.status-completed[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }
.status-rejected[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }
.status-active[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }
.status-withdrawn[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }
.status-sent[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }

/* Filter Bar */
.filter-bar[b-v4cjbf77bv] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.form-select[b-v4cjbf77bv], .form-input[b-v4cjbf77bv] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    background: white;
    transition: all 0.2s;
}

.form-select:focus[b-v4cjbf77bv], .form-input:focus[b-v4cjbf77bv] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-input[b-v4cjbf77bv] {
    min-width: 250px;
}

/* Empty State */
.empty-state[b-v4cjbf77bv] {
    text-align: center;
    padding: 3rem;
    color: #64748b;
}

.empty-icon[b-v4cjbf77bv] {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
    opacity: 0.5;
}

/* Buttons */
.btn[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-sm[b-v4cjbf77bv] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-primary[b-v4cjbf77bv] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover[b-v4cjbf77bv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-v4cjbf77bv] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-v4cjbf77bv] {
    background: #e2e8f0;
}

.btn-warning[b-v4cjbf77bv] {
    background: #f59e0b;
    color: white;
}

.btn-warning:hover[b-v4cjbf77bv] {
    background: #d97706;
}

.btn-danger[b-v4cjbf77bv] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover[b-v4cjbf77bv] {
    background: #b91c1c;
}

/* Retention Info */
.retention-info[b-v4cjbf77bv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.retention-policy[b-v4cjbf77bv], .retention-actions[b-v4cjbf77bv] {
    background: white;
    padding: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.retention-policy h3[b-v4cjbf77bv], .retention-actions h3[b-v4cjbf77bv] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #1e293b;
}

.retention-policy ul[b-v4cjbf77bv] {
    list-style: none;
    padding: 0;
}

.retention-policy li[b-v4cjbf77bv] {
    padding: 0.625rem 0;
    border-bottom: 1px solid #f1f5f9;
    color: #1e293b;
}

.retention-policy li:last-child[b-v4cjbf77bv] {
    border-bottom: none;
}

/* Modal */
.modal-overlay[b-v4cjbf77bv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-v4cjbf77bv] {
    background: white;
    border-radius: 1rem;
    max-width: 800px;
    max-height: 90vh;
    overflow: auto;
    width: 100%;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-v4cjbf77bv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-v4cjbf77bv] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.close-btn[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    color: #64748b;
    transition: all 0.2s;
}

.close-btn:hover[b-v4cjbf77bv] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-v4cjbf77bv] {
    padding: 1.5rem;
}

.modal-body pre[b-v4cjbf77bv] {
    white-space: pre-wrap;
    font-size: 0.875rem;
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    color: #1e293b;
}

/* Alert */
.alert[b-v4cjbf77bv] {
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

.alert-info[b-v4cjbf77bv] {
    background: #eff6ff;
    color: #0f3a5d;
    border: 1px solid #dbeafe;
}

.text-danger[b-v4cjbf77bv] {
    color: #dc2626;
}

.mt-3[b-v4cjbf77bv] {
    margin-top: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .compliance-container[b-v4cjbf77bv] {
        padding: 1rem;
    }
    
    .retention-info[b-v4cjbf77bv] {
        grid-template-columns: 1fr;
    }
    
    .stats-grid[b-v4cjbf77bv] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .data-table th[b-v4cjbf77bv],
    .data-table td[b-v4cjbf77bv] {
        padding: 0.75rem;
    }
}


/* Page Header */
.page-header[b-v4cjbf77bv] {
    margin-bottom: 2rem;
}

.page-header h1[b-v4cjbf77bv] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
}

.page-header p[b-v4cjbf77bv] {
    color: #64748b;
    margin: 0.5rem 0 0 0;
    font-size: 0.9375rem;
}

/* Compliance Tabs */
.compliance-tabs[b-v4cjbf77bv] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

/* Tab Content */
.tab-content[b-v4cjbf77bv] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

/* Compliance Table */
.compliance-table[b-v4cjbf77bv] {
    width: 100%;
    border-collapse: collapse;
}

.compliance-table th[b-v4cjbf77bv] {
    text-align: left;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-weight: 600;
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.compliance-table td[b-v4cjbf77bv] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.9375rem;
    color: #1e293b;
}

.compliance-table tr:hover[b-v4cjbf77bv] {
    background: #f8fafc;
}

.compliance-table tr.urgent[b-v4cjbf77bv] {
    background: #fef2f2;
}

/* Request Types */
.request-type[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.request-type.access[b-v4cjbf77bv] { background: #dbeafe; color: #1e40af; }
.request-type.erasure[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }
.request-type.portability[b-v4cjbf77bv] { background: #d1fae5; color: #059669; }
.request-type.rectification[b-v4cjbf77bv] { background: #fef3c7; color: #d97706; }
.request-type.restriction[b-v4cjbf77bv] { background: #e0e7ff; color: #4f46e5; }
.request-type.objection[b-v4cjbf77bv] { background: #fce7f3; color: #db2777; }

/* Notice Types */
.notice-type[b-v4cjbf77bv] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
}

.notice-type.preadverse[b-v4cjbf77bv] { background: #fef3c7; color: #d97706; }
.notice-type.finaladverse[b-v4cjbf77bv] { background: #fee2e2; color: #dc2626; }

/* Overdue */
.overdue[b-v4cjbf77bv] {
    color: #dc2626;
    font-weight: 600;
}

.overdue-badge[b-v4cjbf77bv] {
    display: inline-flex;
    background: #dc2626;
    color: white;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.625rem;
    font-weight: 700;
    margin-left: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

/* Action Buttons */
.btn-action[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 500;
    margin-right: 0.375rem;
    transition: all 0.2s;
}

.btn-action.process[b-v4cjbf77bv] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-action.process:hover[b-v4cjbf77bv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-action.view[b-v4cjbf77bv] {
    background: #f1f5f9;
    color: #475569;
}

.btn-action.view:hover[b-v4cjbf77bv] {
    background: #e2e8f0;
}

.btn-action.download[b-v4cjbf77bv] {
    background: #059669;
    color: white;
}

.btn-action.download:hover[b-v4cjbf77bv] {
    background: #047857;
}

.btn-action.send[b-v4cjbf77bv] {
    background: #0891b2;
    color: white;
}

.btn-action.send:hover[b-v4cjbf77bv] {
    background: #0e7490;
}

/* Text Utilities */
.text-muted[b-v4cjbf77bv] {
    color: #64748b;
    font-size: 0.8125rem;
}

/* Filter Controls */
.filter-select[b-v4cjbf77bv] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    background: white;
    transition: all 0.2s;
}

.filter-select:focus[b-v4cjbf77bv] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.btn-filter[b-v4cjbf77bv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-filter:hover[b-v4cjbf77bv] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

/* Retention Cards */
.retention-card[b-v4cjbf77bv] {
    background: #f8fafc;
    border-radius: 0.75rem;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
}

.retention-card h4[b-v4cjbf77bv] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.retention-card ul[b-v4cjbf77bv] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.retention-card li[b-v4cjbf77bv] {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}

.retention-result[b-v4cjbf77bv] {
    margin-top: 1rem;
    padding: 1rem;
    background: #d1fae5;
    border: 1px solid #a7f3d0;
    border-radius: 0.5rem;
    color: #059669;
    font-weight: 500;
}

/* Automated Badge */
.badge.automated[b-v4cjbf77bv] {
    background: #64748b;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Detail Rows (Modal) */
.detail-row[b-v4cjbf77bv] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: start;
}

.detail-row.full-width[b-v4cjbf77bv] {
    grid-template-columns: 1fr;
}

.detail-row label[b-v4cjbf77bv] {
    font-weight: 600;
    color: #64748b;
    font-size: 0.875rem;
}

.detail-row span[b-v4cjbf77bv],
.detail-row div:not(.detail-row)[b-v4cjbf77bv] {
    color: #1e293b;
}

/* Notice Content */
.notice-content[b-v4cjbf77bv] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
    white-space: pre-wrap;
    font-family: inherit;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #1e293b;
}

/* Large Modal Variant */
.modal-content.large[b-v4cjbf77bv] {
    max-width: 900px;
}
/* /Components/Pages/Admin/Currencies.razor.rz.scp.css */
.admin-container[b-2fo9rj5285] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-2fo9rj5285] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    gap: 1rem;
}

.header-content h1[b-2fo9rj5285] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e3a5f;
}

.header-content p[b-2fo9rj5285] {
    margin: 0.5rem 0 0;
    color: #64748b;
}

/* Buttons */
.btn-primary[b-2fo9rj5285] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover:not(:disabled)[b-2fo9rj5285] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
}

.btn-primary:disabled[b-2fo9rj5285] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-secondary[b-2fo9rj5285] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover:not(:disabled)[b-2fo9rj5285] {
    background: #e2e8f0;
}

.btn-secondary:disabled[b-2fo9rj5285] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-danger[b-2fo9rj5285] {
    padding: 0.75rem 1.5rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

.btn-danger:hover[b-2fo9rj5285] {
    background: #b91c1c;
}

.btn-sm[b-2fo9rj5285] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-set[b-2fo9rj5285] {
    background: #1e3a5f;
    color: white;
}

.btn-set:hover:not(:disabled)[b-2fo9rj5285] {
    background: #2d4a6f;
}

.btn-set:disabled[b-2fo9rj5285] {
    background: #cbd5e1;
    color: #94a3b8;
    cursor: not-allowed;
}

.btn-clear[b-2fo9rj5285] {
    background: #fef3c7;
    color: #92400e;
    margin-left: 0.5rem;
}

.btn-clear:hover[b-2fo9rj5285] {
    background: #fde68a;
}

/* Alerts */
.alert[b-2fo9rj5285] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.alert-success[b-2fo9rj5285] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-error[b-2fo9rj5285] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

/* Exchange Rates Card */
.rates-card[b-2fo9rj5285] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
}

.rates-header[b-2fo9rj5285] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.rates-header h3[b-2fo9rj5285] {
    margin: 0;
    font-size: 1.1rem;
    color: #374151;
}

.rates-table[b-2fo9rj5285] {
    width: 100%;
    border-collapse: collapse;
}

.rates-table th[b-2fo9rj5285],
.rates-table td[b-2fo9rj5285] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.rates-table th[b-2fo9rj5285] {
    font-weight: 600;
    color: #64748b;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

.rates-table tbody tr:hover[b-2fo9rj5285] {
    background: #f8fafc;
}

.rates-table tbody tr.inactive[b-2fo9rj5285] {
    opacity: 0.5;
}

.currency-info[b-2fo9rj5285] {
    display: flex;
    flex-direction: column;
}

.currency-info strong[b-2fo9rj5285] {
    color: #1e3a5f;
}

.currency-name[b-2fo9rj5285] {
    font-size: 0.8rem;
    color: #64748b;
}

.rate-cell[b-2fo9rj5285] {
    font-family: 'SF Mono', Monaco, monospace;
}

.rate-cell.effective[b-2fo9rj5285] {
    display: flex;
    flex-direction: column;
}

.rate-cell.effective strong[b-2fo9rj5285] {
    color: #1e3a5f;
    font-size: 1.1rem;
}

.rate-example[b-2fo9rj5285] {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.official-rate[b-2fo9rj5285] {
    color: #059669;
    font-weight: 500;
}

.rate-source[b-2fo9rj5285] {
    display: block;
    font-size: 0.7rem;
    color: #9ca3af;
}

.no-rate[b-2fo9rj5285] {
    color: #9ca3af;
    font-style: italic;
}

.rate-meta[b-2fo9rj5285] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.manual-rate-input input[b-2fo9rj5285] {
    width: 120px;
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: 'SF Mono', Monaco, monospace;
}

.manual-rate-input input:focus[b-2fo9rj5285] {
    outline: none;
    border-color: #1e3a5f;
    box-shadow: 0 0 0 2px rgba(30, 58, 95, 0.1);
}

.rates-footer[b-2fo9rj5285] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    font-size: 0.8rem;
    color: #64748b;
    text-align: right;
}

/* Badges */
.badge[b-2fo9rj5285] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-primary[b-2fo9rj5285] {
    background: #dbeafe;
    color: #1e40af;
}

.badge-auto[b-2fo9rj5285] {
    background: #d1fae5;
    color: #065f46;
}

.badge-manual[b-2fo9rj5285] {
    background: #fef3c7;
    color: #92400e;
}

/* Currencies Card */
.currencies-card[b-2fo9rj5285] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e7eb;
}

.currencies-card h3[b-2fo9rj5285] {
    margin: 0 0 1.5rem;
    font-size: 1.1rem;
    color: #374151;
}

.currencies-table[b-2fo9rj5285] {
    width: 100%;
    border-collapse: collapse;
}

.currencies-table th[b-2fo9rj5285],
.currencies-table td[b-2fo9rj5285] {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

.currencies-table th[b-2fo9rj5285] {
    font-weight: 600;
    color: #64748b;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

.currencies-table tbody tr:hover[b-2fo9rj5285] {
    background: #f8fafc;
}

.currencies-table tbody tr.inactive[b-2fo9rj5285] {
    opacity: 0.5;
}

.symbol-cell[b-2fo9rj5285] {
    font-size: 1.25rem;
}

.format-cell[b-2fo9rj5285] {
    font-family: 'SF Mono', Monaco, monospace;
    color: #1e3a5f;
}

.actions-cell[b-2fo9rj5285] {
    white-space: nowrap;
}

.btn-icon[b-2fo9rj5285] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    margin-right: 0.25rem;
    transition: all 0.2s;
}

.btn-icon:hover[b-2fo9rj5285] {
    background: #e2e8f0;
}

.btn-icon.danger:hover[b-2fo9rj5285] {
    background: #fee2e2;
}

/* Toggle Switch */
.toggle-switch[b-2fo9rj5285] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.toggle-switch input[b-2fo9rj5285] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-2fo9rj5285] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: 0.3s;
    border-radius: 24px;
}

.toggle-slider[b-2fo9rj5285]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.toggle-switch input:checked + .toggle-slider[b-2fo9rj5285] {
    background-color: #10b981;
}

.toggle-switch input:checked + .toggle-slider[b-2fo9rj5285]:before {
    transform: translateX(20px);
}

.toggle-switch input:disabled + .toggle-slider[b-2fo9rj5285] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Modal */
.modal-overlay[b-2fo9rj5285] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-2fo9rj5285] {
    background: white;
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-content.small[b-2fo9rj5285] {
    max-width: 400px;
}

.modal-header[b-2fo9rj5285] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-2fo9rj5285] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e3a5f;
}

.modal-close[b-2fo9rj5285] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 1.5rem;
    cursor: pointer;
    color: #64748b;
    line-height: 1;
}

.modal-body[b-2fo9rj5285] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-2fo9rj5285] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

/* Form Elements */
.form-group[b-2fo9rj5285] {
    margin-bottom: 1.25rem;
}

.form-group label[b-2fo9rj5285] {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.form-group input[b-2fo9rj5285],
.form-group select[b-2fo9rj5285] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 1rem;
}

.form-group input:focus[b-2fo9rj5285],
.form-group select:focus[b-2fo9rj5285] {
    outline: none;
    border-color: #1e3a5f;
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}

.form-group input.disabled[b-2fo9rj5285],
.form-group input:disabled[b-2fo9rj5285] {
    background: #f3f4f6;
    cursor: not-allowed;
}

.help-text[b-2fo9rj5285] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 0.25rem;
}

.form-row[b-2fo9rj5285] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.radio-group[b-2fo9rj5285] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.radio-label[b-2fo9rj5285] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
}

.radio-label input[b-2fo9rj5285] {
    width: auto;
}

.checkbox-label[b-2fo9rj5285] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: normal !important;
}

.checkbox-label input[b-2fo9rj5285] {
    width: 18px;
    height: 18px;
}

.preview-box[b-2fo9rj5285] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

.preview-box label[b-2fo9rj5285] {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.5rem;
}

.preview-format[b-2fo9rj5285] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1e3a5f;
}

/* States */
.loading-state[b-2fo9rj5285] {
    text-align: center;
    padding: 3rem 2rem;
    color: #64748b;
}

.spinner[b-2fo9rj5285] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #1e3a5f;
    border-radius: 50%;
    animation: spin-b-2fo9rj5285 1s linear infinite;
    margin: 0 auto 1rem;
}

.spinner-sm[b-2fo9rj5285] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-2fo9rj5285 1s linear infinite;
    display: inline-block;
}

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

.text-muted[b-2fo9rj5285] {
    color: #64748b;
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 1024px) {
    .rates-table[b-2fo9rj5285] {
        font-size: 0.85rem;
    }
    
    .rates-table th[b-2fo9rj5285],
    .rates-table td[b-2fo9rj5285] {
        padding: 0.75rem 0.5rem;
    }
    
    .manual-rate-input input[b-2fo9rj5285] {
        width: 90px;
    }
}

@media (max-width: 768px) {
    .admin-container[b-2fo9rj5285] {
        padding: 1rem;
    }

    .page-header[b-2fo9rj5285] {
        flex-direction: column;
    }

    .rates-table[b-2fo9rj5285],
    .currencies-table[b-2fo9rj5285] {
        font-size: 0.8rem;
    }

    .form-row[b-2fo9rj5285] {
        grid-template-columns: 1fr;
    }
    
    .btn-sm[b-2fo9rj5285] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}
/* /Components/Pages/Admin/DocumentTemplates.razor.rz.scp.css */
.admin-container[b-nh2y3otwx2] { padding: 2rem; max-width: 1400px; margin: 0 auto; }

.page-header[b-nh2y3otwx2] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
.header-content h1[b-nh2y3otwx2] { margin: 0; font-size: 1.875rem; font-weight: 700; color: var(--primary-500); }
.header-content p[b-nh2y3otwx2] { margin: 0.25rem 0 0 0; color: var(--gray-600); font-size: 0.875rem; }
.header-actions[b-nh2y3otwx2] { display: flex; gap: 0.75rem; }

.btn-primary[b-nh2y3otwx2] { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--primary-500); color: white; padding: 0.625rem 1rem; border: none; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; transition: background 0.2s; }
.btn-primary:hover[b-nh2y3otwx2] { background: var(--primary-600); }
.btn-secondary[b-nh2y3otwx2] { display: inline-flex; align-items: center; gap: 0.5rem; background: white; color: var(--gray-700); padding: 0.625rem 1rem; border: 1px solid var(--gray-300); border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; transition: all 0.2s; }
.btn-secondary:hover[b-nh2y3otwx2] { background: var(--gray-50); border-color: var(--gray-400); }
.btn-danger[b-nh2y3otwx2] { background: #dc2626; color: white; padding: 0.625rem 1rem; border: none; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; }
.btn-danger:hover[b-nh2y3otwx2] { background: #b91c1c; }

.stats-grid[b-nh2y3otwx2] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-bottom: 2rem; }
.stat-card[b-nh2y3otwx2] { background: white; border-radius: 1rem; padding: 1.5rem; box-shadow: var(--shadow-sm); border: 1px solid var(--gray-100); display: flex; align-items: flex-start; gap: 1rem; transition: all 0.2s; }
.stat-card:hover[b-nh2y3otwx2] { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.stat-icon[b-nh2y3otwx2] { width: 56px; height: 56px; border-radius: 0.875rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.stat-icon.templates[b-nh2y3otwx2] { background: linear-gradient(135deg, var(--primary-500), var(--primary-600)); color: white; }
.stat-icon.countries[b-nh2y3otwx2] { background: linear-gradient(135deg, #10b981, #059669); color: white; }
.stat-icon.categories[b-nh2y3otwx2] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }
.stat-icon.associations[b-nh2y3otwx2] { background: linear-gradient(135deg, var(--cta-500), var(--cta-600)); color: white; }
.stat-content[b-nh2y3otwx2] { display: flex; flex-direction: column; }
.stat-number[b-nh2y3otwx2] { font-size: 1.75rem; font-weight: 700; color: var(--gray-900); line-height: 1.2; }
.stat-label[b-nh2y3otwx2] { font-size: 0.8125rem; color: var(--gray-500); font-weight: 500; }

.tab-nav[b-nh2y3otwx2] { display: flex; gap: 0.25rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--gray-200); padding-bottom: 0; }
.tab-btn[b-nh2y3otwx2] { padding: 0.75rem 1.25rem; border: none; background: none; cursor: pointer; font-size: 0.875rem; color: var(--gray-500); font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: all 0.2s; }
.tab-btn.active[b-nh2y3otwx2] { color: var(--primary-500); border-bottom-color: var(--primary-500); }
.tab-btn:hover:not(.active)[b-nh2y3otwx2] { color: var(--gray-700); background: var(--gray-50); }

.filter-bar[b-nh2y3otwx2] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; background: white; padding: 1rem 1.5rem; border-radius: 0.75rem; margin-bottom: 1.5rem; border: 1px solid var(--gray-100); }
.filter-group[b-nh2y3otwx2] { display: flex; flex-direction: column; gap: 0.25rem; }
.filter-group label[b-nh2y3otwx2] { font-size: 0.6875rem; font-weight: 600; color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.05em; }
.form-control-sm[b-nh2y3otwx2] { padding: 0.5rem 0.75rem; border: 1px solid var(--gray-300); border-radius: 0.375rem; font-size: 0.875rem; min-width: 160px; }
.form-control-sm:focus[b-nh2y3otwx2] { outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 2px rgba(30, 58, 95, 0.1); }
.btn-link[b-nh2y3otwx2] { background: none; border: none; color: var(--primary-500); font-size: 0.875rem; cursor: pointer; padding: 0.5rem; }
.btn-link:hover[b-nh2y3otwx2] { text-decoration: underline; }

/* Templates Grid */
.templates-grid[b-nh2y3otwx2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; }
.template-card[b-nh2y3otwx2] { background: white; border-radius: 1rem; border: 1px solid var(--gray-100); overflow: hidden; position: relative; transition: all 0.2s; }
.template-card:hover[b-nh2y3otwx2] { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.template-card.inactive[b-nh2y3otwx2] { opacity: 0.6; }
.template-icon[b-nh2y3otwx2] { padding: 1.25rem; background: var(--gray-50); display: flex; justify-content: center; }
.template-content[b-nh2y3otwx2] { padding: 1.25rem; }
.template-name[b-nh2y3otwx2] { margin: 0 0 0.5rem 0; font-size: 0.9375rem; font-weight: 600; color: var(--gray-900); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.template-description[b-nh2y3otwx2] { margin: 0 0 0.75rem 0; font-size: 0.8125rem; color: var(--gray-600); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.template-meta[b-nh2y3otwx2] { display: flex; gap: 0.75rem; margin-bottom: 0.75rem; }
.meta-item[b-nh2y3otwx2] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: var(--gray-500); }
.meta-item.category[b-nh2y3otwx2] { color: var(--primary-500); font-weight: 500; }
.template-countries[b-nh2y3otwx2] { margin-top: 0.75rem; }
.country-badges[b-nh2y3otwx2] { display: flex; flex-wrap: wrap; gap: 0.375rem; align-items: center; margin-bottom: 0.375rem; }
.country-badges.email .country-badge[b-nh2y3otwx2] { background: #d1fae5; color: #065f46; }
.badge-label[b-nh2y3otwx2] { font-size: 0.6875rem; color: var(--gray-500); margin-right: 0.25rem; }
.country-badge[b-nh2y3otwx2] { display: inline-block; padding: 0.125rem 0.5rem; background: var(--gray-100); color: var(--gray-600); font-size: 0.6875rem; border-radius: 9999px; font-weight: 500; }
.country-badge.email[b-nh2y3otwx2] { background: #d1fae5; color: #065f46; }
.country-badge.more[b-nh2y3otwx2] { background: var(--gray-200); }
.no-countries[b-nh2y3otwx2] { font-size: 0.75rem; color: var(--gray-400); font-style: italic; }
.template-actions[b-nh2y3otwx2] { display: flex; gap: 0.5rem; padding: 1rem 1.25rem; border-top: 1px solid var(--gray-100); background: var(--gray-50); }
.inactive-overlay[b-nh2y3otwx2] { position: absolute; top: 1rem; right: 1rem; background: #dc2626; color: white; font-size: 0.625rem; font-weight: 700; padding: 0.25rem 0.5rem; border-radius: 0.25rem; }

/* Icon buttons */
.btn-icon[b-nh2y3otwx2] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--gray-200); border-radius: 0.375rem; background: white; color: var(--gray-500); cursor: pointer; transition: all 0.15s; }
.btn-icon:hover[b-nh2y3otwx2] { background: var(--gray-50); border-color: var(--gray-300); color: var(--gray-700); }
.btn-icon-danger[b-nh2y3otwx2] { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #fecaca; border-radius: 0.375rem; background: white; color: #dc2626; cursor: pointer; transition: all 0.15s; }
.btn-icon-danger:hover[b-nh2y3otwx2] { background: #fef2f2; border-color: #fca5a5; }

/* Management sections */
.management-section[b-nh2y3otwx2] { background: white; border-radius: 1rem; border: 1px solid var(--gray-100); overflow: hidden; }
.section-header[b-nh2y3otwx2] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--gray-100); }
.section-header h3[b-nh2y3otwx2] { margin: 0; font-size: 1.125rem; font-weight: 600; color: var(--gray-900); }

/* Data table */
.data-table[b-nh2y3otwx2] { width: 100%; border-collapse: collapse; }
.data-table th[b-nh2y3otwx2] { text-align: left; padding: 0.875rem 1.5rem; font-size: 0.6875rem; font-weight: 600; color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.05em; background: var(--gray-50); }
.data-table td[b-nh2y3otwx2] { padding: 1rem 1.5rem; border-bottom: 1px solid var(--gray-100); font-size: 0.875rem; color: var(--gray-700); }
.data-table tbody tr:hover[b-nh2y3otwx2] { background: var(--gray-50); }
.data-table code[b-nh2y3otwx2] { background: var(--gray-100); padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-size: 0.8125rem; }
.inactive-row[b-nh2y3otwx2] { opacity: 0.5; }
.description-cell[b-nh2y3otwx2] { max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.status-badge[b-nh2y3otwx2] { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; text-transform: uppercase; }
.status-badge.active[b-nh2y3otwx2] { background: #d1fae5; color: #065f46; }
.status-badge.inactive[b-nh2y3otwx2] { background: #f3f4f6; color: #6b7280; }

.global-badge[b-nh2y3otwx2] { display: inline-block; margin-left: 0.5rem; padding: 0.125rem 0.375rem; background: var(--primary-100); color: var(--primary-600); font-size: 0.625rem; font-weight: 600; border-radius: 0.25rem; text-transform: uppercase; }

.btn-sm[b-nh2y3otwx2] { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.375rem 0.75rem; font-size: 0.75rem; border-radius: 0.375rem; cursor: pointer; border: none; font-weight: 500; }
.btn-sm.btn-primary[b-nh2y3otwx2] { background: var(--primary-500); color: white; }
.btn-sm.btn-secondary[b-nh2y3otwx2] { background: white; color: var(--gray-700); border: 1px solid var(--gray-300); }
.btn-sm.btn-danger[b-nh2y3otwx2] { background: white; color: #dc2626; border: 1px solid #fecaca; }
.btn-sm.btn-danger:hover[b-nh2y3otwx2] { background: #fef2f2; }

/* Empty state */
.empty-state[b-nh2y3otwx2] { text-align: center; padding: 4rem 2rem; color: var(--gray-400); background: white; border-radius: 1rem; border: 1px solid var(--gray-100); }
.empty-state svg[b-nh2y3otwx2] { margin-bottom: 1rem; opacity: 0.5; }
.empty-state p[b-nh2y3otwx2] { font-size: 0.9375rem; margin: 0 0 1.5rem 0; }

/* Modals */
.modal-overlay[b-nh2y3otwx2] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; }
.modal-content[b-nh2y3otwx2] { background: white; border-radius: 1rem; max-width: 500px; width: 90%; max-height: 90vh; overflow-y: auto; box-shadow: var(--shadow-xl); }
.modal-content.large[b-nh2y3otwx2] { max-width: 600px; }
.modal-content.small[b-nh2y3otwx2] { max-width: 400px; }
.modal-header[b-nh2y3otwx2] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--gray-100); }
.modal-header h3[b-nh2y3otwx2] { margin: 0; font-size: 1.125rem; font-weight: 600; color: var(--gray-900); }
.close-btn[b-nh2y3otwx2] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--gray-400); line-height: 1; }
.close-btn:hover[b-nh2y3otwx2] { color: var(--gray-600); }
.modal-body[b-nh2y3otwx2] { padding: 1.5rem; }
.modal-actions[b-nh2y3otwx2] { display: flex; justify-content: flex-end; gap: 0.75rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--gray-100); }

/* Forms */
.form-group[b-nh2y3otwx2] { margin-bottom: 1rem; }
.form-group label[b-nh2y3otwx2] { display: block; margin-bottom: 0.375rem; font-weight: 500; font-size: 0.875rem; color: var(--gray-700); }
.form-control[b-nh2y3otwx2] { width: 100%; padding: 0.625rem 0.875rem; border: 1px solid var(--gray-300); border-radius: 0.5rem; font-size: 0.875rem; transition: border-color 0.2s, box-shadow 0.2s; }
.form-control:focus[b-nh2y3otwx2] { outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1); }
textarea.form-control[b-nh2y3otwx2] { resize: vertical; min-height: 80px; }
.form-help[b-nh2y3otwx2] { display: block; margin-top: 0.25rem; font-size: 0.75rem; color: var(--gray-500); }

/* Upload area */
.upload-area[b-nh2y3otwx2] { position: relative; border: 2px dashed var(--gray-300); border-radius: 0.75rem; padding: 2rem; text-align: center; background: var(--gray-50); transition: all 0.2s; cursor: pointer; }
.upload-area:hover[b-nh2y3otwx2] { border-color: var(--primary-400); background: rgba(30, 58, 95, 0.03); }
.upload-area input[type="file"][b-nh2y3otwx2] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.upload-placeholder[b-nh2y3otwx2] { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; color: var(--gray-500); pointer-events: none; }
.upload-placeholder svg[b-nh2y3otwx2] { color: var(--gray-400); }
.upload-placeholder span[b-nh2y3otwx2] { font-size: 0.875rem; }
.selected-file[b-nh2y3otwx2] { color: var(--primary-500); font-weight: 500; }

/* Country checkboxes */
.country-checkboxes[b-nh2y3otwx2] { display: flex; flex-wrap: wrap; gap: 0.75rem; padding: 0.75rem; background: var(--gray-50); border-radius: 0.5rem; max-height: 200px; overflow-y: auto; }
.country-checkbox[b-nh2y3otwx2] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; cursor: pointer; white-space: nowrap; }
.country-checkbox input[b-nh2y3otwx2] { cursor: pointer; }

/* Country assignments (edit modal) */
.country-assignments[b-nh2y3otwx2] { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; background: var(--gray-50); border-radius: 0.5rem; max-height: 300px; overflow-y: auto; }
.country-assignment-row[b-nh2y3otwx2] { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0.75rem; background: white; border-radius: 0.375rem; border: 1px solid var(--gray-200); }
.email-checkbox[b-nh2y3otwx2] { display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: var(--gray-600); cursor: pointer; }
.email-checkbox input[b-nh2y3otwx2] { cursor: pointer; }

/* Checkbox label */
.checkbox-label[b-nh2y3otwx2] { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; font-size: 0.875rem; }
.checkbox-label input[b-nh2y3otwx2] { cursor: pointer; }

/* Alerts */
.alert[b-nh2y3otwx2] { padding: 0.875rem 1rem; border-radius: 0.5rem; margin-bottom: 1rem; font-size: 0.875rem; }
.alert-danger[b-nh2y3otwx2] { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }

/* Delete modal */
.delete-info[b-nh2y3otwx2] { background: var(--gray-50); padding: 1rem; border-radius: 0.5rem; margin: 1rem 0; }
.delete-info strong[b-nh2y3otwx2] { display: block; font-size: 0.875rem; color: var(--gray-900); word-break: break-all; }
.delete-info .text-muted[b-nh2y3otwx2] { font-size: 0.8125rem; color: var(--gray-500); }
.warning-text[b-nh2y3otwx2] { color: #dc2626; font-size: 0.8125rem; margin: 1rem 0 0 0; }
.text-muted[b-nh2y3otwx2] { color: var(--gray-500); }

/* Responsive */
@media (max-width: 1024px) {
    .stats-grid[b-nh2y3otwx2] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .stats-grid[b-nh2y3otwx2] { grid-template-columns: 1fr; }
    .templates-grid[b-nh2y3otwx2] { grid-template-columns: 1fr; }
    .page-header[b-nh2y3otwx2] { flex-direction: column; align-items: flex-start; gap: 1rem; }
}
/* /Components/Pages/Admin/DsrProcess.razor.rz.scp.css */
.dsr-container[b-z2rblw104s] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem;
}

.back-link[b-z2rblw104s] {
    margin-bottom: 1.5rem;
}

.back-link a[b-z2rblw104s] {
    color: #0f3a5d;
    text-decoration: none;
    font-weight: 500;
}

.back-link a:hover[b-z2rblw104s] {
    color: #1a5fa8;
    text-decoration: underline;
}

.dsr-header[b-z2rblw104s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.dsr-header h1[b-z2rblw104s] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.dsr-grid[b-z2rblw104s] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.dsr-card[b-z2rblw104s] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.dsr-card h3[b-z2rblw104s] {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
}

.detail-row[b-z2rblw104s] {
    display: flex;
    margin-bottom: 0.75rem;
    gap: 0.5rem;
}

.detail-row .label[b-z2rblw104s] {
    font-weight: 500;
    color: #64748b;
    min-width: 120px;
}

.detail-row .value[b-z2rblw104s] {
    color: #1e293b;
}

.text-danger[b-z2rblw104s] {
    color: #dc2626;
}

.overdue-badge[b-z2rblw104s] {
    background: #dc2626;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.days-left[b-z2rblw104s] {
    color: #64748b;
    font-size: 0.875rem;
}

.info-text[b-z2rblw104s] {
    color: #64748b;
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.verified-badge[b-z2rblw104s] {
    background: #d1fae5;
    color: #065f46;
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.verified-badge small[b-z2rblw104s] {
    color: #64748b;
}

.verification-form[b-z2rblw104s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-select[b-z2rblw104s], .form-textarea[b-z2rblw104s] {
    padding: 0.625rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    transition: all 0.2s;
}

.form-select:focus[b-z2rblw104s], .form-textarea:focus[b-z2rblw104s] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-textarea[b-z2rblw104s] {
    min-height: 100px;
    resize: vertical;
}

.mt-2[b-z2rblw104s] {
    margin-top: 0.5rem;
}

.processing-card[b-z2rblw104s] {
    grid-column: span 2;
}

.warning-box[b-z2rblw104s] {
    background: #fef3c7;
    color: #92400e;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #fde68a;
}

.process-info[b-z2rblw104s] {
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

.process-info h4[b-z2rblw104s] {
    margin-top: 0;
    margin-bottom: 0.75rem;
    color: #1e293b;
}

.process-info p[b-z2rblw104s] {
    margin-bottom: 1rem;
    color: #475569;
}

.process-info.erasure-warning[b-z2rblw104s] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.consent-checkbox[b-z2rblw104s] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.75rem;
    background: white;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

.consent-checkbox input[b-z2rblw104s] {
    margin-top: 3px;
    accent-color: #0f3a5d;
}

.completed-card[b-z2rblw104s] {
    background: #d1fae5;
    border: 1px solid #a7f3d0;
}

.error-message[b-z2rblw104s] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
    border: 1px solid #fecaca;
}

.success-message[b-z2rblw104s] {
    background: #d1fae5;
    color: #065f46;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
    border: 1px solid #a7f3d0;
}

.btn[b-z2rblw104s] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-primary[b-z2rblw104s] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-z2rblw104s] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-danger[b-z2rblw104s] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-z2rblw104s] {
    background: #b91c1c;
}

.btn:disabled[b-z2rblw104s] {
    opacity: 0.6;
    cursor: not-allowed;
}

.status-badge[b-z2rblw104s] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-pending[b-z2rblw104s] { background: #fef3c7; color: #d97706; }
.status-inprogress[b-z2rblw104s] { background: #dbeafe; color: #1e40af; }
.status-completed[b-z2rblw104s] { background: #d1fae5; color: #059669; }

.badge[b-z2rblw104s] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-info[b-z2rblw104s] { background: #eff6ff; color: #0f3a5d; }
.badge-danger[b-z2rblw104s] { background: #fef2f2; color: #dc2626; }
.badge-warning[b-z2rblw104s] { background: #fffbeb; color: #d97706; }
.badge-primary[b-z2rblw104s] { background: #eff6ff; color: #0f3a5d; }

.loading[b-z2rblw104s] {
    text-align: center;
    padding: 3rem;
    color: #64748b;
}

@media (max-width: 768px) {
    .dsr-container[b-z2rblw104s] {
        padding: 1rem;
    }
    
    .dsr-grid[b-z2rblw104s] {
        grid-template-columns: 1fr;
    }
    
    .processing-card[b-z2rblw104s] {
        grid-column: span 1;
    }
}
/* /Components/Pages/Admin/InstantChecks.razor.rz.scp.css */
/* ===============================================
   ADMIN INSTANT CHECKS PAGE - Professional Modern Design
   =============================================== */

.admin-container[b-py274ngfv6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
}

/* Page Header */
.page-header[b-py274ngfv6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-content h1[b-py274ngfv6] {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.025em;
}

.page-header-content .page-subtitle[b-py274ngfv6] {
    margin: 0.375rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

.page-header-actions[b-py274ngfv6] {
    display: flex;
    gap: 0.75rem;
}

/* Stats Grid */
.stats-grid[b-py274ngfv6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-py274ngfv6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.stat-icon[b-py274ngfv6] {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.pending[b-py274ngfv6] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
}

.stat-icon.processing[b-py274ngfv6] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1e40af;
}

.stat-icon.success[b-py274ngfv6] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
}

.stat-icon.error[b-py274ngfv6] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #b91c1c;
}

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

.stat-value[b-py274ngfv6] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.stat-label[b-py274ngfv6] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

/* Buttons */
.btn-primary[b-py274ngfv6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border: none;
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-py274ngfv6] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-py274ngfv6] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-py274ngfv6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-py274ngfv6] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Filter Tabs */
.filter-tabs[b-py274ngfv6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: white;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    width: fit-content;
    flex-wrap: wrap;
}

.filter-tab[b-py274ngfv6] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-tab:hover[b-py274ngfv6] {
    color: #0f3a5d;
    background: #f8fafc;
}

.filter-tab.active[b-py274ngfv6] {
    color: white;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.25);
}

.filter-tab .badge[b-py274ngfv6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.625rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.filter-tab.active .badge[b-py274ngfv6] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

.filter-tab .badge.warning[b-py274ngfv6] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; }
.filter-tab .badge.success[b-py274ngfv6] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #047857; }
.filter-tab .badge.danger[b-py274ngfv6] { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #b91c1c; }

/* Loading & Empty States */
.loading-state[b-py274ngfv6] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.spinner[b-py274ngfv6] {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-py274ngfv6 0.8s linear infinite;
    margin: 0 auto 1.5rem;
}

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

.empty-state[b-py274ngfv6] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 2px dashed #e2e8f0;
}

.empty-state svg[b-py274ngfv6] { color: #94a3b8; margin-bottom: 1rem; }
.empty-state h3[b-py274ngfv6] { margin: 0 0 0.5rem; font-size: 1.125rem; color: #1e293b; font-weight: 600; }
.empty-state p[b-py274ngfv6] { margin: 0 0 1.5rem; color: #64748b; }

/* Data Table */
.data-table-container[b-py274ngfv6] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.data-table[b-py274ngfv6] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-py274ngfv6] {
    padding: 1rem 1.25rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.data-table td[b-py274ngfv6] {
    padding: 1rem 1.25rem;
    font-size: 0.875rem;
    color: #1e293b;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

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

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

.check-type-cell[b-py274ngfv6] {
    display: flex;
    flex-direction: column;
}

.check-type-name[b-py274ngfv6] {
    font-weight: 600;
    color: #0f172a;
}

.check-type-code[b-py274ngfv6] {
    font-size: 0.75rem;
    color: #64748b;
    font-family: monospace;
}

.provider-name[b-py274ngfv6] {
    font-weight: 500;
}

.request-link[b-py274ngfv6] {
    color: #0f3a5d;
    text-decoration: none;
    font-weight: 500;
}

.request-link:hover[b-py274ngfv6] {
    text-decoration: underline;
}

.text-muted[b-py274ngfv6] {
    color: #94a3b8;
}

.cost-value[b-py274ngfv6] {
    font-weight: 600;
    color: #047857;
}

.date-value[b-py274ngfv6] {
    color: #64748b;
    font-size: 0.8125rem;
}

/* Status Badges */
.status-badge[b-py274ngfv6] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.status-pending[b-py274ngfv6] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
    border: 1px solid #fcd34d;
}

.status-badge.status-processing[b-py274ngfv6] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1e40af;
    border: 1px solid #93c5fd;
}

.status-badge.status-active[b-py274ngfv6] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
    border: 1px solid #6ee7b7;
}

.status-badge.status-failed[b-py274ngfv6] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.status-badge.status-inactive[b-py274ngfv6] {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
    color: #475569;
    border: 1px solid #94a3b8;
}

/* Table Actions */
.table-actions[b-py274ngfv6] {
    display: flex;
    gap: 0.375rem;
}

.btn-icon[b-py274ngfv6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-py274ngfv6] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-color: #0f3a5d;
    color: white;
    transform: translateY(-1px);
}

/* Modal Styles */
.modal-backdrop[b-py274ngfv6] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-py274ngfv6] {
    background: white;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    animation: modalSlideIn-b-py274ngfv6 0.3s ease;
}

.modal-content.modal-lg[b-py274ngfv6] { max-width: 720px; }

@keyframes modalSlideIn-b-py274ngfv6 {
    from { opacity: 0; transform: scale(0.95) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.modal-header[b-py274ngfv6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 1.25rem 1.25rem 0 0;
}

.modal-header h2[b-py274ngfv6] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.btn-close[b-py274ngfv6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    font-size: 1.25rem;
    transition: all 0.2s ease;
}

.btn-close:hover[b-py274ngfv6] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-py274ngfv6] { padding: 1.5rem; }

.modal-footer[b-py274ngfv6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0 0 1.25rem 1.25rem;
}

/* Form Styles */
.form-group[b-py274ngfv6] {
    margin-bottom: 1.25rem;
}

.form-group label[b-py274ngfv6] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
}

.form-control[b-py274ngfv6] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.form-control:focus[b-py274ngfv6] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background: white;
}

.help-text[b-py274ngfv6] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.375rem;
}

/* Alert */
.alert[b-py274ngfv6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.alert-warning[b-py274ngfv6] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #92400e;
    border: 1px solid #fcd34d;
}

.alert-info[b-py274ngfv6] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1e40af;
    border: 1px solid #93c5fd;
}

/* Detail Grid */
.detail-grid[b-py274ngfv6] {
    display: grid;
    gap: 1rem;
}

.detail-row[b-py274ngfv6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.detail-row:last-child[b-py274ngfv6] { border-bottom: none; }
.detail-row.full-width[b-py274ngfv6] { flex-direction: column; gap: 0.5rem; }

.detail-label[b-py274ngfv6] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.detail-value[b-py274ngfv6] {
    font-size: 0.875rem;
    color: #1e293b;
    font-weight: 500;
    text-align: right;
}

.detail-row.full-width .detail-value[b-py274ngfv6] {
    text-align: left;
    word-break: break-word;
}

.error-text[b-py274ngfv6] { color: #b91c1c; }

/* Button Spinner */
.btn-spinner[b-py274ngfv6] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-py274ngfv6 0.6s linear infinite;
    margin-right: 0.5rem;
}

/* Toast */
.toast-container[b-py274ngfv6] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 1100;
}

.toast[b-py274ngfv6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: toastSlideIn-b-py274ngfv6 0.3s ease;
}

@keyframes toastSlideIn-b-py274ngfv6 {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

.toast-success[b-py274ngfv6] {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: white;
}

.toast-error[b-py274ngfv6] {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: white;
}

.toast-close[b-py274ngfv6] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0;
    margin-left: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-py274ngfv6] { padding: 1rem; }
    .page-header[b-py274ngfv6] { flex-direction: column; align-items: flex-start; padding: 1.25rem; }
    .stats-grid[b-py274ngfv6] { grid-template-columns: repeat(2, 1fr); }
    .filter-tabs[b-py274ngfv6] { width: 100%; overflow-x: auto; }
    .data-table-container[b-py274ngfv6] { overflow-x: auto; }
    .data-table[b-py274ngfv6] { min-width: 700px; }
}
/* /Components/Pages/Admin/Integrations.razor.rz.scp.css */
.integrations-page[b-kam8r80npp] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-kam8r80npp] {
    margin-bottom: 2rem;
}

.page-header h1[b-kam8r80npp] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.5rem 0;
}

.page-header p[b-kam8r80npp] {
    color: #666;
    margin: 0;
}

/* Loading */
.loading-container[b-kam8r80npp] {
    text-align: center;
    padding: 3rem;
}

.spinner[b-kam8r80npp] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-kam8r80npp 1s linear infinite;
    margin: 0 auto 1rem;
}

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

/* Integration Cards Grid */
.integrations-grid[b-kam8r80npp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.integration-card[b-kam8r80npp] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #e0e0e0;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}

.integration-card:hover[b-kam8r80npp] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.integration-card.connected[b-kam8r80npp] {
    border-color: #28a745;
}

.integration-card.coming-soon[b-kam8r80npp] {
    opacity: 0.7;
}

.card-header[b-kam8r80npp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
    border-bottom: 1px solid #e0e0e0;
}

.integration-logo[b-kam8r80npp] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.integration-logo.greenhouse[b-kam8r80npp] {
    background: linear-gradient(135deg, #3ab54a 0%, #2d8e3a 100%);
}

.integration-logo.workday[b-kam8r80npp] {
    background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
}

.integration-info h3[b-kam8r80npp] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 0.25rem 0;
}

.status-badge[b-kam8r80npp] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

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

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

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

.status-badge.disabled[b-kam8r80npp], .status-badge.none[b-kam8r80npp] {
    background: #e9ecef;
    color: #6c757d;
}

.status-badge.coming[b-kam8r80npp] {
    background: #e7f1ff;
    color: #0066cc;
}

.card-body[b-kam8r80npp] {
    padding: 1.25rem;
}

.card-body .description[b-kam8r80npp] {
    color: #666;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}

.connection-stats[b-kam8r80npp] {
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
}

.stat[b-kam8r80npp] {
    text-align: center;
}

.stat-value[b-kam8r80npp] {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: #0f3a5d;
}

.stat-label[b-kam8r80npp] {
    font-size: 0.75rem;
    color: #888;
    text-transform: uppercase;
}

.error-alert[b-kam8r80npp] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: #fff3f3;
    border: 1px solid #ffcdd2;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #c62828;
}

.card-actions[b-kam8r80npp] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
}

/* Buttons */
.btn[b-kam8r80npp] {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-primary[b-kam8r80npp] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-kam8r80npp] {
    background: linear-gradient(135deg, #1a5fa8 0%, #0f3a5d 100%);
}

.btn-secondary[b-kam8r80npp] {
    background: white;
    color: #0f3a5d;
    border: 1px solid #0f3a5d;
}

.btn-secondary:hover:not(:disabled)[b-kam8r80npp] {
    background: #f0f4f8;
}

.btn-disabled[b-kam8r80npp], .btn:disabled[b-kam8r80npp] {
    background: #e9ecef;
    color: #adb5bd;
    cursor: not-allowed;
}

.btn-icon[b-kam8r80npp] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.25rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.btn-icon:hover[b-kam8r80npp] {
    opacity: 1;
}

/* Connections Table */
.connections-section[b-kam8r80npp] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.connections-section h2[b-kam8r80npp] {
    font-size: 1.25rem;
    margin: 0 0 1rem 0;
    color: #1a1a1a;
}

.connections-table[b-kam8r80npp] {
    width: 100%;
    border-collapse: collapse;
}

.connections-table th[b-kam8r80npp],
.connections-table td[b-kam8r80npp] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.connections-table th[b-kam8r80npp] {
    font-weight: 600;
    color: #666;
    font-size: 0.8rem;
    text-transform: uppercase;
}

/* Modal */
.modal-overlay[b-kam8r80npp] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-kam8r80npp] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-content.modal-large[b-kam8r80npp] {
    max-width: 800px;
}

.modal-header[b-kam8r80npp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    border-bottom: 1px solid #e0e0e0;
}

.modal-header h2[b-kam8r80npp] {
    margin: 0;
    font-size: 1.25rem;
}

.close-btn[b-kam8r80npp] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #888;
}

.modal-body[b-kam8r80npp] {
    padding: 1.25rem;
}

.modal-footer[b-kam8r80npp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e0e0e0;
    background: #f8f9fa;
}

/* Form */
.form-group[b-kam8r80npp] {
    margin-bottom: 1.25rem;
}

.form-group label[b-kam8r80npp] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #333;
}

.form-control[b-kam8r80npp] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    font-size: 0.9rem;
}

.form-control:focus[b-kam8r80npp] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15,58,93,0.1);
}

.form-group small[b-kam8r80npp] {
    display: block;
    margin-top: 0.375rem;
    color: #888;
    font-size: 0.8rem;
}

.input-with-addon[b-kam8r80npp] {
    display: flex;
}

.input-with-addon .form-control[b-kam8r80npp] {
    border-radius: 6px 0 0 6px;
}

.input-with-addon .addon[b-kam8r80npp] {
    background: #f0f0f0;
    border: 1px solid #d0d0d0;
    border-left: none;
    padding: 0.625rem 0.75rem;
    border-radius: 0 6px 6px 0;
    color: #666;
    font-size: 0.9rem;
}

.alert[b-kam8r80npp] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-top: 1rem;
}

.alert-success[b-kam8r80npp] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-error[b-kam8r80npp] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Logs Table */
.logs-table[b-kam8r80npp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.logs-table th[b-kam8r80npp],
.logs-table td[b-kam8r80npp] {
    padding: 0.5rem;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.logs-table .endpoint[b-kam8r80npp] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.logs-table .error-row[b-kam8r80npp] {
    background: #fff5f5;
}

.logs-table .success[b-kam8r80npp] {
    color: #28a745;
}

.logs-table .error[b-kam8r80npp] {
    color: #dc3545;
}

.no-data[b-kam8r80npp] {
    text-align: center;
    color: #888;
    padding: 2rem;
}
/* /Components/Pages/Admin/InvoiceEdit.razor.rz.scp.css */
.admin-container[b-d063qxl5x4] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-d063qxl5x4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.header-left[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.page-header h1[b-d063qxl5x4] {
    margin: 0;
    font-size: 1.5rem;
    color: #1e293b;
}

.btn-back[b-d063qxl5x4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    background: none;
    border: none;
    color: #64748b;
    cursor: pointer;
    font-size: 0.875rem;
}

.btn-back:hover[b-d063qxl5x4] {
    color: #0f3a5d;
}

.btn-pdf[b-d063qxl5x4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-pdf:hover[b-d063qxl5x4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

/* Loading */
.loading[b-d063qxl5x4] {
    text-align: center;
    padding: 4rem;
}

.spinner[b-d063qxl5x4] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-d063qxl5x4 0.8s linear infinite;
    margin: 0 auto 1rem;
}

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

/* Form Cards */
.invoice-form[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-card[b-d063qxl5x4] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1.5rem;
}

.form-card h3[b-d063qxl5x4] {
    margin: 0 0 1rem;
    font-size: 1rem;
    color: #1e293b;
    font-weight: 600;
}

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

.card-header h3[b-d063qxl5x4] {
    margin: 0;
}

.section-desc[b-d063qxl5x4] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: #64748b;
}

/* Unbilled Section */
.unbilled-section[b-d063qxl5x4] {
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border-color: #86efac;
}

.btn-add-all[b-d063qxl5x4] {
    padding: 0.5rem 1rem;
    background: #10b981;
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-add-all:hover[b-d063qxl5x4] {
    background: #059669;
}

.unbilled-list[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 400px;
    overflow-y: auto;
}

.unbilled-item[b-d063qxl5x4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.unbilled-item:hover[b-d063qxl5x4] {
    border-color: #10b981;
}

.unbilled-item.selected[b-d063qxl5x4] {
    border-color: #10b981;
    background: #f0fdf4;
}

.item-checkbox[b-d063qxl5x4] {
    flex-shrink: 0;
}

.item-checkbox input[b-d063qxl5x4] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.item-details[b-d063qxl5x4] {
    flex: 1;
    min-width: 0;
}

.item-candidate[b-d063qxl5x4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.375rem;
}

.item-candidate strong[b-d063qxl5x4] {
    color: #1e293b;
}

.item-date[b-d063qxl5x4] {
    font-size: 0.75rem;
    color: #64748b;
}

.item-types[b-d063qxl5x4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.375rem;
}

.type-badge[b-d063qxl5x4] {
    padding: 0.125rem 0.5rem;
    background: #e0f2fe;
    color: #0369a1;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 500;
}

.item-client[b-d063qxl5x4] {
    font-size: 0.8rem;
    color: #64748b;
}

.item-price[b-d063qxl5x4] {
    flex-shrink: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #10b981;
}

/* Form Grid */
.form-grid[b-d063qxl5x4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.form-grid.mt-1[b-d063qxl5x4] {
    margin-top: 1rem;
}

.form-group[b-d063qxl5x4] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.form-group.full-width[b-d063qxl5x4] {
    grid-column: span 2;
}

.form-group label[b-d063qxl5x4] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

.form-input[b-d063qxl5x4] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.form-input:focus[b-d063qxl5x4] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 2px rgba(15, 58, 93, 0.1);
}

textarea.form-input[b-d063qxl5x4] {
    resize: vertical;
    min-height: 60px;
}

/* Buttons */
.btn-add[b-d063qxl5x4] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #e0f2fe;
    color: #0369a1;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-add:hover[b-d063qxl5x4] {
    background: #bae6fd;
}

.btn-remove[b-d063qxl5x4] {
    padding: 0.375rem;
    background: #fee2e2;
    color: #dc2626;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
}

.btn-remove:hover[b-d063qxl5x4] {
    background: #fecaca;
}

/* Line Items Table */
.line-items-table[b-d063qxl5x4] {
    overflow-x: auto;
}

.line-items-table table[b-d063qxl5x4] {
    width: 100%;
    border-collapse: collapse;
}

.line-items-table th[b-d063qxl5x4] {
    text-align: left;
    padding: 0.75rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    border-bottom: 1px solid #e2e8f0;
}

.line-items-table td[b-d063qxl5x4] {
    padding: 0.5rem;
    vertical-align: middle;
}

.line-items-table .form-input[b-d063qxl5x4] {
    width: 100%;
}

.total-cell[b-d063qxl5x4] {
    font-weight: 600;
    color: #1e293b;
    text-align: right;
    padding-right: 1rem !important;
}

.empty-items[b-d063qxl5x4] {
    text-align: center;
    padding: 2rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    color: #64748b;
}

/* Invoice Totals */
.invoice-totals[b-d063qxl5x4] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

.totals-row[b-d063qxl5x4] {
    display: flex;
    justify-content: space-between;
    width: 250px;
    font-size: 0.9rem;
}

.totals-row span:first-child[b-d063qxl5x4] {
    color: #64748b;
}

.totals-row span:last-child[b-d063qxl5x4] {
    font-weight: 500;
    color: #1e293b;
}

.totals-row.total[b-d063qxl5x4] {
    padding-top: 0.5rem;
    border-top: 2px solid #e2e8f0;
    font-size: 1.1rem;
}

.totals-row.total span:last-child[b-d063qxl5x4] {
    font-weight: 700;
    color: #0f3a5d;
}

/* Error Message */
.error-message[b-d063qxl5x4] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

/* Form Actions */
.form-actions[b-d063qxl5x4] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
}

.btn-secondary[b-d063qxl5x4] {
    padding: 0.625rem 1.25rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-secondary:hover[b-d063qxl5x4] {
    background: #e2e8f0;
}

.btn-primary[b-d063qxl5x4] {
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-primary:hover:not(:disabled)[b-d063qxl5x4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-d063qxl5x4] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-success[b-d063qxl5x4] {
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #059669, #10b981);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-success:hover:not(:disabled)[b-d063qxl5x4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3);
}

.btn-success:disabled[b-d063qxl5x4] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Toast */
.toast[b-d063qxl5x4] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    z-index: 1001;
    animation: slideIn-b-d063qxl5x4 0.3s ease;
}

.toast-success[b-d063qxl5x4] {
    background: #d1fae5;
    color: #065f46;
}

@keyframes slideIn-b-d063qxl5x4 {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-d063qxl5x4] {
        padding: 1rem;
    }
    
    .page-header[b-d063qxl5x4] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .form-grid[b-d063qxl5x4] {
        grid-template-columns: 1fr;
    }
    
    .form-group.full-width[b-d063qxl5x4] {
        grid-column: span 1;
    }
    
    .form-actions[b-d063qxl5x4] {
        flex-direction: column;
    }
    
    .form-actions button[b-d063qxl5x4] {
        width: 100%;
    }
    
    .invoice-totals[b-d063qxl5x4] {
        align-items: stretch;
    }
    
    .totals-row[b-d063qxl5x4] {
        width: 100%;
    }
    
    .unbilled-item[b-d063qxl5x4] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .item-price[b-d063qxl5x4] {
        align-self: flex-end;
    }
}


/* Exchange Rate Display */
.exchange-rate-info[b-d063qxl5x4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 6px;
    font-size: 0.85rem;
}

.rate-label[b-d063qxl5x4] {
    color: #64748b;
}

.rate-value[b-d063qxl5x4] {
    font-weight: 600;
    color: #0369a1;
    font-family: 'SF Mono', Monaco, monospace;
}

.rate-badge[b-d063qxl5x4] {
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.rate-badge.auto[b-d063qxl5x4] {
    background: #d1fae5;
    color: #065f46;
}

.rate-badge.manual[b-d063qxl5x4] {
    background: #fef3c7;
    color: #92400e;
}

/* EUR Equivalent in totals */
.totals-row.eur-equivalent[b-d063qxl5x4] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #e2e8f0;
    color: #64748b;
    font-size: 0.9rem;
}

.totals-row.eur-equivalent span:last-child[b-d063qxl5x4] {
    color: #1e3a5f;
}

.exchange-rate-note[b-d063qxl5x4] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #64748b;
    text-align: right;
    line-height: 1.5;
}

.exchange-rate-note small[b-d063qxl5x4] {
    color: #94a3b8;
}
/* /Components/Pages/Admin/Monitoring.razor.rz.scp.css */
/* ===============================================
   ADMIN MONITORING PAGE - Professional Modern Design
   =============================================== */

.admin-container[b-1ld62du3bp] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
}

/* Page Header */
.page-header[b-1ld62du3bp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-content h1[b-1ld62du3bp] {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.025em;
}

.page-header-content .page-subtitle[b-1ld62du3bp] {
    margin: 0.375rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

.page-header-actions[b-1ld62du3bp] {
    display: flex;
    gap: 0.75rem;
}

/* Stats Grid */
.stats-grid[b-1ld62du3bp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-1ld62du3bp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.stat-icon[b-1ld62du3bp] {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.active[b-1ld62du3bp] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #047857; }
.stat-icon.paused[b-1ld62du3bp] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; }
.stat-icon.total[b-1ld62du3bp] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1e40af; }
.stat-icon.revenue[b-1ld62du3bp] { background: linear-gradient(135deg, #f3e8ff, #e9d5ff); color: #7c3aed; }

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

.stat-value[b-1ld62du3bp] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.stat-label[b-1ld62du3bp] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

/* Buttons */
.btn-primary[b-1ld62du3bp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border: none;
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-1ld62du3bp] { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(15, 58, 93, 0.3); }
.btn-primary:disabled[b-1ld62du3bp] { opacity: 0.6; cursor: not-allowed; transform: none; }

.btn-secondary[b-1ld62du3bp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-1ld62du3bp] { background: #f8fafc; border-color: #cbd5e1; }

.btn-sm[b-1ld62du3bp] { padding: 0.5rem 1rem; font-size: 0.8125rem; }

/* Filter Tabs */
.filter-tabs[b-1ld62du3bp] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: white;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    width: fit-content;
}

.filter-tab[b-1ld62du3bp] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-tab:hover[b-1ld62du3bp] { color: #0f3a5d; background: #f8fafc; }
.filter-tab.active[b-1ld62du3bp] { color: white; background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%); box-shadow: 0 2px 8px rgba(15, 58, 93, 0.25); }

.filter-tab .badge[b-1ld62du3bp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.625rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.filter-tab.active .badge[b-1ld62du3bp] { background: rgba(255, 255, 255, 0.25); color: white; }
.filter-tab .badge.success[b-1ld62du3bp] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #047857; }
.filter-tab .badge.warning[b-1ld62du3bp] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; }

/* Search Bar */
.search-bar[b-1ld62du3bp] { margin-bottom: 1.5rem; }
.search-bar .form-control[b-1ld62du3bp] {
    width: 100%;
    max-width: 400px;
    padding: 0.75rem 1rem 0.75rem 2.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    font-size: 0.9rem;
    background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat 0.75rem center;
    background-size: 18px;
    transition: all 0.2s ease;
}

.search-bar .form-control:focus[b-1ld62du3bp] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Loading & Empty States */
.loading-state[b-1ld62du3bp] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.spinner[b-1ld62du3bp] {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-1ld62du3bp 0.8s linear infinite;
    margin: 0 auto 1.5rem;
}

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

.empty-state[b-1ld62du3bp] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 2px dashed #e2e8f0;
}

.empty-state svg[b-1ld62du3bp] { color: #94a3b8; margin-bottom: 1rem; }
.empty-state h3[b-1ld62du3bp] { margin: 0 0 0.5rem; font-size: 1.125rem; color: #1e293b; font-weight: 600; }
.empty-state p[b-1ld62du3bp] { margin: 0 0 1.5rem; color: #64748b; }

/* Enrollments Grid */
.enrollments-grid[b-1ld62du3bp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.5rem;
}

/* Enrollment Card */
.enrollment-card[b-1ld62du3bp] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.enrollment-card:hover[b-1ld62du3bp] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    border-color: #cbd5e1;
}

.enrollment-card-header[b-1ld62du3bp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.person-avatar[b-1ld62du3bp] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d 0%, #1e5a8a 50%, #2563eb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.25);
}

.person-info[b-1ld62du3bp] { flex: 1; min-width: 0; }
.person-info h3[b-1ld62du3bp] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-name[b-1ld62du3bp] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: #64748b;
}

/* Status Badge */
.status-badge[b-1ld62du3bp] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.status-active[b-1ld62du3bp] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #047857; border: 1px solid #6ee7b7; }
.status-badge.status-warning[b-1ld62du3bp] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; border: 1px solid #fcd34d; }
.status-badge.status-inactive[b-1ld62du3bp] { background: linear-gradient(135deg, #e2e8f0, #cbd5e1); color: #475569; border: 1px solid #94a3b8; }
.status-badge.status-failed[b-1ld62du3bp] { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #b91c1c; border: 1px solid #fca5a5; }

/* Card Body */
.enrollment-card-body[b-1ld62du3bp] { padding: 1.5rem; }

.enrollment-stats[b-1ld62du3bp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #f1f5f9;
}

.enrollment-stats .stat[b-1ld62du3bp] {
    text-align: center;
    padding: 0.75rem 0.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0.5rem;
}

.enrollment-stats .stat-value[b-1ld62du3bp] {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f3a5d;
}

.enrollment-stats .stat-label[b-1ld62du3bp] {
    font-size: 0.6875rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-top: 0.125rem;
}

.schedules-preview[b-1ld62du3bp] { margin-top: 0.75rem; }
.schedules-label[b-1ld62du3bp] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.schedules-list[b-1ld62du3bp] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.schedule-item[b-1ld62du3bp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: #f8fafc;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
}

.schedule-type[b-1ld62du3bp] { font-weight: 600; color: #1e293b; }
.schedule-freq[b-1ld62du3bp] { color: #64748b; font-size: 0.75rem; }
.more-schedules[b-1ld62du3bp] { font-size: 0.75rem; color: #64748b; padding: 0.25rem 0; }

/* Card Footer */
.enrollment-card-footer[b-1ld62du3bp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

.created-date[b-1ld62du3bp] { font-size: 0.75rem; color: #64748b; }

.card-actions[b-1ld62du3bp] { display: flex; gap: 0.5rem; }

.btn-icon[b-1ld62du3bp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-1ld62du3bp] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-color: #0f3a5d;
    color: white;
    transform: translateY(-1px);
}

.btn-icon.warning:hover[b-1ld62du3bp] { background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%); border-color: #d97706; }
.btn-icon.success:hover[b-1ld62du3bp] { background: linear-gradient(135deg, #059669 0%, #10b981 100%); border-color: #059669; }
.btn-icon.danger:hover[b-1ld62du3bp] { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); border-color: #dc2626; }

/* Modal Styles */
.modal-backdrop[b-1ld62du3bp] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-1ld62du3bp] {
    background: white;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    animation: modalSlideIn-b-1ld62du3bp 0.3s ease;
}

.modal-content.modal-lg[b-1ld62du3bp] { max-width: 720px; }

@keyframes modalSlideIn-b-1ld62du3bp {
    from { opacity: 0; transform: scale(0.95) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.modal-header[b-1ld62du3bp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 1.25rem 1.25rem 0 0;
}

.modal-header h2[b-1ld62du3bp] { margin: 0; font-size: 1.25rem; font-weight: 700; color: #0f172a; }

.btn-close[b-1ld62du3bp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    font-size: 1.25rem;
    transition: all 0.2s ease;
}

.btn-close:hover[b-1ld62du3bp] { background: #f1f5f9; color: #1e293b; }

.modal-body[b-1ld62du3bp] { padding: 1.5rem; }

.modal-footer[b-1ld62du3bp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0 0 1.25rem 1.25rem;
}

/* Form Styles */
.form-group[b-1ld62du3bp] { margin-bottom: 1.25rem; }
.form-group label[b-1ld62du3bp] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
}

.form-control[b-1ld62du3bp] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.form-control:focus[b-1ld62du3bp] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background: white;
}

.form-row[b-1ld62du3bp] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-actions[b-1ld62du3bp] { display: flex; gap: 0.75rem; justify-content: flex-end; margin-top: 1rem; }

/* Detail Section */
.detail-section[b-1ld62du3bp] { margin-bottom: 1.5rem; }
.detail-section h3[b-1ld62du3bp] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.section-header[b-1ld62du3bp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-header h3[b-1ld62du3bp] { margin: 0; border: none; padding: 0; }

.detail-grid[b-1ld62du3bp] { display: grid; gap: 0.75rem; }
.detail-row[b-1ld62du3bp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.detail-row:last-child[b-1ld62du3bp] { border-bottom: none; }
.detail-label[b-1ld62du3bp] { font-size: 0.8125rem; color: #64748b; font-weight: 500; }
.detail-value[b-1ld62du3bp] { font-size: 0.875rem; color: #1e293b; font-weight: 500; }

/* Add Schedule Form */
.add-schedule-form[b-1ld62du3bp] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
}

/* Schedules Table */
.schedules-table[b-1ld62du3bp] { display: flex; flex-direction: column; gap: 0.5rem; }
.schedule-row[b-1ld62du3bp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}

.schedule-row.manual[b-1ld62du3bp] {
    border-left: 3px solid #f59e0b;
}

.schedule-row.automated[b-1ld62du3bp] {
    border-left: 3px solid #10b981;
}

.schedule-info[b-1ld62du3bp] { flex: 1; }
.schedule-info .schedule-type[b-1ld62du3bp] { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; color: #0f172a; font-size: 0.875rem; }
.schedule-info .schedule-meta[b-1ld62du3bp] { font-size: 0.75rem; color: #64748b; }
.schedule-actions[b-1ld62du3bp] { display: flex; align-items: center; gap: 0.5rem; }
.schedule-actions .next-run[b-1ld62du3bp] { font-size: 0.75rem; color: #64748b; margin-right: 0.5rem; }
.no-schedules[b-1ld62du3bp] { color: #64748b; font-size: 0.875rem; text-align: center; padding: 1rem; }

/* Check mode badges */
.check-mode-badge[b-1ld62du3bp] {
    font-size: 0.875rem;
}

.check-mode-badge.manual[b-1ld62du3bp] {
    color: #f59e0b;
}

.check-mode-badge.automated[b-1ld62du3bp] {
    color: #10b981;
}

/* Checkbox label styling */
.checkbox-label[b-1ld62du3bp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
}

.checkbox-label input[type="checkbox"][b-1ld62du3bp] {
    width: 1rem;
    height: 1rem;
    accent-color: #0f3a5d;
}

.checkbox-label .help-text[b-1ld62du3bp] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: normal;
}

/* Run button style */
.btn-icon.run[b-1ld62du3bp] {
    color: #059669;
    transition: all 0.2s;
}
.btn-icon.run:hover:not(:disabled)[b-1ld62du3bp] {
    background: #ecfdf5;
    color: #047857;
}
.btn-icon.run:disabled[b-1ld62du3bp] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Button Spinner */
.btn-spinner[b-1ld62du3bp] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-1ld62du3bp 0.6s linear infinite;
    margin-right: 0.5rem;
}

/* Toast */
.toast-container[b-1ld62du3bp] { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 1100; }
.toast[b-1ld62du3bp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: toastSlideIn-b-1ld62du3bp 0.3s ease;
}

@keyframes toastSlideIn-b-1ld62du3bp {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

.toast-success[b-1ld62du3bp] { background: linear-gradient(135deg, #059669 0%, #10b981 100%); color: white; }
.toast-error[b-1ld62du3bp] { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); color: white; }
.toast-close[b-1ld62du3bp] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0;
    margin-left: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-1ld62du3bp] { padding: 1rem; }
    .page-header[b-1ld62du3bp] { flex-direction: column; align-items: flex-start; padding: 1.25rem; }
    .stats-grid[b-1ld62du3bp] { grid-template-columns: repeat(2, 1fr); }
    .filter-tabs[b-1ld62du3bp] { width: 100%; overflow-x: auto; }
    .enrollments-grid[b-1ld62du3bp] { grid-template-columns: 1fr; }
    .form-row[b-1ld62du3bp] { grid-template-columns: 1fr; }
}

/* Task Link Button */
.task-link[b-1ld62du3bp] {
    position: relative;
    text-decoration: none;
}

.task-badge[b-1ld62du3bp] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #ef4444;
    color: white;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse-b-1ld62du3bp 2s infinite;
}

@keyframes pulse-b-1ld62du3bp {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}
/* /Components/Pages/Admin/MonitoringAlerts.razor.rz.scp.css */
/* ===============================================
   ADMIN MONITORING ALERTS PAGE - Professional Modern Design
   =============================================== */

.admin-container[b-1fgxj03z9d] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
}

/* Page Header */
.page-header[b-1fgxj03z9d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-content h1[b-1fgxj03z9d] {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.025em;
}

.page-header-content .page-subtitle[b-1fgxj03z9d] {
    margin: 0.375rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

/* Stats Grid */
.stats-grid[b-1fgxj03z9d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-1fgxj03z9d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.stat-icon[b-1fgxj03z9d] {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.pending[b-1fgxj03z9d] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; }
.stat-icon.review[b-1fgxj03z9d] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1e40af; }
.stat-icon.critical[b-1fgxj03z9d] { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #b91c1c; }
.stat-icon.resolved[b-1fgxj03z9d] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #047857; }

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

.stat-value[b-1fgxj03z9d] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.stat-label[b-1fgxj03z9d] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

/* Filter Tabs */
.filter-tabs[b-1fgxj03z9d] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: white;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    width: fit-content;
}

.filter-tab[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-tab:hover[b-1fgxj03z9d] { color: #0f3a5d; background: #f8fafc; }
.filter-tab.active[b-1fgxj03z9d] { color: white; background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%); box-shadow: 0 2px 8px rgba(15, 58, 93, 0.25); }

.filter-tab .badge[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.625rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.filter-tab.active .badge[b-1fgxj03z9d] { background: rgba(255, 255, 255, 0.25); color: white; }
.filter-tab .badge.warning[b-1fgxj03z9d] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; }

/* Loading & Empty States */
.loading-state[b-1fgxj03z9d] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.spinner[b-1fgxj03z9d] {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-1fgxj03z9d 0.8s linear infinite;
    margin: 0 auto 1.5rem;
}

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

.empty-state[b-1fgxj03z9d] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 2px dashed #e2e8f0;
}

.empty-state svg[b-1fgxj03z9d] { color: #94a3b8; margin-bottom: 1rem; }
.empty-state h3[b-1fgxj03z9d] { margin: 0 0 0.5rem; font-size: 1.125rem; color: #1e293b; font-weight: 600; }
.empty-state p[b-1fgxj03z9d] { margin: 0; color: #64748b; }

/* Alerts List */
.alerts-list[b-1fgxj03z9d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Alert Card */
.alert-card[b-1fgxj03z9d] {
    display: flex;
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.alert-card:hover[b-1fgxj03z9d] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: #cbd5e1;
}

.alert-indicator[b-1fgxj03z9d] {
    width: 4px;
    flex-shrink: 0;
}

.alert-card.severity-critical .alert-indicator[b-1fgxj03z9d] { background: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%); }
.alert-card.severity-high .alert-indicator[b-1fgxj03z9d] { background: linear-gradient(180deg, #ea580c 0%, #c2410c 100%); }
.alert-card.severity-medium .alert-indicator[b-1fgxj03z9d] { background: linear-gradient(180deg, #d97706 0%, #b45309 100%); }
.alert-card.severity-low .alert-indicator[b-1fgxj03z9d] { background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%); }
.alert-card.severity-info .alert-indicator[b-1fgxj03z9d] { background: linear-gradient(180deg, #64748b 0%, #475569 100%); }

.alert-content[b-1fgxj03z9d] {
    flex: 1;
    padding: 1.25rem 1.5rem;
    min-width: 0;
}

.alert-header[b-1fgxj03z9d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.alert-title-section[b-1fgxj03z9d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.alert-title-section h3[b-1fgxj03z9d] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
}

/* Severity Badges */
.severity-badge[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.severity-badge.large[b-1fgxj03z9d] {
    padding: 0.375rem 0.875rem;
    font-size: 0.75rem;
}

.severity-badge.severity-critical[b-1fgxj03z9d] { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #b91c1c; }
.severity-badge.severity-high[b-1fgxj03z9d] { background: linear-gradient(135deg, #ffedd5, #fed7aa); color: #c2410c; }
.severity-badge.severity-medium[b-1fgxj03z9d] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; }
.severity-badge.severity-low[b-1fgxj03z9d] { background: linear-gradient(135deg, #e0f2fe, #bae6fd); color: #0369a1; }
.severity-badge.severity-info[b-1fgxj03z9d] { background: linear-gradient(135deg, #e2e8f0, #cbd5e1); color: #475569; }

/* Status Badges */
.status-badge[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

.status-badge.status-pending[b-1fgxj03z9d] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; border: 1px solid #fcd34d; }
.status-badge.status-review[b-1fgxj03z9d] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1e40af; border: 1px solid #93c5fd; }
.status-badge.status-active[b-1fgxj03z9d] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #047857; border: 1px solid #6ee7b7; }
.status-badge.status-warning[b-1fgxj03z9d] { background: linear-gradient(135deg, #ffedd5, #fed7aa); color: #c2410c; border: 1px solid #fdba74; }
.status-badge.status-inactive[b-1fgxj03z9d] { background: linear-gradient(135deg, #e2e8f0, #cbd5e1); color: #475569; border: 1px solid #94a3b8; }

.alert-description[b-1fgxj03z9d] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.5;
}

.alert-meta[b-1fgxj03z9d] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.meta-item[b-1fgxj03z9d] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #64748b;
}

.meta-item svg[b-1fgxj03z9d] { color: #94a3b8; }

.alert-actions[b-1fgxj03z9d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-left: 1px solid #e2e8f0;
    justify-content: center;
}

/* Buttons */
.btn-icon[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-1fgxj03z9d] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-color: #0f3a5d;
    color: white;
    transform: translateY(-1px);
}

.btn-icon.success:hover[b-1fgxj03z9d] { background: linear-gradient(135deg, #059669 0%, #10b981 100%); border-color: #059669; }
.btn-icon.danger:hover[b-1fgxj03z9d] { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); border-color: #dc2626; }

.btn-primary[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border: none;
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-1fgxj03z9d] { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(15, 58, 93, 0.3); }

.btn-secondary[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-1fgxj03z9d] { background: #f8fafc; border-color: #cbd5e1; }

/* Modal Styles */
.modal-backdrop[b-1fgxj03z9d] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-1fgxj03z9d] {
    background: white;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    animation: modalSlideIn-b-1fgxj03z9d 0.3s ease;
}

.modal-content.modal-lg[b-1fgxj03z9d] { max-width: 720px; }

@keyframes modalSlideIn-b-1fgxj03z9d {
    from { opacity: 0; transform: scale(0.95) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.modal-header[b-1fgxj03z9d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 1.25rem 1.25rem 0 0;
}

.modal-header h2[b-1fgxj03z9d] { margin: 0; font-size: 1.25rem; font-weight: 700; color: #0f172a; }

.btn-close[b-1fgxj03z9d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    font-size: 1.25rem;
    transition: all 0.2s ease;
}

.btn-close:hover[b-1fgxj03z9d] { background: #f1f5f9; color: #1e293b; }

.modal-body[b-1fgxj03z9d] { padding: 1.5rem; }

.modal-footer[b-1fgxj03z9d] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0 0 1.25rem 1.25rem;
}

/* Alert Detail Header */
.alert-detail-header[b-1fgxj03z9d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.alert-detail-header h3[b-1fgxj03z9d] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #0f172a;
}

/* Detail Section */
.detail-section[b-1fgxj03z9d] {
    margin-bottom: 1.5rem;
}

.detail-section h4[b-1fgxj03z9d] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.75rem;
}

.detail-section p[b-1fgxj03z9d] {
    margin: 0;
    font-size: 0.9rem;
    color: #1e293b;
    line-height: 1.6;
}

.detail-grid[b-1fgxj03z9d] { display: grid; gap: 0.75rem; }
.detail-row[b-1fgxj03z9d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.detail-row:last-child[b-1fgxj03z9d] { border-bottom: none; }
.detail-row.full-width[b-1fgxj03z9d] { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
.detail-label[b-1fgxj03z9d] { font-size: 0.8125rem; color: #64748b; font-weight: 500; }
.detail-value[b-1fgxj03z9d] { font-size: 0.875rem; color: #1e293b; font-weight: 500; }

/* Review Actions */
.review-actions[b-1fgxj03z9d] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.form-group[b-1fgxj03z9d] { margin-bottom: 1rem; }
.form-group label[b-1fgxj03z9d] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
}

.form-control[b-1fgxj03z9d] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.form-control:focus[b-1fgxj03z9d] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background: white;
}

.action-buttons[b-1fgxj03z9d] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Toast */
.toast-container[b-1fgxj03z9d] { position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 1100; }
.toast[b-1fgxj03z9d] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: toastSlideIn-b-1fgxj03z9d 0.3s ease;
}

@keyframes toastSlideIn-b-1fgxj03z9d {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

.toast-success[b-1fgxj03z9d] { background: linear-gradient(135deg, #059669 0%, #10b981 100%); color: white; }
.toast-error[b-1fgxj03z9d] { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); color: white; }
.toast-close[b-1fgxj03z9d] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0;
    margin-left: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-1fgxj03z9d] { padding: 1rem; }
    .page-header[b-1fgxj03z9d] { flex-direction: column; align-items: flex-start; padding: 1.25rem; }
    .stats-grid[b-1fgxj03z9d] { grid-template-columns: repeat(2, 1fr); }
    .filter-tabs[b-1fgxj03z9d] { width: 100%; overflow-x: auto; }
    
    .alert-card[b-1fgxj03z9d] { flex-direction: column; }
    .alert-indicator[b-1fgxj03z9d] { width: 100%; height: 4px; }
    .alert-actions[b-1fgxj03z9d] {
        flex-direction: row;
        border-left: none;
        border-top: 1px solid #e2e8f0;
        justify-content: flex-end;
    }
    
    .action-buttons[b-1fgxj03z9d] { flex-direction: column; }
    .action-buttons .btn[b-1fgxj03z9d] { width: 100%; justify-content: center; }
}
/* /Components/Pages/Admin/MonitoringTasks.razor.rz.scp.css */
/* Admin Container */
.admin-container[b-jjq9nsw1qa] {
    padding: 1.5rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-jjq9nsw1qa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-radius: 1rem;
    color: white;
}

.page-header h1[b-jjq9nsw1qa] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.page-subtitle[b-jjq9nsw1qa] {
    margin: 0.25rem 0 0 0;
    opacity: 0.9;
    font-size: 0.875rem;
}

.page-header-actions[b-jjq9nsw1qa] {
    display: flex;
    gap: 0.75rem;
}

/* Stats Grid */
.stats-grid[b-jjq9nsw1qa] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-jjq9nsw1qa] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.stat-icon[b-jjq9nsw1qa] {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon.pending[b-jjq9nsw1qa] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #b45309; }
.stat-icon.inprogress[b-jjq9nsw1qa] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1d4ed8; }
.stat-icon.mytasks[b-jjq9nsw1qa] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #059669; }
.stat-icon.overdue[b-jjq9nsw1qa] { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #dc2626; }

.stat-content[b-jjq9nsw1qa] { display: flex; flex-direction: column; }
.stat-value[b-jjq9nsw1qa] { font-size: 1.5rem; font-weight: 700; color: #0f172a; }
.stat-label[b-jjq9nsw1qa] { font-size: 0.75rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em; }

/* Filter Tabs */
.filter-tabs[b-jjq9nsw1qa] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0.25rem;
    background: #f1f5f9;
    border-radius: 0.75rem;
    width: fit-content;
}

.filter-tab[b-jjq9nsw1qa] {
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-tab:hover[b-jjq9nsw1qa] { background: white; color: #0f172a; }
.filter-tab.active[b-jjq9nsw1qa] { background: white; color: #0f3a5d; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

.badge[b-jjq9nsw1qa] {
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    background: #e2e8f0;
    color: #475569;
}

.badge.warning[b-jjq9nsw1qa] { background: #fef3c7; color: #b45309; }
.badge.info[b-jjq9nsw1qa] { background: #dbeafe; color: #1d4ed8; }
.badge.success[b-jjq9nsw1qa] { background: #d1fae5; color: #059669; }

/* Loading & Empty States */
.loading-state[b-jjq9nsw1qa], .empty-state[b-jjq9nsw1qa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: white;
    border-radius: 1rem;
    color: #64748b;
}

.spinner[b-jjq9nsw1qa] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-jjq9nsw1qa 0.8s linear infinite;
}

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

.empty-state svg[b-jjq9nsw1qa] { color: #cbd5e1; margin-bottom: 1rem; }
.empty-state h3[b-jjq9nsw1qa] { margin: 0 0 0.5rem 0; color: #0f172a; }
.empty-state p[b-jjq9nsw1qa] { margin: 0; }

/* Tasks List */
.tasks-list[b-jjq9nsw1qa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.task-card[b-jjq9nsw1qa] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #e2e8f0;
    overflow: hidden;
}

.task-card.pending[b-jjq9nsw1qa] { border-left-color: #f59e0b; }
.task-card.inprogress[b-jjq9nsw1qa] { border-left-color: #3b82f6; }
.task-card.completed[b-jjq9nsw1qa] { border-left-color: #10b981; }
.task-card.overdue[b-jjq9nsw1qa] { border-left-color: #ef4444; }

.task-card-header[b-jjq9nsw1qa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

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

.task-type[b-jjq9nsw1qa] {
    font-weight: 600;
    color: #0f172a;
}

.task-status[b-jjq9nsw1qa] {
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.task-status.pending[b-jjq9nsw1qa] { background: #fef3c7; color: #b45309; }
.task-status.inprogress[b-jjq9nsw1qa] { background: #dbeafe; color: #1d4ed8; }
.task-status.completed[b-jjq9nsw1qa] { background: #d1fae5; color: #059669; }

.task-due[b-jjq9nsw1qa] {
    font-size: 0.75rem;
    color: #64748b;
}

.task-due.overdue[b-jjq9nsw1qa] {
    color: #ef4444;
    font-weight: 600;
}

.task-card-body[b-jjq9nsw1qa] {
    padding: 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.person-info[b-jjq9nsw1qa] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.person-avatar[b-jjq9nsw1qa] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
}

.person-details h4[b-jjq9nsw1qa] {
    margin: 0;
    font-size: 1rem;
    color: #0f172a;
}

.person-details p[b-jjq9nsw1qa] {
    margin: 0.25rem 0 0 0;
    font-size: 0.875rem;
    color: #64748b;
}

.assigned-info[b-jjq9nsw1qa] {
    text-align: right;
}

.assigned-label[b-jjq9nsw1qa] {
    font-size: 0.75rem;
    color: #64748b;
    display: block;
}

.assigned-name[b-jjq9nsw1qa] {
    font-weight: 500;
    color: #0f172a;
}

.task-card-footer[b-jjq9nsw1qa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.25rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.created-date[b-jjq9nsw1qa] {
    font-size: 0.75rem;
    color: #64748b;
}

.task-actions[b-jjq9nsw1qa] {
    display: flex;
    gap: 0.5rem;
}

/* Buttons */
.btn[b-jjq9nsw1qa] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-sm[b-jjq9nsw1qa] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
}

.btn-primary[b-jjq9nsw1qa] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-jjq9nsw1qa] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3); }

.btn-secondary[b-jjq9nsw1qa] {
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover:not(:disabled)[b-jjq9nsw1qa] { background: #f8fafc; }

.btn-success[b-jjq9nsw1qa] {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: white;
}

.btn-success:hover:not(:disabled)[b-jjq9nsw1qa] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3); }

.btn:disabled[b-jjq9nsw1qa] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal */
.modal-backdrop[b-jjq9nsw1qa] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-jjq9nsw1qa] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
}

.modal-header[b-jjq9nsw1qa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-jjq9nsw1qa] {
    margin: 0;
    font-size: 1.125rem;
    color: #0f172a;
}

.btn-close[b-jjq9nsw1qa] {
    background: white;
    border: 1px solid #e2e8f0;
    width: 32px;
    height: 32px;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
}

.btn-close:hover[b-jjq9nsw1qa] { background: #f1f5f9; }

.modal-body[b-jjq9nsw1qa] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-jjq9nsw1qa] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

/* Task Summary */
.task-summary[b-jjq9nsw1qa] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.task-summary p[b-jjq9nsw1qa] {
    margin: 0.25rem 0;
    font-size: 0.875rem;
}

/* Form Elements */
.form-group[b-jjq9nsw1qa] {
    margin-bottom: 1.25rem;
}

.form-group label[b-jjq9nsw1qa] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.form-control[b-jjq9nsw1qa] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-jjq9nsw1qa] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

textarea.form-control[b-jjq9nsw1qa] {
    resize: vertical;
    min-height: 100px;
}

.help-text[b-jjq9nsw1qa] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
}

.help-text.warning[b-jjq9nsw1qa] {
    color: #b45309;
}

/* Result Options */
.result-options[b-jjq9nsw1qa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.result-option[b-jjq9nsw1qa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem;
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
}

.result-option input[b-jjq9nsw1qa] {
    display: none;
}

.result-option:hover[b-jjq9nsw1qa] {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.result-option.selected[b-jjq9nsw1qa] {
    border-color: #0f3a5d;
    background: #f0f9ff;
}

.result-icon[b-jjq9nsw1qa] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.result-icon.clear[b-jjq9nsw1qa] {
    background: #d1fae5;
    color: #059669;
}

.result-icon.alert[b-jjq9nsw1qa] {
    background: #fef3c7;
    color: #b45309;
}

.result-text[b-jjq9nsw1qa] {
    font-weight: 600;
    color: #0f172a;
}

.result-desc[b-jjq9nsw1qa] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Detail Grid */
.detail-grid[b-jjq9nsw1qa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.detail-item[b-jjq9nsw1qa] {
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 0.5rem;
}

.detail-item.full-width[b-jjq9nsw1qa] {
    grid-column: 1 / -1;
}

.detail-label[b-jjq9nsw1qa] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.detail-value[b-jjq9nsw1qa] {
    font-weight: 500;
    color: #0f172a;
}

.status-badge[b-jjq9nsw1qa], .result-badge[b-jjq9nsw1qa] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
}

.status-badge.pending[b-jjq9nsw1qa], .result-badge.alert[b-jjq9nsw1qa] { background: #fef3c7; color: #b45309; }
.status-badge.inprogress[b-jjq9nsw1qa] { background: #dbeafe; color: #1d4ed8; }
.status-badge.completed[b-jjq9nsw1qa], .result-badge.clear[b-jjq9nsw1qa] { background: #d1fae5; color: #059669; }

/* Toast */
.toast-container[b-jjq9nsw1qa] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 1100;
}

.toast[b-jjq9nsw1qa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: toastSlideIn-b-jjq9nsw1qa 0.3s ease;
}

@keyframes toastSlideIn-b-jjq9nsw1qa {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

.toast-success[b-jjq9nsw1qa] { background: linear-gradient(135deg, #059669 0%, #10b981 100%); color: white; }
.toast-error[b-jjq9nsw1qa] { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); color: white; }

.toast-close[b-jjq9nsw1qa] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    font-size: 1.25rem;
    padding: 0;
    margin-left: 0.5rem;
}

/* Button Spinner */
.btn-spinner[b-jjq9nsw1qa] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-jjq9nsw1qa 0.6s linear infinite;
    margin-right: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-jjq9nsw1qa] { padding: 1rem; }
    .page-header[b-jjq9nsw1qa] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .stats-grid[b-jjq9nsw1qa] { grid-template-columns: repeat(2, 1fr); }
    .filter-tabs[b-jjq9nsw1qa] { width: 100%; overflow-x: auto; }
    .task-card-body[b-jjq9nsw1qa] { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .assigned-info[b-jjq9nsw1qa] { text-align: left; }
    .detail-grid[b-jjq9nsw1qa] { grid-template-columns: 1fr; }
    .result-options[b-jjq9nsw1qa] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Admin/Packages.razor.rz.scp.css */
.admin-container[b-m39sygkafd] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

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

.header-content h1[b-m39sygkafd] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e293b;
}

.header-content p[b-m39sygkafd] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.btn-primary[b-m39sygkafd] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover[b-m39sygkafd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-icon[b-m39sygkafd] {
    width: 18px;
    height: 18px;
}

.loading[b-m39sygkafd], .empty-state[b-m39sygkafd] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.empty-icon[b-m39sygkafd] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-m39sygkafd] {
    margin: 0 0 0.5rem;
    color: #1e293b;
}

.empty-state p[b-m39sygkafd] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

.packages-grid[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

.package-card[b-m39sygkafd] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    position: relative;
    transition: all 0.2s;
    border: 2px solid transparent;
}

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

.package-card.featured[b-m39sygkafd] {
    border-color: #f59e0b;
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
}

.package-card.inactive[b-m39sygkafd] {
    opacity: 0.6;
    background: #f8fafc;
}

.featured-badge[b-m39sygkafd] {
    position: absolute;
    top: -8px;
    right: 16px;
    background: #f59e0b;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.inactive-badge[b-m39sygkafd] {
    position: absolute;
    top: -8px;
    left: 16px;
    background: #94a3b8;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.package-header[b-m39sygkafd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.package-icon[b-m39sygkafd] {
    font-size: 2rem;
}

.package-header h3[b-m39sygkafd] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e293b;
}

.package-description[b-m39sygkafd] {
    color: #64748b;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.package-price[b-m39sygkafd] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.current-price[b-m39sygkafd], .sale-price[b-m39sygkafd] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f3a5d;
}

.original-price[b-m39sygkafd] {
    font-size: 1.25rem;
    color: #94a3b8;
    text-decoration: line-through;
}

.discount-badge[b-m39sygkafd] {
    background: #dc2626;
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.package-details[b-m39sygkafd] {
    display: flex;
    gap: 1.5rem;
    padding: 0.75rem 0;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.detail-item[b-m39sygkafd] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-m39sygkafd] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.detail-value[b-m39sygkafd] {
    font-weight: 600;
    color: #1e293b;
}

.included-types[b-m39sygkafd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 1rem;
}

.type-tag[b-m39sygkafd] {
    background: #eff6ff;
    color: #1e40af;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.7rem;
    font-weight: 500;
}

.type-tag.more[b-m39sygkafd] {
    background: #f1f5f9;
    color: #64748b;
}

.package-actions[b-m39sygkafd] {
    display: flex;
    gap: 0.5rem;
}

.btn-edit[b-m39sygkafd], .btn-delete[b-m39sygkafd] {
    flex: 1;
    padding: 0.5rem;
    border: none;
    border-radius: 0.375rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-edit[b-m39sygkafd] {
    background: #eff6ff;
    color: #0f3a5d;
}

.btn-edit:hover[b-m39sygkafd] {
    background: #dbeafe;
}

.btn-delete[b-m39sygkafd] {
    background: #fef2f2;
    color: #dc2626;
}

.btn-delete:hover[b-m39sygkafd] {
    background: #fee2e2;
}

/* Modal Styles */
.modal-overlay[b-m39sygkafd] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-m39sygkafd] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 700px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-content.small[b-m39sygkafd] {
    max-width: 400px;
}

.modal-header[b-m39sygkafd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-m39sygkafd] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-close[b-m39sygkafd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.modal-close:hover[b-m39sygkafd] {
    background: #f1f5f9;
    color: #1e293b;
}

.modal-body[b-m39sygkafd] {
    padding: 1.5rem;
}

.modal-footer[b-m39sygkafd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 1rem 1rem;
}

.form-group[b-m39sygkafd] {
    margin-bottom: 1rem;
}

.form-group label[b-m39sygkafd] {
    display: block;
    font-weight: 500;
    font-size: 0.875rem;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-group input[type="text"][b-m39sygkafd],
.form-group input[type="number"][b-m39sygkafd],
.form-group textarea[b-m39sygkafd] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.form-group input:focus[b-m39sygkafd],
.form-group textarea:focus[b-m39sygkafd] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-row[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
}

.form-row.checkboxes[b-m39sygkafd] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.checkbox-label[b-m39sygkafd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
}

.checkbox-label input[type="checkbox"][b-m39sygkafd] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.screening-types-selector[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.5rem;
    max-height: 250px;
    overflow-y: auto;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

.type-checkbox[b-m39sygkafd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
}

.type-checkbox:hover[b-m39sygkafd] {
    border-color: #0f3a5d;
}

.type-checkbox.selected[b-m39sygkafd] {
    background: #eff6ff;
    border-color: #0f3a5d;
    color: #0f3a5d;
}

.type-checkbox input[b-m39sygkafd] {
    display: none;
}

.error-message[b-m39sygkafd] {
    background: #fef2f2;
    color: #dc2626;
    padding: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.warning-text[b-m39sygkafd] {
    color: #dc2626;
    font-size: 0.875rem;
}

.btn-secondary[b-m39sygkafd] {
    padding: 0.625rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-m39sygkafd] {
    background: #f8fafc;
}

.btn-danger[b-m39sygkafd] {
    padding: 0.625rem 1.25rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-danger:hover[b-m39sygkafd] {
    background: #b91c1c;
}

/* Emoji Picker Styles */
.emoji-picker-container[b-m39sygkafd] {
    position: relative;
}

.emoji-selected[b-m39sygkafd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.625rem 0.875rem;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.emoji-selected:hover[b-m39sygkafd] {
    border-color: #0f3a5d;
}

.selected-emoji[b-m39sygkafd] {
    font-size: 1.5rem;
}

.dropdown-arrow[b-m39sygkafd] {
    font-size: 0.7rem;
    color: #64748b;
}

.emoji-dropdown[b-m39sygkafd] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 0.25rem;
}

.emoji-category[b-m39sygkafd] {
    padding: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.emoji-category:last-child[b-m39sygkafd] {
    border-bottom: none;
}

.category-label[b-m39sygkafd] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
    padding: 0 0.25rem;
}

.emoji-grid[b-m39sygkafd] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.25rem;
}

.emoji-option[b-m39sygkafd] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    padding: 0.5rem;
    background: transparent;
    border: 2px solid transparent;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.15s;
}

.emoji-option:hover[b-m39sygkafd] {
    background: #f1f5f9;
    transform: scale(1.1);
}

.emoji-option.selected[b-m39sygkafd] {
    background: #eff6ff;
    border-color: #0f3a5d;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-m39sygkafd] {
        padding: 1rem;
    }

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

    .packages-grid[b-m39sygkafd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Pricing.razor.rz.scp.css */
/* Pricing Management Page Styles */
.admin-container[b-fg0dtuc2a9] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-fg0dtuc2a9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h1[b-fg0dtuc2a9] {
    margin: 0;
    font-size: 1.75rem;
    color: #1e293b;
}

.header-content p[b-fg0dtuc2a9] {
    margin: 0.25rem 0 0;
    color: #64748b;
}

.header-actions[b-fg0dtuc2a9] {
    display: flex;
    gap: 0.75rem;
}

.btn-primary[b-fg0dtuc2a9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-primary:hover:not(:disabled)[b-fg0dtuc2a9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-fg0dtuc2a9] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-fg0dtuc2a9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-secondary:hover[b-fg0dtuc2a9] {
    background: #e2e8f0;
    border-color: #94a3b8;
}

.btn-large[b-fg0dtuc2a9] {
    padding: 1rem 2rem;
    font-size: 1rem;
}

/* Messages */
.success-message[b-fg0dtuc2a9] {
    background: #d1fae5;
    color: #065f46;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
    border: 1px solid #a7f3d0;
}

.error-message[b-fg0dtuc2a9] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
    border: 1px solid #fecaca;
}

/* Loading */
.loading[b-fg0dtuc2a9] {
    text-align: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-fg0dtuc2a9] {
    width: 48px;
    height: 48px;
    border: 4px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-fg0dtuc2a9 1s linear infinite;
    margin: 0 auto 1rem;
}

.spinner-sm[b-fg0dtuc2a9] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-fg0dtuc2a9 0.8s linear infinite;
}

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

/* Empty State */
.empty-state[b-fg0dtuc2a9] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 1rem;
}

.empty-icon[b-fg0dtuc2a9] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-fg0dtuc2a9] {
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-fg0dtuc2a9] {
    color: #64748b;
    margin: 0 0 1.5rem 0;
}

/* Stats Grid */
.stats-grid[b-fg0dtuc2a9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-fg0dtuc2a9] {
    background: white;
    padding: 1.25rem;
    border-radius: 0.75rem;
    text-align: center;
    border: 1px solid #e2e8f0;
}

.stat-value[b-fg0dtuc2a9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f3a5d;
}

.stat-label[b-fg0dtuc2a9] {
    color: #64748b;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Filter Section */
.filter-section[b-fg0dtuc2a9] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border-radius: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.filter-group[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-fg0dtuc2a9] {
    font-weight: 500;
    color: #475569;
    font-size: 0.875rem;
}

.filter-select[b-fg0dtuc2a9] {
    padding: 0.5rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    background: white;
    font-size: 0.875rem;
    min-width: 150px;
}

/* Pricing Sections */
.pricing-sections[b-fg0dtuc2a9] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.pricing-category h2[b-fg0dtuc2a9] {
    font-size: 1.125rem;
    color: #1e293b;
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e2e8f0;
}

.pricing-grid[b-fg0dtuc2a9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.pricing-card[b-fg0dtuc2a9] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.pricing-card:hover[b-fg0dtuc2a9] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.pricing-card.inactive[b-fg0dtuc2a9] {
    background: #f8fafc;
    opacity: 0.7;
}

.pricing-header[b-fg0dtuc2a9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pricing-icon[b-fg0dtuc2a9] {
    font-size: 1.75rem;
    line-height: 1;
}

.pricing-info[b-fg0dtuc2a9] {
    flex: 1;
}

.pricing-info h3[b-fg0dtuc2a9] {
    margin: 0;
    font-size: 1rem;
    color: #1e293b;
}

.pricing-code[b-fg0dtuc2a9] {
    font-size: 0.7rem;
    color: #94a3b8;
    font-family: monospace;
}

.badge-inactive[b-fg0dtuc2a9] {
    background: #fee2e2;
    color: #991b1b;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
}

.pricing-inputs[b-fg0dtuc2a9] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.input-group[b-fg0dtuc2a9] {
    flex: 1;
}

.input-group.small[b-fg0dtuc2a9] {
    flex: 0 0 80px;
}

.input-group label[b-fg0dtuc2a9] {
    display: block;
    font-size: 0.7rem;
    color: #64748b;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    font-weight: 600;
}

.price-input[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    overflow: hidden;
}

.price-input .currency[b-fg0dtuc2a9] {
    padding: 0.5rem 0.75rem;
    background: #e2e8f0;
    color: #475569;
    font-weight: 600;
    font-size: 0.875rem;
}

.price-input input[b-fg0dtuc2a9] {
    flex: 1;
    padding: 0.5rem;
    border: none;
    background: transparent;
    font-size: 0.95rem;
    font-weight: 600;
    width: 100%;
}

.price-input input:focus[b-fg0dtuc2a9] {
    outline: none;
}

.input-group input[b-fg0dtuc2a9] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    font-size: 0.95rem;
    text-align: center;
}

.input-group input:focus[b-fg0dtuc2a9] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 2px rgba(15, 58, 93, 0.1);
}

.pricing-footer[b-fg0dtuc2a9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.75rem;
    border-top: 1px solid #f1f5f9;
}

.toggle-label[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: #475569;
}

.toggle-label input[type="checkbox"][b-fg0dtuc2a9] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.toggle-text[b-fg0dtuc2a9] {
    font-weight: 500;
}

.display-order[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
}

.order-input[b-fg0dtuc2a9] {
    width: 50px;
    padding: 0.25rem 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    text-align: center;
}

/* Save Section */
.save-section[b-fg0dtuc2a9] {
    position: sticky;
    bottom: 1rem;
    background: white;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    margin-top: 2rem;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e2e8f0;
}

.save-info[b-fg0dtuc2a9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.changes-badge[b-fg0dtuc2a9] {
    background: #fef3c7;
    color: #92400e;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 0.875rem;
}

.save-actions[b-fg0dtuc2a9] {
    display: flex;
    gap: 0.75rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-fg0dtuc2a9] {
        padding: 1rem;
    }
    
    .page-header[b-fg0dtuc2a9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .header-actions[b-fg0dtuc2a9] {
        justify-content: center;
    }
    
    .filter-section[b-fg0dtuc2a9] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .pricing-grid[b-fg0dtuc2a9] {
        grid-template-columns: 1fr;
    }
    
    .save-section[b-fg0dtuc2a9] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .save-actions[b-fg0dtuc2a9] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Admin/Providers.razor.rz.scp.css */
/* ===============================================
/* ADMIN PROVIDERS PAGE - Professional Modern Design
   =============================================== */

.admin-container[b-yx2gxef6b8] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
}

/* Page Header */
.page-header[b-yx2gxef6b8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    flex-wrap: wrap;
    gap: 1rem;
}

.page-header-content h1[b-yx2gxef6b8] {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.025em;
}

.page-header-content .page-subtitle[b-yx2gxef6b8] {
    margin: 0.375rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

.page-header-actions[b-yx2gxef6b8] {
    display: flex;
    gap: 0.75rem;
}

/* Primary Button */
.btn-primary[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border: none;
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-yx2gxef6b8] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-yx2gxef6b8] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-primary svg[b-yx2gxef6b8] {
    width: 16px;
    height: 16px;
}

/* Secondary Button */
.btn-secondary[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-yx2gxef6b8] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Filter Tabs */
.filter-tabs[b-yx2gxef6b8] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: white;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    width: fit-content;
}

.filter-tab[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-radius: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.filter-tab:hover[b-yx2gxef6b8] {
    color: #0f3a5d;
    background: #f8fafc;
}

.filter-tab.active[b-yx2gxef6b8] {
    color: white;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.25);
}

.filter-tab .badge[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.625rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    background: #e2e8f0;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.filter-tab.active .badge[b-yx2gxef6b8] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

.filter-tab .badge.success[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
}

/* Loading State */
.loading-state[b-yx2gxef6b8] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.spinner[b-yx2gxef6b8] {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-yx2gxef6b8 0.8s linear infinite;
    margin: 0 auto 1.5rem;
}

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

/* Empty State */
.empty-state[b-yx2gxef6b8] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 2px dashed #e2e8f0;
}

.empty-state svg[b-yx2gxef6b8] {
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h3[b-yx2gxef6b8] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
    font-weight: 600;
}

.empty-state p[b-yx2gxef6b8] {
    margin: 0 0 1.5rem;
    color: #64748b;
}

/* Providers Grid */
.providers-grid[b-yx2gxef6b8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1.5rem;
}

/* Provider Card */
.provider-card[b-yx2gxef6b8] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: all 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.provider-card:hover[b-yx2gxef6b8] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    border-color: #cbd5e1;
}

.provider-card.inactive[b-yx2gxef6b8] {
    opacity: 0.7;
}

.provider-card-header[b-yx2gxef6b8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.provider-icon[b-yx2gxef6b8] {
    width: 52px;
    height: 52px;
    border-radius: 0.875rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1e5a8a 50%, #2563eb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.25);
}

.provider-info[b-yx2gxef6b8] {
    flex: 1;
    min-width: 0;
}

.provider-info h3[b-yx2gxef6b8] {
    margin: 0;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.provider-code[b-yx2gxef6b8] {
    margin: 0.25rem 0 0;
    font-size: 0.8125rem;
    color: #64748b;
    font-family: monospace;
}

.provider-badges[b-yx2gxef6b8] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    align-items: flex-end;
}

/* Status Badge */
.status-badge[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.status-active[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
    border: 1px solid #6ee7b7;
}

.status-badge.status-inactive[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
    color: #475569;
    border: 1px solid #94a3b8;
}

.status-badge.status-warning[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
    border: 1px solid #fcd34d;
}

/* Card Body */
.provider-card-body[b-yx2gxef6b8] {
    padding: 1.5rem;
}

.provider-type[b-yx2gxef6b8] {
    margin-bottom: 1rem;
}

.type-badge[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.type-badge.type-background[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1e40af;
}

.type-badge.type-identity[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
    color: #4338ca;
}

.type-badge.type-criminal[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
}

.type-badge.type-specialist[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #f3e8ff, #e9d5ff);
    color: #7c3aed;
}

.type-badge.type-internal[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
    color: #475569;
}

.provider-details[b-yx2gxef6b8] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.detail-item[b-yx2gxef6b8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
}

.detail-label[b-yx2gxef6b8] {
    color: #64748b;
    font-weight: 500;
}

.detail-value[b-yx2gxef6b8] {
    color: #1e293b;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-checks[b-yx2gxef6b8] {
    margin-top: 0.75rem;
}

.checks-label[b-yx2gxef6b8] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.checks-list[b-yx2gxef6b8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.check-badge[b-yx2gxef6b8] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    background: #f1f5f9;
    border-radius: 0.375rem;
    font-size: 0.6875rem;
    color: #475569;
    font-weight: 500;
}

.check-badge.more[b-yx2gxef6b8] {
    background: #e2e8f0;
    color: #64748b;
}

/* Card Footer */
.provider-card-footer[b-yx2gxef6b8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

.created-date[b-yx2gxef6b8] {
    font-size: 0.75rem;
    color: #64748b;
}

.card-actions[b-yx2gxef6b8] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-icon:hover[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-color: #0f3a5d;
    color: white;
    transform: translateY(-1px);
}

.btn-icon.danger:hover[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    border-color: #dc2626;
}

.btn-icon.success:hover[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    border-color: #059669;
}

/* Modal Styles */
.modal-overlay[b-yx2gxef6b8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-yx2gxef6b8] {
    background: white;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 480px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    animation: modalSlideIn-b-yx2gxef6b8 0.3s ease;
}

.modal-large[b-yx2gxef6b8] {
    max-width: 560px;
}

@keyframes modalSlideIn-b-yx2gxef6b8 {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.modal-header[b-yx2gxef6b8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 1.25rem 1.25rem 0 0;
}

.modal-header h3[b-yx2gxef6b8] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
}

.modal-close[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    transition: all 0.2s ease;
}

.modal-close:hover[b-yx2gxef6b8] {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
}

.modal-body[b-yx2gxef6b8] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-yx2gxef6b8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0 0 1.25rem 1.25rem;
}

/* Form Styles */
.edit-form[b-yx2gxef6b8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-section[b-yx2gxef6b8] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.25rem;
}

.form-section:last-child[b-yx2gxef6b8] {
    border-bottom: none;
    padding-bottom: 0;
}

.form-section h4[b-yx2gxef6b8] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}

.form-row[b-yx2gxef6b8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-yx2gxef6b8] {
    margin-bottom: 1rem;
}

.form-group:last-child[b-yx2gxef6b8] {
    margin-bottom: 0;
}

.form-group label[b-yx2gxef6b8] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-input[b-yx2gxef6b8] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.form-input:focus[b-yx2gxef6b8] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background: white;
}

.help-text[b-yx2gxef6b8] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.checkbox-group[b-yx2gxef6b8] {
    padding: 0.75rem 0;
}

.checkbox-label[b-yx2gxef6b8] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #374151;
    font-weight: 500;
}

.checkbox-label input[type="checkbox"][b-yx2gxef6b8] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #0f3a5d;
}

/* Cancel Button */
.btn-cancel[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-yx2gxef6b8] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Webhook URL info */
.webhook-url-info[b-yx2gxef6b8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.625rem 0.875rem;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border: 1px solid #bae6fd;
    border-radius: 0.375rem;
}

.webhook-label[b-yx2gxef6b8] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #0369a1;
    white-space: nowrap;
}

.webhook-url-info code[b-yx2gxef6b8] {
    font-size: 0.6875rem;
    color: #0c4a6e;
    background: transparent;
    padding: 0;
    word-break: break-all;
}

/* Toggle Options */
.toggle-options[b-yx2gxef6b8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.toggle-option[b-yx2gxef6b8] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 1.125rem;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 0.625rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-option:hover[b-yx2gxef6b8] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.toggle-switch[b-yx2gxef6b8] {
    position: relative;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.toggle-switch input[b-yx2gxef6b8] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.toggle-slider[b-yx2gxef6b8] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: all 0.3s ease;
    border-radius: 24px;
}

.toggle-slider[b-yx2gxef6b8]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: all 0.3s ease;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.toggle-switch input:checked + .toggle-slider[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
}

.toggle-switch input:checked + .toggle-slider[b-yx2gxef6b8]:before {
    transform: translateX(20px);
}

.toggle-content[b-yx2gxef6b8] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.toggle-title[b-yx2gxef6b8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.toggle-description[b-yx2gxef6b8] {
    font-size: 0.75rem;
    color: #64748b;
}

/* Form Actions */
.form-actions[b-yx2gxef6b8] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    padding: 1.25rem 1.75rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0 0 1.25rem 1.25rem;
}

/* Button Styles */
.btn[b-yx2gxef6b8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.625rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-primary[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.25);
}

.btn-primary:hover:not(:disabled)[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #0c2e4a 0%, #155a9c 100%);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.35);
    transform: translateY(-1px);
}

.btn-primary:disabled[b-yx2gxef6b8] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-secondary[b-yx2gxef6b8] {
    background: white;
    color: #475569;
    border: 1.5px solid #e2e8f0;
}

.btn-secondary:hover[b-yx2gxef6b8] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Button Spinner */
.btn-spinner[b-yx2gxef6b8] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-yx2gxef6b8 0.6s linear infinite;
}

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

/* Toast Notification */
.toast-container[b-yx2gxef6b8] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 1100;
}

.toast[b-yx2gxef6b8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: toastSlideIn-b-yx2gxef6b8 0.3s ease;
}

@keyframes toastSlideIn-b-yx2gxef6b8 {
    from {
        opacity: 0;
        transform: translateY(1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.toast-success[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: white;
}

.toast-error[b-yx2gxef6b8] {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: white;
}

.toast-close[b-yx2gxef6b8] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0;
    margin-left: 0.5rem;
}

.toast-close:hover[b-yx2gxef6b8] {
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-container[b-yx2gxef6b8] {
        padding: 1rem;
    }
    
    .page-header[b-yx2gxef6b8] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.25rem;
    }
    
    .filter-tabs[b-yx2gxef6b8] {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .providers-grid[b-yx2gxef6b8] {
        grid-template-columns: 1fr;
    }
    
    .form-row[b-yx2gxef6b8] {
        grid-template-columns: 1fr;
    }
    
    .modal-content[b-yx2gxef6b8] {
        margin: 0.5rem;
        max-height: 95vh;
    }
    
    .modal-content.modal-lg[b-yx2gxef6b8] {
        max-width: 100%;
    }
    
    .form-section[b-yx2gxef6b8] {
        padding: 1.25rem;
    }
    
    .form-actions[b-yx2gxef6b8] {
        padding: 1rem 1.25rem;
    }
    
    .toggle-options[b-yx2gxef6b8] {
        gap: 0.625rem;
    }
    
    .toggle-option[b-yx2gxef6b8] {
        padding: 0.875rem 1rem;
    }
}
/* /Components/Pages/Admin/RequestManagement.razor.rz.scp.css */
/* Request Management Page Styles */

.page-container[b-soo2idubb6] {
    min-height: 100vh;
    background: #f1f5f9;
}

.page-header[b-soo2idubb6] {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%);
    color: white;
    padding: 2rem 0;
}

.page-header .header-content[b-soo2idubb6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.page-header h1[b-soo2idubb6] {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.page-header p[b-soo2idubb6] {
    opacity: 0.9;
    margin: 0;
}

.content-wrapper[b-soo2idubb6] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

/* Filters Section */
.filters-section[b-soo2idubb6] {
    background: white;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.search-box[b-soo2idubb6] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.search-box input[b-soo2idubb6] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.95rem;
}

.search-box input:focus[b-soo2idubb6] {
    outline: none;
    border-color: #1a5fa8;
    box-shadow: 0 0 0 3px rgba(26, 95, 168, 0.1);
}

.btn-search[b-soo2idubb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #1a5fa8 0%, #0f3a5d 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-search:hover[b-soo2idubb6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 95, 168, 0.3);
}

.filter-row[b-soo2idubb6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.filter-group[b-soo2idubb6] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.filter-group label[b-soo2idubb6] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #64748b;
}

.filter-group select[b-soo2idubb6],
.filter-group input[type="date"][b-soo2idubb6] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.9rem;
    min-width: 150px;
}

.checkbox-group[b-soo2idubb6] {
    flex-direction: row;
    align-items: center;
}

.checkbox-group label[b-soo2idubb6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.btn-secondary[b-soo2idubb6] {
    padding: 0.5rem 1rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-soo2idubb6] {
    background: #e2e8f0;
}

/* Results Summary */
.results-summary[b-soo2idubb6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.selected-count[b-soo2idubb6] {
    color: #1a5fa8;
    font-weight: 500;
}

.btn-danger-outline[b-soo2idubb6] {
    margin-left: auto;
    padding: 0.5rem 1rem;
    background: transparent;
    color: #dc2626;
    border: 1px solid #dc2626;
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-danger-outline:hover[b-soo2idubb6] {
    background: #dc2626;
    color: white;
}

/* Table */
.table-container[b-soo2idubb6] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}

.data-table[b-soo2idubb6] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-soo2idubb6],
.data-table td[b-soo2idubb6] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.data-table th[b-soo2idubb6] {
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.data-table td[b-soo2idubb6] {
    font-size: 0.9rem;
}

.col-checkbox[b-soo2idubb6] {
    width: 40px;
}

.deleted-row[b-soo2idubb6] {
    background: #fef2f2;
    opacity: 0.8;
}

.badge-deleted[b-soo2idubb6] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: #fee2e2;
    color: #dc2626;
    font-size: 0.7rem;
    border-radius: 4px;
    margin-left: 0.5rem;
}

.badge-status[b-soo2idubb6] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-pending[b-soo2idubb6] { background: #fef3c7; color: #92400e; }
.badge-inprogress[b-soo2idubb6] { background: #dbeafe; color: #1e40af; }
.badge-completed[b-soo2idubb6] { background: #dcfce7; color: #166534; }
.badge-rejected[b-soo2idubb6] { background: #fee2e2; color: #991b1b; }
.badge-requiresmoreinfo[b-soo2idubb6] { background: #fae8ff; color: #86198f; }
.badge-infoprovided[b-soo2idubb6] { background: #e0e7ff; color: #3730a3; }

.badge-region[b-soo2idubb6] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.7rem;
    border-radius: 4px;
}

.state-active[b-soo2idubb6] { color: #16a34a; font-size: 0.85rem; }
.state-deleted[b-soo2idubb6] { color: #dc2626; font-size: 0.85rem; }
.state-files-deleted[b-soo2idubb6] { color: #d97706; font-size: 0.85rem; }

.action-buttons[b-soo2idubb6] {
    display: flex;
    gap: 0.375rem;
}

.btn-icon[b-soo2idubb6] {
    padding: 0.375rem;
    background: #f1f5f9;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    color: #475569;
    transition: all 0.2s;
}

.btn-icon:hover[b-soo2idubb6] {
    background: #e2e8f0;
    color: #1e293b;
}

.btn-icon.btn-warning:hover[b-soo2idubb6] {
    background: #fef3c7;
    color: #d97706;
}

.btn-icon.btn-danger:hover[b-soo2idubb6] {
    background: #fee2e2;
    color: #dc2626;
}

.btn-icon.btn-restore:hover[b-soo2idubb6] {
    background: #dcfce7;
    color: #16a34a;
}

/* Pagination */
.pagination[b-soo2idubb6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem;
    background: white;
    border-top: 1px solid #e2e8f0;
}

.btn-page[b-soo2idubb6] {
    padding: 0.5rem 1rem;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-page:hover:not(:disabled)[b-soo2idubb6] {
    background: #f1f5f9;
    border-color: #1a5fa8;
}

.btn-page:disabled[b-soo2idubb6] {
    opacity: 0.5;
    cursor: not-allowed;
}

.page-info[b-soo2idubb6] {
    padding: 0 1rem;
    color: #64748b;
    font-size: 0.875rem;
}

/* Loading & Empty States */
.loading-state[b-soo2idubb6],
.empty-state[b-soo2idubb6] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.spinner[b-soo2idubb6] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #1a5fa8;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 1rem;
}

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

.empty-icon[b-soo2idubb6] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-soo2idubb6] {
    font-size: 1.25rem;
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.empty-state p[b-soo2idubb6] {
    color: #64748b;
    margin: 0;
}

/* Modal Styles */
.modal-backdrop[b-soo2idubb6] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-soo2idubb6] {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.modal-danger[b-soo2idubb6] {
    border-top: 4px solid #dc2626;
}

.modal-header[b-soo2idubb6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-soo2idubb6] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}

.modal-close[b-soo2idubb6] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
    line-height: 1;
}

.modal-close:hover[b-soo2idubb6] {
    color: #1e293b;
}

.modal-body[b-soo2idubb6] {
    padding: 1.5rem;
}

.modal-footer[b-soo2idubb6] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

/* Warning & Info Boxes */
.warning-box[b-soo2idubb6],
.info-box[b-soo2idubb6] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.25rem;
}

.warning-box[b-soo2idubb6] {
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.warning-box svg[b-soo2idubb6] { color: #d97706; flex-shrink: 0; }
.warning-box strong[b-soo2idubb6] { color: #92400e; }
.warning-box p[b-soo2idubb6] { color: #78350f; margin: 0.25rem 0 0; font-size: 0.875rem; }

.info-box[b-soo2idubb6] {
    background: #dbeafe;
    border: 1px solid #93c5fd;
}

.info-box svg[b-soo2idubb6] { color: #2563eb; flex-shrink: 0; }
.info-box strong[b-soo2idubb6] { color: #1e40af; }
.info-box p[b-soo2idubb6] { color: #1e3a8a; margin: 0.25rem 0 0; font-size: 0.875rem; }

.danger-box[b-soo2idubb6] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fca5a5;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.25rem;
}

.danger-box strong[b-soo2idubb6] { color: #991b1b; display: block; margin-bottom: 0.25rem; }
.danger-box p[b-soo2idubb6] { color: #7f1d1d; margin: 0; font-size: 0.875rem; }

/* Request Summary */
.request-summary[b-soo2idubb6] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.25rem;
}

.request-summary p[b-soo2idubb6] {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
}

.request-summary p:last-child[b-soo2idubb6] {
    margin-bottom: 0;
}

.request-summary strong[b-soo2idubb6] {
    color: #475569;
}

/* Retention Info */
.retention-info[b-soo2idubb6] {
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.25rem;
}

.retention-info h4[b-soo2idubb6] {
    font-size: 0.9rem;
    margin: 0 0 0.75rem;
}

.retention-info p[b-soo2idubb6] {
    margin: 0 0 0.375rem;
    font-size: 0.85rem;
}

.retention-info.can-delete[b-soo2idubb6] {
    background: #dcfce7;
    border: 1px solid #86efac;
}

.retention-info.can-delete h4[b-soo2idubb6] { color: #166534; }
.retention-info.can-delete p[b-soo2idubb6] { color: #166534; }

.retention-info.retention-active[b-soo2idubb6] {
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.retention-info.retention-active h4[b-soo2idubb6] { color: #92400e; }
.retention-info.retention-active p[b-soo2idubb6] { color: #78350f; }

.adverse-warning[b-soo2idubb6] {
    font-weight: 600;
    color: #dc2626 !important;
}

.retention-warning[b-soo2idubb6] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.25rem;
}

.retention-warning h4[b-soo2idubb6] { color: #991b1b; margin: 0 0 0.5rem; font-size: 0.95rem; }
.retention-warning p[b-soo2idubb6] { color: #7f1d1d; margin: 0 0 0.25rem; font-size: 0.85rem; }

/* Form Elements in Modal */
.form-group[b-soo2idubb6] {
    margin-bottom: 1rem;
}

.form-group label[b-soo2idubb6] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-group textarea[b-soo2idubb6] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: inherit;
    resize: vertical;
}

.form-group textarea:focus[b-soo2idubb6] {
    outline: none;
    border-color: #1a5fa8;
    box-shadow: 0 0 0 3px rgba(26, 95, 168, 0.1);
}

.checkbox-options[b-soo2idubb6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.checkbox-label[b-soo2idubb6] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
}

.checkbox-label input[b-soo2idubb6] {
    margin-top: 0.125rem;
}

.confirm-checkbox[b-soo2idubb6] {
    padding: 0.75rem;
    background: #fef3c7;
    border-radius: 6px;
    border: 1px solid #fcd34d;
}

/* Selected List (Bulk Delete) */
.selected-list[b-soo2idubb6] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.25rem;
    max-height: 200px;
    overflow-y: auto;
}

.selected-list h4[b-soo2idubb6] {
    font-size: 0.875rem;
    margin: 0 0 0.75rem;
    color: #475569;
}

.selected-list ul[b-soo2idubb6] {
    margin: 0;
    padding-left: 1.5rem;
}

.selected-list li[b-soo2idubb6] {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

/* Buttons */
.btn-primary[b-soo2idubb6] {
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #1a5fa8 0%, #0f3a5d 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover:not(:disabled)[b-soo2idubb6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 95, 168, 0.3);
}

.btn-danger[b-soo2idubb6] {
    padding: 0.625rem 1.25rem;
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-danger:hover:not(:disabled)[b-soo2idubb6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.btn-primary:disabled[b-soo2idubb6],
.btn-danger:disabled[b-soo2idubb6] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.spinner-sm[b-soo2idubb6] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* Toast */
.toast[b-soo2idubb6] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    color: white;
    font-weight: 500;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    z-index: 1100;
    animation: slideIn 0.3s ease;
}

.toast.success[b-soo2idubb6] {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
}

.toast.error[b-soo2idubb6] {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
}

.toast.warning[b-soo2idubb6] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
}

@@keyframes slideIn {
    from[b-soo2idubb6] {
        transform: translateX(100%);
        opacity: 0;
    }
    to[b-soo2idubb6] {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@@media (max-width: 1024px) {
    .filter-row[b-soo2idubb6] {
        flex-wrap: wrap;
    }

    .filter-group[b-soo2idubb6] {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 150px;
    }
    
    .data-table[b-soo2idubb6] {
        font-size: 0.85rem;
    }
    
    .data-table th[b-soo2idubb6],
    .data-table td[b-soo2idubb6] {
        padding: 0.625rem 0.75rem;
    }
}

@@media (max-width: 768px) {
    .content-wrapper[b-soo2idubb6] {
        padding: 1rem;
    }
    
    .search-box[b-soo2idubb6] {
        flex-direction: column;
    }
    
    .filter-group[b-soo2idubb6] {
        flex: 1 1 100%;
    }
    
    .table-container[b-soo2idubb6] {
        overflow-x: auto;
    }
    
    .data-table[b-soo2idubb6] {
        min-width: 900px;
    }
    
    .modal[b-soo2idubb6] {
        margin: 0.5rem;
        max-height: calc(100vh - 1rem);
    }
    
    .toast[b-soo2idubb6] {
        left: 1rem;
        right: 1rem;
        bottom: 1rem;
    }
}
/* /Components/Pages/Admin/ScreeningTypes.razor.rz.scp.css */
/* Screening Types Management Page Styles */
.admin-container[b-2lsg7wce96] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-2lsg7wce96] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h1[b-2lsg7wce96] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.header-content p[b-2lsg7wce96] {
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

.btn-primary[b-2lsg7wce96] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #0f3a5d;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover[b-2lsg7wce96] {
    background: #1a5fa8;
}

/* Stats Grid */
.stats-grid[b-2lsg7wce96] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-2lsg7wce96] {
    background: white;
    padding: 1.5rem;
    border-radius: 1rem;
    text-align: center;
    border: 1px solid #e2e8f0;
}

.stat-value[b-2lsg7wce96] {
    font-size: 2rem;
    font-weight: 700;
    color: #0f3a5d;
}

.stat-label[b-2lsg7wce96] {
    color: #64748b;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Filter Section */
.filter-section[b-2lsg7wce96] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding: 1rem 1.5rem;
    background: #f8fafc;
    border-radius: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.filter-group[b-2lsg7wce96] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-group label[b-2lsg7wce96] {
    font-weight: 500;
    color: #475569;
    font-size: 0.875rem;
}

.filter-select[b-2lsg7wce96] {
    padding: 0.5rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    background: white;
    font-size: 0.875rem;
    min-width: 150px;
}

.checkbox-label[b-2lsg7wce96] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #475569;
}

.checkbox-label input[type="checkbox"][b-2lsg7wce96] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/* Category Section */
.category-section[b-2lsg7wce96] {
    margin-bottom: 2rem;
}

.category-header[b-2lsg7wce96] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e2e8f0;
}

.category-header h2[b-2lsg7wce96] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.category-count[b-2lsg7wce96] {
    background: #e2e8f0;
    color: #475569;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Types Grid */
.types-grid[b-2lsg7wce96] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.type-card[b-2lsg7wce96] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1.25rem;
    transition: all 0.2s;
}

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

.type-card.inactive[b-2lsg7wce96] {
    background: #f8fafc;
    opacity: 0.7;
}

.type-header[b-2lsg7wce96] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.type-icon[b-2lsg7wce96] {
    font-size: 2rem;
    line-height: 1;
}

.type-info[b-2lsg7wce96] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.type-info h3[b-2lsg7wce96] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.type-code[b-2lsg7wce96] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-family: monospace;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.type-badges[b-2lsg7wce96] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
    min-height: 22px;
}

.badge[b-2lsg7wce96] {
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge.system[b-2lsg7wce96] {
    background: #dbeafe;
    color: #1e40af;
}

.badge.inactive[b-2lsg7wce96] {
    background: #fee2e2;
    color: #991b1b;
}

.badge.package[b-2lsg7wce96] {
    background: #d1fae5;
    color: #065f46;
}

.type-description[b-2lsg7wce96] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
}

.type-details[b-2lsg7wce96] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 0.5rem;
}

.detail[b-2lsg7wce96] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-2lsg7wce96] {
    font-size: 0.7rem;
    color: #94a3b8;
    text-transform: uppercase;
}

.detail-value[b-2lsg7wce96] {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.875rem;
}

.type-actions[b-2lsg7wce96] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f1f5f9;
}

.btn-icon[b-2lsg7wce96] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon svg[b-2lsg7wce96] {
    width: 18px;
    height: 18px;
}

.btn-icon.edit[b-2lsg7wce96] {
    background: #e0f2fe;
    color: #0369a1;
}

.btn-icon.edit:hover[b-2lsg7wce96] {
    background: #0369a1;
    color: white;
}

.btn-icon.activate[b-2lsg7wce96] {
    background: #d1fae5;
    color: #059669;
}

.btn-icon.activate:hover[b-2lsg7wce96] {
    background: #059669;
    color: white;
}

.btn-icon.deactivate[b-2lsg7wce96] {
    background: #fef3c7;
    color: #d97706;
}

.btn-icon.deactivate:hover[b-2lsg7wce96] {
    background: #d97706;
    color: white;
}

.btn-icon.delete[b-2lsg7wce96] {
    background: #fee2e2;
    color: #dc2626;
}

.btn-icon.delete:hover[b-2lsg7wce96] {
    background: #dc2626;
    color: white;
}

/* Empty State */
.empty-state[b-2lsg7wce96] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f8fafc;
    border-radius: 1rem;
}

.empty-icon[b-2lsg7wce96] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-2lsg7wce96] {
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-2lsg7wce96] {
    color: #64748b;
    margin: 0;
}

/* Modal Styles */
.modal-overlay[b-2lsg7wce96] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-2lsg7wce96] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-content.small[b-2lsg7wce96] {
    max-width: 400px;
}

.modal-header[b-2lsg7wce96] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-2lsg7wce96] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.modal-close[b-2lsg7wce96] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #f1f5f9;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
}

.modal-close:hover[b-2lsg7wce96] {
    background: #e2e8f0;
    color: #1e293b;
}

.modal-body[b-2lsg7wce96] {
    padding: 1.5rem;
}

.modal-footer[b-2lsg7wce96] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 1rem 1rem;
}

/* Form Styles */
.form-row[b-2lsg7wce96] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-row.checkboxes[b-2lsg7wce96] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.form-group[b-2lsg7wce96] {
    margin-bottom: 1rem;
}

.form-group label[b-2lsg7wce96] {
    display: block;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.form-control[b-2lsg7wce96] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-2lsg7wce96] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-control:disabled[b-2lsg7wce96] {
    background: #f3f4f6;
    cursor: not-allowed;
}

.icon-input[b-2lsg7wce96] {
    width: 80px;
    text-align: center;
    font-size: 1.5rem;
}

.help-text[b-2lsg7wce96] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

textarea.form-control[b-2lsg7wce96] {
    resize: vertical;
    min-height: 80px;
}

.btn-secondary[b-2lsg7wce96] {
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-2lsg7wce96] {
    background: #e2e8f0;
}

.btn-danger[b-2lsg7wce96] {
    padding: 0.75rem 1.5rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-danger:hover[b-2lsg7wce96] {
    background: #b91c1c;
}

.warning-text[b-2lsg7wce96] {
    color: #dc2626;
    font-size: 0.875rem;
}

/* Toast Messages */
.toast[b-2lsg7wce96] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 500;
    z-index: 1001;
    animation: slideIn 0.3s ease;
}

.toast.success[b-2lsg7wce96] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.toast.error[b-2lsg7wce96] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

@@keyframes slideIn {
    from[b-2lsg7wce96] {
        transform: translateX(100%);
        opacity: 0;
    }
    to[b-2lsg7wce96] {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive */
@@media (max-width: 768px) {
    .admin-container[b-2lsg7wce96] {
        padding: 1rem;
    }
    
    .page-header[b-2lsg7wce96] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-section[b-2lsg7wce96] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-group[b-2lsg7wce96] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .types-grid[b-2lsg7wce96] {
        grid-template-columns: 1fr;
    }
    
    .type-details[b-2lsg7wce96] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Admin/SecurityPolicy.razor.rz.scp.css */
/* Screening Operations Guide Styles */

.guide-header[b-q24nyry7hg] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: white;
    padding: 3rem 0;
}

.guide-header .header-content[b-q24nyry7hg] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.hero-badge[b-q24nyry7hg] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    padding: 0.5rem 1.25rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.guide-badge[b-q24nyry7hg] {
    display: inline-block;
    background: #dc2626;
    color: white;
    padding: 0.375rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.guide-header h1[b-q24nyry7hg] {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.guide-header p[b-q24nyry7hg] {
    font-size: 1.1rem;
    opacity: 0.9;
    margin: 0;
}

.guide-content[b-q24nyry7hg] {
    padding: 2rem 0 4rem;
    background: #f1f5f9;
}

.guide-layout[b-q24nyry7hg] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Sidebar */
.guide-sidebar[b-q24nyry7hg] {
    position: sticky;
    top: 1rem;
    height: fit-content;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    background: white;
    border-radius: 10px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.guide-sidebar .sidebar-section[b-q24nyry7hg] {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.guide-sidebar .sidebar-section:last-child[b-q24nyry7hg] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.guide-sidebar h3[b-q24nyry7hg] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin: 0 0 0.5rem;
}

.guide-sidebar ul[b-q24nyry7hg] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guide-sidebar li[b-q24nyry7hg] {
    margin-bottom: 0.125rem;
}

.guide-sidebar a[b-q24nyry7hg] {
    display: block;
    padding: 0.375rem 0.625rem;
    color: #475569;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.8rem;
    transition: all 0.15s;
}

.guide-sidebar a:hover[b-q24nyry7hg] {
    background: #f1f5f9;
    color: #1e293b;
}


/* Main Content */
.guide-main[b-q24nyry7hg] {
    background: white;
    border-radius: 10px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Standards Grid - Verification criteria cards */
.standards-grid[b-q24nyry7hg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.standard-card[b-q24nyry7hg] {
    border-radius: 8px;
    padding: 1.25rem;
}

.standard-card h4[b-q24nyry7hg] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
}

.standard-card ul[b-q24nyry7hg] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.8rem;
    line-height: 1.6;
}

.standard-card li[b-q24nyry7hg] {
    margin-bottom: 0.25rem;
}

.standard-card.pass[b-q24nyry7hg] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
}

.standard-card.pass h4[b-q24nyry7hg] {
    color: #166534;
}

.standard-card.pass ul[b-q24nyry7hg] {
    color: #166534;
}

.standard-card.fail[b-q24nyry7hg] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fca5a5;
}

.standard-card.fail h4[b-q24nyry7hg] {
    color: #991b1b;
}

.standard-card.fail ul[b-q24nyry7hg] {
    color: #991b1b;
}

.standard-card.review[b-q24nyry7hg] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fcd34d;
}

.standard-card.review h4[b-q24nyry7hg] {
    color: #92400e;
}

.standard-card.review ul[b-q24nyry7hg] {
    color: #92400e;
}

@@media (max-width: 900px) {
    .standards-grid[b-q24nyry7hg] {
        grid-template-columns: 1fr;
    }
}

.confidential-notice[b-q24nyry7hg] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
}

.confidential-notice svg[b-q24nyry7hg] {
    flex-shrink: 0;
    color: #dc2626;
}

.confidential-notice strong[b-q24nyry7hg] {
    color: #991b1b;
    display: block;
    margin-bottom: 0.25rem;
}

.confidential-notice p[b-q24nyry7hg] {
    margin: 0;
    color: #7f1d1d;
    font-size: 0.875rem;
}

.guide-section[b-q24nyry7hg] {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e2e8f0;
}

.guide-section h2[b-q24nyry7hg] {
    font-size: 1.5rem;
    color: #1e293b;
    margin: 0 0 1rem;
}

.category-header[b-q24nyry7hg] {
    font-size: 1.75rem;
    color: #0f3a5d;
    margin: 2rem 0 1.5rem;
    padding-top: 1rem;
    border-top: 2px solid #e2e8f0;
}

.section-divider[b-q24nyry7hg] {
    border: none;
    border-top: 2px solid #e2e8f0;
    margin: 2.5rem 0;
}

/* Principle Cards */
.principle-card[b-q24nyry7hg] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.principle-card h3[b-q24nyry7hg] {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    color: #1e293b;
}

.principle-card ul[b-q24nyry7hg] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.principle-card li[b-q24nyry7hg] {
    margin-bottom: 0.5rem;
}

/* Criteria Table */
.criteria-table[b-q24nyry7hg] {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
}

.criteria-table th[b-q24nyry7hg],
.criteria-table td[b-q24nyry7hg] {
    padding: 0.625rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.criteria-table th[b-q24nyry7hg] {
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}

/* Status Badges */
.status-badge[b-q24nyry7hg] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.pass[b-q24nyry7hg] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.alert[b-q24nyry7hg] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.fail[b-q24nyry7hg] {
    background: #fee2e2;
    color: #991b1b;
}

.status-badge.pending[b-q24nyry7hg] {
    background: #e0e7ff;
    color: #3730a3;
}


/* Screening Procedures */
.screening-procedure[b-q24nyry7hg] {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #f1f5f9;
}

.screening-procedure > h3[b-q24nyry7hg] {
    font-size: 1.35rem;
    color: #0f3a5d;
    margin: 0 0 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #0f3a5d;
}

.procedure-section[b-q24nyry7hg] {
    margin-bottom: 1.5rem;
}

.procedure-section > h4[b-q24nyry7hg] {
    font-size: 1rem;
    color: #334155;
    margin: 0 0 0.75rem;
}

/* Option Cards */
.option-card[b-q24nyry7hg] {
    background: #fafbfc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.option-header[b-q24nyry7hg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.option-label[b-q24nyry7hg] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.option-label.preferred[b-q24nyry7hg] {
    background: #dcfce7;
    color: #166534;
}

.option-label.alternative[b-q24nyry7hg] {
    background: #e0f2fe;
    color: #0369a1;
}

.option-label.fallback[b-q24nyry7hg] {
    background: #fef3c7;
    color: #92400e;
}

.option-title[b-q24nyry7hg] {
    font-weight: 600;
    color: #1e293b;
}

.option-card ol[b-q24nyry7hg] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.option-card ol li[b-q24nyry7hg] {
    margin-bottom: 0.375rem;
    line-height: 1.5;
}

.option-card ul[b-q24nyry7hg] {
    margin: 0.5rem 0 0;
    padding-left: 1rem;
    font-size: 0.9rem;
}

/* Pass Criteria & Red Flags */
.pass-criteria[b-q24nyry7hg],
.red-flags[b-q24nyry7hg] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pass-criteria li[b-q24nyry7hg] {
    padding: 0.5rem 0 0.5rem 1.75rem;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
}

.pass-criteria li:last-child[b-q24nyry7hg] {
    border-bottom: none;
}

.pass-criteria li[b-q24nyry7hg]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #22c55e;
    font-weight: bold;
}

.red-flags li[b-q24nyry7hg] {
    padding: 0.5rem 0 0.5rem 1.75rem;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
}

.red-flags li:last-child[b-q24nyry7hg] {
    border-bottom: none;
}

.red-flags li[b-q24nyry7hg]::before {
    content: "⚠";
    position: absolute;
    left: 0;
    color: #ef4444;
}

/* Info Boxes */
.info-box[b-q24nyry7hg] {
    background: #f0f9ff;
    border-left: 4px solid #0ea5e9;
    padding: 1rem 1.25rem;
    border-radius: 0 6px 6px 0;
    margin: 1rem 0;
    font-size: 0.9rem;
    color: #334155;
}

.info-box.warning[b-q24nyry7hg] {
    background: #fffbeb;
    border-left-color: #f59e0b;
}

.info-box strong[b-q24nyry7hg] {
    color: #1e293b;
}

.info-box ul[b-q24nyry7hg],
.info-box ol[b-q24nyry7hg] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.info-box li[b-q24nyry7hg] {
    margin-bottom: 0.25rem;
}


/* Tools Grid */
.tools-grid[b-q24nyry7hg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.tool-link[b-q24nyry7hg] {
    display: flex;
    flex-direction: column;
    padding: 0.875rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.15s;
}

.tool-link:hover[b-q24nyry7hg] {
    border-color: #0f3a5d;
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.1);
}

.tool-name[b-q24nyry7hg] {
    font-weight: 600;
    color: #0f3a5d;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.tool-desc[b-q24nyry7hg] {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
}

/* Checklist Box */
.checklist-box[b-q24nyry7hg] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin: 1rem 0;
}

.checklist-box h4[b-q24nyry7hg] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    color: #1e293b;
}

.checklist-box ul[b-q24nyry7hg] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checklist-box li[b-q24nyry7hg] {
    padding: 0.375rem 0;
    color: #475569;
    border-bottom: 1px solid #f1f5f9;
}

.checklist-box li:last-child[b-q24nyry7hg] {
    border-bottom: none;
}

/* Quick Reference Table */
.quick-reference[b-q24nyry7hg] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #e2e8f0;
}

.quick-reference h2[b-q24nyry7hg] {
    margin: 0 0 1rem;
    color: #1e293b;
}

.reference-table[b-q24nyry7hg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.reference-table th[b-q24nyry7hg],
.reference-table td[b-q24nyry7hg] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.reference-table th[b-q24nyry7hg] {
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.reference-table td[b-q24nyry7hg] {
    color: #475569;
}

.reference-table tr:hover td[b-q24nyry7hg] {
    background: #fafbfc;
}

/* Version Info */
.version-info[b-q24nyry7hg] {
    margin-top: 2rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #64748b;
}

.version-info p[b-q24nyry7hg] {
    margin: 0.25rem 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .guide-layout[b-q24nyry7hg] {
        grid-template-columns: 220px 1fr;
    }
}

@media (max-width: 768px) {
    .guide-layout[b-q24nyry7hg] {
        grid-template-columns: 1fr;
    }

    .guide-sidebar[b-q24nyry7hg] {
        position: static;
        max-height: none;
        margin-bottom: 1rem;
    }

    .guide-header h1[b-q24nyry7hg] {
        font-size: 1.75rem;
    }

    .guide-main[b-q24nyry7hg] {
        padding: 1.5rem;
    }

    .tools-grid[b-q24nyry7hg] {
        grid-template-columns: 1fr;
    }

    .option-header[b-q24nyry7hg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .reference-table[b-q24nyry7hg] {
        font-size: 0.75rem;
    }

    .reference-table th[b-q24nyry7hg],
    .reference-table td[b-q24nyry7hg] {
        padding: 0.5rem;
    }
}

@media (max-width: 480px) {
    .guide-content[b-q24nyry7hg] {
        padding: 1rem 0;
    }

    .guide-main[b-q24nyry7hg] {
        padding: 1rem;
        border-radius: 0;
    }

    .confidential-notice[b-q24nyry7hg] {
        flex-direction: column;
    }

    .category-header[b-q24nyry7hg] {
        font-size: 1.35rem;
    }
}
/* /Components/Pages/Admin/StorageBrowser.razor.rz.scp.css */
.storage-browser[b-k2vuyr7pfo] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-k2vuyr7pfo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.header-content h1[b-k2vuyr7pfo] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem;
}

.header-content p[b-k2vuyr7pfo] {
    color: #6b7280;
    margin: 0;
}

/* Initial State */
.initial-state[b-k2vuyr7pfo] {
    text-align: center;
    padding: 4rem 2rem;
    background: #f9fafb;
    border-radius: 12px;
    border: 2px dashed #d1d5db;
}

.initial-icon[b-k2vuyr7pfo] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.initial-state h2[b-k2vuyr7pfo] {
    font-size: 1.5rem;
    color: #111827;
    margin: 0 0 0.5rem;
}

.initial-state p[b-k2vuyr7pfo] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Summary Cards */
.summary-cards[b-k2vuyr7pfo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-k2vuyr7pfo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.summary-card.warning[b-k2vuyr7pfo] {
    border-color: #fbbf24;
    background: #fffbeb;
}

.summary-card.danger[b-k2vuyr7pfo] {
    border-color: #ef4444;
    background: #fef2f2;
}

.card-icon[b-k2vuyr7pfo] {
    font-size: 2rem;
}

.card-value[b-k2vuyr7pfo] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
}

.card-label[b-k2vuyr7pfo] {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Tabs */
.tabs[b-k2vuyr7pfo] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0;
}

.tab[b-k2vuyr7pfo] {
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #6b7280;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: -1px;
}

.tab:hover[b-k2vuyr7pfo] {
    color: #111827;
}

.tab.active[b-k2vuyr7pfo] {
    color: #0f3a5d;
    border-bottom-color: #0f3a5d;
}

/* Filter Bar */
.filter-bar[b-k2vuyr7pfo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
}

.search-box[b-k2vuyr7pfo] {
    flex: 1;
    max-width: 400px;
}

.search-box input[b-k2vuyr7pfo] {
    width: 100%;
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
}

.search-box input:focus[b-k2vuyr7pfo] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Table */
.table-container[b-k2vuyr7pfo] {
    background: white;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.data-table[b-k2vuyr7pfo] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-k2vuyr7pfo] {
    background: #f9fafb;
    padding: 0.875rem 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
    border-bottom: 1px solid #e5e7eb;
}

.data-table td[b-k2vuyr7pfo] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.875rem;
    color: #374151;
}

.data-table tr:last-child td[b-k2vuyr7pfo] {
    border-bottom: none;
}

.data-table tr:hover[b-k2vuyr7pfo] {
    background: #f9fafb;
}

.orphaned-row[b-k2vuyr7pfo] {
    background: #fffbeb !important;
}

.missing-row[b-k2vuyr7pfo] {
    background: #fef2f2 !important;
}

.path-cell[b-k2vuyr7pfo] {
    font-family: monospace;
    font-size: 0.8rem;
    color: #6b7280;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.type-badge[b-k2vuyr7pfo] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #e5e7eb;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    color: #374151;
}

.request-link[b-k2vuyr7pfo] {
    color: #0f3a5d;
    font-weight: 600;
    text-decoration: none;
}

.request-link:hover[b-k2vuyr7pfo] {
    text-decoration: underline;
}

.no-request[b-k2vuyr7pfo] {
    color: #9ca3af;
}

.status-badge[b-k2vuyr7pfo] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.success[b-k2vuyr7pfo] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.warning[b-k2vuyr7pfo] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.info[b-k2vuyr7pfo] {
    background: #dbeafe;
    color: #1e40af;
}

/* Category badges */
.category-badge[b-k2vuyr7pfo] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
}

.category-request[b-k2vuyr7pfo] {
    background: #dbeafe;
    color: #1e40af;
}

.category-report[b-k2vuyr7pfo] {
    background: #fce7f3;
    color: #9d174d;
}

.category-gdprexport[b-k2vuyr7pfo] {
    background: #e0e7ff;
    color: #3730a3;
}

.category-unknown[b-k2vuyr7pfo] {
    background: #f3f4f6;
    color: #6b7280;
}

.empty-cell[b-k2vuyr7pfo] {
    text-align: center;
    padding: 2rem !important;
    color: #059669;
    font-weight: 500;
}

.table-footer[b-k2vuyr7pfo] {
    padding: 1rem;
    background: #f9fafb;
    text-align: center;
    font-size: 0.875rem;
    color: #6b7280;
}

/* Request Cards Grid */
.requests-grid[b-k2vuyr7pfo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.request-card[b-k2vuyr7pfo] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}

.request-card-header[b-k2vuyr7pfo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.request-id[b-k2vuyr7pfo] {
    font-weight: 700;
    color: #0f3a5d;
    text-decoration: none;
}

.file-count[b-k2vuyr7pfo] {
    font-size: 0.875rem;
    color: #6b7280;
}

.total-size[b-k2vuyr7pfo] {
    margin-left: auto;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.request-files[b-k2vuyr7pfo] {
    padding: 0.75rem 1rem;
}

.file-item[b-k2vuyr7pfo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.file-item:last-child[b-k2vuyr7pfo] {
    border-bottom: none;
}

.file-item.orphaned[b-k2vuyr7pfo] {
    background: #fffbeb;
    margin: 0 -1rem;
    padding: 0.5rem 1rem;
}

.file-name[b-k2vuyr7pfo] {
    flex: 1;
    font-size: 0.875rem;
    color: #374151;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-size[b-k2vuyr7pfo] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.orphan-badge[b-k2vuyr7pfo] {
    font-size: 0.65rem;
    padding: 0.125rem 0.375rem;
    background: #fbbf24;
    color: #78350f;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
}

.more-files[b-k2vuyr7pfo] {
    padding: 0.5rem 0;
    font-size: 0.875rem;
    color: #6b7280;
    font-style: italic;
}

/* Buttons */
.btn-primary[b-k2vuyr7pfo], .btn-secondary[b-k2vuyr7pfo], .btn-danger[b-k2vuyr7pfo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
    border: none;
    transition: all 0.2s;
}

.btn-primary[b-k2vuyr7pfo] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-k2vuyr7pfo] {
    background: linear-gradient(135deg, #0d2e4a, #155a9c);
}

.btn-secondary[b-k2vuyr7pfo] {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.btn-secondary:hover[b-k2vuyr7pfo] {
    background: #e5e7eb;
}

.btn-danger[b-k2vuyr7pfo] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover:not(:disabled)[b-k2vuyr7pfo] {
    background: #b91c1c;
}

.btn-danger:disabled[b-k2vuyr7pfo] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-lg[b-k2vuyr7pfo] {
    padding: 0.875rem 2rem;
    font-size: 1rem;
}

.action-buttons[b-k2vuyr7pfo] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.btn-icon[b-k2vuyr7pfo] {
    padding: 0.5rem;
    background: transparent;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-icon:hover[b-k2vuyr7pfo] {
    background: #f3f4f6;
}

.btn-icon.btn-danger[b-k2vuyr7pfo] {
    border-color: #fecaca;
    color: #dc2626;
    background: transparent;
}

.btn-icon.btn-danger:hover[b-k2vuyr7pfo] {
    background: #fef2f2;
}

/* Modal */
.modal-backdrop[b-k2vuyr7pfo] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-k2vuyr7pfo] {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-danger[b-k2vuyr7pfo] {
    border-top: 4px solid #dc2626;
}

.modal-header[b-k2vuyr7pfo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h2[b-k2vuyr7pfo] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #111827;
}

.modal-close[b-k2vuyr7pfo] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #9ca3af;
    cursor: pointer;
    line-height: 1;
}

.modal-body[b-k2vuyr7pfo] {
    padding: 1.5rem;
}

.modal-footer[b-k2vuyr7pfo] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.warning-box[b-k2vuyr7pfo], .danger-box[b-k2vuyr7pfo] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.warning-box[b-k2vuyr7pfo] {
    background: #fffbeb;
    border: 1px solid #fbbf24;
}

.danger-box[b-k2vuyr7pfo] {
    background: #fef2f2;
    border: 1px solid #fecaca;
}

.danger-box strong[b-k2vuyr7pfo] {
    color: #dc2626;
}

.file-details[b-k2vuyr7pfo] {
    background: #f9fafb;
    padding: 1rem;
    border-radius: 8px;
}

.file-details p[b-k2vuyr7pfo] {
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

.db-warning[b-k2vuyr7pfo] {
    color: #d97706;
    font-weight: 500;
    margin-top: 1rem !important;
}

.orphan-summary h4[b-k2vuyr7pfo] {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    color: #374151;
}

.orphan-list[b-k2vuyr7pfo] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    color: #6b7280;
    max-height: 200px;
    overflow-y: auto;
}

.orphan-list li[b-k2vuyr7pfo] {
    margin-bottom: 0.25rem;
}

.orphan-list li.more[b-k2vuyr7pfo] {
    color: #9ca3af;
    font-style: italic;
    list-style: none;
    margin-left: -1.25rem;
    margin-top: 0.5rem;
}

.confirm-checkbox[b-k2vuyr7pfo] {
    margin-top: 1rem;
    padding: 1rem;
    background: #f3f4f6;
    border-radius: 8px;
}

.confirm-checkbox label[b-k2vuyr7pfo] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
}

.confirm-checkbox input[b-k2vuyr7pfo] {
    margin-top: 0.25rem;
}

.confirm-checkbox span[b-k2vuyr7pfo] {
    font-size: 0.875rem;
    color: #374151;
}

/* Toast */
.toast[b-k2vuyr7pfo] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    z-index: 1001;
    animation: slideIn-b-k2vuyr7pfo 0.3s ease;
}

.toast-success[b-k2vuyr7pfo] {
    background: #059669;
    color: white;
}

.toast-error[b-k2vuyr7pfo] {
    background: #dc2626;
    color: white;
}

@keyframes slideIn-b-k2vuyr7pfo {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Spinner */
.spinner-sm[b-k2vuyr7pfo] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-k2vuyr7pfo 0.8s linear infinite;
}

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

/* Responsive */
@media (max-width: 768px) {
    .storage-browser[b-k2vuyr7pfo] {
        padding: 1rem;
    }
    
    .page-header[b-k2vuyr7pfo] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .summary-cards[b-k2vuyr7pfo] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .tabs[b-k2vuyr7pfo] {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    
    .tab[b-k2vuyr7pfo] {
        white-space: nowrap;
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
    
    .filter-bar[b-k2vuyr7pfo] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .search-box[b-k2vuyr7pfo] {
        max-width: none;
    }
    
    .data-table[b-k2vuyr7pfo] {
        font-size: 0.8rem;
    }
    
    .requests-grid[b-k2vuyr7pfo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
/* ===============================================
   ADMIN USERS PAGE - Professional Modern Design
   =============================================== */

.admin-container[b-ispzg8lsno] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    min-height: 100vh;
}

/* Page Header */
.page-header[b-ispzg8lsno] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding: 1.5rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.header-content h1[b-ispzg8lsno] {
    margin: 0;
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.025em;
}

.header-content p[b-ispzg8lsno] {
    margin: 0.375rem 0 0;
    color: #64748b;
    font-size: 0.9rem;
}

/* Primary Button */
.btn-primary[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border: none;
    border-radius: 0.625rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover:not(:disabled)[b-ispzg8lsno] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-ispzg8lsno] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-primary svg[b-ispzg8lsno] {
    width: 18px;
    height: 18px;
}

/* Filters Bar */
.filters-bar[b-ispzg8lsno] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    background: white;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    flex-wrap: wrap;
    align-items: center;
}

.search-box[b-ispzg8lsno] {
    flex: 1;
    min-width: 250px;
}

.search-input[b-ispzg8lsno] {
    width: 100%;
    padding: 0.75rem 1rem;
    padding-left: 2.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.9rem;
    background: #f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E") no-repeat 0.75rem center;
    background-size: 18px;
    transition: all 0.2s ease;
}

.search-input:focus[b-ispzg8lsno] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background-color: white;
}

.search-input[b-ispzg8lsno]::placeholder {
    color: #94a3b8;
}

.filter-group[b-ispzg8lsno] {
    min-width: 150px;
}

.filter-select[b-ispzg8lsno] {
    width: 100%;
    padding: 0.75rem 2rem 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #374151;
    background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    appearance: none;
}

.filter-select:focus[b-ispzg8lsno] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Loading State */
.loading-state[b-ispzg8lsno] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.loading-state p[b-ispzg8lsno] {
    color: #64748b;
    font-size: 0.9rem;
}

/* Empty State */
.empty-state[b-ispzg8lsno] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 1rem;
    border: 2px dashed #e2e8f0;
}

.empty-state h3[b-ispzg8lsno] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
    font-weight: 600;
}

.empty-state p[b-ispzg8lsno] {
    margin: 0;
    color: #64748b;
}

/* Users Table Container */
.users-table-container[b-ispzg8lsno] {
    background: white;
    border-radius: 1rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Users Table */
.users-table[b-ispzg8lsno] {
    width: 100%;
    border-collapse: collapse;
}

.users-table th[b-ispzg8lsno] {
    padding: 1rem 1.5rem;
    text-align: left;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    font-size: 0.6875rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    border-bottom: 1px solid #e2e8f0;
}

.users-table td[b-ispzg8lsno] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.875rem;
    color: #1e293b;
    vertical-align: middle;
}

.users-table tbody tr[b-ispzg8lsno] {
    transition: all 0.15s ease;
}

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

.users-table tbody tr.disabled-row[b-ispzg8lsno] {
    background: #fafafa;
    opacity: 0.7;
}

/* User Info Cell */
.user-info[b-ispzg8lsno] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.user-avatar[b-ispzg8lsno] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.user-avatar.disabled[b-ispzg8lsno] {
    background: linear-gradient(135deg, #94a3b8 0%, #cbd5e1 100%);
}

.user-details[b-ispzg8lsno] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.user-details strong[b-ispzg8lsno] {
    font-weight: 600;
    color: #0f172a;
}

.user-details span[b-ispzg8lsno] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Role Select */
.role-select[b-ispzg8lsno] {
    padding: 0.5rem 2rem 0.5rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    color: #374151;
    background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
    background-size: 14px;
    cursor: pointer;
    appearance: none;
    transition: all 0.2s ease;
}

.role-select:focus[b-ispzg8lsno] {
    outline: none;
    border-color: #0f3a5d;
}

.role-select:disabled[b-ispzg8lsno] {
    background-color: #f1f5f9;
    cursor: not-allowed;
}

/* Status Badges */
.badge[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.875rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.badge-approved[b-ispzg8lsno] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
    border: 1px solid #6ee7b7;
}

.badge-pending[b-ispzg8lsno] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
    border: 1px solid #fcd34d;
}

.badge-disabled[b-ispzg8lsno] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

/* Action Buttons */
.action-buttons[b-ispzg8lsno] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.btn-action[b-ispzg8lsno] {
    padding: 0.5rem 1rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-action:hover[b-ispzg8lsno] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.btn-edit[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #1d4ed8;
    border: 1px solid #93c5fd;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-edit:hover[b-ispzg8lsno] {
    background: linear-gradient(135deg, #1d4ed8, #2563eb);
    color: white;
    border-color: #1d4ed8;
    transform: translateY(-1px);
}

.btn-approve[b-ispzg8lsno] {
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(5, 150, 105, 0.2);
}

.btn-approve:hover[b-ispzg8lsno] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(5, 150, 105, 0.3);
}

.btn-disable[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #b45309;
    border: 1px solid #fcd34d;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-disable:hover[b-ispzg8lsno] {
    background: linear-gradient(135deg, #fde68a, #fcd34d);
    transform: translateY(-1px);
}

.btn-enable[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    color: #047857;
    border: 1px solid #6ee7b7;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-enable:hover[b-ispzg8lsno] {
    background: linear-gradient(135deg, #a7f3d0, #6ee7b7);
    transform: translateY(-1px);
}

/* Modal Styles */
.modal-overlay[b-ispzg8lsno] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-ispzg8lsno] {
    background: white;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 480px;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    animation: modalSlideIn-b-ispzg8lsno 0.3s ease;
}

.modal-large[b-ispzg8lsno] {
    max-width: 560px;
}

@keyframes modalSlideIn-b-ispzg8lsno {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.modal-header[b-ispzg8lsno] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 1.25rem 1.25rem 0 0;
}

.modal-header h3[b-ispzg8lsno] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
}

.modal-close[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    transition: all 0.2s ease;
}

.modal-close:hover[b-ispzg8lsno] {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
}

.modal-body[b-ispzg8lsno] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-ispzg8lsno] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 0 0 1.25rem 1.25rem;
}

/* User to disable card */
.user-to-disable[b-ispzg8lsno] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 1.25rem;
    border-radius: 0.75rem;
    margin: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    border: 1px solid #e2e8f0;
}

.user-to-disable strong[b-ispzg8lsno] {
    color: #0f172a;
    font-weight: 600;
}

.user-to-disable span[b-ispzg8lsno] {
    font-size: 0.875rem;
    color: #64748b;
}

.warning-text[b-ispzg8lsno] {
    color: #dc2626;
    font-size: 0.875rem;
    margin: 1rem 0;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    border-radius: 0.5rem;
    border: 1px solid #fecaca;
}

/* Form Styles */
.edit-form[b-ispzg8lsno] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-section[b-ispzg8lsno] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.25rem;
}

.form-section:last-child[b-ispzg8lsno] {
    border-bottom: none;
    padding-bottom: 0;
}

.form-section h4[b-ispzg8lsno] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}

.form-row[b-ispzg8lsno] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-ispzg8lsno] {
    margin-bottom: 0;
}

.form-group label[b-ispzg8lsno] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-input[b-ispzg8lsno],
.form-group input[b-ispzg8lsno],
.form-group select[b-ispzg8lsno],
.form-group textarea[b-ispzg8lsno] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    background: #f8fafc;
    transition: all 0.2s ease;
}

.form-input:focus[b-ispzg8lsno],
.form-group input:focus[b-ispzg8lsno],
.form-group select:focus[b-ispzg8lsno],
.form-group textarea:focus[b-ispzg8lsno] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
    background: white;
}

.help-text[b-ispzg8lsno] {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.checkbox-group[b-ispzg8lsno] {
    padding: 0.75rem 0;
}

.checkbox-label[b-ispzg8lsno] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
    color: #374151;
    font-weight: 500;
}

.checkbox-label input[type="checkbox"][b-ispzg8lsno] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #0f3a5d;
}

.error-message[b-ispzg8lsno] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    color: #b91c1c;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    border: 1px solid #fecaca;
}

/* Secondary / Cancel Button */
.btn-cancel[b-ispzg8lsno],
.btn-secondary[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-cancel:hover[b-ispzg8lsno],
.btn-secondary:hover[b-ispzg8lsno] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* Danger Button */
.btn-danger[b-ispzg8lsno] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: white;
    border: none;
    border-radius: 0.625rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2);
}

.btn-danger:hover[b-ispzg8lsno] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.3);
}

/* Pagination */
.pagination-container[b-ispzg8lsno] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

/* Alerts */
.alert[b-ispzg8lsno] {
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.alert-success[b-ispzg8lsno] {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    color: #047857;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-ispzg8lsno] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    color: #b91c1c;
    border: 1px solid #fecaca;
}

/* Responsive */
@media (max-width: 1024px) {
    .users-table-container[b-ispzg8lsno] {
        overflow-x: auto;
    }
    
    .users-table[b-ispzg8lsno] {
        min-width: 900px;
    }
}

@media (max-width: 768px) {
    .admin-container[b-ispzg8lsno] {
        padding: 1rem;
    }
    
    .page-header[b-ispzg8lsno] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 1.25rem;
    }
    
    .filters-bar[b-ispzg8lsno] {
        flex-direction: column;
    }
    
    .search-box[b-ispzg8lsno],
    .filter-group[b-ispzg8lsno] {
        width: 100%;
        min-width: unset;
    }
    
    .form-row[b-ispzg8lsno] {
        grid-template-columns: 1fr;
    }
    
    .modal[b-ispzg8lsno] {
        margin: 1rem;
    }
}
/* /Components/Pages/Analyst/Dashboard.razor.rz.scp.css */
.analyst-dashboard[b-4ttgqie66j] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

/* Header */
.dashboard-header[b-4ttgqie66j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.role-badge[b-4ttgqie66j] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: #eff6ff;
    color: #0f3a5d;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.header-content h1[b-4ttgqie66j] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.header-content p[b-4ttgqie66j] {
    color: #64748b;
}

/* Stats Grid */
.stats-grid[b-4ttgqie66j] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-4ttgqie66j] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    position: relative;
    transition: all 0.2s;
    cursor: default;
}

.stat-card.assigned[b-4ttgqie66j],
.stat-card.available[b-4ttgqie66j] {
    cursor: pointer;
}

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

.stat-icon[b-4ttgqie66j] {
    width: 52px;
    height: 52px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card.assigned .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.inprogress .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
.stat-card.completed .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #10b981, #059669); color: white; }
.stat-card.available .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.needsinfo .stat-icon[b-4ttgqie66j] { background: linear-gradient(135deg, #ef4444, #dc2626); color: white; }

.stat-content[b-4ttgqie66j] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.stat-number[b-4ttgqie66j] {
    font-size: 1.625rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-4ttgqie66j] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.stat-arrow[b-4ttgqie66j] {
    color: #cbd5e1;
    flex-shrink: 0;
}

.stat-card:hover .stat-arrow[b-4ttgqie66j] {
    color: #0f3a5d;
}

.stat-indicator[b-4ttgqie66j] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0f3a5d;
}

.stat-indicator.pulse[b-4ttgqie66j] {
    animation: pulse-b-4ttgqie66j 2s infinite;
}

@keyframes pulse-b-4ttgqie66j {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.3); }
}

.stat-badge[b-4ttgqie66j] {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
    font-size: 0.5625rem;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.stat-badge.warning[b-4ttgqie66j] {
    background: #fef3c7;
    color: #92400e;
}

/* Content Grid */
.content-grid[b-4ttgqie66j] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.5rem;
}

.dashboard-card[b-4ttgqie66j] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.card-header[b-4ttgqie66j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.card-header h2[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.card-header h2 svg[b-4ttgqie66j] {
    color: #0f3a5d;
}

.view-all[b-4ttgqie66j] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0f3a5d;
    text-decoration: none;
}

.view-all:hover[b-4ttgqie66j] {
    color: #1a5fa8;
}

/* Data Table */
.table-container[b-4ttgqie66j] {
    overflow-x: auto;
}

.data-table[b-4ttgqie66j] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-4ttgqie66j] {
    text-align: left;
    padding: 0.875rem 1.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

.data-table td[b-4ttgqie66j] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.875rem;
    color: #334155;
}

.data-table tbody tr:hover[b-4ttgqie66j] {
    background: #f8fafc;
}

.data-table tbody tr.highlight[b-4ttgqie66j] {
    background: #fef3c7;
}

.data-table tbody tr.highlight:hover[b-4ttgqie66j] {
    background: #fde68a;
}

.request-id[b-4ttgqie66j] {
    font-weight: 600;
    color: #0f3a5d;
}

.candidate-cell[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.candidate-avatar[b-4ttgqie66j] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.date[b-4ttgqie66j] {
    color: #64748b;
}

.status-badge[b-4ttgqie66j] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.pending[b-4ttgqie66j] { background: #fef3c7; color: #92400e; }
.status-badge.inprogress[b-4ttgqie66j] { background: #dbeafe; color: #1e40af; }
.status-badge.completed[b-4ttgqie66j] { background: #d1fae5; color: #065f46; }
.status-badge.rejected[b-4ttgqie66j] { background: #fee2e2; color: #991b1b; }
.status-badge.requiresmoreinfo[b-4ttgqie66j] { background: #fce7f3; color: #9d174d; }

.btn-work[b-4ttgqie66j] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-work:hover[b-4ttgqie66j] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

/* Empty & Loading States */
.empty-state[b-4ttgqie66j],
.loading-state[b-4ttgqie66j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
}

.empty-icon[b-4ttgqie66j] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    margin-bottom: 1rem;
}

.empty-state h3[b-4ttgqie66j] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.25rem;
}

.empty-state p[b-4ttgqie66j] {
    color: #64748b;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.btn-primary[b-4ttgqie66j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(15, 58, 93, 0.35);
    transition: all 0.2s;
}

.btn-primary:hover[b-4ttgqie66j] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(15, 58, 93, 0.4);
}

.btn-primary .badge[b-4ttgqie66j] {
    background: white;
    color: #0f3a5d;
    font-size: 0.6875rem;
    font-weight: 700;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

.spinner[b-4ttgqie66j] {
    width: 32px;
    height: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-4ttgqie66j 1s linear infinite;
    margin-bottom: 1rem;
}

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

/* Sidebar */
.sidebar[b-4ttgqie66j] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Performance Card */
.performance-stats[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    gap: 2rem;
}

.perf-stat[b-4ttgqie66j] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.perf-number[b-4ttgqie66j] {
    font-size: 2rem;
    font-weight: 700;
    color: #1e293b;
}

.perf-label[b-4ttgqie66j] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    text-transform: uppercase;
}

.perf-divider[b-4ttgqie66j] {
    width: 1px;
    height: 50px;
    background: #e2e8f0;
}

/* Quick Links */
.quick-links[b-4ttgqie66j] {
    padding: 0.5rem;
}

.quick-link[b-4ttgqie66j] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    text-decoration: none;
    transition: all 0.2s;
}

.quick-link:hover[b-4ttgqie66j] {
    background: #f8fafc;
}

.link-icon[b-4ttgqie66j] {
    width: 40px;
    height: 40px;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.link-icon.cases[b-4ttgqie66j] { background: #eff6ff; color: #0f3a5d; }
.link-icon.available[b-4ttgqie66j] { background: #eff6ff; color: #0f3a5d; }

.quick-link span[b-4ttgqie66j] {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    color: #334155;
}

.link-badge[b-4ttgqie66j] {
    background: #0f3a5d;
    color: white;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
}

.link-arrow[b-4ttgqie66j] {
    color: #cbd5e1;
}

.quick-link:hover .link-arrow[b-4ttgqie66j] {
    color: #64748b;
}

/* Responsive */
@media (max-width: 1200px) {
    .stats-grid[b-4ttgqie66j] {
        grid-template-columns: repeat(3, 1fr);
    }

    .content-grid[b-4ttgqie66j] {
        grid-template-columns: 1fr;
    }

    .sidebar[b-4ttgqie66j] {
        flex-direction: row;
    }

    .sidebar > *[b-4ttgqie66j] {
        flex: 1;
    }
}

@media (max-width: 768px) {
    .analyst-dashboard[b-4ttgqie66j] {
        padding: 1rem;
    }

    .stats-grid[b-4ttgqie66j] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-header[b-4ttgqie66j] {
        flex-direction: column;
    }

    .sidebar[b-4ttgqie66j] {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .stats-grid[b-4ttgqie66j] {
        grid-template-columns: 1fr;
    }

    .candidate-cell[b-4ttgqie66j] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .candidate-avatar[b-4ttgqie66j] {
        display: none;
    }
}
/* /Components/Pages/Analyst/OperationsGuide.razor.rz.scp.css */
/* Screening Operations Guide Styles */

.guide-header[b-admydct1r9] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: white;
    padding: 3rem 0;
}

.guide-header .header-content[b-admydct1r9] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.hero-badge[b-admydct1r9] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    padding: 0.5rem 1.25rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.guide-badge[b-admydct1r9] {
    display: inline-block;
    background: #dc2626;
    color: white;
    padding: 0.375rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.guide-header h1[b-admydct1r9] {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.guide-header p[b-admydct1r9] {
    font-size: 1.1rem;
    opacity: 0.9;
    margin: 0;
}

.guide-content[b-admydct1r9] {
    padding: 2rem 0 4rem;
    background: #f1f5f9;
}

.guide-layout[b-admydct1r9] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Sidebar */
.guide-sidebar[b-admydct1r9] {
    position: sticky;
    top: 1rem;
    height: fit-content;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    background: white;
    border-radius: 10px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.guide-sidebar .sidebar-section[b-admydct1r9] {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.guide-sidebar .sidebar-section:last-child[b-admydct1r9] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.guide-sidebar h3[b-admydct1r9] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin: 0 0 0.5rem;
}

.guide-sidebar ul[b-admydct1r9] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guide-sidebar li[b-admydct1r9] {
    margin-bottom: 0.125rem;
}

.guide-sidebar a[b-admydct1r9] {
    display: block;
    padding: 0.375rem 0.625rem;
    color: #475569;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.8rem;
    transition: all 0.15s;
}

.guide-sidebar a:hover[b-admydct1r9] {
    background: #f1f5f9;
    color: #1e293b;
}


/* Main Content */
.guide-main[b-admydct1r9] {
    background: white;
    border-radius: 10px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Standards Grid - Verification criteria cards */
.standards-grid[b-admydct1r9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.standard-card[b-admydct1r9] {
    border-radius: 8px;
    padding: 1.25rem;
}

.standard-card h4[b-admydct1r9] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
}

.standard-card ul[b-admydct1r9] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.8rem;
    line-height: 1.6;
}

.standard-card li[b-admydct1r9] {
    margin-bottom: 0.25rem;
}

.standard-card.pass[b-admydct1r9] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
}

.standard-card.pass h4[b-admydct1r9] {
    color: #166534;
}

.standard-card.pass ul[b-admydct1r9] {
    color: #166534;
}

.standard-card.fail[b-admydct1r9] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fca5a5;
}

.standard-card.fail h4[b-admydct1r9] {
    color: #991b1b;
}

.standard-card.fail ul[b-admydct1r9] {
    color: #991b1b;
}

.standard-card.review[b-admydct1r9] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fcd34d;
}

.standard-card.review h4[b-admydct1r9] {
    color: #92400e;
}

.standard-card.review ul[b-admydct1r9] {
    color: #92400e;
}

@@media (max-width: 900px) {
    .standards-grid[b-admydct1r9] {
        grid-template-columns: 1fr;
    }
}

.confidential-notice[b-admydct1r9] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
}

.confidential-notice svg[b-admydct1r9] {
    flex-shrink: 0;
    color: #dc2626;
}

.confidential-notice strong[b-admydct1r9] {
    color: #991b1b;
    display: block;
    margin-bottom: 0.25rem;
}

.confidential-notice p[b-admydct1r9] {
    margin: 0;
    color: #7f1d1d;
    font-size: 0.875rem;
}

.guide-section[b-admydct1r9] {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e2e8f0;
}

.guide-section h2[b-admydct1r9] {
    font-size: 1.5rem;
    color: #1e293b;
    margin: 0 0 1rem;
}

.category-header[b-admydct1r9] {
    font-size: 1.75rem;
    color: #0f3a5d;
    margin: 2rem 0 1.5rem;
    padding-top: 1rem;
    border-top: 2px solid #e2e8f0;
}

.section-divider[b-admydct1r9] {
    border: none;
    border-top: 2px solid #e2e8f0;
    margin: 2.5rem 0;
}

/* Principle Cards */
.principle-card[b-admydct1r9] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.principle-card h3[b-admydct1r9] {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    color: #1e293b;
}

.principle-card ul[b-admydct1r9] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.principle-card li[b-admydct1r9] {
    margin-bottom: 0.5rem;
}

/* Criteria Table */
.criteria-table[b-admydct1r9] {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
}

.criteria-table th[b-admydct1r9],
.criteria-table td[b-admydct1r9] {
    padding: 0.625rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.criteria-table th[b-admydct1r9] {
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}

/* Status Badges */
.status-badge[b-admydct1r9] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.pass[b-admydct1r9] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.alert[b-admydct1r9] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.fail[b-admydct1r9] {
    background: #fee2e2;
    color: #991b1b;
}

.status-badge.pending[b-admydct1r9] {
    background: #e0e7ff;
    color: #3730a3;
}


/* Screening Procedures */
.screening-procedure[b-admydct1r9] {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #f1f5f9;
}

.screening-procedure > h3[b-admydct1r9] {
    font-size: 1.35rem;
    color: #0f3a5d;
    margin: 0 0 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #0f3a5d;
}

.procedure-section[b-admydct1r9] {
    margin-bottom: 1.5rem;
}

.procedure-section > h4[b-admydct1r9] {
    font-size: 1rem;
    color: #334155;
    margin: 0 0 0.75rem;
}

/* Option Cards */
.option-card[b-admydct1r9] {
    background: #fafbfc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.option-header[b-admydct1r9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.option-label[b-admydct1r9] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.option-label.preferred[b-admydct1r9] {
    background: #dcfce7;
    color: #166534;
}

.option-label.alternative[b-admydct1r9] {
    background: #e0f2fe;
    color: #0369a1;
}

.option-label.fallback[b-admydct1r9] {
    background: #fef3c7;
    color: #92400e;
}

.option-title[b-admydct1r9] {
    font-weight: 600;
    color: #1e293b;
}

.option-card ol[b-admydct1r9] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.option-card ol li[b-admydct1r9] {
    margin-bottom: 0.375rem;
    line-height: 1.5;
}

.option-card ul[b-admydct1r9] {
    margin: 0.5rem 0 0;
    padding-left: 1rem;
    font-size: 0.9rem;
}

/* Pass Criteria & Red Flags */
.pass-criteria[b-admydct1r9],
.red-flags[b-admydct1r9] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pass-criteria li[b-admydct1r9] {
    padding: 0.5rem 0 0.5rem 1.75rem;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
}

.pass-criteria li:last-child[b-admydct1r9] {
    border-bottom: none;
}

.pass-criteria li[b-admydct1r9]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #22c55e;
    font-weight: bold;
}

.red-flags li[b-admydct1r9] {
    padding: 0.5rem 0 0.5rem 1.75rem;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
}

.red-flags li:last-child[b-admydct1r9] {
    border-bottom: none;
}

.red-flags li[b-admydct1r9]::before {
    content: "⚠";
    position: absolute;
    left: 0;
    color: #ef4444;
}

/* Info Boxes */
.info-box[b-admydct1r9] {
    background: #f0f9ff;
    border-left: 4px solid #0ea5e9;
    padding: 1rem 1.25rem;
    border-radius: 0 6px 6px 0;
    margin: 1rem 0;
    font-size: 0.9rem;
    color: #334155;
}

.info-box.warning[b-admydct1r9] {
    background: #fffbeb;
    border-left-color: #f59e0b;
}

.info-box strong[b-admydct1r9] {
    color: #1e293b;
}

.info-box ul[b-admydct1r9],
.info-box ol[b-admydct1r9] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.info-box li[b-admydct1r9] {
    margin-bottom: 0.25rem;
}


/* Tools Grid */
.tools-grid[b-admydct1r9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.tool-link[b-admydct1r9] {
    display: flex;
    flex-direction: column;
    padding: 0.875rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.15s;
}

.tool-link:hover[b-admydct1r9] {
    border-color: #0f3a5d;
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.1);
}

.tool-name[b-admydct1r9] {
    font-weight: 600;
    color: #0f3a5d;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.tool-desc[b-admydct1r9] {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
}

/* Checklist Box */
.checklist-box[b-admydct1r9] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin: 1rem 0;
}

.checklist-box h4[b-admydct1r9] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    color: #1e293b;
}

.checklist-box ul[b-admydct1r9] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checklist-box li[b-admydct1r9] {
    padding: 0.375rem 0;
    color: #475569;
    border-bottom: 1px solid #f1f5f9;
}

.checklist-box li:last-child[b-admydct1r9] {
    border-bottom: none;
}

/* Quick Reference Table */
.quick-reference[b-admydct1r9] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #e2e8f0;
}

.quick-reference h2[b-admydct1r9] {
    margin: 0 0 1rem;
    color: #1e293b;
}

.reference-table[b-admydct1r9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.reference-table th[b-admydct1r9],
.reference-table td[b-admydct1r9] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.reference-table th[b-admydct1r9] {
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.reference-table td[b-admydct1r9] {
    color: #475569;
}

.reference-table tr:hover td[b-admydct1r9] {
    background: #fafbfc;
}

/* Version Info */
.version-info[b-admydct1r9] {
    margin-top: 2rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #64748b;
}

.version-info p[b-admydct1r9] {
    margin: 0.25rem 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .guide-layout[b-admydct1r9] {
        grid-template-columns: 220px 1fr;
    }
}

@media (max-width: 768px) {
    .guide-layout[b-admydct1r9] {
        grid-template-columns: 1fr;
    }

    .guide-sidebar[b-admydct1r9] {
        position: static;
        max-height: none;
        margin-bottom: 1rem;
    }

    .guide-header h1[b-admydct1r9] {
        font-size: 1.75rem;
    }

    .guide-main[b-admydct1r9] {
        padding: 1.5rem;
    }

    .tools-grid[b-admydct1r9] {
        grid-template-columns: 1fr;
    }

    .option-header[b-admydct1r9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .reference-table[b-admydct1r9] {
        font-size: 0.75rem;
    }

    .reference-table th[b-admydct1r9],
    .reference-table td[b-admydct1r9] {
        padding: 0.5rem;
    }
}

@media (max-width: 480px) {
    .guide-content[b-admydct1r9] {
        padding: 1rem 0;
    }

    .guide-main[b-admydct1r9] {
        padding: 1rem;
        border-radius: 0;
    }

    .confidential-notice[b-admydct1r9] {
        flex-direction: column;
    }

    .category-header[b-admydct1r9] {
        font-size: 1.35rem;
    }
}
/* /Components/Pages/Analyst/ScreeningGuide.razor.rz.scp.css */
/* Screening Operations Guide Styles */

.guide-header[b-bo9sbbswxf] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: white;
    padding: 3rem 0;
}

.guide-header .header-content[b-bo9sbbswxf] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.hero-badge[b-bo9sbbswxf] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.15);
    color: white;
    padding: 0.5rem 1.25rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.guide-badge[b-bo9sbbswxf] {
    display: inline-block;
    background: #dc2626;
    color: white;
    padding: 0.375rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.guide-header h1[b-bo9sbbswxf] {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.guide-header p[b-bo9sbbswxf] {
    font-size: 1.1rem;
    opacity: 0.9;
    margin: 0;
}

.guide-content[b-bo9sbbswxf] {
    padding: 2rem 0 4rem;
    background: #f1f5f9;
}

.guide-layout[b-bo9sbbswxf] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Sidebar */
.guide-sidebar[b-bo9sbbswxf] {
    position: sticky;
    top: 1rem;
    height: fit-content;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    background: white;
    border-radius: 10px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.guide-sidebar .sidebar-section[b-bo9sbbswxf] {
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.guide-sidebar .sidebar-section:last-child[b-bo9sbbswxf] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.guide-sidebar h3[b-bo9sbbswxf] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin: 0 0 0.5rem;
}

.guide-sidebar ul[b-bo9sbbswxf] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guide-sidebar li[b-bo9sbbswxf] {
    margin-bottom: 0.125rem;
}

.guide-sidebar a[b-bo9sbbswxf] {
    display: block;
    padding: 0.375rem 0.625rem;
    color: #475569;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.8rem;
    transition: all 0.15s;
}

.guide-sidebar a:hover[b-bo9sbbswxf] {
    background: #f1f5f9;
    color: #1e293b;
}


/* Main Content */
.guide-main[b-bo9sbbswxf] {
    background: white;
    border-radius: 10px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Standards Grid - Verification criteria cards */
.standards-grid[b-bo9sbbswxf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.standard-card[b-bo9sbbswxf] {
    border-radius: 8px;
    padding: 1.25rem;
}

.standard-card h4[b-bo9sbbswxf] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 0 0.75rem;
}

.standard-card ul[b-bo9sbbswxf] {
    margin: 0;
    padding-left: 1.25rem;
    font-size: 0.8rem;
    line-height: 1.6;
}

.standard-card li[b-bo9sbbswxf] {
    margin-bottom: 0.25rem;
}

.standard-card.pass[b-bo9sbbswxf] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
}

.standard-card.pass h4[b-bo9sbbswxf] {
    color: #166534;
}

.standard-card.pass ul[b-bo9sbbswxf] {
    color: #166534;
}

.standard-card.fail[b-bo9sbbswxf] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fca5a5;
}

.standard-card.fail h4[b-bo9sbbswxf] {
    color: #991b1b;
}

.standard-card.fail ul[b-bo9sbbswxf] {
    color: #991b1b;
}

.standard-card.review[b-bo9sbbswxf] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fcd34d;
}

.standard-card.review h4[b-bo9sbbswxf] {
    color: #92400e;
}

.standard-card.review ul[b-bo9sbbswxf] {
    color: #92400e;
}

@@media (max-width: 900px) {
    .standards-grid[b-bo9sbbswxf] {
        grid-template-columns: 1fr;
    }
}

.confidential-notice[b-bo9sbbswxf] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
}

.confidential-notice svg[b-bo9sbbswxf] {
    flex-shrink: 0;
    color: #dc2626;
}

.confidential-notice strong[b-bo9sbbswxf] {
    color: #991b1b;
    display: block;
    margin-bottom: 0.25rem;
}

.confidential-notice p[b-bo9sbbswxf] {
    margin: 0;
    color: #7f1d1d;
    font-size: 0.875rem;
}

.guide-section[b-bo9sbbswxf] {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e2e8f0;
}

.guide-section h2[b-bo9sbbswxf] {
    font-size: 1.5rem;
    color: #1e293b;
    margin: 0 0 1rem;
}

.category-header[b-bo9sbbswxf] {
    font-size: 1.75rem;
    color: #0f3a5d;
    margin: 2rem 0 1.5rem;
    padding-top: 1rem;
    border-top: 2px solid #e2e8f0;
}

.section-divider[b-bo9sbbswxf] {
    border: none;
    border-top: 2px solid #e2e8f0;
    margin: 2.5rem 0;
}

/* Principle Cards */
.principle-card[b-bo9sbbswxf] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.principle-card h3[b-bo9sbbswxf] {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    color: #1e293b;
}

.principle-card ul[b-bo9sbbswxf] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.principle-card li[b-bo9sbbswxf] {
    margin-bottom: 0.5rem;
}

/* Criteria Table */
.criteria-table[b-bo9sbbswxf] {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0;
}

.criteria-table th[b-bo9sbbswxf],
.criteria-table td[b-bo9sbbswxf] {
    padding: 0.625rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.criteria-table th[b-bo9sbbswxf] {
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}

/* Status Badges */
.status-badge[b-bo9sbbswxf] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.pass[b-bo9sbbswxf] {
    background: #dcfce7;
    color: #166534;
}

.status-badge.alert[b-bo9sbbswxf] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.fail[b-bo9sbbswxf] {
    background: #fee2e2;
    color: #991b1b;
}

.status-badge.pending[b-bo9sbbswxf] {
    background: #e0e7ff;
    color: #3730a3;
}


/* Screening Procedures */
.screening-procedure[b-bo9sbbswxf] {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #f1f5f9;
}

.screening-procedure > h3[b-bo9sbbswxf] {
    font-size: 1.35rem;
    color: #0f3a5d;
    margin: 0 0 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #0f3a5d;
}

.procedure-section[b-bo9sbbswxf] {
    margin-bottom: 1.5rem;
}

.procedure-section > h4[b-bo9sbbswxf] {
    font-size: 1rem;
    color: #334155;
    margin: 0 0 0.75rem;
}

/* Option Cards */
.option-card[b-bo9sbbswxf] {
    background: #fafbfc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.option-header[b-bo9sbbswxf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.option-label[b-bo9sbbswxf] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.option-label.preferred[b-bo9sbbswxf] {
    background: #dcfce7;
    color: #166534;
}

.option-label.alternative[b-bo9sbbswxf] {
    background: #e0f2fe;
    color: #0369a1;
}

.option-label.fallback[b-bo9sbbswxf] {
    background: #fef3c7;
    color: #92400e;
}

.option-title[b-bo9sbbswxf] {
    font-weight: 600;
    color: #1e293b;
}

.option-card ol[b-bo9sbbswxf] {
    margin: 0;
    padding-left: 1.25rem;
    color: #475569;
}

.option-card ol li[b-bo9sbbswxf] {
    margin-bottom: 0.375rem;
    line-height: 1.5;
}

.option-card ul[b-bo9sbbswxf] {
    margin: 0.5rem 0 0;
    padding-left: 1rem;
    font-size: 0.9rem;
}

/* Pass Criteria & Red Flags */
.pass-criteria[b-bo9sbbswxf],
.red-flags[b-bo9sbbswxf] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pass-criteria li[b-bo9sbbswxf] {
    padding: 0.5rem 0 0.5rem 1.75rem;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
}

.pass-criteria li:last-child[b-bo9sbbswxf] {
    border-bottom: none;
}

.pass-criteria li[b-bo9sbbswxf]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #22c55e;
    font-weight: bold;
}

.red-flags li[b-bo9sbbswxf] {
    padding: 0.5rem 0 0.5rem 1.75rem;
    position: relative;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
}

.red-flags li:last-child[b-bo9sbbswxf] {
    border-bottom: none;
}

.red-flags li[b-bo9sbbswxf]::before {
    content: "⚠";
    position: absolute;
    left: 0;
    color: #ef4444;
}

/* Info Boxes */
.info-box[b-bo9sbbswxf] {
    background: #f0f9ff;
    border-left: 4px solid #0ea5e9;
    padding: 1rem 1.25rem;
    border-radius: 0 6px 6px 0;
    margin: 1rem 0;
    font-size: 0.9rem;
    color: #334155;
}

.info-box.warning[b-bo9sbbswxf] {
    background: #fffbeb;
    border-left-color: #f59e0b;
}

.info-box strong[b-bo9sbbswxf] {
    color: #1e293b;
}

.info-box ul[b-bo9sbbswxf],
.info-box ol[b-bo9sbbswxf] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.info-box li[b-bo9sbbswxf] {
    margin-bottom: 0.25rem;
}


/* Tools Grid */
.tools-grid[b-bo9sbbswxf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.tool-link[b-bo9sbbswxf] {
    display: flex;
    flex-direction: column;
    padding: 0.875rem 1rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.15s;
}

.tool-link:hover[b-bo9sbbswxf] {
    border-color: #0f3a5d;
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.1);
}

.tool-name[b-bo9sbbswxf] {
    font-weight: 600;
    color: #0f3a5d;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.tool-desc[b-bo9sbbswxf] {
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
}

/* Checklist Box */
.checklist-box[b-bo9sbbswxf] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin: 1rem 0;
}

.checklist-box h4[b-bo9sbbswxf] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    color: #1e293b;
}

.checklist-box ul[b-bo9sbbswxf] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checklist-box li[b-bo9sbbswxf] {
    padding: 0.375rem 0;
    color: #475569;
    border-bottom: 1px solid #f1f5f9;
}

.checklist-box li:last-child[b-bo9sbbswxf] {
    border-bottom: none;
}

/* Quick Reference Table */
.quick-reference[b-bo9sbbswxf] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #e2e8f0;
}

.quick-reference h2[b-bo9sbbswxf] {
    margin: 0 0 1rem;
    color: #1e293b;
}

.reference-table[b-bo9sbbswxf] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.reference-table th[b-bo9sbbswxf],
.reference-table td[b-bo9sbbswxf] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.reference-table th[b-bo9sbbswxf] {
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.reference-table td[b-bo9sbbswxf] {
    color: #475569;
}

.reference-table tr:hover td[b-bo9sbbswxf] {
    background: #fafbfc;
}

/* Version Info */
.version-info[b-bo9sbbswxf] {
    margin-top: 2rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #64748b;
}

.version-info p[b-bo9sbbswxf] {
    margin: 0.25rem 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .guide-layout[b-bo9sbbswxf] {
        grid-template-columns: 220px 1fr;
    }
}

@media (max-width: 768px) {
    .guide-layout[b-bo9sbbswxf] {
        grid-template-columns: 1fr;
    }

    .guide-sidebar[b-bo9sbbswxf] {
        position: static;
        max-height: none;
        margin-bottom: 1rem;
    }

    .guide-header h1[b-bo9sbbswxf] {
        font-size: 1.75rem;
    }

    .guide-main[b-bo9sbbswxf] {
        padding: 1.5rem;
    }

    .tools-grid[b-bo9sbbswxf] {
        grid-template-columns: 1fr;
    }

    .option-header[b-bo9sbbswxf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .reference-table[b-bo9sbbswxf] {
        font-size: 0.75rem;
    }

    .reference-table th[b-bo9sbbswxf],
    .reference-table td[b-bo9sbbswxf] {
        padding: 0.5rem;
    }
}

@media (max-width: 480px) {
    .guide-content[b-bo9sbbswxf] {
        padding: 1rem 0;
    }

    .guide-main[b-bo9sbbswxf] {
        padding: 1rem;
        border-radius: 0;
    }

    .confidential-notice[b-bo9sbbswxf] {
        flex-direction: column;
    }

    .category-header[b-bo9sbbswxf] {
        font-size: 1.35rem;
    }
}
/* /Components/Pages/Candidate/Portal.razor.rz.scp.css */
.candidate-portal[b-wxnpf1zrxr] {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
    padding: 2rem;
}

.loading-container[b-wxnpf1zrxr],
.error-container[b-wxnpf1zrxr] {
    max-width: 500px;
    margin: 4rem auto;
    text-align: center;
    padding: 3rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.error-icon[b-wxnpf1zrxr] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.spinner[b-wxnpf1zrxr] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: var(--primary-500, #3b82f6);
    border-radius: 50%;
    animation: spin-b-wxnpf1zrxr 1s linear infinite;
    margin: 0 auto 1rem;
}

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

.portal-header[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 0 auto 2rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.company-brand[b-wxnpf1zrxr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.company-brand .logo[b-wxnpf1zrxr] {
    height: 50px;
    width: auto;
}

.company-brand h1[b-wxnpf1zrxr] {
    font-size: 1.5rem;
    color: var(--gray-800, #1f2937);
    margin: 0;
}

.candidate-info[b-wxnpf1zrxr] {
    text-align: right;
}

.candidate-info p[b-wxnpf1zrxr] {
    margin: 0;
    color: var(--gray-600, #4b5563);
}

.expires-info[b-wxnpf1zrxr] {
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280) !important;
}

.success-banner[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 0 auto 2rem;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 1.5rem 2rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.success-banner .icon[b-wxnpf1zrxr] {
    font-size: 2rem;
    background: rgba(255, 255, 255, 0.2);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portal-content[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    gap: 2rem;
}

.instructions-card[b-wxnpf1zrxr],
.upload-section[b-wxnpf1zrxr],
.uploaded-documents[b-wxnpf1zrxr],
.submit-section[b-wxnpf1zrxr] {
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.instructions-card h3[b-wxnpf1zrxr],
.upload-section h3[b-wxnpf1zrxr],
.uploaded-documents h3[b-wxnpf1zrxr] {
    margin: 0 0 1rem;
    color: var(--gray-800, #1f2937);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.document-checklist[b-wxnpf1zrxr] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0;
}

.document-checklist li[b-wxnpf1zrxr] {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-template-rows: auto auto;
    gap: 0.25rem 0.5rem;
    padding: 1rem;
    border-radius: 8px;
    background: var(--gray-50, #f9fafb);
    margin-bottom: 0.5rem;
    transition: all 0.2s;
}

.document-checklist li.completed[b-wxnpf1zrxr] {
    background: #ecfdf5;
}

.document-checklist li .check-icon[b-wxnpf1zrxr] {
    grid-row: span 2;
    font-size: 1.25rem;
    color: var(--gray-400, #9ca3af);
}

.document-checklist li.completed .check-icon[b-wxnpf1zrxr] {
    color: #10b981;
}

.document-checklist li .doc-name[b-wxnpf1zrxr] {
    font-weight: 600;
    color: var(--gray-800, #1f2937);
}

.document-checklist li .doc-desc[b-wxnpf1zrxr] {
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280);
}

.upload-form[b-wxnpf1zrxr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group label[b-wxnpf1zrxr] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--gray-700, #374151);
}

.form-control[b-wxnpf1zrxr] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--gray-300, #d1d5db);
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-control:focus[b-wxnpf1zrxr] {
    outline: none;
    border-color: var(--primary-500, #3b82f6);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.drop-zone[b-wxnpf1zrxr] {
    position: relative;
    border: 2px dashed var(--gray-300, #d1d5db);
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer;
}

.drop-zone:hover[b-wxnpf1zrxr],
.drop-zone.dragging[b-wxnpf1zrxr] {
    border-color: var(--primary-500, #3b82f6);
    background: var(--primary-50, #eff6ff);
}

.drop-zone input[type="file"][b-wxnpf1zrxr] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.drop-zone-content .upload-icon[b-wxnpf1zrxr] {
    font-size: 3rem;
    display: block;
    margin-bottom: 0.5rem;
}

.drop-zone-content p[b-wxnpf1zrxr] {
    margin: 0.25rem 0;
    color: var(--gray-600, #4b5563);
}

.drop-zone-content .file-types[b-wxnpf1zrxr] {
    font-size: 0.8rem;
    color: var(--gray-400, #9ca3af);
}

.selected-files[b-wxnpf1zrxr] {
    background: var(--gray-50, #f9fafb);
    border-radius: 8px;
    padding: 1rem;
}

.selected-files h4[b-wxnpf1zrxr] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    color: var(--gray-600, #4b5563);
}

.file-item[b-wxnpf1zrxr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    background: white;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.file-item .file-name[b-wxnpf1zrxr] {
    flex: 1;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-item .file-size[b-wxnpf1zrxr] {
    font-size: 0.8rem;
    color: var(--gray-500, #6b7280);
}

.file-item .btn-remove[b-wxnpf1zrxr] {
    background: var(--gray-200, #e5e7eb);
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    color: var(--gray-600, #4b5563);
}

.file-item .btn-remove:hover[b-wxnpf1zrxr] {
    background: #ef4444;
    color: white;
}

.alert[b-wxnpf1zrxr] {
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.alert-error[b-wxnpf1zrxr] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.alert-success[b-wxnpf1zrxr] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.btn[b-wxnpf1zrxr] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-primary[b-wxnpf1zrxr] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-wxnpf1zrxr] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-wxnpf1zrxr] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-success[b-wxnpf1zrxr] {
    background: #10b981;
    color: white;
}

.btn-success:hover[b-wxnpf1zrxr] {
    background: #059669;
}

.btn-lg[b-wxnpf1zrxr] {
    padding: 1rem 2rem;
    font-size: 1.1rem;
}

.btn-upload[b-wxnpf1zrxr] {
    align-self: flex-start;
}

.spinner-small[b-wxnpf1zrxr] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-wxnpf1zrxr 0.8s linear infinite;
}

.documents-table[b-wxnpf1zrxr] {
    width: 100%;
    border-collapse: collapse;
}

.documents-table th[b-wxnpf1zrxr],
.documents-table td[b-wxnpf1zrxr] {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--gray-200, #e5e7eb);
}

.documents-table th[b-wxnpf1zrxr] {
    font-weight: 600;
    color: var(--gray-600, #4b5563);
    font-size: 0.85rem;
    text-transform: uppercase;
}

.documents-table td[b-wxnpf1zrxr] {
    color: var(--gray-700, #374151);
}

.badge[b-wxnpf1zrxr] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-success[b-wxnpf1zrxr] {
    background: #ecfdf5;
    color: #047857;
}

.submit-section[b-wxnpf1zrxr] {
    text-align: center;
}

.submit-note[b-wxnpf1zrxr] {
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280);
}

.portal-footer[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 2rem auto 0;
    text-align: center;
    padding: 1.5rem;
}

.portal-footer p[b-wxnpf1zrxr] {
    margin: 0.5rem 0;
    color: var(--gray-500, #6b7280);
    font-size: 0.9rem;
}

.portal-footer a[b-wxnpf1zrxr] {
    color: var(--primary-500, #3b82f6);
}

.security-note[b-wxnpf1zrxr] {
    font-size: 0.8rem !important;
}

@media (max-width: 640px) {
    .candidate-portal[b-wxnpf1zrxr] {
        padding: 1rem;
    }

    .portal-header[b-wxnpf1zrxr] {
        flex-direction: column;
        text-align: center;
    }

    .candidate-info[b-wxnpf1zrxr] {
        text-align: center;
    }

    .company-brand[b-wxnpf1zrxr] {
        flex-direction: column;
    }
}

/* Compliance Notice Section */
.compliance-notice-card[b-wxnpf1zrxr] {
    max-width: 900px;
    margin: 0 auto 2rem;
    background: white;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.compliance-notice-card h3[b-wxnpf1zrxr] {
    margin: 0 0 1.5rem;
    color: var(--gray-800, #1f2937);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.notice-content[b-wxnpf1zrxr] {
    background: var(--gray-50, #f9fafb);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.notice-content h4[b-wxnpf1zrxr] {
    margin: 0 0 1rem;
    color: var(--gray-800, #1f2937);
    font-size: 1.1rem;
}

.notice-content p[b-wxnpf1zrxr] {
    margin: 0.75rem 0;
    color: var(--gray-600, #4b5563);
    line-height: 1.6;
}

.notice-content ul[b-wxnpf1zrxr] {
    margin: 1rem 0;
    padding-left: 1.25rem;
}

.notice-content li[b-wxnpf1zrxr] {
    margin-bottom: 0.75rem;
    color: var(--gray-600, #4b5563);
    line-height: 1.5;
}

.notice-content li strong[b-wxnpf1zrxr] {
    color: var(--gray-800, #1f2937);
}

.fcra-notice[b-wxnpf1zrxr] {
    border-left: 4px solid #3b82f6;
}

.gdpr-notice[b-wxnpf1zrxr] {
    border-left: 4px solid #10b981;
}

.combined-notice[b-wxnpf1zrxr] {
    border-left: 4px solid #8b5cf6;
}

.notice-footer[b-wxnpf1zrxr] {
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280) !important;
    margin-top: 1rem !important;
    padding-top: 1rem;
    border-top: 1px solid var(--gray-200, #e5e7eb);
}

.notice-footer a[b-wxnpf1zrxr] {
    color: var(--primary-500, #3b82f6);
}

.fcra-addendum[b-wxnpf1zrxr] {
    margin-top: 1rem !important;
    padding-top: 1rem;
    border-top: 1px solid var(--gray-200, #e5e7eb);
    font-size: 0.9rem;
}

.consent-checkbox-section[b-wxnpf1zrxr] {
    margin: 1.5rem 0;
}

.consent-checkbox[b-wxnpf1zrxr] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    cursor: pointer;
    padding: 1rem 1.25rem;
    background: #fefce8;
    border: 1px solid #fef08a;
    border-radius: 8px;
    transition: all 0.2s;
}

.consent-checkbox:hover[b-wxnpf1zrxr] {
    background: #fef9c3;
}

.consent-checkbox input[type="checkbox"][b-wxnpf1zrxr] {
    width: 22px;
    height: 22px;
    min-width: 22px;
    flex-shrink: 0;
    margin-top: 1px;
    cursor: pointer;
    accent-color: var(--primary-500, #3b82f6);
}

.consent-text[b-wxnpf1zrxr] {
    flex: 1;
    color: var(--gray-700, #374151);
    line-height: 1.6;
    font-size: 0.95rem;
}

.btn-continue[b-wxnpf1zrxr] {
    width: 100%;
    padding: 1rem 2rem;
    font-size: 1.1rem;
    margin-top: 1rem;
}

@media (max-width: 640px) {
    .compliance-notice-card[b-wxnpf1zrxr] {
        padding: 1.25rem;
    }
    
    .notice-content[b-wxnpf1zrxr] {
        padding: 1rem;
    }
    
    .consent-checkbox[b-wxnpf1zrxr] {
        padding: 0.75rem;
    }
}

/* Delete File Button */
.btn-delete-file[b-wxnpf1zrxr] {
    background: transparent;
    border: 1px solid var(--gray-300, #d1d5db);
    border-radius: 6px;
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-delete-file:hover:not(:disabled)[b-wxnpf1zrxr] {
    background: #fef2f2;
    border-color: #fecaca;
}

.btn-delete-file:disabled[b-wxnpf1zrxr] {
    opacity: 0.5;
    cursor: not-allowed;
}

.spinner-xs[b-wxnpf1zrxr] {
    width: 14px;
    height: 14px;
    border: 2px solid var(--gray-300, #d1d5db);
    border-top-color: var(--gray-600, #4b5563);
    border-radius: 50%;
    animation: spin-b-wxnpf1zrxr 0.8s linear infinite;
}

.upload-hint[b-wxnpf1zrxr] {
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280);
    margin-bottom: 1rem;
}

/* Delete Confirmation Modal */
.modal-overlay[b-wxnpf1zrxr] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-wxnpf1zrxr] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    max-width: 450px;
    width: 100%;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.modal-content h3[b-wxnpf1zrxr] {
    margin: 0 0 1rem;
    color: var(--gray-800, #1f2937);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.modal-content p[b-wxnpf1zrxr] {
    margin: 0.5rem 0;
    color: var(--gray-600, #4b5563);
}

.modal-warning[b-wxnpf1zrxr] {
    font-size: 0.85rem;
    color: var(--gray-500, #6b7280) !important;
    margin-top: 1rem !important;
}

.modal-actions[b-wxnpf1zrxr] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.btn-secondary[b-wxnpf1zrxr] {
    background: var(--gray-100, #f3f4f6);
    color: var(--gray-700, #374151);
    border: 1px solid var(--gray-300, #d1d5db);
}

.btn-secondary:hover[b-wxnpf1zrxr] {
    background: var(--gray-200, #e5e7eb);
}

.btn-danger[b-wxnpf1zrxr] {
    background: #ef4444;
    color: white;
    border: none;
}

.btn-danger:hover:not(:disabled)[b-wxnpf1zrxr] {
    background: #dc2626;
}

.btn-danger:disabled[b-wxnpf1zrxr] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Add Actions column styling to table */
.documents-table th:last-child[b-wxnpf1zrxr],
.documents-table td:last-child[b-wxnpf1zrxr] {
    width: 80px;
    text-align: center;
}

@media (max-width: 640px) {
    .modal-content[b-wxnpf1zrxr] {
        padding: 1.5rem;
    }
    
    .modal-actions[b-wxnpf1zrxr] {
        flex-direction: column;
    }
    
    .modal-actions button[b-wxnpf1zrxr] {
        width: 100%;
    }
}


/* ============================================
   PHASE 3: Accessibility, Preview, Mobile
   ============================================ */

/* Screen Reader Only - Hidden visually but accessible */
.sr-only[b-wxnpf1zrxr] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Focus visible styles for accessibility */
button:focus-visible[b-wxnpf1zrxr],
input:focus-visible[b-wxnpf1zrxr],
select:focus-visible[b-wxnpf1zrxr],
a:focus-visible[b-wxnpf1zrxr] {
    outline: 2px solid var(--primary-500, #3b82f6);
    outline-offset: 2px;
}

/* Preview Button */
.btn-preview-file[b-wxnpf1zrxr] {
    background: transparent;
    border: 1px solid var(--gray-300, #d1d5db);
    border-radius: 6px;
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.25rem;
}

.btn-preview-file:hover[b-wxnpf1zrxr] {
    background: #eff6ff;
    border-color: #bfdbfe;
}

/* Actions cell in table */
.actions-cell[b-wxnpf1zrxr] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

/* Mobile Document Cards - Hidden by default on desktop */
.documents-cards[b-wxnpf1zrxr] {
    display: none;
}

.document-card[b-wxnpf1zrxr] {
    background: white;
    border: 1px solid var(--gray-200, #e5e7eb);
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 0.75rem;
}

.document-card .card-header[b-wxnpf1zrxr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.document-card .card-icon[b-wxnpf1zrxr] {
    font-size: 2.5rem;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gray-50, #f9fafb);
    border-radius: 8px;
}

.document-card .card-info[b-wxnpf1zrxr] {
    flex: 1;
    min-width: 0;
}

.document-card .card-filename[b-wxnpf1zrxr] {
    display: block;
    font-weight: 600;
    color: var(--gray-800, #1f2937);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

.document-card .card-meta[b-wxnpf1zrxr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--gray-500, #6b7280);
}

.document-card .card-meta-item[b-wxnpf1zrxr] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.document-card .card-meta-item:not(:last-child)[b-wxnpf1zrxr]::after {
    content: "•";
    margin-left: 0.5rem;
    color: var(--gray-300, #d1d5db);
}

.document-card .card-status[b-wxnpf1zrxr] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    background: #ecfdf5;
    color: #047857;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 500;
    margin-left: auto;
}

.document-card .card-actions[b-wxnpf1zrxr] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--gray-100, #f3f4f6);
}

.btn-card-action[b-wxnpf1zrxr] {
    flex: 1;
    padding: 0.625rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--gray-300, #d1d5db);
    background: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
    transition: all 0.2s;
}

.btn-card-action.preview[b-wxnpf1zrxr] {
    background: var(--gray-50, #f9fafb);
}

.btn-card-action.preview:hover[b-wxnpf1zrxr] {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.btn-card-action.delete:hover:not(:disabled)[b-wxnpf1zrxr] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

.btn-card-action:disabled[b-wxnpf1zrxr] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Preview Modal - Styles handled by shared DocumentPreview component */


/* ============================================
   Enhanced Mobile Responsiveness
   ============================================ */

@media (max-width: 768px) {
    /* Hide table, show cards on mobile */
    .documents-table[b-wxnpf1zrxr] {
        display: none;
    }
    
    .documents-cards[b-wxnpf1zrxr] {
        display: flex;
        flex-direction: column;
    }
    
    /* Checklist single column */
    .document-checklist li[b-wxnpf1zrxr] {
        grid-template-columns: 28px 1fr;
    }
    
    /* Upload zone adjustments */
    .drop-zone[b-wxnpf1zrxr] {
        padding: 2rem 1rem;
    }
    
    .drop-zone-content .upload-icon[b-wxnpf1zrxr] {
        font-size: 2.5rem;
    }
    
    /* Larger touch targets */
    .consent-checkbox[b-wxnpf1zrxr] {
        padding: 1rem;
        gap: 1rem;
    }
    
    .consent-checkbox input[type="checkbox"][b-wxnpf1zrxr] {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }
}

@media (max-width: 480px) {
    .candidate-portal[b-wxnpf1zrxr] {
        padding: 0.75rem;
    }
    
    .portal-header[b-wxnpf1zrxr],
    .instructions-card[b-wxnpf1zrxr],
    .upload-section[b-wxnpf1zrxr],
    .uploaded-documents[b-wxnpf1zrxr],
    .submit-section[b-wxnpf1zrxr],
    .compliance-notice-card[b-wxnpf1zrxr] {
        padding: 1.25rem;
        border-radius: 12px;
    }
    
    .company-brand h1[b-wxnpf1zrxr] {
        font-size: 1.25rem;
    }
    
    .document-card[b-wxnpf1zrxr] {
        padding: 0.875rem;
    }
    
    .document-card .card-header[b-wxnpf1zrxr] {
        gap: 0.625rem;
    }
    
    .document-card .card-icon[b-wxnpf1zrxr] {
        width: 40px;
        height: 40px;
        font-size: 1.75rem;
    }
    
    .document-card .card-filename[b-wxnpf1zrxr] {
        font-size: 0.875rem;
    }
    
    .document-card .card-meta[b-wxnpf1zrxr] {
        font-size: 0.75rem;
    }
    
    .document-card .card-meta-item:not(:last-child)[b-wxnpf1zrxr]::after {
        margin-left: 0.375rem;
    }
    
    /* Stack category dropdown and upload button */
    .upload-form .form-group[b-wxnpf1zrxr] {
        margin-bottom: 1rem;
    }
    
    .btn-upload[b-wxnpf1zrxr] {
        width: 100%;
    }
    
    /* Success banner mobile */
    .success-banner[b-wxnpf1zrxr] {
        flex-direction: column;
        text-align: center;
        padding: 1.25rem;
    }
    
    /* Submit section */
    .submit-section .btn-lg[b-wxnpf1zrxr] {
        width: 100%;
        padding: 1rem;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .document-checklist li.completed[b-wxnpf1zrxr] {
        border: 2px solid #10b981;
    }
    
    .badge-success[b-wxnpf1zrxr] {
        border: 2px solid #047857;
    }
    
    .consent-checkbox[b-wxnpf1zrxr] {
        border: 2px solid #fbbf24;
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .spinner[b-wxnpf1zrxr],
    .spinner-small[b-wxnpf1zrxr],
    .spinner-xs[b-wxnpf1zrxr] {
        animation: none;
    }
    
    *[b-wxnpf1zrxr] {
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/Client/Billing.razor.rz.scp.css */
.client-container[b-afgkycju0g] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-afgkycju0g] {
    margin-bottom: 2rem;
}

.page-header h1[b-afgkycju0g] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.subtitle[b-afgkycju0g] {
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

/* Loading */
.loading-container[b-afgkycju0g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-afgkycju0g] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-afgkycju0g 1s linear infinite;
    margin-bottom: 1rem;
}

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

/* Summary Cards */
.summary-cards[b-afgkycju0g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.summary-card[b-afgkycju0g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.summary-card:hover[b-afgkycju0g] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.card-icon[b-afgkycju0g] {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.card-icon.balance[b-afgkycju0g] {
    background: #eff6ff;
    color: #0f3a5d;
}

.card-icon.billing-type[b-afgkycju0g] {
    background: #e0e7ff;
    color: #4f46e5;
}

.card-icon.terms[b-afgkycju0g] {
    background: #f3e8ff;
    color: #9333ea;
}

.card-icon.discount[b-afgkycju0g] {
    background: #d1fae5;
    color: #059669;
}

.card-content[b-afgkycju0g] {
    display: flex;
    flex-direction: column;
}

.card-label[b-afgkycju0g] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.card-value[b-afgkycju0g] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.card-value.success[b-afgkycju0g] {
    color: #059669;
}

.card-value.warning[b-afgkycju0g] {
    color: #d97706;
}

.card-value.discount[b-afgkycju0g] {
    color: #059669;
}

/* Invoices Section */
.invoices-section[b-afgkycju0g] {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

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

.section-header h2[b-afgkycju0g] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
}

/* Empty State */
.empty-state[b-afgkycju0g] {
    text-align: center;
    padding: 4rem 2rem;
    color: #64748b;
}

.empty-state svg[b-afgkycju0g] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.empty-state h3[b-afgkycju0g] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #1e293b;
}

.empty-state p[b-afgkycju0g] {
    margin: 0;
    font-size: 0.9375rem;
}

/* Invoices Table */
.invoices-table-container[b-afgkycju0g] {
    overflow-x: auto;
}

.invoices-table[b-afgkycju0g] {
    width: 100%;
    border-collapse: collapse;
}

.invoices-table th[b-afgkycju0g],
.invoices-table td[b-afgkycju0g] {
    padding: 1rem 1.25rem;
    text-align: left;
    border-bottom: 1px solid #f1f5f9;
}

.invoices-table th[b-afgkycju0g] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
}

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

.invoices-table td[b-afgkycju0g] {
    font-size: 0.9375rem;
    color: #1e293b;
}

/* Status Badges */
.status-badge[b-afgkycju0g] {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-badge.paid[b-afgkycju0g] {
    background: #d1fae5;
    color: #059669;
}

.status-badge.pending[b-afgkycju0g] {
    background: #fef3c7;
    color: #d97706;
}

.status-badge.draft[b-afgkycju0g] {
    background: #e2e8f0;
    color: #64748b;
}

.status-badge.overdue[b-afgkycju0g] {
    background: #fee2e2;
    color: #dc2626;
}

.status-badge.cancelled[b-afgkycju0g] {
    background: #f1f5f9;
    color: #94a3b8;
}

.status-badge.partial[b-afgkycju0g] {
    background: #eff6ff;
    color: #0f3a5d;
}

/* Buttons */
.btn[b-afgkycju0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

.btn-sm[b-afgkycju0g] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-secondary[b-afgkycju0g] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-afgkycju0g] {
    background: #e2e8f0;
}

/* Alert */
.alert[b-afgkycju0g] {
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.alert-warning[b-afgkycju0g] {
    background: #fef3c7;
    border: 1px solid #f59e0b;
    color: #92400e;
}

.alert-warning strong[b-afgkycju0g] {
    display: block;
    margin-bottom: 0.25rem;
}

.alert-warning p[b-afgkycju0g] {
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .client-container[b-afgkycju0g] {
        padding: 1rem;
    }
    
    .summary-cards[b-afgkycju0g] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .invoices-table th[b-afgkycju0g],
    .invoices-table td[b-afgkycju0g] {
        padding: 0.75rem;
    }
}

@media (max-width: 480px) {
    .summary-cards[b-afgkycju0g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Client/BulkUpload.razor.rz.scp.css */
.page-header[b-xcvm37wxx7] {
    background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);
    color: white;
    padding: 2rem;
    margin: -1.5rem -1.5rem 2rem;
    border-radius: 0 0 16px 16px;
}

.page-header h1[b-xcvm37wxx7] {
    margin: 0 0 0.5rem;
    font-size: 1.75rem;
}

.page-header p[b-xcvm37wxx7] {
    margin: 0;
    opacity: 0.9;
}

.bulk-upload-container[b-xcvm37wxx7] {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 2rem;
    max-width: 1200px;
}

.upload-card[b-xcvm37wxx7],
.history-card[b-xcvm37wxx7] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.step-indicator[b-xcvm37wxx7] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--gray-200);
}

.step[b-xcvm37wxx7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.step-number[b-xcvm37wxx7] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--gray-200);
    color: var(--gray-500);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transition: all 0.3s;
}

.step.active .step-number[b-xcvm37wxx7] {
    background: var(--primary-500);
    color: white;
}

.step.completed .step-number[b-xcvm37wxx7] {
    background: #10b981;
    color: white;
}

.step-label[b-xcvm37wxx7] {
    font-size: 0.85rem;
    color: var(--gray-500);
    white-space: nowrap;
}

.step.active .step-label[b-xcvm37wxx7] {
    color: var(--primary-600);
    font-weight: 500;
}

.step-line[b-xcvm37wxx7] {
    width: 80px;
    height: 2px;
    background: var(--gray-200);
    margin: 0 1rem;
    margin-bottom: 1.5rem;
    transition: background 0.3s;
}

.step-line.completed[b-xcvm37wxx7] {
    background: #10b981;
}

.step-content h3[b-xcvm37wxx7] {
    margin: 0 0 1rem;
    color: var(--gray-800);
}

.template-info[b-xcvm37wxx7] {
    background: var(--gray-50);
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
}

.template-info h4[b-xcvm37wxx7] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    color: var(--gray-700);
}

.template-info ul[b-xcvm37wxx7] {
    margin: 0;
    padding-left: 1.5rem;
}

.template-info li[b-xcvm37wxx7] {
    margin-bottom: 0.5rem;
    color: var(--gray-600);
    font-size: 0.9rem;
}

.form-group[b-xcvm37wxx7] {
    margin-top: 1.5rem;
}

.form-group label[b-xcvm37wxx7] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--gray-700);
}

.form-control[b-xcvm37wxx7] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--gray-300);
    border-radius: 8px;
    font-size: 1rem;
}

.form-control:focus[b-xcvm37wxx7] {
    outline: none;
    border-color: var(--primary-500);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.btn[b-xcvm37wxx7] {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-xcvm37wxx7] {
    background: var(--primary-500);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-xcvm37wxx7] {
    background: var(--primary-600);
}

.btn-secondary[b-xcvm37wxx7] {
    background: var(--gray-100);
    color: var(--gray-700);
}

.btn-secondary:hover[b-xcvm37wxx7] {
    background: var(--gray-200);
}

.btn-success[b-xcvm37wxx7] {
    background: #10b981;
    color: white;
}

.btn-success:hover:not(:disabled)[b-xcvm37wxx7] {
    background: #059669;
}

.btn-outline[b-xcvm37wxx7] {
    background: transparent;
    border: 1px solid var(--gray-300);
    color: var(--gray-700);
}

.btn-outline:hover[b-xcvm37wxx7] {
    background: var(--gray-50);
}

.btn-lg[b-xcvm37wxx7] {
    padding: 1rem 2rem;
    font-size: 1.1rem;
}

.btn:disabled[b-xcvm37wxx7] {
    opacity: 0.5;
    cursor: not-allowed;
}

.mt-2[b-xcvm37wxx7] { margin-top: 1rem; }
.mt-3[b-xcvm37wxx7] { margin-top: 1.5rem; }

.drop-zone[b-xcvm37wxx7] {
    position: relative;
    border: 2px dashed var(--gray-300);
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    transition: all 0.2s;
    cursor: pointer;
    margin: 1.5rem 0;
}

.drop-zone:hover[b-xcvm37wxx7],
.drop-zone.dragging[b-xcvm37wxx7] {
    border-color: var(--primary-500);
    background: var(--primary-50);
}

.drop-zone input[type="file"][b-xcvm37wxx7] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.drop-zone-content .upload-icon[b-xcvm37wxx7] {
    font-size: 3rem;
    display: block;
    margin-bottom: 0.5rem;
}

.drop-zone-content p[b-xcvm37wxx7] {
    margin: 0.25rem 0;
    color: var(--gray-600);
}

.drop-zone-content .file-types[b-xcvm37wxx7] {
    font-size: 0.8rem;
    color: var(--gray-400);
}

.drop-zone-content .selected-file[b-xcvm37wxx7] {
    color: var(--primary-600);
}

.validation-errors[b-xcvm37wxx7] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    margin: 1rem 0;
}

.validation-errors h4[b-xcvm37wxx7] {
    margin: 0 0 0.75rem;
    color: #b91c1c;
    font-size: 0.95rem;
}

.validation-errors ul[b-xcvm37wxx7] {
    margin: 0;
    padding-left: 1.5rem;
}

.validation-errors li[b-xcvm37wxx7] {
    color: #7f1d1d;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.more-errors[b-xcvm37wxx7] {
    margin: 0.5rem 0 0;
    font-style: italic;
    color: #b91c1c;
    font-size: 0.85rem;
}

.step-actions[b-xcvm37wxx7] {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--gray-200);
}

.summary-card[b-xcvm37wxx7] {
    background: var(--gray-50);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.summary-row[b-xcvm37wxx7] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--gray-200);
}

.summary-row:last-child[b-xcvm37wxx7] {
    border-bottom: none;
}

.summary-row .label[b-xcvm37wxx7] {
    color: var(--gray-600);
}

.summary-row .value[b-xcvm37wxx7] {
    font-weight: 500;
    color: var(--gray-800);
}

.summary-row .value.highlight[b-xcvm37wxx7] {
    color: var(--primary-600);
    font-size: 1.1rem;
}

.alert[b-xcvm37wxx7] {
    padding: 1rem;
    border-radius: 8px;
    margin: 1rem 0;
}

.alert-error[b-xcvm37wxx7] {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.consent-check[b-xcvm37wxx7] {
    margin: 1.5rem 0;
    padding: 1rem;
    background: #fef3c7;
    border-radius: 8px;
}

.consent-check label[b-xcvm37wxx7] {
    display: flex;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--gray-700);
}

.consent-check input[b-xcvm37wxx7] {
    margin-top: 0.25rem;
}

.success-content[b-xcvm37wxx7] {
    text-align: center;
    padding: 2rem 0;
}

.success-icon[b-xcvm37wxx7] {
    width: 80px;
    height: 80px;
    background: #10b981;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    margin: 0 auto 1.5rem;
}

.success-content h2[b-xcvm37wxx7] {
    margin: 0 0 0.5rem;
    color: var(--gray-800);
}

.result-summary[b-xcvm37wxx7] {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin: 2rem 0;
}

.result-item[b-xcvm37wxx7] {
    text-align: center;
}

.result-number[b-xcvm37wxx7] {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: #10b981;
}

.result-item.error .result-number[b-xcvm37wxx7] {
    color: #ef4444;
}

.result-label[b-xcvm37wxx7] {
    font-size: 0.9rem;
    color: var(--gray-500);
}

.error-note[b-xcvm37wxx7] {
    color: #b91c1c;
    font-size: 0.9rem;
}

.success-actions[b-xcvm37wxx7] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.spinner-small[b-xcvm37wxx7] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-xcvm37wxx7 0.8s linear infinite;
}

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

.history-card h3[b-xcvm37wxx7] {
    margin: 0 0 1.5rem;
    color: var(--gray-800);
}

.batches-table[b-xcvm37wxx7] {
    width: 100%;
    border-collapse: collapse;
}

.batches-table th[b-xcvm37wxx7],
.batches-table td[b-xcvm37wxx7] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--gray-200);
    font-size: 0.9rem;
}

.batches-table th[b-xcvm37wxx7] {
    font-weight: 600;
    color: var(--gray-600);
}

.badge[b-xcvm37wxx7] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-success[b-xcvm37wxx7] {
    background: #ecfdf5;
    color: #047857;
}

.badge-warning[b-xcvm37wxx7] {
    background: #fef3c7;
    color: #b45309;
}

.badge-error[b-xcvm37wxx7] {
    background: #fef2f2;
    color: #b91c1c;
}

.badge-info[b-xcvm37wxx7] {
    background: #eff6ff;
    color: #1d4ed8;
}

.no-data[b-xcvm37wxx7] {
    text-align: center;
    color: var(--gray-500);
    padding: 2rem;
}

@media (max-width: 900px) {
    .bulk-upload-container[b-xcvm37wxx7] {
        grid-template-columns: 1fr;
    }

    .step-indicator[b-xcvm37wxx7] {
        flex-wrap: wrap;
    }

    .step-line[b-xcvm37wxx7] {
        width: 40px;
    }
}
/* /Components/Pages/Client/CompanyProfile.razor.rz.scp.css */
.client-container[b-2xz3zq8l00] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.page-header[b-2xz3zq8l00] {
    margin-bottom: 2rem;
}

.page-header h1[b-2xz3zq8l00] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.subtitle[b-2xz3zq8l00] {
    color: #64748b;
    margin: 0.5rem 0 0 0;
    font-size: 0.9375rem;
}

/* Loading */
.loading-container[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-2xz3zq8l00] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-2xz3zq8l00 1s linear infinite;
    margin-bottom: 1rem;
}

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

/* Content Layout */
.content-grid[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 2rem;
    align-items: start;
}

@media (max-width: 1024px) {
    .content-grid[b-2xz3zq8l00] {
        grid-template-columns: 1fr;
    }
}

/* Cards */
.card[b-2xz3zq8l00] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.card-header[b-2xz3zq8l00] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(to right, #f8fafc, #ffffff);
    border-bottom: 1px solid #e2e8f0;
}

.card-header h3[b-2xz3zq8l00] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.card-body[b-2xz3zq8l00] {
    padding: 1.5rem;
}

/* Section Titles */
.section-title[b-2xz3zq8l00] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0f3a5d;
    margin: 2rem 0 1.25rem 0;
    padding: 0.75rem 1rem;
    background: linear-gradient(to right, rgba(15, 58, 93, 0.08), transparent);
    border-left: 3px solid #0f3a5d;
    border-radius: 0 0.5rem 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.section-title:first-of-type[b-2xz3zq8l00] {
    margin-top: 1.5rem;
}

/* Info Grid (View Mode) */
.info-grid[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.info-item[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.875rem 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 1px solid #f1f5f9;
    transition: all 0.2s;
}

.info-item:hover[b-2xz3zq8l00] {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.info-item.full-width[b-2xz3zq8l00] {
    grid-column: 1 / -1;
}

.info-item .label[b-2xz3zq8l00] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-item .value[b-2xz3zq8l00] {
    font-size: 0.9375rem;
    color: #1e293b;
    font-weight: 500;
    line-height: 1.5;
}

.info-item .value a[b-2xz3zq8l00] {
    color: #0f3a5d;
    text-decoration: none;
}

.info-item .value a:hover[b-2xz3zq8l00] {
    text-decoration: underline;
}

/* Status Badges */
.status-badge[b-2xz3zq8l00] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-active[b-2xz3zq8l00] {
    background: #d1fae5;
    color: #059669;
}

.status-pending[b-2xz3zq8l00] {
    background: #fef3c7;
    color: #d97706;
}

.status-suspended[b-2xz3zq8l00] {
    background: #fee2e2;
    color: #dc2626;
}

.status-closed[b-2xz3zq8l00] {
    background: #e2e8f0;
    color: #64748b;
}

/* Form Styles */
.form-group[b-2xz3zq8l00] {
    margin-bottom: 1.25rem;
}

.form-group label[b-2xz3zq8l00] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
}

.form-control[b-2xz3zq8l00] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.9375rem;
    color: #1e293b;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: all 0.2s;
    box-sizing: border-box;
}

.form-control:hover[b-2xz3zq8l00] {
    border-color: #9ca3af;
}

.form-control:focus[b-2xz3zq8l00] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-control[b-2xz3zq8l00]::placeholder {
    color: #9ca3af;
}

.form-row[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

@media (max-width: 640px) {
    .form-row[b-2xz3zq8l00] {
        grid-template-columns: 1fr;
    }
    
    .info-grid[b-2xz3zq8l00] {
        grid-template-columns: 1fr;
    }
}

.form-actions[b-2xz3zq8l00] {
    display: flex;
    gap: 0.75rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

/* Buttons */
.btn[b-2xz3zq8l00] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-primary[b-2xz3zq8l00] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-2xz3zq8l00] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-primary:active[b-2xz3zq8l00] {
    transform: translateY(0);
}

.btn-primary:disabled[b-2xz3zq8l00] {
    background: #94a3b8;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-secondary[b-2xz3zq8l00] {
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-2xz3zq8l00] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.btn-sm[b-2xz3zq8l00] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
}

.btn-block[b-2xz3zq8l00] {
    width: 100%;
    margin-top: 1rem;
}

/* Sidebar */
.sidebar[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Stats Grid */
.stats-grid[b-2xz3zq8l00] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.stat-item[b-2xz3zq8l00] {
    text-align: center;
    padding: 1rem;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.stat-item:hover[b-2xz3zq8l00] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.stat-value[b-2xz3zq8l00] {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f3a5d;
    line-height: 1.2;
}

.stat-label[b-2xz3zq8l00] {
    font-size: 0.6875rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-top: 0.25rem;
}

/* Billing Info */
.billing-info[b-2xz3zq8l00],
.account-info[b-2xz3zq8l00] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.billing-item[b-2xz3zq8l00],
.info-item-row[b-2xz3zq8l00] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.billing-item:last-child[b-2xz3zq8l00],
.info-item-row:last-child[b-2xz3zq8l00] {
    border-bottom: none;
}

.billing-item .label[b-2xz3zq8l00],
.info-item-row .label[b-2xz3zq8l00] {
    font-size: 0.875rem;
    color: #64748b;
}

.billing-item .value[b-2xz3zq8l00],
.info-item-row .value[b-2xz3zq8l00] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
}

.billing-item .value.discount[b-2xz3zq8l00] {
    color: #059669;
}

.billing-item .value.warning[b-2xz3zq8l00] {
    color: #dc2626;
}

/* Alerts */
.alert[b-2xz3zq8l00] {
    padding: 1rem 1.25rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.alert[b-2xz3zq8l00]::before {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.alert-success[b-2xz3zq8l00] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-2xz3zq8l00] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-warning[b-2xz3zq8l00] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.alert h4[b-2xz3zq8l00] {
    margin: 0 0 0.375rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
}

.alert p[b-2xz3zq8l00] {
    margin: 0;
    font-size: 0.875rem;
}

/* Validation */
.validation-message[b-2xz3zq8l00] {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.375rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.validation-message[b-2xz3zq8l00]::before {
    content: '⚠';
}

/* Responsive */
@media (max-width: 768px) {
    .client-container[b-2xz3zq8l00] {
        padding: 1rem;
    }
    
    .card-header[b-2xz3zq8l00],
    .card-body[b-2xz3zq8l00] {
        padding: 1rem;
    }
    
    .stats-grid[b-2xz3zq8l00] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Client/Dashboard.razor.rz.scp.css */
.client-container[b-oz44e2c9p8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

/* Header */
.dashboard-header[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.welcome-badge[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--primary-50);
    color: var(--primary-600);
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.header-content h1[b-oz44e2c9p8] {
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 0.25rem;
}

.header-content p[b-oz44e2c9p8] {
    color: var(--gray-600);
}

.header-actions[b-oz44e2c9p8] {
    display: flex;
    gap: 0.75rem;
}

.btn-secondary[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    background: white;
    color: var(--gray-700);
    border: 1px solid var(--gray-300);
    border-radius: 0.625rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-secondary:hover[b-oz44e2c9p8] {
    background: var(--gray-50);
    border-color: var(--gray-400);
}

.btn-cta[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, var(--cta-500), var(--cta-600));
    color: white;
    border-radius: 0.625rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
    transition: all 0.2s;
}

.btn-cta:hover[b-oz44e2c9p8] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
}

/* Stats Grid */
.stats-grid[b-oz44e2c9p8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
    position: relative;
    transition: all 0.2s;
}

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

.stat-icon[b-oz44e2c9p8] {
    width: 56px;
    height: 56px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card.total .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.pending .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
.stat-card.inprogress .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }
.stat-card.completed .stat-icon[b-oz44e2c9p8] { background: linear-gradient(135deg, #10b981, #059669); color: white; }

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

.stat-number[b-oz44e2c9p8] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--gray-900);
    line-height: 1.2;
}

.stat-label[b-oz44e2c9p8] {
    font-size: 0.8125rem;
    color: var(--gray-500);
    font-weight: 500;
}

.stat-indicator[b-oz44e2c9p8] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--cta-500);
}

.stat-indicator.pulse[b-oz44e2c9p8] {
    animation: pulse 2s infinite;
}

@@keyframes pulse {
    0%[b-oz44e2c9p8], 100%[b-oz44e2c9p8] { opacity: 1; transform: scale(1); }
    50%[b-oz44e2c9p8] { opacity: 0.5; transform: scale(1.2); }
}


/* Analytics Row */
.analytics-row[b-oz44e2c9p8] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.analytics-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
}

.analytics-card .card-header[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0;
    border-bottom: none;
}

.analytics-card .card-header h3[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-700);
    margin: 0;
}

.analytics-card .card-header h3 svg[b-oz44e2c9p8] {
    color: var(--primary-500);
}

.time-range[b-oz44e2c9p8] {
    font-size: 0.75rem;
    color: var(--gray-400);
}

/* Bar Chart */
.chart-container[b-oz44e2c9p8] {
    height: 180px;
    display: flex;
    align-items: flex-end;
}

.bar-chart[b-oz44e2c9p8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    gap: 0.5rem;
}

.bar-group[b-oz44e2c9p8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.bar-wrapper[b-oz44e2c9p8] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.bar[b-oz44e2c9p8] {
    width: 70%;
    max-width: 40px;
    background: linear-gradient(180deg, var(--primary-500) 0%, var(--primary-400) 100%);
    border-radius: 6px 6px 0 0;
    position: relative;
    min-height: 4px;
    transition: all 0.3s;
}

.bar:hover[b-oz44e2c9p8] {
    background: linear-gradient(180deg, var(--primary-600) 0%, var(--primary-500) 100%);
}

.bar-value[b-oz44e2c9p8] {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--gray-700);
}

.bar-label[b-oz44e2c9p8] {
    margin-top: 0.5rem;
    font-size: 0.7rem;
    color: var(--gray-500);
}

/* Donut Chart */
.results-overview[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.donut-container[b-oz44e2c9p8] {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.donut-chart[b-oz44e2c9p8] {
    width: 100%;
    height: 100%;
}

.donut-ring[b-oz44e2c9p8] {
    fill: none;
    stroke: #e5e7eb;
    stroke-width: 3;
}

.donut-segment[b-oz44e2c9p8] {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dasharray 0.5s;
}

.donut-segment.passed[b-oz44e2c9p8] {
    stroke: #10b981;
}

.donut-text[b-oz44e2c9p8] {
    fill: var(--gray-900);
    font-size: 0.5rem;
    font-weight: 700;
    text-anchor: middle;
}

.results-legend[b-oz44e2c9p8] {
    flex: 1;
}

.legend-item[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.legend-dot[b-oz44e2c9p8] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.legend-dot.passed[b-oz44e2c9p8] { background: #10b981; }
.legend-dot.failed[b-oz44e2c9p8] { background: #ef4444; }

.legend-label[b-oz44e2c9p8] {
    flex: 1;
    font-size: 0.8rem;
    color: var(--gray-600);
}

.legend-value[b-oz44e2c9p8] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-900);
}

/* Metrics List */
.metrics-list[b-oz44e2c9p8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.metric-item[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--gray-100);
}

.metric-item:last-child[b-oz44e2c9p8] {
    border-bottom: none;
}

.metric-label[b-oz44e2c9p8] {
    font-size: 0.85rem;
    color: var(--gray-600);
}

.metric-value[b-oz44e2c9p8] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--gray-900);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.metric-change[b-oz44e2c9p8] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 9999px;
}

.metric-change.positive[b-oz44e2c9p8] {
    background: #d1fae5;
    color: #065f46;
}

.metric-change.negative[b-oz44e2c9p8] {
    background: #fee2e2;
    color: #991b1b;
}

.no-data[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--gray-400);
    font-size: 0.9rem;
}


/* Dashboard Card */
.dashboard-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
    margin-bottom: 2rem;
}

.card-header[b-oz44e2c9p8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--gray-100);
}

.card-header h2[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--gray-900);
    margin: 0;
}

.card-header h2 svg[b-oz44e2c9p8] {
    color: var(--primary-500);
}

.view-all[b-oz44e2c9p8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--primary-500);
    text-decoration: none;
}

.view-all:hover[b-oz44e2c9p8] {
    color: var(--primary-600);
}

/* Data Table */
.table-container[b-oz44e2c9p8] {
    overflow-x: auto;
}

.data-table[b-oz44e2c9p8] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-oz44e2c9p8] {
    text-align: left;
    padding: 0.875rem 1.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--gray-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: var(--gray-50);
}

.data-table td[b-oz44e2c9p8] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--gray-100);
    font-size: 0.875rem;
    color: var(--gray-700);
}

.data-table tbody tr:hover[b-oz44e2c9p8] {
    background: var(--gray-50);
}

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

.request-id[b-oz44e2c9p8] {
    font-weight: 600;
    color: var(--primary-500);
}

.candidate-cell[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.candidate-avatar[b-oz44e2c9p8] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-400), var(--secondary-500));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.candidate-name[b-oz44e2c9p8] {
    font-weight: 500;
    color: var(--gray-900);
}

.date[b-oz44e2c9p8] {
    color: var(--gray-500);
}

.status-badge[b-oz44e2c9p8] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.pending[b-oz44e2c9p8] { background: #fef3c7; color: #92400e; }
.status-badge.inprogress[b-oz44e2c9p8] { background: #ede9fe; color: #6d28d9; }
.status-badge.completed[b-oz44e2c9p8] { background: #d1fae5; color: #065f46; }
.status-badge.rejected[b-oz44e2c9p8] { background: #fee2e2; color: #991b1b; }
.status-badge.requiresmoreinfo[b-oz44e2c9p8] { background: #fce7f3; color: #9d174d; }

.btn-view[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.875rem;
    background: var(--primary-50);
    color: var(--primary-600);
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-view:hover[b-oz44e2c9p8] {
    background: var(--primary-100);
}

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

.empty-icon[b-oz44e2c9p8] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-400);
    margin-bottom: 1.5rem;
}

.empty-state h3[b-oz44e2c9p8] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 0.5rem;
}

.empty-state p[b-oz44e2c9p8] {
    color: var(--gray-500);
    margin-bottom: 1.5rem;
}

.btn-primary[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: var(--primary-500);
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.btn-primary:hover[b-oz44e2c9p8] {
    background: var(--primary-600);
    transform: translateY(-1px);
}

/* Info Grid */
.info-grid[b-oz44e2c9p8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.info-card[b-oz44e2c9p8] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--gray-100);
}

.info-icon[b-oz44e2c9p8] {
    width: 44px;
    height: 44px;
    border-radius: 0.75rem;
    background: var(--secondary-50);
    color: var(--secondary-600);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.info-content h4[b-oz44e2c9p8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 0.25rem;
}

.info-content p[b-oz44e2c9p8] {
    font-size: 0.8125rem;
    color: var(--gray-600);
    margin: 0;
}

.info-content strong[b-oz44e2c9p8] {
    color: var(--gray-900);
}

/* Clickable Info Cards */
.info-card.clickable[b-oz44e2c9p8] {
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.info-card.clickable:hover[b-oz44e2c9p8] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--primary-200);
}

.info-card.clickable:hover .info-icon[b-oz44e2c9p8] {
    background: var(--primary-50);
    color: var(--primary-600);
}

.info-card.clickable:hover h4[b-oz44e2c9p8] {
    color: var(--primary-600);
}

/* Responsive */
@@media (max-width: 1024px) {
    .stats-grid[b-oz44e2c9p8] {
        grid-template-columns: repeat(2, 1fr);
    }

    .analytics-row[b-oz44e2c9p8] {
        grid-template-columns: 1fr;
    }

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

@@media (max-width: 768px) {
    .client-container[b-oz44e2c9p8] {
        padding: 1rem;
    }

    .dashboard-header[b-oz44e2c9p8] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-oz44e2c9p8] {
        flex-direction: column;
    }

    .btn-cta[b-oz44e2c9p8], .btn-secondary[b-oz44e2c9p8] {
        justify-content: center;
    }
}

@@media (max-width: 480px) {
    .stats-grid[b-oz44e2c9p8] {
        grid-template-columns: 1fr;
    }

    .candidate-cell[b-oz44e2c9p8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .candidate-avatar[b-oz44e2c9p8] {
        display: none;
    }

    .results-overview[b-oz44e2c9p8] {
        flex-direction: column;
        text-align: center;
    }
}



/* View Toggle Styles */
.view-toggle-container[b-oz44e2c9p8] {
    margin-bottom: 1.5rem;
}

.view-toggle[b-oz44e2c9p8] {
    display: inline-flex;
    background: var(--gray-100);
    border-radius: 0.5rem;
    padding: 0.25rem;
    gap: 0.25rem;
}

.toggle-btn[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--gray-500);
    cursor: pointer;
    transition: all 0.2s;
}

.toggle-btn:hover[b-oz44e2c9p8] {
    color: var(--gray-900);
}

.toggle-btn.active[b-oz44e2c9p8] {
    background: white;
    color: var(--primary-600);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.toggle-btn svg[b-oz44e2c9p8] {
    flex-shrink: 0;
}

/* Submitter cell styles */
.submitter-cell[b-oz44e2c9p8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.you-badge[b-oz44e2c9p8] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    background: #dbeafe;
    color: #1e40af;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
}

@media (max-width: 640px) {
    .view-toggle-container[b-oz44e2c9p8] {
        display: flex;
        justify-content: center;
    }

    .toggle-btn[b-oz44e2c9p8] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8125rem;
    }
}
/* /Components/Pages/Client/Integrations.razor.rz.scp.css */
.integrations-page[b-pjouqf6lwa] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-pjouqf6lwa] {
    margin-bottom: 2rem;
}

.page-header h1[b-pjouqf6lwa] {
    font-size: 1.75rem;
    color: #1a202c;
    margin-bottom: 0.5rem;
}

.page-header p[b-pjouqf6lwa] {
    color: #718096;
}

/* Alert Messages */
.alert[b-pjouqf6lwa] {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.alert-success[b-pjouqf6lwa] {
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    color: #276749;
}

.alert-error[b-pjouqf6lwa] {
    background: #fff5f5;
    border: 1px solid #feb2b2;
    color: #c53030;
}

.alert-warning[b-pjouqf6lwa] {
    background: #fffaf0;
    border: 1px solid #fbd38d;
    color: #c05621;
}

/* Loading */
.loading-container[b-pjouqf6lwa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem;
}

.spinner[b-pjouqf6lwa] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-pjouqf6lwa 0.8s linear infinite;
}

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

/* Integrations Grid */
.integrations-grid[b-pjouqf6lwa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.integration-card[b-pjouqf6lwa] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.integration-card:hover[b-pjouqf6lwa] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.integration-card.connected[b-pjouqf6lwa] {
    border-color: #48bb78;
}

.integration-card.configured[b-pjouqf6lwa] {
    border-color: #ed8936;
}

.integration-card.coming-soon[b-pjouqf6lwa] {
    opacity: 0.7;
}

.card-header[b-pjouqf6lwa] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border-bottom: 1px solid #f0f0f0;
}

.integration-logo[b-pjouqf6lwa] {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.integration-logo.bamboo[b-pjouqf6lwa] {
    background: #f0fdf4;
}

.integration-logo.greenhouse[b-pjouqf6lwa] {
    background: #f0fdfa;
}

.integration-logo.workday[b-pjouqf6lwa] {
    background: #fff7ed;
}

.integration-info h3[b-pjouqf6lwa] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a202c;
    margin: 0 0 0.25rem 0;
}

.status-badge[b-pjouqf6lwa] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.active[b-pjouqf6lwa] {
    background: #c6f6d5;
    color: #276749;
}

.status-badge.pending[b-pjouqf6lwa] {
    background: #feebc8;
    color: #c05621;
}

.status-badge.error[b-pjouqf6lwa] {
    background: #fed7d7;
    color: #c53030;
}

.status-badge.disabled[b-pjouqf6lwa] {
    background: #e2e8f0;
    color: #718096;
}

.status-badge.none[b-pjouqf6lwa] {
    background: #e2e8f0;
    color: #718096;
}

.status-badge.coming-soon[b-pjouqf6lwa] {
    background: #e9d8fd;
    color: #6b46c1;
}

.card-body[b-pjouqf6lwa] {
    padding: 1.25rem;
}

.description[b-pjouqf6lwa] {
    color: #4a5568;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.features-list[b-pjouqf6lwa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.feature[b-pjouqf6lwa] {
    font-size: 0.85rem;
    color: #48bb78;
}

.connection-details[b-pjouqf6lwa] {
    background: #f7fafc;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

.detail-row[b-pjouqf6lwa] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.detail-row:last-child[b-pjouqf6lwa] {
    border-bottom: none;
}

.detail-row .label[b-pjouqf6lwa] {
    color: #718096;
    font-size: 0.85rem;
}

.detail-row .value[b-pjouqf6lwa] {
    color: #1a202c;
    font-size: 0.85rem;
    font-weight: 500;
}

.error-box[b-pjouqf6lwa] {
    background: #fff5f5;
    border: 1px solid #feb2b2;
    border-radius: 6px;
    padding: 0.75rem;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: #c53030;
}

.card-actions[b-pjouqf6lwa] {
    display: flex;
    gap: 0.75rem;
    padding: 1.25rem;
    border-top: 1px solid #f0f0f0;
    background: #fafafa;
}

/* Buttons */
.btn[b-pjouqf6lwa] {
    padding: 0.625rem 1.25rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.15s ease;
}

.btn:disabled[b-pjouqf6lwa] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-pjouqf6lwa] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-pjouqf6lwa] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(15, 58, 93, 0.3);
}

.btn-secondary[b-pjouqf6lwa] {
    background: #e2e8f0;
    color: #4a5568;
}

.btn-secondary:hover:not(:disabled)[b-pjouqf6lwa] {
    background: #cbd5e0;
}

.btn-outline-primary[b-pjouqf6lwa] {
    background: white;
    border: 1px solid #0f3a5d;
    color: #0f3a5d;
}

.btn-outline-primary:hover:not(:disabled)[b-pjouqf6lwa] {
    background: #f7fafc;
}

.btn-outline-danger[b-pjouqf6lwa] {
    background: white;
    border: 1px solid #e53e3e;
    color: #e53e3e;
}

.btn-outline-danger:hover:not(:disabled)[b-pjouqf6lwa] {
    background: #fff5f5;
}

/* How It Works Section */
.how-it-works[b-pjouqf6lwa] {
    background: white;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 2rem;
    margin-top: 2rem;
}

.how-it-works h2[b-pjouqf6lwa] {
    font-size: 1.25rem;
    color: #1a202c;
    margin-bottom: 1.5rem;
    text-align: center;
}

.steps-grid[b-pjouqf6lwa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}

.step[b-pjouqf6lwa] {
    text-align: center;
    padding: 1rem;
}

.step-number[b-pjouqf6lwa] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin: 0 auto 1rem;
}

.step h4[b-pjouqf6lwa] {
    font-size: 1rem;
    color: #1a202c;
    margin-bottom: 0.5rem;
}

.step p[b-pjouqf6lwa] {
    font-size: 0.875rem;
    color: #718096;
    line-height: 1.5;
}

/* Modal */
.modal-overlay[b-pjouqf6lwa] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-pjouqf6lwa] {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-header[b-pjouqf6lwa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-pjouqf6lwa] {
    font-size: 1.125rem;
    color: #1a202c;
    margin: 0;
}

.close-btn[b-pjouqf6lwa] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #718096;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.close-btn:hover[b-pjouqf6lwa] {
    color: #1a202c;
}

.modal-body[b-pjouqf6lwa] {
    padding: 1.25rem;
}

.modal-footer[b-pjouqf6lwa] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.25rem;
    border-top: 1px solid #e2e8f0;
    background: #fafafa;
}

/* Form Elements */
.form-group[b-pjouqf6lwa] {
    margin-bottom: 1.25rem;
}

.form-group label[b-pjouqf6lwa] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #4a5568;
    margin-bottom: 0.5rem;
}

.required[b-pjouqf6lwa] {
    color: #e53e3e;
}

.form-group input[b-pjouqf6lwa],
.form-group select[b-pjouqf6lwa] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.9rem;
    transition: border-color 0.15s;
}

.form-group input:focus[b-pjouqf6lwa],
.form-group select:focus[b-pjouqf6lwa] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-group small[b-pjouqf6lwa] {
    display: block;
    margin-top: 0.375rem;
    font-size: 0.8rem;
    color: #718096;
}

.form-group small a[b-pjouqf6lwa] {
    color: #0f3a5d;
}

.input-with-suffix[b-pjouqf6lwa] {
    display: flex;
    align-items: stretch;
}

.input-with-suffix input[b-pjouqf6lwa] {
    border-radius: 6px 0 0 6px;
    border-right: none;
}

.input-with-suffix .suffix[b-pjouqf6lwa] {
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0 6px 6px 0;
    padding: 0.625rem 0.875rem;
    color: #718096;
    font-size: 0.9rem;
    white-space: nowrap;
}

.test-result[b-pjouqf6lwa] {
    padding: 0.75rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.test-result.success[b-pjouqf6lwa] {
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    color: #276749;
}

.test-result.error[b-pjouqf6lwa] {
    background: #fff5f5;
    border: 1px solid #feb2b2;
    color: #c53030;
}

/* Responsive */
@media (max-width: 768px) {
    .integrations-page[b-pjouqf6lwa] {
        padding: 1rem;
    }

    .integrations-grid[b-pjouqf6lwa] {
        grid-template-columns: 1fr;
    }

    .steps-grid[b-pjouqf6lwa] {
        grid-template-columns: 1fr;
    }

    .modal-footer[b-pjouqf6lwa] {
        flex-direction: column;
    }

    .modal-footer .btn[b-pjouqf6lwa] {
        width: 100%;
    }
}
/* /Components/Pages/Client/Packages.razor.rz.scp.css */
.packages-container[b-xbh7jyrxjh] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    gap: 1rem;
}

.page-header h1[b-xbh7jyrxjh] {
    margin: 0;
    color: #1e3a5f;
    font-size: 1.75rem;
}

.page-header p[b-xbh7jyrxjh] {
    margin: 0.5rem 0 0;
    color: #64748b;
}

.btn-primary[b-xbh7jyrxjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.btn-primary:hover[b-xbh7jyrxjh] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
}

.stats-grid[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-xbh7jyrxjh] {
    background: white;
    border-radius: 1rem;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
    transition: all 0.2s;
}

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

.stat-icon[b-xbh7jyrxjh] {
    width: 56px;
    height: 56px;
    border-radius: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card.custom .stat-icon[b-xbh7jyrxjh] { background: linear-gradient(135deg, #0f3a5d, #1a5fa8); color: white; }
.stat-card.slots .stat-icon[b-xbh7jyrxjh] { background: linear-gradient(135deg, #10b981, #059669); color: white; }
.stat-card.system .stat-icon[b-xbh7jyrxjh] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }

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

.stat-number[b-xbh7jyrxjh] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.stat-label[b-xbh7jyrxjh] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
}

.section-header[b-xbh7jyrxjh] {
    margin: 2rem 0 1rem;
}

.section-header h2[b-xbh7jyrxjh] {
    font-size: 1.25rem;
    color: #1e3a5f;
    margin: 0;
}

.section-header p[b-xbh7jyrxjh] {
    color: #64748b;
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
}

.section-header.system[b-xbh7jyrxjh] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e2e8f0;
}

.packages-grid[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.5rem;
}

.package-card[b-xbh7jyrxjh] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 2px solid transparent;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
}

.package-card:hover[b-xbh7jyrxjh] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.package-card.custom[b-xbh7jyrxjh] {
    border-color: #dbeafe;
    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
}

.package-card.system[b-xbh7jyrxjh] {
    border-color: #e2e8f0;
}

.package-header[b-xbh7jyrxjh] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.package-icon[b-xbh7jyrxjh] {
    font-size: 2rem;
    line-height: 1;
}

.package-info[b-xbh7jyrxjh] {
    flex: 1;
    min-width: 0;
}

.package-info h3[b-xbh7jyrxjh] {
    margin: 0;
    font-size: 1.1rem;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.package-badge[b-xbh7jyrxjh] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0.35rem;
}

.package-badge.custom[b-xbh7jyrxjh] {
    background: #dbeafe;
    color: #1e40af;
}

.package-badge.featured[b-xbh7jyrxjh] {
    background: #fef3c7;
    color: #92400e;
}

.package-actions[b-xbh7jyrxjh] {
    display: flex;
    gap: 0.25rem;
}

.btn-icon[b-xbh7jyrxjh] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.btn-icon:hover[b-xbh7jyrxjh] {
    background: #e2e8f0;
}

.btn-icon.danger:hover[b-xbh7jyrxjh] {
    background: #fee2e2;
}

.package-description[b-xbh7jyrxjh] {
    color: #64748b;
    font-size: 0.9rem;
    margin: 0 0 1rem;
    line-height: 1.5;
}

.package-types[b-xbh7jyrxjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex: 1;
}

.type-tag[b-xbh7jyrxjh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.75rem;
    background: #f1f5f9;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #475569;
}

.type-tag.more[b-xbh7jyrxjh] {
    background: #e2e8f0;
    font-weight: 500;
}

.package-footer[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    margin-bottom: 1rem;
}

.package-stats[b-xbh7jyrxjh] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: #64748b;
}

.package-price[b-xbh7jyrxjh] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e3a5f;
}

.package-price .original-price[b-xbh7jyrxjh] {
    font-size: 0.9rem;
    color: #94a3b8;
    text-decoration: line-through;
    margin-right: 0.5rem;
    font-weight: 400;
}

.btn-use-package[b-xbh7jyrxjh] {
    width: 100%;
    padding: 0.75rem;
    background: #1e3a5f;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-use-package:hover[b-xbh7jyrxjh] {
    background: #2d4a6f;
}

/* Empty State */
.empty-state[b-xbh7jyrxjh] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.empty-icon[b-xbh7jyrxjh] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h3[b-xbh7jyrxjh] {
    margin: 0 0 0.5rem;
    color: #1e3a5f;
}

.empty-state p[b-xbh7jyrxjh] {
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Loading State */
.loading-state[b-xbh7jyrxjh] {
    text-align: center;
    padding: 4rem 2rem;
}

.spinner[b-xbh7jyrxjh] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #1e3a5f;
    border-radius: 50%;
    animation: spin-b-xbh7jyrxjh 1s linear infinite;
    margin: 0 auto 1rem;
}

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

/* Modal */
.modal-overlay[b-xbh7jyrxjh] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-xbh7jyrxjh] {
    background: white;
    border-radius: 16px;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-content.large[b-xbh7jyrxjh] {
    max-width: 800px;
}

.modal-content.small[b-xbh7jyrxjh] {
    max-width: 400px;
}

.modal-header[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h2[b-xbh7jyrxjh] {
    margin: 0;
    font-size: 1.25rem;
    color: #1e3a5f;
}

.modal-close[b-xbh7jyrxjh] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 1.5rem;
    cursor: pointer;
    color: #64748b;
}

.modal-body[b-xbh7jyrxjh] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-xbh7jyrxjh] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.btn-secondary[b-xbh7jyrxjh] {
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

.btn-danger[b-xbh7jyrxjh] {
    padding: 0.75rem 1.5rem;
    background: #dc2626;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
}

/* Form Elements */
.form-group[b-xbh7jyrxjh] {
    margin-bottom: 1.25rem;
}

.form-group label[b-xbh7jyrxjh] {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
}

.form-hint[b-xbh7jyrxjh] {
    font-size: 0.85rem;
    color: #64748b;
    margin: 0 0 0.75rem;
}

.form-group input[b-xbh7jyrxjh],
.form-group textarea[b-xbh7jyrxjh] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 1rem;
}

.form-group input:focus[b-xbh7jyrxjh],
.form-group textarea:focus[b-xbh7jyrxjh] {
    outline: none;
    border-color: #1e3a5f;
    box-shadow: 0 0 0 3px rgba(30, 58, 95, 0.1);
}

.form-row[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.icon-picker[b-xbh7jyrxjh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.icon-option[b-xbh7jyrxjh] {
    width: 40px;
    height: 40px;
    border: 2px solid #e2e8f0;
    background: white;
    border-radius: 8px;
    font-size: 1.25rem;
    cursor: pointer;
    transition: all 0.2s;
}

.icon-option:hover[b-xbh7jyrxjh] {
    border-color: #1e3a5f;
}

.icon-option.selected[b-xbh7jyrxjh] {
    border-color: #1e3a5f;
    background: #f0f9ff;
}

/* Screening Types Selector */
.screening-types-selector[b-xbh7jyrxjh] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.category-group[b-xbh7jyrxjh] {
    border-bottom: 1px solid #e2e8f0;
}

.category-group:last-child[b-xbh7jyrxjh] {
    border-bottom: none;
}

.category-header[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    font-weight: 600;
    color: #1e3a5f;
}

.btn-select-all[b-xbh7jyrxjh] {
    padding: 0.25rem 0.75rem;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 0.75rem;
    cursor: pointer;
}

.types-list[b-xbh7jyrxjh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.type-checkbox[b-xbh7jyrxjh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.type-checkbox:hover[b-xbh7jyrxjh] {
    border-color: #1e3a5f;
}

.type-checkbox.selected[b-xbh7jyrxjh] {
    background: #f0f9ff;
    border-color: #1e3a5f;
}

.type-checkbox input[b-xbh7jyrxjh] {
    width: 16px;
    height: 16px;
}

.type-icon[b-xbh7jyrxjh] {
    font-size: 1.1rem;
}

.type-name[b-xbh7jyrxjh] {
    flex: 1;
    font-size: 0.9rem;
}

.type-price[b-xbh7jyrxjh] {
    color: #64748b;
    font-size: 0.85rem;
}

/* Package Summary */
.package-summary[b-xbh7jyrxjh] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-top: 1.5rem;
}

.summary-row[b-xbh7jyrxjh] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: #475569;
}

.summary-row.total[b-xbh7jyrxjh] {
    border-top: 1px solid #e2e8f0;
    margin-top: 0.5rem;
    padding-top: 1rem;
    font-size: 1.1rem;
    color: #1e3a5f;
}

/* Alerts */
.alert[b-xbh7jyrxjh] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-error[b-xbh7jyrxjh] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.text-muted[b-xbh7jyrxjh] {
    color: #64748b;
}

.spinner-small[b-xbh7jyrxjh] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-xbh7jyrxjh 1s linear infinite;
    display: inline-block;
    margin-right: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .packages-container[b-xbh7jyrxjh] {
        padding: 1rem;
    }
    
    .page-header[b-xbh7jyrxjh] {
        flex-direction: column;
    }
    
    .stats-grid[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
    
    .packages-grid[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
    
    .form-row[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
    
    .types-list[b-xbh7jyrxjh] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Client/Team.razor.rz.scp.css */
.client-container[b-x1sfc538zq] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.admin-header[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.admin-header h1[b-x1sfc538zq] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.subtitle[b-x1sfc538zq] {
    color: #64748b;
    margin: 0.25rem 0 0 0;
}

.loading-container[b-x1sfc538zq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #64748b;
}

.spinner[b-x1sfc538zq] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-x1sfc538zq 1s linear infinite;
    margin-bottom: 1rem;
}

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

/* Cards */
.card[b-x1sfc538zq] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
    margin-bottom: 1.5rem;
}

.card-header[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.card-header h3[b-x1sfc538zq] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.card-body[b-x1sfc538zq] {
    padding: 1.5rem;
}

/* Invite Code Section */
.invite-card[b-x1sfc538zq] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
}

.invite-code-section[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.invite-info h3[b-x1sfc538zq] {
    margin: 0 0 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.invite-info p[b-x1sfc538zq] {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
}

.invite-code-display[b-x1sfc538zq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.invite-code[b-x1sfc538zq] {
    background: white;
    padding: 0.75rem 1.25rem;
    border-radius: 0.5rem;
    font-family: monospace;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: 0.05em;
    border: 1px solid #e2e8f0;
}

.no-code[b-x1sfc538zq] {
    color: #64748b;
    font-style: italic;
}

/* Table */
.data-table[b-x1sfc538zq] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-x1sfc538zq],
.data-table td[b-x1sfc538zq] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.data-table th[b-x1sfc538zq] {
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.data-table tr:hover[b-x1sfc538zq] {
    background: #f8fafc;
}

.data-table tr.disabled-row[b-x1sfc538zq] {
    opacity: 0.6;
}

.user-info[b-x1sfc538zq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-name[b-x1sfc538zq] {
    font-weight: 500;
    color: #1e293b;
}

/* Badges */
.badge[b-x1sfc538zq] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 9999px;
}

.badge-info[b-x1sfc538zq] {
    background: #eff6ff;
    color: #0f3a5d;
}

.role-badge[b-x1sfc538zq] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.role-owner[b-x1sfc538zq] {
    background: #fef3c7;
    color: #92400e;
}

.role-admin[b-x1sfc538zq] {
    background: #eff6ff;
    color: #0f3a5d;
}

.role-member[b-x1sfc538zq] {
    background: #f1f5f9;
    color: #475569;
}

.status-badge[b-x1sfc538zq] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-active[b-x1sfc538zq] {
    background: #d1fae5;
    color: #065f46;
}

.status-pending[b-x1sfc538zq] {
    background: #fef3c7;
    color: #92400e;
}

.status-disabled[b-x1sfc538zq] {
    background: #fee2e2;
    color: #991b1b;
}

/* Action Buttons */
.action-buttons[b-x1sfc538zq] {
    display: flex;
    gap: 0.25rem;
}

.btn-icon[b-x1sfc538zq] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    color: #475569;
    transition: all 0.15s;
}

.btn-icon:hover[b-x1sfc538zq] {
    background: #e2e8f0;
    color: #1e293b;
}

.btn-icon.btn-danger:hover[b-x1sfc538zq] {
    background: #fee2e2;
    color: #dc2626;
}

/* Buttons */
.btn[b-x1sfc538zq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
    text-decoration: none;
}

.btn-primary[b-x1sfc538zq] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
    box-shadow: 0 2px 4px rgba(15, 58, 93, 0.2);
}

.btn-primary:hover[b-x1sfc538zq] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(15, 58, 93, 0.3);
}

.btn-primary:disabled[b-x1sfc538zq] {
    background: #94a3b8;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-secondary[b-x1sfc538zq] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.btn-secondary:hover[b-x1sfc538zq] {
    background: #e2e8f0;
}

.btn-danger[b-x1sfc538zq] {
    background: #dc2626;
    color: white;
}

.btn-danger:hover[b-x1sfc538zq] {
    background: #b91c1c;
}

.btn-sm[b-x1sfc538zq] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
}

.btn-close[b-x1sfc538zq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    color: #64748b;
    transition: all 0.2s;
}

.btn-close:hover[b-x1sfc538zq] {
    background: #f1f5f9;
    color: #1e293b;
}

/* Modal */
.modal-backdrop[b-x1sfc538zq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal[b-x1sfc538zq] {
    background: white;
    border-radius: 1rem;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.modal-header[b-x1sfc538zq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-x1sfc538zq] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
}

.modal-body[b-x1sfc538zq] {
    padding: 1.5rem;
}

.modal-footer[b-x1sfc538zq] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 0 0 1rem 1rem;
}

/* Form */
.form-group[b-x1sfc538zq] {
    margin-bottom: 1rem;
}

.form-group label[b-x1sfc538zq] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.375rem;
}

.form-control[b-x1sfc538zq] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-control:focus[b-x1sfc538zq] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

/* Alerts */
.alert[b-x1sfc538zq] {
    padding: 1rem 1.25rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.alert-success[b-x1sfc538zq] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.alert-danger[b-x1sfc538zq] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.alert-warning[b-x1sfc538zq] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.alert h4[b-x1sfc538zq] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.alert p[b-x1sfc538zq] {
    margin: 0;
}

/* Empty State */
.empty-state[b-x1sfc538zq] {
    text-align: center;
    padding: 3rem;
    color: #64748b;
}

/* Text utilities */
.text-muted[b-x1sfc538zq] {
    color: #64748b;
    font-size: 0.875rem;
}

/* Validation */
.validation-message[b-x1sfc538zq] {
    color: #dc2626;
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .client-container[b-x1sfc538zq] {
        padding: 1rem;
    }
    
    .admin-header[b-x1sfc538zq] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .invite-code-section[b-x1sfc538zq] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .data-table[b-x1sfc538zq] {
        display: block;
        overflow-x: auto;
    }
}
/* /Components/Pages/GdprRequest.razor.rz.scp.css */
.gdpr-container[b-djlhiow6tm] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.gdpr-header[b-djlhiow6tm] {
    text-align: center;
    margin-bottom: 2rem;
}

.gdpr-header h1[b-djlhiow6tm] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.gdpr-header p[b-djlhiow6tm] {
    color: #64748b;
}

.gdpr-form-card[b-djlhiow6tm] {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.info-box[b-djlhiow6tm] {
    background: #eff6ff;
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 2rem;
    border: 1px solid #dbeafe;
}

.info-box h3[b-djlhiow6tm] {
    margin-top: 0;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 600;
}

.info-box ul[b-djlhiow6tm] {
    margin: 0;
    padding-left: 1.25rem;
}

.info-box li[b-djlhiow6tm] {
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    color: #475569;
}

.form-section[b-djlhiow6tm] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.form-section:last-of-type[b-djlhiow6tm] {
    border-bottom: none;
}

.form-section h3[b-djlhiow6tm] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 0.5rem;
}

.section-info[b-djlhiow6tm] {
    color: #64748b;
    font-size: 0.9375rem;
    margin-bottom: 1rem;
}

.form-row[b-djlhiow6tm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-djlhiow6tm] {
    margin-bottom: 1rem;
}

.form-group label[b-djlhiow6tm] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.form-input[b-djlhiow6tm], .form-textarea[b-djlhiow6tm] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    color: #1e293b;
    transition: all 0.2s;
}

.form-input:focus[b-djlhiow6tm], .form-textarea:focus[b-djlhiow6tm] {
    outline: none;
    border-color: #0f3a5d;
    box-shadow: 0 0 0 3px rgba(15, 58, 93, 0.1);
}

.form-textarea[b-djlhiow6tm] {
    resize: vertical;
    min-height: 100px;
}

.request-types[b-djlhiow6tm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.request-type-option[b-djlhiow6tm] {
    display: block;
    cursor: pointer;
    border: 2px solid #e2e8f0;
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s;
}

.request-type-option:hover[b-djlhiow6tm] {
    border-color: #0f3a5d;
    background: #f8fafc;
}

.request-type-option.selected[b-djlhiow6tm] {
    border-color: #0f3a5d;
    background: #eff6ff;
}

.request-type-option input[b-djlhiow6tm] {
    display: none;
}

.option-content[b-djlhiow6tm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.25rem;
}

.option-icon[b-djlhiow6tm] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}

.option-content strong[b-djlhiow6tm] {
    color: #1e293b;
    font-size: 0.9375rem;
}

.option-content small[b-djlhiow6tm] {
    color: #64748b;
    font-size: 0.8125rem;
}

.consent-checkbox[b-djlhiow6tm] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    border: 2px solid transparent;
    transition: all 0.2s;
}

.consent-checkbox:hover[b-djlhiow6tm] {
    border-color: #0f3a5d;
}

.consent-checkbox input[b-djlhiow6tm] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    accent-color: #0f3a5d;
}

.consent-checkbox span[b-djlhiow6tm] {
    font-size: 0.9375rem;
    color: #374151;
}

.error-message[b-djlhiow6tm] {
    background: #fee2e2;
    color: #991b1b;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid #fecaca;
}

.form-actions[b-djlhiow6tm] {
    text-align: center;
}

.btn[b-djlhiow6tm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: all 0.2s;
}

.btn-primary[b-djlhiow6tm] {
    background: linear-gradient(135deg, #0f3a5d, #1a5fa8);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-djlhiow6tm] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 58, 93, 0.3);
}

.btn:disabled[b-djlhiow6tm] {
    opacity: 0.6;
    cursor: not-allowed;
}

.processing-note[b-djlhiow6tm] {
    color: #64748b;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.success-card[b-djlhiow6tm] {
    background: white;
    border-radius: 1rem;
    padding: 3rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid #e2e8f0;
}

.success-icon[b-djlhiow6tm] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.success-card h2[b-djlhiow6tm] {
    color: #065f46;
    font-weight: 700;
    margin-bottom: 1rem;
}

.success-card p[b-djlhiow6tm] {
    color: #64748b;
    margin-bottom: 0.5rem;
}

.footer-links[b-djlhiow6tm] {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e2e8f0;
}

.footer-links a[b-djlhiow6tm] {
    color: #0f3a5d;
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 500;
}

.footer-links a:hover[b-djlhiow6tm] {
    color: #1a5fa8;
    text-decoration: underline;
}

.footer-links span[b-djlhiow6tm] {
    color: #d1d5db;
    margin: 0 0.75rem;
}

[b-djlhiow6tm] .validation-message {
    color: #dc2626;
    font-size: 0.8125rem;
    margin-top: 0.25rem;
}

@media (max-width: 768px) {
    .gdpr-container[b-djlhiow6tm] {
        padding: 1rem;
    }
    
    .form-row[b-djlhiow6tm] {
        grid-template-columns: 1fr;
    }
    
    .request-types[b-djlhiow6tm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Help.razor.rz.scp.css */
/* Help Page Styles */

.help-content[b-cqogqusv4t] {
    padding: 3rem 0 4rem;
    background: #f8fafc;
}

.help-layout[b-cqogqusv4t] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 3rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Sidebar Navigation */
.help-sidebar[b-cqogqusv4t] {
    position: sticky;
    top: 2rem;
    height: fit-content;
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.sidebar-section[b-cqogqusv4t] {
    margin-bottom: 1.5rem;
}

.sidebar-section:last-child[b-cqogqusv4t] {
    margin-bottom: 0;
}

.sidebar-section h3[b-cqogqusv4t] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.sidebar-section ul[b-cqogqusv4t] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-section li[b-cqogqusv4t] {
    margin-bottom: 0.25rem;
}

.sidebar-section a[b-cqogqusv4t] {
    display: block;
    padding: 0.5rem 0.75rem;
    color: #475569;
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.9rem;
    transition: all 0.2s;
}

.sidebar-section a:hover[b-cqogqusv4t] {
    background: #f1f5f9;
    color: #0f3a5d;
}

.sidebar-section a.active[b-cqogqusv4t] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
}


/* Main Content Area */
.help-main[b-cqogqusv4t] {
    background: white;
    border-radius: 12px;
    padding: 2.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.help-section[b-cqogqusv4t] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e2e8f0;
}

.help-section:last-of-type[b-cqogqusv4t] {
    border-bottom: none;
    margin-bottom: 2rem;
}

.help-section h2[b-cqogqusv4t] {
    font-size: 1.75rem;
    color: #0f3a5d;
    margin-bottom: 1rem;
}

.help-section h3[b-cqogqusv4t] {
    font-size: 1.1rem;
    color: #1e293b;
    margin: 1.5rem 0 0.75rem;
}

.help-section p[b-cqogqusv4t] {
    color: #475569;
    line-height: 1.7;
    margin-bottom: 1rem;
}

.help-section ul[b-cqogqusv4t] {
    color: #475569;
    line-height: 1.8;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.help-section li[b-cqogqusv4t] {
    margin-bottom: 0.5rem;
}

/* Info Box */
.info-box[b-cqogqusv4t] {
    background: #f0f9ff;
    border-left: 4px solid #0ea5e9;
    padding: 1rem 1.25rem;
    border-radius: 0 8px 8px 0;
    margin: 1rem 0;
}

.info-box.highlight[b-cqogqusv4t] {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-left-color: #0f3a5d;
}

.info-box h4[b-cqogqusv4t] {
    color: #0f3a5d;
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

.info-box p[b-cqogqusv4t] {
    margin: 0;
    color: #334155;
}

.info-box ul[b-cqogqusv4t] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

/* Process Steps */
.process-steps[b-cqogqusv4t] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 1.5rem 0;
}

.step[b-cqogqusv4t] {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
}

.step-number[b-cqogqusv4t] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.step-content h4[b-cqogqusv4t] {
    margin: 0 0 0.5rem;
    color: #1e293b;
    font-size: 1.1rem;
}

.step-content p[b-cqogqusv4t] {
    margin: 0;
    color: #64748b;
}

.process-steps.compact .step[b-cqogqusv4t] {
    gap: 1rem;
}

.process-steps.compact .step-number[b-cqogqusv4t] {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
}

.process-steps.compact .step-content h4[b-cqogqusv4t] {
    font-size: 1rem;
}


/* Screening Cards */
.screening-card[b-cqogqusv4t] {
    background: #fafbfc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 1.5rem;
    margin: 1.25rem 0;
}

.screening-card h3[b-cqogqusv4t] {
    margin: 0 0 0.75rem;
    color: #0f3a5d;
    font-size: 1.2rem;
}

.screening-meta[b-cqogqusv4t] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.meta-item[b-cqogqusv4t] {
    font-size: 0.875rem;
    color: #64748b;
    background: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
}

.screening-card p[b-cqogqusv4t] {
    margin: 0.75rem 0;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.7;
}

.screening-card p:last-child[b-cqogqusv4t] {
    margin-bottom: 0;
}

/* Help Table */
.help-table[b-cqogqusv4t] {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
}

.help-table th[b-cqogqusv4t],
.help-table td[b-cqogqusv4t] {
    padding: 0.875rem 1rem;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.help-table th[b-cqogqusv4t] {
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
    font-size: 0.9rem;
}

.help-table td[b-cqogqusv4t] {
    color: #475569;
}

.help-table tr:hover td[b-cqogqusv4t] {
    background: #fafbfc;
}

.note[b-cqogqusv4t] {
    font-size: 0.875rem;
    color: #64748b;
    font-style: italic;
}

/* Compliance List */
.compliance-list[b-cqogqusv4t] {
    list-style: none;
    padding: 0;
}

.compliance-list li[b-cqogqusv4t] {
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    color: #475569;
}

.compliance-list li:last-child[b-cqogqusv4t] {
    border-bottom: none;
}

.compliance-list strong[b-cqogqusv4t] {
    color: #1e293b;
}

/* FAQ */
.faq-item[b-cqogqusv4t] {
    padding: 1.25rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.faq-item:last-child[b-cqogqusv4t] {
    border-bottom: none;
}

.faq-item h3[b-cqogqusv4t] {
    margin: 0 0 0.75rem;
    color: #1e293b;
    font-size: 1.05rem;
}

.faq-item p[b-cqogqusv4t] {
    margin: 0;
    color: #64748b;
    line-height: 1.7;
}

/* Help CTA */
.help-cta[b-cqogqusv4t] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    margin-top: 2rem;
}

.help-cta h3[b-cqogqusv4t] {
    margin: 0 0 0.5rem;
    color: white;
    font-size: 1.25rem;
}

.help-cta p[b-cqogqusv4t] {
    margin: 0 0 1.25rem;
    color: rgba(255,255,255,0.85);
}

.help-cta .btn-primary[b-cqogqusv4t] {
    display: inline-block;
    background: white;
    color: #0f3a5d;
    padding: 0.75rem 2rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: transform 0.2s;
}

.help-cta .btn-primary:hover[b-cqogqusv4t] {
    transform: translateY(-2px);
}


/* Responsive Design */
@media (max-width: 1024px) {
    .help-layout[b-cqogqusv4t] {
        grid-template-columns: 240px 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .help-layout[b-cqogqusv4t] {
        grid-template-columns: 1fr;
    }

    .help-sidebar[b-cqogqusv4t] {
        position: static;
        margin-bottom: 1rem;
    }

    .sidebar-section ul[b-cqogqusv4t] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .sidebar-section li[b-cqogqusv4t] {
        margin-bottom: 0;
    }

    .sidebar-section a[b-cqogqusv4t] {
        padding: 0.375rem 0.625rem;
        font-size: 0.8rem;
        background: #f1f5f9;
        border-radius: 20px;
    }

    .help-main[b-cqogqusv4t] {
        padding: 1.5rem;
    }

    .help-section h2[b-cqogqusv4t] {
        font-size: 1.5rem;
    }

    .screening-meta[b-cqogqusv4t] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .process-steps[b-cqogqusv4t] {
        gap: 1rem;
    }

    .step[b-cqogqusv4t] {
        gap: 1rem;
    }

    .step-number[b-cqogqusv4t] {
        width: 32px;
        height: 32px;
        font-size: 0.875rem;
    }

    .help-table[b-cqogqusv4t] {
        font-size: 0.875rem;
    }

    .help-table th[b-cqogqusv4t],
    .help-table td[b-cqogqusv4t] {
        padding: 0.625rem 0.75rem;
    }
}

@media (max-width: 480px) {
    .help-content[b-cqogqusv4t] {
        padding: 1.5rem 0;
    }

    .help-main[b-cqogqusv4t] {
        padding: 1.25rem;
        border-radius: 0;
    }

    .screening-card[b-cqogqusv4t] {
        padding: 1.25rem;
    }

    .help-cta[b-cqogqusv4t] {
        padding: 1.5rem;
    }
}
/* /Components/Shared/CandidateInfo.razor.rz.scp.css */
/* CandidateInfo Component Styles */
.candidate-info-card h3[b-2d3ac1ebmt] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.detail-row[b-2d3ac1ebmt] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.detail-row:last-child[b-2d3ac1ebmt] {
    border-bottom: none;
}

.detail-label[b-2d3ac1ebmt] {
    color: #64748b;
    font-size: 0.875rem;
}

.detail-value[b-2d3ac1ebmt] {
    color: #1e293b;
    font-weight: 500;
    font-size: 0.875rem;
}
/* /Components/Shared/DocumentAnalysisSection.razor.rz.scp.css */
.analysis-section[b-3p1a92wccw] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin: 1.5rem 0;
    overflow: hidden;
}

.analysis-header[b-3p1a92wccw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    cursor: pointer;
    user-select: none;
}

.analysis-header:hover[b-3p1a92wccw] {
    background: linear-gradient(135deg, #0d3352 0%, #175299 100%);
}

.header-left[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.expand-icon[b-3p1a92wccw] {
    font-size: 0.8rem;
    width: 1rem;
}

.header-icon[b-3p1a92wccw] {
    font-size: 1.25rem;
}

.analysis-header h3[b-3p1a92wccw] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.analysis-count[b-3p1a92wccw] {
    background: rgba(255,255,255,0.2);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
}

.discrepancy-badge[b-3p1a92wccw] {
    background: #f59e0b;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.discrepancy-badge.severity-critical[b-3p1a92wccw] {
    background: #ef4444;
}

.discrepancy-badge.severity-high[b-3p1a92wccw] {
    background: #f97316;
}

.discrepancy-badge.severity-medium[b-3p1a92wccw] {
    background: #eab308;
    color: #1a1a1a;
}

.header-right[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.last-analysis[b-3p1a92wccw] {
    font-size: 0.85rem;
    opacity: 0.9;
}

.analysis-content[b-3p1a92wccw] {
    padding: 1.5rem;
}

.loading-indicator[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    color: #64748b;
}

/* Document Selection */
.document-selection[b-3p1a92wccw] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.selection-header[b-3p1a92wccw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.selection-header h4[b-3p1a92wccw] {
    margin: 0;
    font-size: 1rem;
    color: #334155;
}

.selection-actions[b-3p1a92wccw] {
    display: flex;
    gap: 0.75rem;
}

.btn-link[b-3p1a92wccw] {
    background: none;
    border: none;
    color: #1a5fa8;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0;
}

.btn-link:hover[b-3p1a92wccw] {
    text-decoration: underline;
}

.document-list[b-3p1a92wccw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 300px;
    overflow-y: auto;
}

.document-item[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.document-item:hover[b-3p1a92wccw] {
    border-color: #94a3b8;
}

.document-item.selected[b-3p1a92wccw] {
    border-color: #1a5fa8;
    background: #f0f7ff;
}

.document-item.analyzed[b-3p1a92wccw] {
    border-left: 3px solid #22c55e;
}

.document-checkbox[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.document-checkbox input[b-3p1a92wccw] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.document-info[b-3p1a92wccw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.file-name[b-3p1a92wccw] {
    font-weight: 500;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-category[b-3p1a92wccw] {
    font-size: 0.75rem;
    color: #64748b;
}

.file-size[b-3p1a92wccw] {
    font-size: 0.8rem;
    color: #64748b;
    min-width: 60px;
    text-align: right;
}

.estimated-cost[b-3p1a92wccw] {
    font-size: 0.8rem;
    color: #059669;
    font-weight: 500;
    min-width: 50px;
    text-align: right;
}

.analysis-status[b-3p1a92wccw] {
    font-size: 1rem;
    min-width: 24px;
    text-align: center;
}

.analysis-status.status-completed[b-3p1a92wccw] {
    color: #22c55e;
}

.analysis-status.status-failed[b-3p1a92wccw] {
    color: #ef4444;
}

.analysis-status.not-analyzed[b-3p1a92wccw] {
    color: #94a3b8;
}

.selection-summary[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.selected-count[b-3p1a92wccw] {
    font-size: 0.9rem;
    color: #475569;
}

.total-cost[b-3p1a92wccw] {
    font-size: 0.9rem;
    color: #059669;
    font-weight: 500;
}

.btn-analyze[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
}

.btn-primary[b-3p1a92wccw] {
    background: linear-gradient(135deg, #1a5fa8 0%, #0f3a5d 100%);
    color: white;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary:hover:not(:disabled)[b-3p1a92wccw] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 95, 168, 0.3);
}

.btn-primary:disabled[b-3p1a92wccw] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-3p1a92wccw] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-secondary:hover[b-3p1a92wccw] {
    background: #e2e8f0;
}

.btn-sm[b-3p1a92wccw] {
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
}

/* Analysis Progress */
.analysis-progress[b-3p1a92wccw] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.analysis-progress h4[b-3p1a92wccw] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    color: #92400e;
}

.progress-list[b-3p1a92wccw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.progress-item[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
}

.progress-icon[b-3p1a92wccw] {
    font-size: 1rem;
    min-width: 24px;
    text-align: center;
}

.progress-name[b-3p1a92wccw] {
    flex: 1;
    font-size: 0.9rem;
}

.progress-status[b-3p1a92wccw] {
    font-size: 0.85rem;
    color: #64748b;
}

/* Discrepancies Section */
.discrepancies-section[b-3p1a92wccw] {
    margin-bottom: 1.5rem;
}

.section-header[b-3p1a92wccw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-header h4[b-3p1a92wccw] {
    margin: 0;
    font-size: 1rem;
    color: #1e293b;
}

.section-actions[b-3p1a92wccw] {
    display: flex;
    gap: 0.5rem;
}

.discrepancy-list[b-3p1a92wccw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.discrepancy-card[b-3p1a92wccw] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.discrepancy-card.severity-critical[b-3p1a92wccw] {
    border-left: 4px solid #ef4444;
}

.discrepancy-card.severity-high[b-3p1a92wccw] {
    border-left: 4px solid #f97316;
}

.discrepancy-card.severity-medium[b-3p1a92wccw] {
    border-left: 4px solid #eab308;
}

.discrepancy-card.severity-low[b-3p1a92wccw] {
    border-left: 4px solid #3b82f6;
}

.discrepancy-card.resolved[b-3p1a92wccw] {
    border-left: 4px solid #22c55e;
    opacity: 0.7;
}

.discrepancy-header[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.severity-badge[b-3p1a92wccw] {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: #fef3c7;
    color: #92400e;
}

.resolved-badge[b-3p1a92wccw] {
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: #dcfce7;
    color: #166534;
}

.discrepancy-type[b-3p1a92wccw] {
    font-weight: 500;
    color: #475569;
}

.discrepancy-body[b-3p1a92wccw] {
    padding: 1rem;
}

.discrepancy-description[b-3p1a92wccw] {
    margin: 0 0 1rem 0;
    color: #334155;
}

.discrepancy-values[b-3p1a92wccw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.value-item[b-3p1a92wccw] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #f8fafc;
    border-radius: 4px;
    font-size: 0.9rem;
}

.value-label[b-3p1a92wccw] {
    font-weight: 500;
    color: #64748b;
    min-width: 120px;
}

.value-text[b-3p1a92wccw] {
    color: #1e293b;
    font-family: monospace;
}

.suggested-resolution[b-3p1a92wccw] {
    margin: 0;
    padding: 0.75rem;
    background: #f0fdf4;
    border-radius: 4px;
    font-size: 0.9rem;
    color: #166534;
}

.discrepancy-actions[b-3p1a92wccw] {
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
}

.btn-resolve[b-3p1a92wccw] {
    background: #22c55e;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-resolve:hover[b-3p1a92wccw] {
    background: #16a34a;
}

.resolution-info[b-3p1a92wccw] {
    background: #f0fdf4;
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

.resolution-meta[b-3p1a92wccw] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #64748b;
}

/* Extracted Data Section */
.extracted-data-section[b-3p1a92wccw] {
    margin-top: 1.5rem;
}

.extracted-cards[b-3p1a92wccw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.extracted-card[b-3p1a92wccw] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.card-header[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.doc-type-icon[b-3p1a92wccw] {
    font-size: 1.5rem;
}

.card-title[b-3p1a92wccw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.card-title .file-name[b-3p1a92wccw] {
    font-weight: 600;
    color: #1e293b;
}

.card-title .doc-type[b-3p1a92wccw] {
    font-size: 0.8rem;
    color: #64748b;
}

.card-meta[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.confidence[b-3p1a92wccw] {
    font-size: 0.8rem;
    color: #22c55e;
    font-weight: 500;
}

.btn-icon[b-3p1a92wccw] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    padding: 0.25rem;
    border-radius: 4px;
}

.btn-icon:hover[b-3p1a92wccw] {
    background: #e2e8f0;
}

.card-body[b-3p1a92wccw] {
    padding: 1rem;
}

.data-group[b-3p1a92wccw] {
    margin-bottom: 1.25rem;
}

.data-group:last-child[b-3p1a92wccw] {
    margin-bottom: 0;
}

.data-group h5[b-3p1a92wccw] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    color: #475569;
    font-weight: 600;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.5rem;
}

.data-grid[b-3p1a92wccw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
}

/* DataField Component */
.data-field[b-3p1a92wccw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.field-label[b-3p1a92wccw] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.field-value[b-3p1a92wccw] {
    font-size: 0.9rem;
    color: #1e293b;
}

.data-field.has-warning .field-value[b-3p1a92wccw] {
    color: #dc2626;
}

.field-warning[b-3p1a92wccw] {
    font-size: 0.75rem;
    color: #dc2626;
    font-weight: 500;
}

/* Employment & Education Items */
.employment-item[b-3p1a92wccw],
.education-item[b-3p1a92wccw] {
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.job-header[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.company[b-3p1a92wccw],
.institution[b-3p1a92wccw] {
    font-weight: 600;
    color: #1e293b;
}

.current-badge[b-3p1a92wccw] {
    background: #22c55e;
    color: white;
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
}

.job-details[b-3p1a92wccw] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
}

.title[b-3p1a92wccw],
.degree[b-3p1a92wccw] {
    color: #475569;
}

.dates[b-3p1a92wccw] {
    color: #64748b;
}

.more-items[b-3p1a92wccw] {
    font-size: 0.85rem;
    color: #64748b;
    font-style: italic;
    margin: 0.5rem 0 0 0;
}

.warnings-group[b-3p1a92wccw] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    padding: 0.75rem;
}

.warnings-group h5[b-3p1a92wccw] {
    color: #dc2626;
    border-bottom-color: #fecaca;
}

.warning-item[b-3p1a92wccw] {
    margin: 0.5rem 0 0 0;
    font-size: 0.9rem;
    color: #991b1b;
}

/* Modals */
.modal-overlay[b-3p1a92wccw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal[b-3p1a92wccw] {
    background: white;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}

.modal-header[b-3p1a92wccw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.modal-header h3[b-3p1a92wccw] {
    margin: 0;
    font-size: 1.1rem;
    color: #1e293b;
}

.modal-close[b-3p1a92wccw] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.modal-close:hover[b-3p1a92wccw] {
    color: #1e293b;
}

.modal-body[b-3p1a92wccw] {
    padding: 1.5rem;
}

.modal-footer[b-3p1a92wccw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.modal-description[b-3p1a92wccw] {
    margin: 0 0 1rem 0;
    color: #64748b;
    font-size: 0.9rem;
}

.discrepancy-summary[b-3p1a92wccw] {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.discrepancy-summary p[b-3p1a92wccw] {
    margin: 0.5rem 0;
}

.form-group[b-3p1a92wccw] {
    margin-bottom: 1rem;
}

.form-group label[b-3p1a92wccw] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #334155;
}

.form-group textarea[b-3p1a92wccw] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.9rem;
    resize: vertical;
}

.form-group textarea:focus[b-3p1a92wccw] {
    outline: none;
    border-color: #1a5fa8;
    box-shadow: 0 0 0 3px rgba(26, 95, 168, 0.1);
}

.required[b-3p1a92wccw] {
    color: #ef4444;
}

/* Error Message */
.error-message[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #dc2626;
    margin-top: 1rem;
}

/* No Documents */
.no-documents[b-3p1a92wccw] {
    padding: 2rem;
    text-align: center;
    color: #64748b;
}

/* Spinner */
.spinner[b-3p1a92wccw] {
    width: 24px;
    height: 24px;
    border: 3px solid #e2e8f0;
    border-top-color: #1a5fa8;
    border-radius: 50%;
    animation: spin-b-3p1a92wccw 0.8s linear infinite;
}

.spinner-sm[b-3p1a92wccw] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-3p1a92wccw 0.8s linear infinite;
    display: inline-block;
}

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

/* Responsive */
@media (max-width: 768px) {
    .analysis-header[b-3p1a92wccw] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }
    
    .document-item[b-3p1a92wccw] {
        flex-wrap: wrap;
    }
    
    .document-info[b-3p1a92wccw] {
        flex: 1 1 100%;
        order: 1;
    }
    
    .data-grid[b-3p1a92wccw] {
        grid-template-columns: 1fr;
    }
    
    .selection-summary[b-3p1a92wccw] {
        flex-direction: column;
        gap: 0.75rem;
        align-items: stretch;
    }
    
    .btn-analyze[b-3p1a92wccw] {
        width: 100%;
        justify-content: center;
    }
}


/* Failed Analyses Section */
.failed-analyses-section[b-3p1a92wccw] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.failed-analyses-section .section-header h4[b-3p1a92wccw] {
    color: #991b1b;
    margin: 0 0 1rem 0;
    font-size: 1rem;
}

.failed-list[b-3p1a92wccw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.failed-card[b-3p1a92wccw] {
    background: white;
    border: 1px solid #fca5a5;
    border-radius: 6px;
    padding: 0.75rem 1rem;
}

.failed-header[b-3p1a92wccw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.failed-header .file-name[b-3p1a92wccw] {
    font-weight: 600;
    color: #1f2937;
}

.btn-retry[b-3p1a92wccw] {
    background: #ef4444;
    color: white;
    border: none;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-retry:hover[b-3p1a92wccw] {
    background: #dc2626;
}

.failed-body[b-3p1a92wccw] {
    font-size: 0.875rem;
}

.failed-body .error-message[b-3p1a92wccw] {
    color: #b91c1c;
    margin: 0 0 0.25rem 0;
    word-break: break-word;
}

.failed-body .error-meta[b-3p1a92wccw] {
    color: #6b7280;
    margin: 0;
    font-size: 0.8rem;
}


/* AI Tools Toolbar */
.ai-tools-toolbar[b-3p1a92wccw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.875rem 1rem;
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
    border: 1px solid #bae6fd;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.toolbar-label[b-3p1a92wccw] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0369a1;
    white-space: nowrap;
}

.toolbar-buttons[b-3p1a92wccw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1;
}

.btn-ai-tool[b-3p1a92wccw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #0ea5e9, #0284c7);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(14, 165, 233, 0.3);
}

.btn-ai-tool:hover:not(:disabled)[b-3p1a92wccw] {
    background: linear-gradient(135deg, #0284c7, #0369a1);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(14, 165, 233, 0.4);
}

.btn-ai-tool:active:not(:disabled)[b-3p1a92wccw] {
    transform: translateY(0);
}

.btn-ai-tool:disabled[b-3p1a92wccw] {
    background: #94a3b8;
    cursor: not-allowed;
    box-shadow: none;
}

.btn-ai-tool .tool-icon[b-3p1a92wccw] {
    font-size: 1rem;
}

.btn-ai-tool .tool-label[b-3p1a92wccw] {
    font-size: 0.8rem;
}

@media (max-width: 768px) {
    .ai-tools-toolbar[b-3p1a92wccw] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .toolbar-buttons[b-3p1a92wccw] {
        width: 100%;
    }
    
    .btn-ai-tool[b-3p1a92wccw] {
        flex: 1;
        justify-content: center;
        min-width: 120px;
    }
}
/* /Components/Shared/DocumentCard.razor.rz.scp.css */
/* DocumentCard Component Styles */
.document-card[b-1531cf2oxz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 0.75rem;
    transition: all 0.2s;
}

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

.document-card.internal-card[b-1531cf2oxz] {
    background: #fef3c7;
    border-color: #f59e0b;
}

.document-icon[b-1531cf2oxz] {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.document-icon.icon-pdf[b-1531cf2oxz] {
    background: #fee2e2;
}

.document-icon.icon-image[b-1531cf2oxz] {
    background: #dbeafe;
}

.document-icon.icon-word[b-1531cf2oxz] {
    background: #e0e7ff;
}

.document-icon.icon-default[b-1531cf2oxz] {
    background: #f3f4f6;
}

.document-icon.internal-icon[b-1531cf2oxz] {
    background: #fde68a;
}

.document-info[b-1531cf2oxz] {
    flex: 1;
    min-width: 0;
}

.document-category[b-1531cf2oxz] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #0f3a5d;
    background: #e0f2fe;
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    display: inline-block;
    margin-bottom: 0.25rem;
    letter-spacing: 0.5px;
}

.document-name[b-1531cf2oxz] {
    font-weight: 500;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.document-description[b-1531cf2oxz] {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.25rem;
}

.document-meta[b-1531cf2oxz] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}

.document-actions[b-1531cf2oxz] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Action Icon Buttons */
.btn-action-icon[b-1531cf2oxz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.btn-action-icon svg[b-1531cf2oxz] {
    width: 18px;
    height: 18px;
}

.btn-action-icon.preview[b-1531cf2oxz] {
    background: #e0f2fe;
    color: #0369a1;
}

.btn-action-icon.preview:hover[b-1531cf2oxz] {
    background: #0369a1;
    color: white;
}

.btn-action-icon.download[b-1531cf2oxz] {
    background: #0f3a5d;
    color: white;
}

.btn-action-icon.download:hover[b-1531cf2oxz] {
    background: #1a5fa8;
    transform: translateY(-1px);
}

.btn-action-icon.delete[b-1531cf2oxz] {
    background: #fee2e2;
    color: #dc2626;
}

.btn-action-icon.delete:hover[b-1531cf2oxz] {
    background: #dc2626;
    color: white;
}
/* /Components/Shared/DocumentsSection.razor.rz.scp.css */
/* DocumentsSection Component Styles */
.documents-section[b-awp43sitt6] {
    background: white;
    border-radius: 1rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e2e8f0;
}

.documents-section.internal-section[b-awp43sitt6] {
    background: #fffbeb;
    border-color: #fcd34d;
}

.documents-header[b-awp43sitt6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.documents-header h3[b-awp43sitt6] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.document-count[b-awp43sitt6] {
    background: #0f3a5d;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.btn-add-internal[b-awp43sitt6] {
    margin-left: auto;
    padding: 0.5rem 1rem;
    background: #0f3a5d;
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-add-internal:hover[b-awp43sitt6] {
    background: #1a5fa8;
}

.internal-notice[b-awp43sitt6] {
    font-size: 0.85rem;
    color: #92400e;
    background: #fef3c7;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.documents-grid[b-awp43sitt6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.download-all-section[b-awp43sitt6] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
}

.btn-secondary[b-awp43sitt6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s;
}

.btn-secondary:hover[b-awp43sitt6] {
    background: #e2e8f0;
    border-color: #94a3b8;
}

.btn-secondary .btn-icon[b-awp43sitt6] {
    width: 20px;
    height: 20px;
}

.no-documents[b-awp43sitt6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    color: #94a3b8;
    text-align: center;
}

.no-documents-icon[b-awp43sitt6] {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.no-documents-icon svg[b-awp43sitt6] {
    width: 32px;
    height: 32px;
    color: #94a3b8;
}

.no-documents p[b-awp43sitt6] {
    font-weight: 500;
    color: #64748b;
    margin: 0 0 0.5rem 0;
}

.no-documents span[b-awp43sitt6] {
    font-size: 0.875rem;
}
/* /Components/Shared/IntelligentChecklistModal.razor.rz.scp.css */
.modal-overlay[b-c22dstzcsi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(2px);
}

.intelligent-checklist-modal[b-c22dstzcsi] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-header[b-c22dstzcsi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-radius: 12px 12px 0 0;
}

.modal-header h3[b-c22dstzcsi] {
    margin: 0;
    color: white;
    font-size: 1.25rem;
}

.btn-close[b-c22dstzcsi] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.btn-close:hover[b-c22dstzcsi] {
    background: rgba(255,255,255,0.3);
}

.modal-body[b-c22dstzcsi] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* Stats Section */
.suggestion-stats[b-c22dstzcsi] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-item[b-c22dstzcsi] {
    flex: 1;
    padding: 1rem;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.stat-item.verified[b-c22dstzcsi] {
    background: #dcfce7;
    border: 1px solid #86efac;
}

.stat-item.external[b-c22dstzcsi] {
    background: #dbeafe;
    border: 1px solid #93c5fd;
}

.stat-item.review[b-c22dstzcsi] {
    background: #fef3c7;
    border: 1px solid #fcd34d;
}

.stat-icon[b-c22dstzcsi] {
    font-size: 1.5rem;
}

.stat-value[b-c22dstzcsi] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1f2937;
}

.stat-label[b-c22dstzcsi] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Selection Controls */
.selection-controls[b-c22dstzcsi] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
}

.selection-count[b-c22dstzcsi] {
    margin-left: auto;
    font-size: 0.875rem;
    color: #6b7280;
}

.btn-sm[b-c22dstzcsi] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
    border-radius: 6px;
    cursor: pointer;
}

.btn-secondary[b-c22dstzcsi] {
    background: white;
    border: 1px solid #d1d5db;
    color: #374151;
}

.btn-secondary:hover[b-c22dstzcsi] {
    background: #f3f4f6;
}

/* Suggestions List */
.suggestions-list[b-c22dstzcsi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.suggestion-group[b-c22dstzcsi] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.group-header[b-c22dstzcsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    margin: 0;
    background: #f9fafb;
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    border-bottom: 1px solid #e5e7eb;
}

.group-icon[b-c22dstzcsi] {
    font-size: 1.25rem;
}

.group-count[b-c22dstzcsi] {
    font-size: 0.8rem;
    font-weight: normal;
    color: #6b7280;
    margin-left: auto;
}

/* Individual Suggestion Item */
.suggestion-item[b-c22dstzcsi] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.15s;
}

.suggestion-item:last-child[b-c22dstzcsi] {
    border-bottom: none;
}

.suggestion-item:hover[b-c22dstzcsi] {
    background: #f9fafb;
}

.suggestion-item.selected[b-c22dstzcsi] {
    background: #eff6ff;
}

.suggestion-item.has-discrepancy[b-c22dstzcsi] {
    border-left: 3px solid #f59e0b;
}

.suggestion-checkbox[b-c22dstzcsi] {
    display: flex;
    align-items: flex-start;
    padding-top: 0.25rem;
}

.suggestion-checkbox input[b-c22dstzcsi] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.suggestion-content[b-c22dstzcsi] {
    flex: 1;
    min-width: 0;
}

.suggestion-header[b-c22dstzcsi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.status-icon[b-c22dstzcsi] {
    font-size: 1.1rem;
}

.check-name[b-c22dstzcsi] {
    font-weight: 600;
    color: #1f2937;
}

.confidence-badge[b-c22dstzcsi] {
    margin-left: auto;
    padding: 0.125rem 0.5rem;
    background: #e5e7eb;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #4b5563;
}

.suggestion-notes[b-c22dstzcsi] {
    font-size: 0.875rem;
    color: #4b5563;
    line-height: 1.5;
    white-space: pre-wrap;
    background: #f9fafb;
    padding: 0.75rem;
    border-radius: 6px;
    margin-bottom: 0.5rem;
}

.suggestion-warnings[b-c22dstzcsi] {
    margin-bottom: 0.5rem;
}

.warning-item[b-c22dstzcsi] {
    font-size: 0.8rem;
    color: #b45309;
    background: #fef3c7;
    padding: 0.375rem 0.5rem;
    border-radius: 4px;
    margin-bottom: 0.25rem;
}

.suggestion-sources[b-c22dstzcsi] {
    font-size: 0.75rem;
    color: #6b7280;
}

.sources-label[b-c22dstzcsi] {
    font-weight: 500;
}

/* Modal Actions */
.modal-actions[b-c22dstzcsi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.btn-primary[b-c22dstzcsi] {
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    color: white;
    border: none;
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: opacity 0.2s;
}

.btn-primary:hover:not(:disabled)[b-c22dstzcsi] {
    opacity: 0.9;
}

.btn-primary:disabled[b-c22dstzcsi] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Loading & Empty States */
.loading-state[b-c22dstzcsi],
.empty-state[b-c22dstzcsi] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
}

.spinner[b-c22dstzcsi] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #1a5fa8;
    border-radius: 50%;
    animation: spin-b-c22dstzcsi 1s linear infinite;
    margin: 0 auto 1rem;
}

.spinner-sm[b-c22dstzcsi] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-c22dstzcsi 0.8s linear infinite;
    display: inline-block;
}

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

.hint[b-c22dstzcsi] {
    font-size: 0.875rem;
    color: #9ca3af;
}

/* Messages */
.error-message[b-c22dstzcsi] {
    background: #fee2e2;
    color: #dc2626;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-top: 1rem;
}

.success-message[b-c22dstzcsi] {
    background: #dcfce7;
    color: #16a34a;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-top: 1rem;
}
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
/* LoadingSpinner Component Styles */
.loading-state[b-85hz52e2vn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #64748b;
}

.spinner[b-85hz52e2vn] {
    width: 48px;
    height: 48px;
    border: 4px solid #e2e8f0;
    border-top-color: #0f3a5d;
    border-radius: 50%;
    animation: spin-b-85hz52e2vn 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-85hz52e2vn {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/StatusBadge.razor.rz.scp.css */
/* StatusBadge Component Styles */
.status-badge[b-t7vvvjofvr] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-badge.status-pending[b-t7vvvjofvr] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.status-inprogress[b-t7vvvjofvr] {
    background: #dbeafe;
    color: #1e40af;
}

.status-badge.status-completed[b-t7vvvjofvr] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.status-rejected[b-t7vvvjofvr] {
    background: #fee2e2;
    color: #991b1b;
}

.status-badge.status-requiresmoreinfo[b-t7vvvjofvr] {
    background: #fce7f3;
    color: #9d174d;
}

.status-badge.status-infoprovided[b-t7vvvjofvr] {
    background: #e0e7ff;
    color: #3730a3;
}
/* /Components/Shared/VerificationEmailModal.razor.rz.scp.css */
.modal-overlay[b-bhlzd099yo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.verification-email-modal[b-bhlzd099yo] {
    background: white;
    border-radius: 12px;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.modal-header[b-bhlzd099yo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, #0f3a5d 0%, #1a5fa8 100%);
    border-radius: 12px 12px 0 0;
}

.modal-header h3[b-bhlzd099yo] {
    margin: 0;
    color: white;
    font-size: 1.25rem;
}

.btn-close[b-bhlzd099yo] {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    font-size: 1.5rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.btn-close:hover[b-bhlzd099yo] {
    background: rgba(255, 255, 255, 0.3);
}

.modal-body[b-bhlzd099yo] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

/* Step Indicator */
.step-indicator[b-bhlzd099yo] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.step[b-bhlzd099yo] {
    color: #94a3b8;
    font-size: 0.9rem;
}

.step.active[b-bhlzd099yo] {
    color: #1a5fa8;
    font-weight: 600;
}

.step.completed[b-bhlzd099yo] {
    color: #16a34a;
}

/* Region Selector */
.region-selector[b-bhlzd099yo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 8px;
}

.region-selector label[b-bhlzd099yo] {
    font-weight: 500;
    color: #475569;
}

.region-selector select[b-bhlzd099yo] {
    flex: 1;
    padding: 0.5rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.9rem;
}

/* Targets List */
.targets-list[b-bhlzd099yo] {
    max-height: 350px;
    overflow-y: auto;
}

.target-group[b-bhlzd099yo] {
    margin-bottom: 1.25rem;
}

.target-group h4[b-bhlzd099yo] {
    margin: 0 0 0.75rem 0;
    color: #1e293b;
    font-size: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
}


.target-item[b-bhlzd099yo] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.target-item:hover[b-bhlzd099yo] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.target-item input[type="checkbox"][b-bhlzd099yo] {
    margin-top: 0.25rem;
    width: 18px;
    height: 18px;
    accent-color: #1a5fa8;
}

.target-info[b-bhlzd099yo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.target-name[b-bhlzd099yo] {
    font-weight: 600;
    color: #1e293b;
}

.target-desc[b-bhlzd099yo] {
    font-size: 0.85rem;
    color: #64748b;
}

/* Selection Summary */
.selection-summary[b-bhlzd099yo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.selection-summary span[b-bhlzd099yo] {
    color: #64748b;
    font-size: 0.9rem;
}

/* Email Tabs */
.email-tabs[b-bhlzd099yo] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.email-tab[b-bhlzd099yo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.email-tab:hover[b-bhlzd099yo] {
    background: #e2e8f0;
}

.email-tab.active[b-bhlzd099yo] {
    background: #1a5fa8;
    color: white;
    border-color: #1a5fa8;
}

.tab-label[b-bhlzd099yo] {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Email Editor */
.email-editor[b-bhlzd099yo] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1rem;
}

.email-field[b-bhlzd099yo] {
    margin-bottom: 1rem;
}

.email-field label[b-bhlzd099yo] {
    display: block;
    font-weight: 500;
    color: #475569;
    margin-bottom: 0.25rem;
    font-size: 0.85rem;
}

.email-field input[b-bhlzd099yo],
.email-field textarea[b-bhlzd099yo] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: inherit;
}

.email-field textarea[b-bhlzd099yo] {
    resize: vertical;
    min-height: 200px;
    line-height: 1.5;
}

.email-field input:focus[b-bhlzd099yo],
.email-field textarea:focus[b-bhlzd099yo] {
    outline: none;
    border-color: #1a5fa8;
    box-shadow: 0 0 0 3px rgba(26, 95, 168, 0.1);
}

.email-actions[b-bhlzd099yo] {
    display: flex;
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e2e8f0;
}


/* Review Actions */
.review-actions[b-bhlzd099yo] {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

/* Buttons */
.btn-primary[b-bhlzd099yo] {
    background: linear-gradient(135deg, #1a5fa8 0%, #2563eb 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
}

.btn-primary:hover:not(:disabled)[b-bhlzd099yo] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 95, 168, 0.3);
}

.btn-primary:disabled[b-bhlzd099yo] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-secondary[b-bhlzd099yo] {
    background: white;
    color: #475569;
    border: 1px solid #cbd5e1;
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
}

.btn-secondary:hover[b-bhlzd099yo] {
    background: #f8fafc;
    border-color: #94a3b8;
}

/* Messages */
.error-message[b-bhlzd099yo] {
    background: #fef2f2;
    color: #b91c1c;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    border: 1px solid #fecaca;
}

.success-message[b-bhlzd099yo] {
    background: #f0fdf4;
    color: #16a34a;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    border: 1px solid #bbf7d0;
}

/* Empty State */
.empty-state[b-bhlzd099yo] {
    text-align: center;
    padding: 2rem;
    color: #64748b;
}

.empty-state p[b-bhlzd099yo] {
    margin: 0.5rem 0;
}

.empty-state .hint[b-bhlzd099yo] {
    font-size: 0.9rem;
    color: #94a3b8;
}

/* Spinner */
.spinner-sm[b-bhlzd099yo] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-bhlzd099yo 0.8s linear infinite;
}

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

/* Responsive */
@media (max-width: 640px) {
    .verification-email-modal[b-bhlzd099yo] {
        width: 95%;
        max-height: 95vh;
    }
    
    .email-actions[b-bhlzd099yo],
    .review-actions[b-bhlzd099yo] {
        flex-direction: column;
    }
    
    .region-selector[b-bhlzd099yo] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .email-tabs[b-bhlzd099yo] {
        flex-direction: column;
    }
    
    .email-tab[b-bhlzd099yo] {
        width: 100%;
    }
}