@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/LoadingSpinner.razor.rz.scp.css */
.loading-spinner-wrapper[b-eqd9xhotx3] { display: inline-flex; align-items: center; gap: .5rem; }
.loading-spinner-wrapper.centered[b-eqd9xhotx3] { display: flex; justify-content: center; width: 100%; }
.loading-spinner-wrapper .spinner-border[b-eqd9xhotx3] { color: var(--bs-primary); }
/* /Components/Shared/UpdateBanner.razor.rz.scp.css */
/* ===================================
   Update Banner Component Styles
   =================================== */

.update-banner[b-5cr76kt2ye] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    animation: slideDown-b-5cr76kt2ye 0.3s ease-out;
}

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

.update-banner-content[b-5cr76kt2ye] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.75rem;
}

.update-banner-icon[b-5cr76kt2ye] {
    flex-shrink: 0;
    font-size: 1.25rem;
}

.update-banner-message[b-5cr76kt2ye] {
    flex: 1;
    font-size: 0.875rem;
}

.update-banner-actions[b-5cr76kt2ye] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* Info variant (default) */
.update-banner-info[b-5cr76kt2ye] {
    background-color: #e7f1ff;
    border: 1px solid #b6d4fe;
    color: #084298;
}

.update-banner-info .update-banner-icon[b-5cr76kt2ye] {
    color: #0d6efd;
}

/* Success variant */
.update-banner-success[b-5cr76kt2ye] {
    background-color: #d1e7dd;
    border: 1px solid #badbcc;
    color: #0f5132;
}

.update-banner-success .update-banner-icon[b-5cr76kt2ye] {
    color: #198754;
}

/* Warning variant */
.update-banner-warning[b-5cr76kt2ye] {
    background-color: #fff3cd;
    border: 1px solid #ffecb5;
    color: #664d03;
}

.update-banner-warning .update-banner-icon[b-5cr76kt2ye] {
    color: #ffc107;
}

/* Danger variant */
.update-banner-danger[b-5cr76kt2ye] {
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    color: #842029;
}

.update-banner-danger .update-banner-icon[b-5cr76kt2ye] {
    color: #dc3545;
}

/* Mobile responsiveness */
@media (max-width: 576px) {
    .update-banner[b-5cr76kt2ye] {
        padding: 0.625rem 0.75rem;
    }

    .update-banner-content[b-5cr76kt2ye] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .update-banner-message[b-5cr76kt2ye] {
        flex-basis: calc(100% - 2rem);
        order: 1;
    }

    .update-banner-icon[b-5cr76kt2ye] {
        order: 0;
    }

    .update-banner-actions[b-5cr76kt2ye] {
        order: 2;
        width: 100%;
        justify-content: flex-end;
        margin-top: 0.25rem;
    }
}
/* /Features/Approvers/FundingRequests/Detail.razor.rz.scp.css */
/* Funding Request Detail Page Styles */

.detail-page-header[b-lqosokkw6q] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.detail-title-row[b-lqosokkw6q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

.detail-action-buttons[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.detail-action-buttons .btn[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
    white-space: nowrap;
}

.detail-action-buttons .btn-primary[b-lqosokkw6q] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.detail-action-buttons .btn-primary:hover[b-lqosokkw6q] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.detail-action-buttons .btn-success[b-lqosokkw6q] {
    background: #198754;
    border-color: #198754;
    color: white;
}

.detail-action-buttons .btn-success:hover[b-lqosokkw6q] {
    background: #157347;
    border-color: #146c43;
}

.detail-action-buttons .btn-secondary[b-lqosokkw6q] {
    background: #6c757d;
    border-color: #6c757d;
    color: white;
}

.detail-action-buttons .btn-secondary:hover[b-lqosokkw6q] {
    background: #5c636a;
    border-color: #565e64;
}

/* Dropdown Menu */
.dropdown-container[b-lqosokkw6q] {
    position: relative;
    display: inline-flex;
}

.btn-group-split[b-lqosokkw6q] {
    display: inline-flex;
    gap: 2px;
}

.btn-split-left[b-lqosokkw6q] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-split-right[b-lqosokkw6q] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.detail-action-buttons .dropdown-container:first-child[b-lqosokkw6q] {
    margin-right: 0.75rem;
}

.detail-action-buttons .dropdown-container .btn[b-lqosokkw6q] {
    height: 42px;
}

.btn-icon-only[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem !important;
    height: 42px;
    background-color: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon-only:hover[b-lqosokkw6q] {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.wizard-actions-dropdown[b-lqosokkw6q] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    width: max-content;
    min-width: 200px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    padding: 0.5rem 0;
}

.wizard-action-item[b-lqosokkw6q] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: background 0.15s;
}

.wizard-action-item:hover:not(:disabled)[b-lqosokkw6q] {
    background: #f8f9fa;
}

.wizard-action-item:disabled[b-lqosokkw6q] {
    opacity: 0.5;
    cursor: not-allowed;
}

.wizard-action-item svg[b-lqosokkw6q] {
    flex-shrink: 0;
    opacity: 0.7;
}

.wizard-action-item.text-danger[b-lqosokkw6q] {
    color: #dc3545;
}

.wizard-action-item.text-danger:hover:not(:disabled)[b-lqosokkw6q] {
    background: #f8d7da;
}

.wizard-action-item.text-danger svg[b-lqosokkw6q] {
    opacity: 1;
}

.wizard-action-divider[b-lqosokkw6q] {
    height: 1px;
    background-color: #dee2e6;
    margin: 0.5rem 0;
}

.wizard-actions-dropdown .dropdown-divider[b-lqosokkw6q] {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #dee2e6;
}

.detail-title-row .btn[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.625rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
    white-space: nowrap;
    margin-top: 0.25rem;
}

.detail-title-row .btn-primary[b-lqosokkw6q] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.detail-title-row .btn-primary:hover[b-lqosokkw6q] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.detail-header-info[b-lqosokkw6q] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;
    align-items: start;
}

.detail-info-left[b-lqosokkw6q],
.detail-info-right[b-lqosokkw6q] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-header-actions[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.detail-header-actions .btn[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
}

.detail-header-actions .btn-primary[b-lqosokkw6q] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.detail-header-actions .btn-primary:hover[b-lqosokkw6q] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.detail-header-actions .btn-success[b-lqosokkw6q] {
    background: #198754;
    border-color: #198754;
    color: white;
}

.detail-header-actions .btn-success:hover[b-lqosokkw6q] {
    background: #157347;
    border-color: #146c43;
}

.detail-header-actions .btn-secondary[b-lqosokkw6q] {
    background: #6c757d;
    border-color: #6c757d;
    color: white;
}

.detail-header-actions .btn-secondary:hover[b-lqosokkw6q] {
    background: #5c636a;
    border-color: #565e64;
}

.detail-info-item[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.detail-label[b-lqosokkw6q] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

.detail-value[b-lqosokkw6q] {
    font-size: 1rem;
    color: #212529;
    font-weight: 600;
}

.btn-copy[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    margin-left: 0.5rem;
    background: transparent;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s;
    vertical-align: middle;
}

.btn-copy:hover[b-lqosokkw6q] {
    background: #f8f9fa;
    border-color: #0d6efd;
    color: #0d6efd;
}

.btn-copy:active[b-lqosokkw6q] {
    background: #e7f1ff;
}

/* Clickable badge and text buttons */
.btn-link-badge[b-lqosokkw6q],
.btn-link-text[b-lqosokkw6q] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity 0.2s;
    display: inline-flex;
    align-items: center;
}

.btn-link-badge:hover[b-lqosokkw6q],
.btn-link-text:hover[b-lqosokkw6q] {
    opacity: 0.8;
}

.btn-link-text[b-lqosokkw6q] {
    font-size: 1rem;
    color: #212529;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
}

.btn-link-text:hover[b-lqosokkw6q] {
    color: #0d6efd;
    text-decoration-style: solid;
}

/* Detail Cards */
.detail-card[b-lqosokkw6q] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.card-header[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.card-title[b-lqosokkw6q] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.btn-icon-text[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
}

.btn-icon-text:hover[b-lqosokkw6q] {
    background: #f8f9fa;
    border-color: #adb5bd;
}

.edit-actions[b-lqosokkw6q] {
    display: flex;
    gap: 0.5rem;
}

.edit-actions .btn[b-lqosokkw6q] {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border-width: 1px !important;
    padding: 0 1rem;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.edit-actions .btn svg[b-lqosokkw6q] {
    flex-shrink: 0;
}

.card-header .btn[b-lqosokkw6q] {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border-width: 1px !important;
    padding: 0 1rem;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.card-header .btn svg[b-lqosokkw6q] {
    flex-shrink: 0;
}

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

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

.info-item[b-lqosokkw6q] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-label[b-lqosokkw6q] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-lqosokkw6q] {
    font-size: 0.9375rem;
    color: #212529;
    white-space: pre-wrap;
}

.info-full-width[b-lqosokkw6q] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.info-full-width:last-child[b-lqosokkw6q] {
    margin-bottom: 0;
}

/* Line Items Table */
.line-items-table[b-lqosokkw6q] {
    width: 100%;
    border-collapse: collapse;
}

.line-items-table thead[b-lqosokkw6q] {
    background: #f8f9fa;
}

.line-items-table th[b-lqosokkw6q] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.line-items-table td[b-lqosokkw6q] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f5;
    vertical-align: top;
    white-space: pre-wrap;
}

.line-items-table tbody tr:hover[b-lqosokkw6q] {
    background: #f8f9fa;
}

.line-items-table tfoot[b-lqosokkw6q] {
    background: #f8f9fa;
}

.line-items-table tfoot td[b-lqosokkw6q] {
    padding: 1rem;
    font-size: 0.9375rem;
    border-top: 2px solid #dee2e6;
}

.total-row[b-lqosokkw6q] {
    font-weight: 600;
}

/* Attachments Table */
.attachments-table[b-lqosokkw6q] {
    width: 100%;
    border-collapse: collapse;
}

.attachments-table thead[b-lqosokkw6q] {
    background: #f8f9fa;
}

.attachments-table th[b-lqosokkw6q] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.attachments-table td[b-lqosokkw6q] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f5;
    vertical-align: middle;
}

.attachments-table tbody tr:hover[b-lqosokkw6q] {
    background: #f8f9fa;
}

.file-type-badge[b-lqosokkw6q] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #e7f1ff;
    color: #0d6efd;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.currency-badge[b-lqosokkw6q] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #d1f4e0;
    color: #198754;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Comments Section */
.comment-item[b-lqosokkw6q] {
    border-radius: 8px;
    margin-bottom: 1rem;
    border: 1px solid #e0e0e0;
}

.comment-item.even[b-lqosokkw6q] {
    background: #ffffff;
}

.comment-item.odd[b-lqosokkw6q] {
    background: #f8f9fa;
}

.comment-item:last-child[b-lqosokkw6q] {
    margin-bottom: 0;
}

.comment-body[b-lqosokkw6q] {
    display: flex;
    gap: 1.5rem;
    padding: 1rem;
}

.comment-left[b-lqosokkw6q] {
    flex-shrink: 0;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.comment-right[b-lqosokkw6q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.comment-author strong[b-lqosokkw6q] {
    font-size: 0.938rem;
    color: #212529;
}

.comment-employee-number[b-lqosokkw6q] {
    font-size: 0.813rem;
}

.comment-date[b-lqosokkw6q] {
    font-size: 0.813rem;
}

.comment-step-badge[b-lqosokkw6q] {
    margin-top: 0.25rem;
}

.comment-step-badge .badge[b-lqosokkw6q] {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 12px;
    background: transparent;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.comment-action-badge[b-lqosokkw6q] {
    margin-bottom: 0.5rem;
}

.comment-reply-indicator[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    background: #e7f1ff;
    border-radius: 4px;
    font-size: 0.813rem;
}

.comment-reply-indicator svg[b-lqosokkw6q] {
    flex-shrink: 0;
    color: #0d6efd;
}

.comment-reply-indicator span[b-lqosokkw6q] {
    color: #495057;
    line-height: 1.4;
}

.comment-reply-indicator em[b-lqosokkw6q] {
    color: #6c757d;
    font-style: italic;
}

.comment-message[b-lqosokkw6q] {
    font-size: 0.875rem;
    color: #495057;
    line-height: 1.6;
    white-space: pre-wrap;
}

.comment-message p[b-lqosokkw6q] {
    margin-bottom: 0.75rem;
}

.comment-message p:last-child[b-lqosokkw6q] {
    margin-bottom: 0;
}

.comment-actions[b-lqosokkw6q] {
    padding: 0.5rem 1rem;
    border-top: 1px solid #e0e0e0;
    background: rgba(0, 0, 0, 0.02);
}

.btn-reply[b-lqosokkw6q] {
    background: none;
    border: none;
    color: #0d6efd;
    font-size: 0.813rem;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

.btn-reply:hover[b-lqosokkw6q] {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0a58ca;
}

.btn-reply svg[b-lqosokkw6q] {
    flex-shrink: 0;
}

.comment-reply-reference[b-lqosokkw6q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #e7f1ff;
    border-left: 3px solid #0d6efd;
    padding: 0.75rem;
    border-radius: 4px;
    margin-bottom: 0.75rem;
}

.reply-reference-content[b-lqosokkw6q] {
    flex: 1;
}

.reply-reference-content strong[b-lqosokkw6q] {
    display: block;
    font-size: 0.813rem;
    color: #212529;
    margin-bottom: 0.25rem;
}

.reply-preview[b-lqosokkw6q] {
    font-size: 0.75rem;
    color: #6c757d;
    font-style: italic;
    line-height: 1.4;
}

.comment-reply-reference .btn-close[b-lqosokkw6q] {
    flex-shrink: 0;
    padding: 0.5rem;
    margin-left: 0.5rem;
}

/* Action Buttons */
.detail-actions[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0;
    margin-top: 1rem;
    border-top: 1px solid #e9ecef;
    gap: 1rem;
    flex-wrap: wrap;
}

.detail-actions-right[b-lqosokkw6q] {
    display: flex;
    gap: 0.75rem;
}

/* Progress History Modal */
.modal-overlay[b-lqosokkw6q] {
    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: 1050;
    padding: 1rem;
}

.modal-dialog[b-lqosokkw6q] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.progress-history-dialog[b-lqosokkw6q] {
    max-width: 700px;
}

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

.modal-title[b-lqosokkw6q] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.modal-close[b-lqosokkw6q] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    color: #6c757d;
    transition: color 0.2s;
}

.modal-close:hover[b-lqosokkw6q] {
    color: #212529;
}

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

/* Progress Timeline */
.progress-timeline[b-lqosokkw6q] {
    position: relative;
}

.timeline-item[b-lqosokkw6q] {
    display: flex;
    gap: 1rem;
    padding-bottom: 1.5rem;
    position: relative;
}

.timeline-item:last-child[b-lqosokkw6q] {
    padding-bottom: 0;
}

.timeline-item:not(:last-child)[b-lqosokkw6q]::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 28px;
    bottom: 0;
    width: 2px;
    background: #dee2e6;
}

.timeline-item.completed:not(:last-child)[b-lqosokkw6q]::before {
    background: #198754;
}

.timeline-item.current:not(:last-child)[b-lqosokkw6q]::before {
    background: linear-gradient(to bottom, #0d6efd 0%, #dee2e6 100%);
}

.timeline-item.pending:not(:last-child)[b-lqosokkw6q]::before {
    background: #dee2e6;
    border-left: 2px dashed #dee2e6;
    width: 0;
}

.timeline-marker[b-lqosokkw6q] {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: white;
    border: 3px solid #dee2e6;
    position: relative;
    z-index: 1;
    margin-top: 2px;
}

.timeline-marker.active[b-lqosokkw6q] {
    border-color: #0d6efd;
    background: #0d6efd;
}

.timeline-marker.completed[b-lqosokkw6q] {
    border-color: #198754;
    background: #198754;
}

.timeline-marker.pending[b-lqosokkw6q] {
    border-color: #dee2e6;
    background: white;
}

.timeline-item.pending[b-lqosokkw6q] {
    opacity: 0.6;
}

.timeline-item.current .timeline-marker[b-lqosokkw6q] {
    border-color: #0d6efd;
    background: #0d6efd;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.2);
}

.timeline-content[b-lqosokkw6q] {
    flex: 1;
    padding-top: 0;
}

.timeline-header[b-lqosokkw6q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.timeline-date[b-lqosokkw6q] {
    font-size: 0.8125rem;
    color: #6c757d;
    text-align: right;
}

.timeline-body[b-lqosokkw6q] {
    font-size: 0.875rem;
    color: #495057;
}

.timeline-comment[b-lqosokkw6q] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    font-style: italic;
}

/* Form Controls in Edit Mode */
.info-item .form-control[b-lqosokkw6q],
.info-full-width .form-control[b-lqosokkw6q] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.info-item .form-control:focus[b-lqosokkw6q],
.info-full-width .form-control:focus[b-lqosokkw6q] {
    border-color: #0d6efd;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.info-item select.form-control[b-lqosokkw6q],
.info-full-width select.form-control[b-lqosokkw6q] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

.validation-message[b-lqosokkw6q] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #dc3545;
}

/* Edit Actions */
.edit-actions[b-lqosokkw6q] {
    display: flex;
    gap: 0.5rem;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .detail-page-header[b-lqosokkw6q] {
        flex-direction: column;
        align-items: flex-start;
    }

    .detail-title-row[b-lqosokkw6q] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .detail-action-buttons[b-lqosokkw6q] {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
    }

    .detail-action-buttons .btn:not(.btn-icon-only)[b-lqosokkw6q] {
        flex: 1;
    }

    .dropdown-container[b-lqosokkw6q] {
        flex-shrink: 0;
    }

    .wizard-actions-dropdown[b-lqosokkw6q] {
        left: auto;
        right: 0;
        min-width: 200px;
    }

    .detail-title-row .btn[b-lqosokkw6q] {
        margin-top: 0;
    }

    .detail-header-info[b-lqosokkw6q] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

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

    .detail-actions[b-lqosokkw6q] {
        flex-direction: column;
        align-items: stretch;
    }

    .detail-actions-right[b-lqosokkw6q] {
        flex-direction: column;
    }

    .line-items-table[b-lqosokkw6q],
    .attachments-table[b-lqosokkw6q] {
        display: block;
        overflow-x: auto;
    }

    .modal-dialog[b-lqosokkw6q] {
        max-width: 100%;
        margin: 0;
    }
}

/* Badge Styles */
.workflow-type-badge[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid #dee2e6;
    background-color: #f8f9fa;
    color: #212529;
}

.workflow-type-icon[b-lqosokkw6q] {
    width: 16px;
    height: 16px;
    color: #0d6efd;
    flex-shrink: 0;
}

.priority-display-badge[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid currentColor;
}

.priority-display-icon[b-lqosokkw6q] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.priority-normal[b-lqosokkw6q] {
    color: #0dcaf0;
    background-color: #cff4fc;
    border-color: #0dcaf0;
}

.priority-high[b-lqosokkw6q] {
    color: #ffc107;
    background-color: #fff3cd;
    border-color: #ffc107;
}

.priority-critical[b-lqosokkw6q] {
    color: #dc3545;
    background-color: #f8d7da;
    border-color: #dc3545;
}

/* Action Required Alert */
.action-required-alert[b-lqosokkw6q] {
    background: linear-gradient(135deg, #fff3cd 0%, #ffe5b4 100%);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.15);
}

.action-alert-content[b-lqosokkw6q] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.action-alert-icon[b-lqosokkw6q] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #ffc107;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.action-alert-body[b-lqosokkw6q] {
    flex: 1;
}

.alert-title[b-lqosokkw6q] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.action-alert-title[b-lqosokkw6q] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #856404;
    margin-bottom: 0.5rem;
}

.action-alert-text[b-lqosokkw6q] {
    font-size: 0.9375rem;
    color: #856404;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.action-requirements[b-lqosokkw6q] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.requirement-item[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #856404;
}

.requirement-check[b-lqosokkw6q] {
    color: #198754;
}

.requirement-warning[b-lqosokkw6q] {
    color: #dc3545;
}

.action-alert-actions[b-lqosokkw6q] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}

.action-alert-actions .btn[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
}

/* Action Modal */
.action-modal-dialog[b-lqosokkw6q] {
    max-width: 600px;
}

.action-modal-section[b-lqosokkw6q] {
    margin-bottom: 1.5rem;
}

.action-modal-section:last-child[b-lqosokkw6q] {
    margin-bottom: 0;
}

.action-section-title[b-lqosokkw6q] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
}

.action-info-grid[b-lqosokkw6q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
}

.action-info-item[b-lqosokkw6q] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.action-info-item.full-width[b-lqosokkw6q] {
    grid-column: 1 / -1;
}

.action-info-label[b-lqosokkw6q] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.action-info-value[b-lqosokkw6q] {
    font-size: 0.9375rem;
    color: #212529;
    font-weight: 500;
}

.action-attachments-status[b-lqosokkw6q] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attachment-count-item[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 0.875rem;
}

.attachment-count-item.has-files[b-lqosokkw6q] {
    background: #d1e7dd;
    color: #0f5132;
}

.attachment-count-item.missing-files[b-lqosokkw6q] {
    background: #f8d7da;
    color: #842029;
}

.attachment-warning[b-lqosokkw6q] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #856404;
}

.attachment-warning svg[b-lqosokkw6q] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.action-comment-section textarea.form-control[b-lqosokkw6q] {
    min-height: 100px;
    resize: vertical;
    font-size: 0.875rem;
}

.action-comment-help[b-lqosokkw6q] {
    font-size: 0.8125rem;
    color: #6c757d;
    margin-top: 0.5rem;
}

.modal-footer[b-lqosokkw6q] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer .btn[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
}

.modal-footer .btn:disabled[b-lqosokkw6q] {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Error Message in Modal */
.action-error-message[b-lqosokkw6q] {
    padding: 0.75rem 1rem;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 6px;
    color: #842029;
    font-size: 0.875rem;
    margin-top: 1rem;
}

/* Responsive adjustments for action modal */
@media (max-width: 768px) {
    .action-alert-content[b-lqosokkw6q] {
        flex-direction: column;
    }

    .action-alert-icon[b-lqosokkw6q] {
        width: 40px;
        height: 40px;
    }

    .action-alert-actions[b-lqosokkw6q] {
        flex-direction: column;
    }

    .action-alert-actions .btn[b-lqosokkw6q] {
        width: 100%;
        justify-content: center;
    }

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

    .modal-footer[b-lqosokkw6q] {
        flex-direction: column-reverse;
    }

    .modal-footer .btn[b-lqosokkw6q] {
        width: 100%;
        justify-content: center;
    }
}

/* Action Comments */
/* Removed special background colors - action comments now use same styling as regular comments */

.action-badge[b-lqosokkw6q] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    background: transparent;
}

.action-badge-approved[b-lqosokkw6q] {
    color: #198754;
    border: 1px solid #c3e6cb;
}

.action-badge-rejected[b-lqosokkw6q] {
    color: #dc3545;
    border: 1px solid #f5c6cb;
}

.action-badge-acknowledged[b-lqosokkw6q] {
    color: #0d6efd;
    border: 1px solid #b6d4fe;
}

/* Removed special styling for action-comment-message - now uses same styling as regular comments */
/* /Features/Approvers/FundingRequests/Index.razor.rz.scp.css */
/* Approver Funding Requests Index Page Styles */

.status-tabs-container[b-8jhgcm7sxj] {
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
}

.fr-filters-section[b-8jhgcm7sxj] {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.fr-filters[b-8jhgcm7sxj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1;
}

.fr-search-box[b-8jhgcm7sxj] {
    position: relative;
    flex: 1;
    min-width: 250px;
    max-width: 400px;
}

.fr-search-box svg[b-8jhgcm7sxj] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.fr-search-input[b-8jhgcm7sxj] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 2.5rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.fr-search-input:focus[b-8jhgcm7sxj] {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.fr-search-clear[b-8jhgcm7sxj] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: #6c757d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s;
}

.fr-search-clear:hover[b-8jhgcm7sxj] {
    background: #e9ecef;
    color: #495057;
}

.fr-filter-item[b-8jhgcm7sxj] {
    position: relative;
}

.fr-filter-btn[b-8jhgcm7sxj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.fr-filter-btn:hover[b-8jhgcm7sxj] {
    background: #e9ecef;
    border-color: #ced4da;
}

.fr-filter-label[b-8jhgcm7sxj] {
    font-weight: 500;
}

.fr-filter-arrow[b-8jhgcm7sxj] {
    transition: transform 0.2s;
}

.fr-filter-btn:hover .fr-filter-arrow[b-8jhgcm7sxj] {
    transform: translateY(2px);
}

.fr-filter-menu[b-8jhgcm7sxj] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    width: max-content;
    max-width: 500px;
    min-width: 200px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}

.fr-filter-menu.show[b-8jhgcm7sxj] {
    display: block;
}

.fr-filter-option[b-8jhgcm7sxj] {
    width: 100%;
    padding: 0.625rem 1rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.fr-filter-option:hover[b-8jhgcm7sxj] {
    background: #f8f9fa;
}

.fr-filter-option.active[b-8jhgcm7sxj] {
    background: #e7f1ff;
    color: #0d6efd;
    font-weight: 600;
}

.fr-clear-filters-btn[b-8jhgcm7sxj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #fff;
    border: 1px solid #dc3545;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #dc3545;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.fr-clear-filters-btn:hover[b-8jhgcm7sxj] {
    background: #dc3545;
    color: white;
}

.fr-clear-filters-btn svg[b-8jhgcm7sxj] {
    width: 14px;
    height: 14px;
}

.fr-results-info[b-8jhgcm7sxj] {
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

/* Assigned to Me tab badge - urgent glow */
.tab-count-urgent[b-8jhgcm7sxj] {
    background-color: #dc3545 !important;
    color: #ffffff !important;
    animation: pulse-urgent-b-8jhgcm7sxj 2s ease-in-out infinite;
}

.status-tab.active .tab-count-urgent[b-8jhgcm7sxj] {
    background-color: #bb2d3b !important;
}

@keyframes pulse-urgent-b-8jhgcm7sxj {
    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 4px rgba(220, 53, 69, 0);
    }
}

/* Loading State */
.fr-loading-state[b-8jhgcm7sxj] {
    text-align: center;
    padding: 4rem 2rem;
}

.fr-loading-state .spinner-border[b-8jhgcm7sxj] {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
}

.fr-loading-state p[b-8jhgcm7sxj] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 1rem;
}

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

.fr-empty-state svg[b-8jhgcm7sxj] {
    color: #dee2e6;
    margin-bottom: 1.5rem;
}

.fr-empty-state h3[b-8jhgcm7sxj] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.fr-empty-state p[b-8jhgcm7sxj] {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Table Styles */
.fr-table-container[b-8jhgcm7sxj] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.fr-table[b-8jhgcm7sxj] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

.fr-table thead[b-8jhgcm7sxj] {
    background: #f8f9fa;
}

.fr-table th[b-8jhgcm7sxj] {
    padding: 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
    text-align: left;
}

.fr-table td[b-8jhgcm7sxj] {
    padding: 1rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f5;
    vertical-align: middle;
}

.fr-table tbody tr:hover[b-8jhgcm7sxj] {
    background: #f8f9fa;
}

.fr-table tbody tr:last-child td[b-8jhgcm7sxj] {
    border-bottom: none;
}

/* Approver-specific row highlighting */
.fr-row-action-required[b-8jhgcm7sxj] {
    background-color: #fff8e6 !important;
}

.fr-row-action-required:hover[b-8jhgcm7sxj] {
    background-color: #fff4d6 !important;
}

/* Table Content Styles */
.fr-number-link[b-8jhgcm7sxj] {
    font-weight: 600;
    color: #0d6efd;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s;
    border-bottom: 1px solid transparent;
}

.fr-number-link:hover[b-8jhgcm7sxj] {
    color: #0a58ca;
    border-bottom-color: #0a58ca;
}

.fr-workflow-badge[b-8jhgcm7sxj] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    background: #e7f1ff;
    color: #0d6efd;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.fr-subject[b-8jhgcm7sxj] {
    max-width: 300px;
}

.fr-subject-text[b-8jhgcm7sxj] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fr-requester[b-8jhgcm7sxj] {
    color: #6c757d;
    font-size: 0.8125rem;
}

.fr-department[b-8jhgcm7sxj] {
    color: #6c757d;
    font-size: 0.8125rem;
}

.fr-amount[b-8jhgcm7sxj] {
    font-weight: 600;
    color: #198754;
}

.fr-priority[b-8jhgcm7sxj] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.fr-priority-high[b-8jhgcm7sxj] {
    background: #fee;
    color: #dc3545;
}

.fr-priority-normal[b-8jhgcm7sxj] {
    background: #e7f1ff;
    color: #0d6efd;
}

.fr-priority-low[b-8jhgcm7sxj] {
    background: #f1f3f5;
    color: #6c757d;
}

.fr-status[b-8jhgcm7sxj] {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.fr-status-draft[b-8jhgcm7sxj] {
    background: #f8f9fa;
    color: #6c757d;
}

.fr-status-submitted[b-8jhgcm7sxj],
.fr-status-inprogress[b-8jhgcm7sxj] {
    background: #e7f1ff;
    color: #0d6efd;
}

.fr-status-completed[b-8jhgcm7sxj] {
    background: #d1f4e0;
    color: #198754;
}

.fr-status-rejected[b-8jhgcm7sxj] {
    background: #fee;
    color: #dc3545;
}

.fr-status-cancelled[b-8jhgcm7sxj] {
    background: #f1f3f5;
    color: #6c757d;
}

.fr-step[b-8jhgcm7sxj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.fr-action-badge[b-8jhgcm7sxj] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #856404;
    background-color: #ffeaa7;
    border-radius: 0.25rem;
}

.fr-date[b-8jhgcm7sxj] {
    color: #6c757d;
    font-size: 0.8125rem;
}

/* Pagination */
.fr-pagination[b-8jhgcm7sxj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    border-top: 1px solid #dee2e6;
}

.fr-pagination-btn[b-8jhgcm7sxj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s;
}

.fr-pagination-btn:hover:not(:disabled)[b-8jhgcm7sxj] {
    background: #f8f9fa;
    border-color: #ced4da;
}

.fr-pagination-btn:disabled[b-8jhgcm7sxj] {
    opacity: 0.5;
    cursor: not-allowed;
}

.fr-pagination-info[b-8jhgcm7sxj] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
}

/* Tab count badge variants */
.tab-count-info[b-8jhgcm7sxj] {
    background-color: #cfe2ff !important;
    color: #0d6efd !important;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .fr-table[b-8jhgcm7sxj] {
        font-size: 0.8125rem;
    }

    .fr-table th[b-8jhgcm7sxj],
    .fr-table td[b-8jhgcm7sxj] {
        padding: 0.75rem;
    }
}

@media (max-width: 768px) {
    .fr-filters-section[b-8jhgcm7sxj] {
        flex-direction: column;
        align-items: stretch;
    }

    .fr-filters[b-8jhgcm7sxj] {
        flex-direction: column;
        align-items: stretch;
    }

    .fr-search-box[b-8jhgcm7sxj] {
        max-width: none;
    }

    .fr-filter-item[b-8jhgcm7sxj] {
        width: 100%;
    }

    .fr-filter-btn[b-8jhgcm7sxj] {
        width: 100%;
        justify-content: space-between;
    }

    .fr-results-info[b-8jhgcm7sxj] {
        text-align: center;
    }

    .fr-table-container[b-8jhgcm7sxj] {
        overflow-x: auto;
    }

    .fr-table[b-8jhgcm7sxj] {
        min-width: 1000px;
    }

    .fr-pagination[b-8jhgcm7sxj] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .fr-pagination-btn[b-8jhgcm7sxj] {
        justify-content: center;
    }
}
/* /Features/Auth/SignIn.razor.rz.scp.css */
.alert[b-5k2jsimadb] {
    margin: 0 0;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
}

.alert-danger[b-5k2jsimadb] {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.validation-message[b-5k2jsimadb] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

.form-input.invalid[b-5k2jsimadb] {
    border-color: #dc3545;
}

.form-input.invalid:focus[b-5k2jsimadb] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.sign-in-btn:disabled[b-5k2jsimadb] {
    opacity: 0.6;
    cursor: not-allowed;
}

.password-input-container[b-5k2jsimadb] {
    position: relative;
    display: flex;
    align-items: center;
}

.password-input-container .form-input[b-5k2jsimadb] {
    padding-right: 3rem;
}

.password-toggle-btn[b-5k2jsimadb] {
    position: absolute;
    right: 0.75rem;
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease-in-out;
}

.password-toggle-btn:hover[b-5k2jsimadb] {
    color: #495057;
}

.password-toggle-btn:focus[b-5k2jsimadb] {
    outline: none;
    color: #495057;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.password-toggle-btn:disabled[b-5k2jsimadb] {
    color: #adb5bd;
    cursor: not-allowed;
}

.password-toggle-btn i[b-5k2jsimadb] {
    font-size: 1rem;
}
/* /Features/Budgets/BudgetEditorModal.razor.rz.scp.css */
/* Budget Editor Modal Styles */
[b-6o8v8r7v4k] .budget-modal-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

[b-6o8v8r7v4k] .budget-modal-col {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

[b-6o8v8r7v4k] .budget-modal-field {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-6o8v8r7v4k] .budget-modal-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0;
}

[b-6o8v8r7v4k] .budget-modal-value {
    font-size: 0.9375rem;
    color: #212529;
}

[b-6o8v8r7v4k] .budget-input-group {
    display: flex;
    gap: 0.5rem;
}

[b-6o8v8r7v4k] .budget-amount-input {
    flex: 1;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 0.75rem;
    text-align: right;
}

[b-6o8v8r7v4k] .budget-lock-toggle {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

[b-6o8v8r7v4k] .budget-lock-toggle:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

[b-6o8v8r7v4k] .budget-lock-toggle:disabled:hover {
    background: inherit !important;
}

[b-6o8v8r7v4k] .budget-lock-toggle.locked {
    background: #ffebee;
    border: 1px solid #ef5350;
    color: #d32f2f;
}

[b-6o8v8r7v4k] .budget-lock-toggle.locked:hover:not(:disabled) {
    background: #ffcdd2;
}

[b-6o8v8r7v4k] .budget-lock-toggle.unlocked {
    background: #e8f5e9;
    border: 1px solid #66bb6a;
    color: #2e7d32;
}

[b-6o8v8r7v4k] .budget-lock-toggle.unlocked:hover:not(:disabled) {
    background: #c8e6c9;
}

[b-6o8v8r7v4k] .budget-status-locked {
    color: #d32f2f;
    font-weight: 700;
    font-size: 1rem;
}

[b-6o8v8r7v4k] .other-departments-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    width: 100%;
}

[b-6o8v8r7v4k] .other-department-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #e9ecef;
    width: 100%;
}

[b-6o8v8r7v4k] .other-department-name {
    font-size: 0.875rem;
    color: #212529;
    text-align: left;
}

[b-6o8v8r7v4k] .other-department-amount {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1976d2;
    text-align: right;
}

[b-6o8v8r7v4k] .budget-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[b-6o8v8r7v4k] .budget-total-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1976d2;
    text-align: right;
}

[b-6o8v8r7v4k] .btn-delete {
    margin-right: auto;
}

/* Remove extra spacing around error alerts */
[b-6o8v8r7v4k] .alert {
    margin-bottom: 1rem;
}

[b-6o8v8r7v4k] .modal-body > .alert:first-child {
    margin-top: 0;
}
/* /Features/Budgets/Budgets.razor.rz.scp.css */
/* Budget Management Styles */

/* ==========================
   Budget Header Layout
   Horizontal filter layout
========================== */
.budget-header[b-iqi2zopjzm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.budget-filters[b-iqi2zopjzm] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.budget-filter-item[b-iqi2zopjzm] {
    display: inline-flex;
    align-items: center;
    position: relative;
}

/* Filter Button */
.budget-filter-container[b-iqi2zopjzm] {
    position: relative;
}

.budget-btn-filter[b-iqi2zopjzm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: #fff;
    color: #495057;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all .15s ease;
    height: 32px;
}

.budget-btn-filter:hover[b-iqi2zopjzm] {
    background: #e9ecef;
    border-color: #adb5bd;
}

.budget-filter-label[b-iqi2zopjzm] {
    font-weight: 500;
}

.budget-filter-arrow[b-iqi2zopjzm] {
    transition: transform .15s ease;
}

.budget-btn-filter:hover .budget-filter-arrow[b-iqi2zopjzm] {
    transform: rotate(180deg);
}

/* Filter Dropdown Menu */
.budget-filter-menu[b-iqi2zopjzm] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    width: max-content;
    max-width: 500px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: all .18s ease;
}

.budget-filter-menu.show[b-iqi2zopjzm] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.budget-filter-item-option[b-iqi2zopjzm] {
    width: 100%;
    padding: 0.55rem 0.9rem;
    border: none;
    background: none;
    color: #495057;
    font-size: 0.8125rem;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    transition: background-color .15s ease;
}

.budget-filter-item-option:hover[b-iqi2zopjzm] {
    background: #f8f9fa;
}

.budget-filter-item-option.active[b-iqi2zopjzm] {
    background: #e3f2fd;
    color: #1976d2;
}

.budget-filter-divider[b-iqi2zopjzm] {
    height: 1px;
    background: #e9ecef;
    margin: 0.25rem 0;
}

/* Search Input */
.budget-search[b-iqi2zopjzm] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.budget-search input.form-control[b-iqi2zopjzm] {
    padding-right: 1.5rem;
    width: 340px;
}

.budget-search .icon[b-iqi2zopjzm] {
    position: absolute;
    right: 6px;
    color: #6c757d;
    pointer-events: none;
}

/* Table Container */
[b-iqi2zopjzm] .budget-table-container {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 0 0 8px 8px;
    overflow-x: auto;
    max-height: calc(100vh - 300px);
}

[b-iqi2zopjzm] .budget-table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
}

[b-iqi2zopjzm] .budget-table thead th {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.75rem;
    text-align: center;
    z-index: 10;
}

[b-iqi2zopjzm] .budget-coa-header {
    text-align: left !important;
    min-width: 150px;
    position: sticky;
    left: 0;
    background: #f8f9fa;
    z-index: 11 !important;
}

[b-iqi2zopjzm] .budget-month-header {
    min-width: 90px;
}

[b-iqi2zopjzm] .budget-total-header {
    min-width: 100px;
    background: #e3f2fd !important;
}

[b-iqi2zopjzm] .budget-table tbody td {
    padding: 0.5rem;
    border: 1px solid #e9ecef;
    text-align: right;
    vertical-align: middle;
}

[b-iqi2zopjzm] .budget-coa-cell {
    position: sticky;
    left: 0;
    background: white;
    text-align: left !important;
    z-index: 5;
    border-right: 2px solid #dee2e6;
}

[b-iqi2zopjzm] .budget-coa-info {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

[b-iqi2zopjzm] .budget-coa-code {
    font-size: 0.875rem;
    font-weight: 600;
    color: #212529;
}

[b-iqi2zopjzm] .budget-coa-name {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #6c757d;
}

[b-iqi2zopjzm] .budget-amount-cell {
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
}

[b-iqi2zopjzm] .budget-amount-cell.locked {
    background: #f8f9fa;
}

[b-iqi2zopjzm] .budget-amount-cell.unlocked {
    background: white;
}

[b-iqi2zopjzm] .budget-amount-cell.empty {
    background: #fafafa;
}

[b-iqi2zopjzm] .budget-amount-cell:hover {
    background: #e3f2fd;
}

[b-iqi2zopjzm] .budget-cell-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    font-size: 0.875rem;
}

[b-iqi2zopjzm] .budget-cell-amount {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

[b-iqi2zopjzm] .lock-icon {
    color: #d32f2f;
}

[b-iqi2zopjzm] .budget-lock-toggle-inline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: white;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.15s ease;
    opacity: 0;
}

/* Always show button when locked */
[b-iqi2zopjzm] .budget-lock-toggle-inline.locked {
    opacity: 1;
    color: #d32f2f;
    border-color: #ef5350;
}

/* Show button on hover for unlocked budgets */
[b-iqi2zopjzm] .budget-amount-cell:hover .budget-lock-toggle-inline {
    opacity: 1;
}

[b-iqi2zopjzm] .budget-lock-toggle-inline:hover {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #495057;
}

[b-iqi2zopjzm] .budget-lock-toggle-inline.locked:hover {
    background: #ffebee;
    border-color: #ef5350;
    color: #d32f2f;
}

[b-iqi2zopjzm] .budget-lock-toggle-inline.unlocked:hover {
    background: #e8f5e9;
    border-color: #66bb6a;
    color: #2e7d32;
}

/* Disabled state */
[b-iqi2zopjzm] .budget-lock-toggle-inline:disabled {
    cursor: not-allowed;
    opacity: 1;
    background: #f8f9fa;
    color: #adb5bd;
    border-color: #dee2e6;
}

[b-iqi2zopjzm] .budget-lock-toggle-inline.locked:disabled {
    opacity: 1;
    background: #f8f9fa;
    color: #e57373;
    border-color: #ffcdd2;
}

[b-iqi2zopjzm] .budget-lock-toggle-inline:disabled:hover {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #adb5bd;
}

[b-iqi2zopjzm] .budget-lock-toggle-inline.locked:disabled:hover {
    background: #f8f9fa;
    color: #e57373;
    border-color: #ffcdd2;
}

[b-iqi2zopjzm] .budget-total-cell {
    background: #e3f2fd;
    font-weight: 600;
    font-size: 0.875rem;
    vertical-align: middle;
    text-align: right;
}

[b-iqi2zopjzm] .budget-total-row td {
    background: #e3f2fd !important;
    font-weight: 700;
    font-size: 0.9375rem;
    border-top: 2px solid #1976d2;
    vertical-align: middle;
    text-align: right;
}

[b-iqi2zopjzm] .budget-total-label {
    position: sticky;
    left: 0;
    z-index: 6;
    text-align: left !important;
}

[b-iqi2zopjzm] .budget-total-row .budget-grand-total-cell {
    background: #1565c0 !important;
    color: white !important;
    font-weight: 700 !important;
}
/* /Features/ChartOfAccounts/ChartOfAccounts.razor.rz.scp.css */
/* Department Tags */
.department-tags[b-xj7x4fqykj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    align-items: center;
}

.tag[b-xj7x4fqykj] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 12px;
    font-size: 0.8125rem;
    font-weight: 500;
    white-space: nowrap;
}

.tag-sm[b-xj7x4fqykj] {
    padding: 0.1875rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 10px;
}

.tag-more[b-xj7x4fqykj] {
    background: #f5f5f5;
    color: #666;
    font-style: italic;
}

/* Status Badges */
.status-badge[b-xj7x4fqykj] {
    display: inline-flex;
    align-items: center;
    padding: 0.1875rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.status-enabled[b-xj7x4fqykj] {
    background: #d4edda;
    color: #155724;
}

.status-disabled[b-xj7x4fqykj] {
    background: #e2e3e5;
    color: #6c757d;
}

/* Hierarchy Tree Visualization */
.coa-hierarchy-wrapper[b-xj7x4fqykj] {
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.coa-tree-lines[b-xj7x4fqykj] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
}

.tree-line[b-xj7x4fqykj] {
    display: inline-block;
    width: 20px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
}

.tree-line.corner[b-xj7x4fqykj]::before {
    content: '';
    position: absolute;
    border-left: 2px solid #a0aec0;
    border-bottom: 2px solid #a0aec0;
    top: 0;
    left: 5px;
    width: 12px;
    height: 50%;
    border-bottom-left-radius: 4px;
}

.tree-line.spacer[b-xj7x4fqykj] {
    width: 20px;
}

.coa-name-content[b-xj7x4fqykj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-height: 24px;
}

.coa-name-content .clickable-name[b-xj7x4fqykj] {
    padding: 0 !important;
    cursor: pointer;
    color: #2563eb;
    font-weight: 500;
}

.coa-name-content .clickable-name:hover[b-xj7x4fqykj] {
    text-decoration: underline;
}

.coa-name-content .coa-name-readonly[b-xj7x4fqykj] {
    color: #6c757d;
}

.disabled-badge[b-xj7x4fqykj] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.375rem;
    background: #fff3cd;
    color: #856404;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
    margin-left: 0.5rem;
}

/* Multi-select Dropdown Filters */
.filter-item .dropdown[b-xj7x4fqykj] {
    position: relative;
    height: 100%;
}

.filter-item .dropdown .btn[b-xj7x4fqykj] {
    height: 31px;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    display: inline-flex;
    align-items: center;
    width: auto; /* shrink to content */
    max-width: 260px; /* safety to avoid over-expansion if many selected */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-item .dropdown-menu[b-xj7x4fqykj] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 200px;
    margin-top: 0.25rem;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.filter-item .dropdown-item[b-xj7x4fqykj] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    cursor: pointer;
    user-select: none;
}

.filter-item .dropdown-item:hover[b-xj7x4fqykj] {
    background-color: #f8f9fa;
}

.filter-item .dropdown-item input[type="checkbox"][b-xj7x4fqykj] {
    margin: 0;
    cursor: pointer;
}

/* ==========================
   Chart Of Accounts Header
   Simple two-cluster layout
========================== */
.coa-header[b-xj7x4fqykj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
}

.coa-filters[b-xj7x4fqykj] { /* left cluster */
    display: inline-flex;
    align-items: center;
    gap: 10px; /* fixed spacing requirement */
}

.coa-filter-item[b-xj7x4fqykj] { display: inline-flex; align-items: center; position: relative; }

/* Re-scope dropdown button style to new class to avoid global coupling */
.coa-filter-item .dropdown .btn[b-xj7x4fqykj] {
    height: 31px;
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.3;
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coa-filter-item .dropdown-menu[b-xj7x4fqykj] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 200px;
    width: max-content;
    max-width: 500px;
    margin-top: 0.25rem;
    background: white;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    max-height: 300px;
    overflow-y: auto;
}

.coa-filter-item .dropdown-item[b-xj7x4fqykj] { 
    display: flex; 
    align-items: center; 
    padding: 0.5rem 1rem; 
    cursor: pointer; 
    user-select: none;
    white-space: nowrap;
}
.coa-filter-item .dropdown-item:hover[b-xj7x4fqykj] { background:#f8f9fa; }
.coa-filter-item .dropdown-item input[type="checkbox"][b-xj7x4fqykj] { margin:0; cursor:pointer; }

/* Search */
.coa-search[b-xj7x4fqykj] { position:relative; display:inline-flex; align-items:center; }
.coa-search input.form-control[b-xj7x4fqykj] { padding-right:1.5rem; width:340px; }
.coa-search .icon[b-xj7x4fqykj] { position:absolute; right:6px; color:#6c757d; pointer-events:none; }

/* Actions cluster */
.coa-actions[b-xj7x4fqykj] { display:inline-flex; align-items:center; gap:0.5rem; }
.coa-actions .btn[b-xj7x4fqykj] { height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0 .65rem; font-size:0.8125rem; line-height:1; margin:0; vertical-align:middle; }
.coa-actions .btn svg[b-xj7x4fqykj], .coa-actions .btn i[b-xj7x4fqykj] { margin-right:4px; }

/* Create (+) button consistency with other pages (square icon button) */
.coa-actions .btn-add[b-xj7x4fqykj], .coa-header .btn-add[b-xj7x4fqykj] {
    width:32px; height:32px; padding:0; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid #0d6efd; background:#0d6efd; color:white; border-radius:6px; cursor:pointer; transition:all .15s ease;
}
.coa-actions .btn-add svg[b-xj7x4fqykj], .coa-header .btn-add svg[b-xj7x4fqykj] { width:18px; height:18px; }
.coa-actions .btn-add:hover:not([disabled])[b-xj7x4fqykj], .coa-header .btn-add:hover:not([disabled])[b-xj7x4fqykj] { background:#0b5ed7; border-color:#0a58ca; }
.coa-actions .btn-add[disabled][b-xj7x4fqykj], .coa-header .btn-add[disabled][b-xj7x4fqykj] { cursor:not-allowed; opacity:.6; }

/* More actions button (three dots) */
.btn-more-actions[b-xj7x4fqykj] {
    width:32px; height:32px; padding:0; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid #ced4da; background:white; border-radius:6px; cursor:pointer; transition:background-color .15s ease;
}
.btn-more-actions:hover[b-xj7x4fqykj] { background:#e9ecef; }
.btn-more-actions svg[b-xj7x4fqykj] { width:20px; height:20px; }

/* Row actions button (smaller three dots in table) */
.btn-row-actions[b-xj7x4fqykj] {
    width:28px; height:28px; padding:0; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid #dee2e6; background:white; border-radius:4px; cursor:pointer; transition:all .15s ease;
}
.btn-row-actions:hover[b-xj7x4fqykj] { background:#e9ecef; border-color:#adb5bd; }
.btn-row-actions svg[b-xj7x4fqykj] { width:16px; height:16px; color:#6c757d; }

/* Right-aligned menu for more actions */
.more-actions-menu[b-xj7x4fqykj] { right:0; left:auto !important; min-width:160px; }

/* Row actions menu positioning - ensure it's not clipped */
.btn-row-actions + .filter-menu[b-xj7x4fqykj] {
    z-index: 1100; /* Higher than table container */
}

/* Filter button/menu (migrated from global) */
.filter-container[b-xj7x4fqykj] { position: relative; }
.btn-filter[b-xj7x4fqykj] { display:flex; align-items:center; gap:0.5rem; padding:0.5rem 0.75rem; border:1px solid #ced4da; border-radius:6px; background:#fff; color:#495057; font-size:0.8125rem; cursor:pointer; transition:all .15s ease; height:32px; }
.btn-filter:hover[b-xj7x4fqykj] { background:#e9ecef; border-color:#adb5bd; }
.filter-label[b-xj7x4fqykj] { font-weight:500; }
.filter-arrow[b-xj7x4fqykj] { transition: transform .15s ease; }
.btn-filter:hover .filter-arrow[b-xj7x4fqykj] { transform: rotate(180deg); }
.filter-menu[b-xj7x4fqykj] { 
    position: absolute; 
    top: calc(100% + 0.25rem); 
    left: 0; 
    background: #fff; 
    border: 1px solid #e9ecef; 
    border-radius: 6px; 
    box-shadow: 0 4px 12px rgba(0,0,0,.15); 
    min-width: 180px;
    width: max-content;
    max-width: 500px;
    z-index: 1000; 
    opacity: 0; 
    visibility: hidden; 
    transform: translateY(-6px); 
    transition: all .18s ease;
}
.filter-menu.show[b-xj7x4fqykj] { opacity:1; visibility:visible; transform:translateY(0); }
.filter-item[b-xj7x4fqykj] { 
    width: 100%; 
    padding: 0.55rem 0.9rem; 
    border: none; 
    background: none; 
    color: #495057; 
    font-size: 0.8125rem; 
    text-align: left; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    gap: 0.5rem; 
    transition: background-color .15s ease;
    white-space: nowrap;
}
.filter-item:hover[b-xj7x4fqykj] { background:#f8f9fa; }
.filter-item.active[b-xj7x4fqykj] { background:#e3f2fd; color:#1976d2; }
.filter-divider[b-xj7x4fqykj] { height:1px; background:#e9ecef; margin:0.25rem 0; }

/* Table Container */
.table-container[b-xj7x4fqykj] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 0 0 8px 8px;
    overflow-x: auto;
    /* Use min-height instead of max-height to avoid forcing scroll on few items */
    min-height: 200px;
    /* But limit height when there are many items */
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    padding-bottom: 3rem; /* Extra space for dropdowns at bottom rows */
}

@media (max-width: 900px) {
  .coa-header[b-xj7x4fqykj] { flex-wrap: wrap; }
  .coa-actions[b-xj7x4fqykj] { order: 3; width:100%; justify-content:flex-start; }
}
/* /Features/ChartOfAccounts/CoaEditorModal.razor.rz.scp.css */
/* Employee Select Container */
.employee-select-container[b-91bo6c7fcg] {
    position: relative;
    display: block;
}

.employee-input[b-91bo6c7fcg] {
    width: 100%;
    padding-right: 45px;
}

.btn-select-employee[b-91bo6c7fcg] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #6c757d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-select-employee:hover:not(:disabled)[b-91bo6c7fcg] {
    background: #e9ecef;
    color: #495057;
}

.btn-select-employee:disabled[b-91bo6c7fcg] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-select-employee.clear-btn[b-91bo6c7fcg] {
    right: 45px;
}

/* Tags Container */
.tags-container[b-91bo6c7fcg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 40px;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.tag[b-91bo6c7fcg] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.15s ease;
}

.tag:hover[b-91bo6c7fcg] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.tag-remove[b-91bo6c7fcg] {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.15s ease;
}

.tag-remove:hover[b-91bo6c7fcg] {
    opacity: 1;
}

.tag-add[b-91bo6c7fcg] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background: white;
    color: #6c757d;
    border: 1px dashed #ced4da;
    border-radius: 16px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.tag-add:hover[b-91bo6c7fcg] {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #495057;
}

/* Footer Icon Button */
.btn-icon[b-91bo6c7fcg] {
    width: 40px;
    height: 40px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.btn-icon:hover[b-91bo6c7fcg] {
    background-color: #f8f9fa;
}
/* /Features/ChartOfAccounts/SelectCoaModal.razor.rz.scp.css */
.modal-form[b-t1rzqhontk] {
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.search-section[b-t1rzqhontk] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.coa-list-container[b-t1rzqhontk] {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}

.coa-list[b-t1rzqhontk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.coa-item[b-t1rzqhontk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
    width: 100%;
}

.coa-item:hover[b-t1rzqhontk] {
    background: #f8f9fa;
    border-color: #dee2e6;
}

.coa-item.selected[b-t1rzqhontk] {
    background: #e3f2fd;
    border-color: #1976d2;
}

.coa-info[b-t1rzqhontk] {
    flex: 1;
}

.coa-name[b-t1rzqhontk] {
    font-size: 1rem;
    font-weight: 500;
    color: #212529;
    margin-bottom: 0.25rem;
}

.coa-details[b-t1rzqhontk] {
    font-size: 0.875rem;
    color: #6c757d;
}

.badge[b-t1rzqhontk] {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.no-results[b-t1rzqhontk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
}

.no-results svg[b-t1rzqhontk] {
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-results p[b-t1rzqhontk] {
    margin: 0;
    font-size: 0.875rem;
}
/* /Features/ChartOfAccounts/SelectDepartmentModal.razor.rz.scp.css */
.list-group-item.active[b-hc6d8l6zvh] {
    background-color: #e3f2fd;
    border-color: #90caf9;
    color: #1976d2;
}

.list-group-item.active:hover[b-hc6d8l6zvh] {
    background-color: #bbdefb;
    border-color: #64b5f6;
    color: #1565c0;
}
/* /Features/Dashboard/Dashboard.razor.rz.scp.css */
/* /Features/Divisions/CreateDepartmentModal.razor.rz.scp.css */
/* CreateDepartmentModal Component Styles */

/* Component-specific styles only - global modal styles are in modals.css */

/* Ensure form inputs are full width */
.form-input[b-1hktzhwk5o] {
    width: 100%;
    box-sizing: border-box;
}

/* Form group styling */
.form-group[b-1hktzhwk5o] {
    margin-bottom: 1rem;
}

.form-label[b-1hktzhwk5o] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #495057;
}

/* Input and textarea styling */
.form-input[b-1hktzhwk5o] {
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-input:focus[b-1hktzhwk5o] {
    color: #495057;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Error state styling */
.input-error[b-1hktzhwk5o] {
    border-color: #dc3545;
}

.input-error:focus[b-1hktzhwk5o] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* Field error message styling */
.field-error-message[b-1hktzhwk5o] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545;
}

/* Form section styling */
.form-section[b-1hktzhwk5o] {
    margin-bottom: 1rem;
}

/* Modal form container - force single-column layout for department form */
.modal-form[b-1hktzhwk5o] {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0;
    padding: 0;
}

/* Alert styling */
.alert[b-1hktzhwk5o] {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.375rem;
}

.alert-danger[b-1hktzhwk5o] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
/* /Features/Divisions/Divisions.razor.rz.scp.css */
/* /Features/Employees/ArchiveEmployeeModal.razor.rz.scp.css */
.modal-footer-buttons[b-lm1j8omkji] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}
/* /Features/Employees/DeleteEmployeeModal.razor.rz.scp.css */
.modal-footer-buttons[b-a5mw6qct53] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}
/* /Features/Employees/Employees.razor.rz.scp.css */
/* Employees Page Specific Styles */

/* Left Panel - Employees */
.employees-panel[b-y9gp2ocw30] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.panel-header[b-y9gp2ocw30] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.panel-title[b-y9gp2ocw30] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

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

.filter-container[b-y9gp2ocw30] {
    position: relative;
}

.btn-filter[b-y9gp2ocw30] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-filter:hover[b-y9gp2ocw30] {
    background: #f8f9fa;
    border-color: #adb5bd;
}

.filter-label[b-y9gp2ocw30] {
    font-weight: 500;
}

.filter-arrow[b-y9gp2ocw30] {
    transition: transform 0.15s ease;
}

.btn-filter:hover .filter-arrow[b-y9gp2ocw30] {
    transform: rotate(180deg);
}

.filter-menu[b-y9gp2ocw30] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    min-width: 150px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.15s ease;
    margin-top: 0.25rem;
}

.filter-menu.show[b-y9gp2ocw30] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.filter-item[b-y9gp2ocw30] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    color: #495057;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.filter-item:hover[b-y9gp2ocw30] {
    background: #f8f9fa;
}

.filter-item.active[b-y9gp2ocw30] {
    background: #e7f3ff;
    color: #0d6efd;
}

.filter-item:first-child[b-y9gp2ocw30] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.filter-item:last-child[b-y9gp2ocw30] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-add[b-y9gp2ocw30] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-add:hover:not(:disabled)[b-y9gp2ocw30] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

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

/* Search Container */
.search-container[b-y9gp2ocw30] {
    position: relative;
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.search-input[b-y9gp2ocw30] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-input:focus[b-y9gp2ocw30] {
    outline: none;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.search-icon[b-y9gp2ocw30] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

/* Employees List */
.employees-list[b-y9gp2ocw30] {
    flex: 1;
    overflow-y: auto;
}

.employee-item[b-y9gp2ocw30] {
    width: 100%;
    padding: 1rem;
    border: none;
    background: white;
    border-bottom: 1px solid #f1f3f4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease;
}

.employee-item:hover[b-y9gp2ocw30] {
    background: #f8f9fa;
}

.employee-item.active[b-y9gp2ocw30] {
    background: #e3f2fd;
    border-left: 3px solid #1976d2;
}

.employee-content[b-y9gp2ocw30] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.employee-info[b-y9gp2ocw30] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.employee-name[b-y9gp2ocw30] {
    font-size: 1rem;
    color: #495057;
    font-weight: 400;
}

.employee-number[b-y9gp2ocw30] {
    font-size: 0.75rem;
    color: #6c757d;
}

.employee-item.active .employee-name[b-y9gp2ocw30] {
    color: #1976d2;
    font-weight: 500;
}

.employee-item.archived[b-y9gp2ocw30] {
    opacity: 0.7;
    background-color: #f8f9fa;
}

.employee-item.archived:hover[b-y9gp2ocw30] {
    background-color: #e9ecef;
}

.employee-item.archived .employee-name[b-y9gp2ocw30] {
    color: #6c757d;
    text-decoration: line-through;
}

.employee-item.archived.active[b-y9gp2ocw30] {
    background-color: #e3f2fd;
    opacity: 0.8;
}

.employee-item.archived.active .employee-name[b-y9gp2ocw30] {
    color: #1976d2;
    font-weight: 500;
}

.employee-departments[b-y9gp2ocw30] {
    display: flex;
    gap: 0.25rem;
    margin-top: 0.25rem;
    flex-wrap: wrap;
}

.dept-badge[b-y9gp2ocw30] {
    font-size: 0.625rem;
    font-weight: 500;
    padding: 0.125rem 0.375rem;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dept-badge[b-y9gp2ocw30] {
    color: #6c757d;
    background-color: #e9ecef;
}

.dept-badge.primary[b-y9gp2ocw30] {
    color: #0d6efd;
    background-color: #e7f3ff;
}

.dept-badge.more[b-y9gp2ocw30] {
    color: #6c757d;
    background-color: #dee2e6;
}

.employee-badges[b-y9gp2ocw30] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.signature-badge[b-y9gp2ocw30],
.user-badge[b-y9gp2ocw30] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #28a745;
    color: white;
}

.archived-badge[b-y9gp2ocw30] {
    font-size: 0.625rem;
    font-weight: 500;
    padding: 0.125rem 0.375rem;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    background-color: #e9ecef;
}

.expand-icon[b-y9gp2ocw30] {
    color: #adb5bd;
    transition: transform 0.15s ease;
}

.employee-item:hover .expand-icon[b-y9gp2ocw30] {
    color: #6c757d;
}

.employee-item.active .expand-icon[b-y9gp2ocw30] {
    color: #1976d2;
}

/* Right Panel - Details */
.details-panel[b-y9gp2ocw30] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.section-header[b-y9gp2ocw30] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.section-title[b-y9gp2ocw30] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

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

.detail-section[b-y9gp2ocw30] {
    flex: 1;
    overflow-y: auto;
}

.detail-form[b-y9gp2ocw30] {
    padding: 1.5rem;
}

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

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

.form-input[b-y9gp2ocw30] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-input:focus[b-y9gp2ocw30] {
    outline: none;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.form-input:disabled[b-y9gp2ocw30],
.form-input[readonly][b-y9gp2ocw30] {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.form-input.input-error[b-y9gp2ocw30] {
    border-color: #dc3545;
}

.form-input.input-error:focus[b-y9gp2ocw30] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.field-error-message[b-y9gp2ocw30] {
    display: block;
    font-size: 0.75rem;
    color: #dc3545;
    margin-top: 0.25rem;
}

.archived-input[b-y9gp2ocw30] {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #e9ecef;
}

/* Tags Container */
.tags-container[b-y9gp2ocw30] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 40px;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.tag[b-y9gp2ocw30] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.15s ease;
}

.tag:hover[b-y9gp2ocw30] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.tag.tag-primary[b-y9gp2ocw30] {
    background: #0d6efd;
    color: white;
}

.primary-indicator[b-y9gp2ocw30] {
    color: #ffc107;
    font-size: 0.75rem;
}

.tag-remove[b-y9gp2ocw30] {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.15s ease;
}

.tag-remove:hover[b-y9gp2ocw30] {
    opacity: 1;
}

.tag-add[b-y9gp2ocw30] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background: white;
    color: #6c757d;
    border: 1px dashed #ced4da;
    border-radius: 16px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.tag-add:hover[b-y9gp2ocw30] {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #495057;
}

/* More Options Menu */
.more-options-container[b-y9gp2ocw30] {
    position: relative;
}

.btn-icon[b-y9gp2ocw30] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    background: white;
    color: #495057;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-icon:hover[b-y9gp2ocw30] {
    background: #e9ecef;
    border-color: #adb5bd;
}

.more-options-menu[b-y9gp2ocw30] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s ease;
}

.more-options-menu.show[b-y9gp2ocw30] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.menu-item[b-y9gp2ocw30] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: none;
    background: none;
    color: #495057;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: background-color 0.15s ease;
}

.menu-item:hover[b-y9gp2ocw30] {
    background-color: #f8f9fa;
}

.menu-item:first-child[b-y9gp2ocw30] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.menu-item:last-child[b-y9gp2ocw30] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.menu-item svg[b-y9gp2ocw30] {
    color: #6c757d;
}

.menu-item.text-danger[b-y9gp2ocw30] {
    color: #dc3545;
}

.menu-item.text-danger svg[b-y9gp2ocw30] {
    color: #dc3545;
}

/* Empty Selection */
.empty-selection[b-y9gp2ocw30] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.empty-icon[b-y9gp2ocw30] {
    color: #dee2e6;
    margin-bottom: 1.5rem;
}

.empty-selection h3[b-y9gp2ocw30] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-selection p[b-y9gp2ocw30] {
    font-size: 1rem;
    color: #6c757d;
    text-align: center;
    max-width: 400px;
}

/* Alert Messages */
.alert[b-y9gp2ocw30] {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger[b-y9gp2ocw30] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Loading Indicator */
.loading-indicator[b-y9gp2ocw30] {
    padding: 1rem;
    text-align: center;
    color: #6c757d;
    font-size: 0.875rem;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .content-layout[b-y9gp2ocw30] {
        grid-template-columns: 350px 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .content-layout[b-y9gp2ocw30] {
        grid-template-columns: 1fr;
        gap: 1rem;
        height: auto;
    }

    .employees-panel[b-y9gp2ocw30] {
        height: 300px;
    }

    .details-panel[b-y9gp2ocw30] {
        min-height: 500px;
    }
}

@media (max-width: 768px) {
    .page-header[b-y9gp2ocw30] {
        margin-bottom: 1rem;
    }

    .section-header[b-y9gp2ocw30] {
        padding: 0.75rem;
    }

    .detail-form[b-y9gp2ocw30] {
        padding: 1rem;
    }
}

}
/* /Features/Employees/EmployeeSignatureModal.razor.rz.scp.css */
.modal-form[b-b8siezo1tt] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.employee-info[b-b8siezo1tt] {
    padding: 0.75rem;
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    border-left: 4px solid #0d6efd;
}

.employee-info h6[b-b8siezo1tt] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
}

.current-signature h6[b-b8siezo1tt] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.signature-display[b-b8siezo1tt] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
    background-color: #f8f9fa;
    text-align: center;
    max-height: 200px;
    overflow: hidden;
}

.signature-image[b-b8siezo1tt] {
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
}

.signature-placeholder[b-b8siezo1tt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #6c757d;
}

.signature-placeholder svg[b-b8siezo1tt] {
    margin-bottom: 0.5rem;
    opacity: 0.5;
}

.signature-placeholder p[b-b8siezo1tt] {
    margin: 0;
    font-size: 0.875rem;
}

.signature-info[b-b8siezo1tt] {
    margin-top: 0.5rem;
}

.signature-info small[b-b8siezo1tt] {
    font-size: 0.75rem;
    color: #6c757d;
    line-height: 1.4;
}

.upload-section[b-b8siezo1tt] {
    border: 1px dashed #dee2e6;
    border-radius: 0.375rem;
    padding: 1.5rem;
    text-align: center;
}

.upload-section h6[b-b8siezo1tt] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.upload-section .form-control[b-b8siezo1tt] {
    margin-bottom: 0.5rem;
}

.upload-section .form-text[b-b8siezo1tt] {
    font-size: 0.75rem;
    color: #6c757d;
}

.preview-section[b-b8siezo1tt] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
}

.preview-section h6[b-b8siezo1tt] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.alert[b-b8siezo1tt] {
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    margin: 0;
}

.alert-danger[b-b8siezo1tt] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.alert-success[b-b8siezo1tt] {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
    border: 1px solid #c3e6cb;
}
/* /Features/Employees/FundingRequests/Components/ActionModal.razor.rz.scp.css */
.modal-overlay[b-fu3wiqlx6h] {
    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: 1050;
    padding: 1rem;
}

.modal-dialog[b-fu3wiqlx6h] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

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

.modal-title[b-fu3wiqlx6h] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.modal-close[b-fu3wiqlx6h] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    color: #6c757d;
    transition: color 0.2s;
}

.modal-close:hover[b-fu3wiqlx6h] {
    color: #212529;
}

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

.action-modal-body[b-fu3wiqlx6h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.action-info-section[b-fu3wiqlx6h] {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.action-info-item[b-fu3wiqlx6h] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.action-label[b-fu3wiqlx6h] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.action-value[b-fu3wiqlx6h] {
    font-size: 0.95rem;
    color: #212529;
    font-weight: 600;
}

.action-description[b-fu3wiqlx6h] {
    grid-column: 1 / -1;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    color: #495057;
    font-size: 0.9rem;
}

.action-description svg[b-fu3wiqlx6h] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.action-attachments-section[b-fu3wiqlx6h] {
    padding: 1rem;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    background: #fff;
}

.section-title[b-fu3wiqlx6h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.section-description[b-fu3wiqlx6h] {
    margin: 0 0 1rem 0;
    color: #6c757d;
    font-size: 0.9rem;
}

.uploaded-attachments[b-fu3wiqlx6h] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attachment-item[b-fu3wiqlx6h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    font-size: 0.9rem;
}

.attachment-item svg[b-fu3wiqlx6h] {
    flex-shrink: 0;
}

.action-comment-section textarea[b-fu3wiqlx6h] {
    min-height: 100px;
    resize: vertical;
    font-size: 0.9rem;
}

.modal-footer[b-fu3wiqlx6h] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer .btn[b-fu3wiqlx6h] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.modal-footer .btn:disabled[b-fu3wiqlx6h] {
    opacity: 0.65;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .action-info-section[b-fu3wiqlx6h] {
        grid-template-columns: 1fr;
    }

    .modal-footer[b-fu3wiqlx6h] {
        flex-direction: column-reverse;
    }

    .modal-footer .btn[b-fu3wiqlx6h] {
        width: 100%;
        justify-content: center;
    }
}
/* /Features/Employees/FundingRequests/Components/CreateWizard/AttachmentsStep.razor.rz.scp.css */
.attachments-container[b-yqw3yx6fr5] {
    margin-bottom: 2rem;
}

.attachments-list[b-yqw3yx6fr5] {
    margin-bottom: 1.5rem;
}

.attachment-item[b-yqw3yx6fr5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 0.75rem;
}

.attachment-icon[b-yqw3yx6fr5] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 6px;
    color: #6c757d;
}

.attachment-icon svg[b-yqw3yx6fr5] {
    width: 24px;
    height: 24px;
}

.attachment-info[b-yqw3yx6fr5] {
    flex: 1;
    min-width: 0;
}

.attachment-name[b-yqw3yx6fr5] {
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.25rem;
    word-break: break-word;
}

.attachment-meta[b-yqw3yx6fr5] {
    font-size: 0.875rem;
    color: #6c757d;
}

.upload-progress[b-yqw3yx6fr5] {
    width: 100%;
    height: 4px;
    background: #e9ecef;
    border-radius: 2px;
    margin-top: 0.5rem;
    overflow: hidden;
}

.progress-bar[b-yqw3yx6fr5] {
    height: 100%;
    background: #0d6efd;
    transition: width 0.3s ease;
}

.upload-status[b-yqw3yx6fr5] {
    font-size: 0.875rem;
    color: #0d6efd;
    margin-top: 0.25rem;
}

.upload-error[b-yqw3yx6fr5] {
    font-size: 0.875rem;
    color: #dc3545;
    margin-top: 0.25rem;
}

.upload-success[b-yqw3yx6fr5] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: #198754;
    margin-top: 0.25rem;
}

.success-icon[b-yqw3yx6fr5] {
    width: 16px;
    height: 16px;
}

.attachment-description-input[b-yqw3yx6fr5] {
    margin-top: 0.75rem;
}

.attachment-description-input .form-control[b-yqw3yx6fr5] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.9375rem;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    transition: border-color 0.2s;
}

.attachment-description-input .form-control:focus[b-yqw3yx6fr5] {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.attachment-description-input .form-control[b-yqw3yx6fr5]::placeholder {
    color: #adb5bd;
}

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

.upload-area:hover[b-yqw3yx6fr5],
.upload-area.dragging[b-yqw3yx6fr5] {
    border-color: #0d6efd;
    background: #e7f1ff;
}

.upload-icon[b-yqw3yx6fr5] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    color: #6c757d;
}

.upload-area h4[b-yqw3yx6fr5] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.upload-area p[b-yqw3yx6fr5] {
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.text-muted[b-yqw3yx6fr5] {
    color: #adb5bd !important;
    font-size: 0.875rem;
}

.alert[b-yqw3yx6fr5] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.alert-danger[b-yqw3yx6fr5] {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

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

.wizard-actions[b-yqw3yx6fr5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
    margin-top: 2rem;
    gap: 1rem;
}

.wizard-actions-left[b-yqw3yx6fr5] {
    display: flex;
    gap: 0.75rem;
}

.wizard-actions-right[b-yqw3yx6fr5] {
    display: flex;
    gap: 0.75rem;
    margin-left: auto;
}

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

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

.btn-primary[b-yqw3yx6fr5] {
    background-color: #0d6efd;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-yqw3yx6fr5] {
    background-color: #0b5ed7;
}

.btn-outline-primary[b-yqw3yx6fr5] {
    background-color: white;
    color: #0d6efd;
    border: 1px solid #0d6efd;
}

.btn-outline-primary:hover:not(:disabled)[b-yqw3yx6fr5] {
    background-color: #0d6efd;
    color: white;
}

.btn-outline-secondary[b-yqw3yx6fr5] {
    background-color: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.btn-outline-secondary:hover:not(:disabled)[b-yqw3yx6fr5] {
    background-color: #f8f9fa;
    color: #5c636a;
}

.btn-outline-danger[b-yqw3yx6fr5] {
    background-color: white;
    color: #dc3545;
    border: 1px solid #dc3545;
}

.btn-outline-danger:hover:not(:disabled)[b-yqw3yx6fr5] {
    background-color: #dc3545;
    color: white;
}

.btn-icon-start[b-yqw3yx6fr5],
.btn-icon-end[b-yqw3yx6fr5] {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {
    .attachment-item[b-yqw3yx6fr5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .upload-area[b-yqw3yx6fr5] {
        padding: 2rem 1rem;
    }

    .upload-icon[b-yqw3yx6fr5] {
        width: 48px;
        height: 48px;
    }

    .upload-area h4[b-yqw3yx6fr5] {
        font-size: 1rem;
    }
    
    .wizard-actions[b-yqw3yx6fr5] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .wizard-actions-left[b-yqw3yx6fr5],
    .wizard-actions-right[b-yqw3yx6fr5] {
        width: 100%;
        flex-direction: column;
    }
    
    .btn[b-yqw3yx6fr5] {
        width: 100%;
        justify-content: center;
    }
}
/* /Features/Employees/FundingRequests/Components/CreateWizard/BasicInfoStep.razor.rz.scp.css */
.wizard-step[b-kplxmwaxzy] {
    background: white;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 1px 3px #888888;
}

.step-title[b-kplxmwaxzy] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.step-description[b-kplxmwaxzy] {
    color: #6c757d;
    margin-bottom: 2rem;
}

.form-section[b-kplxmwaxzy] {
    margin-bottom: 2rem;
}

.form-group[b-kplxmwaxzy] {
    margin-bottom: 1.5rem;
}

.form-label[b-kplxmwaxzy] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #212529;
}

.form-label.required[b-kplxmwaxzy]::after {
    content: " *";
    color: #dc3545;
}

.form-control[b-kplxmwaxzy],
.form-select[b-kplxmwaxzy] {
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #888888;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-kplxmwaxzy],
.form-select:focus[b-kplxmwaxzy] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-text[b-kplxmwaxzy] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #6c757d;
}

.priority-options[b-kplxmwaxzy] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.priority-option[b-kplxmwaxzy] {
    cursor: pointer;
    flex: 1;
    min-width: 100px;
}

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

.priority-badge[b-kplxmwaxzy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    border: 2px solid transparent;
    font-weight: 500;
    transition: all 0.2s;
}

.priority-option .priority-badge[b-kplxmwaxzy] {
    border-color: #dee2e6;
    background-color: #f8f9fa;
    color: #6c757d;
}

.priority-option.selected .priority-badge[b-kplxmwaxzy],
.priority-option:hover .priority-badge[b-kplxmwaxzy] {
    border-color: currentColor;
}

.priority-badge.low[b-kplxmwaxzy] {
    color: #0dcaf0;
}

.priority-option.selected .priority-badge.low[b-kplxmwaxzy] {
    background-color: #cff4fc;
}

.priority-badge.medium[b-kplxmwaxzy] {
    color: #ffc107;
}

.priority-option.selected .priority-badge.medium[b-kplxmwaxzy] {
    background-color: #fff3cd;
}

.priority-badge.high[b-kplxmwaxzy] {
    color: #fd7e14;
}

.priority-option.selected .priority-badge.high[b-kplxmwaxzy] {
    background-color: #ffe5d0;
}

.priority-badge.critical[b-kplxmwaxzy] {
    color: #dc3545;
}

.priority-option.selected .priority-badge.critical[b-kplxmwaxzy] {
    background-color: #f8d7da;
}

.priority-icon[b-kplxmwaxzy] {
    width: 16px;
    height: 16px;
}

.workflow-type-options[b-kplxmwaxzy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-top: 0.5rem;
}

.workflow-type-option[b-kplxmwaxzy] {
    cursor: pointer;
    display: block;
}

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

.workflow-type-card[b-kplxmwaxzy] {
    height: 100%;
    padding: 1.25rem;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    background-color: #fff;
    transition: all 0.2s;
}

.workflow-type-option:hover .workflow-type-card[b-kplxmwaxzy] {
    border-color: #0d6efd;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.15);
}

.workflow-type-option.selected .workflow-type-card[b-kplxmwaxzy] {
    border-color: #0d6efd;
    background-color: #f0f7ff;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2);
}

.workflow-type-header[b-kplxmwaxzy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.workflow-type-icon[b-kplxmwaxzy] {
    width: 24px;
    height: 24px;
    color: #0d6efd;
    flex-shrink: 0;
}

.workflow-type-title[b-kplxmwaxzy] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
}

.workflow-type-description[b-kplxmwaxzy] {
    font-size: 0.875rem;
    color: #6c757d;
    line-height: 1.5;
    margin: 0;
}

.workflow-type-description strong[b-kplxmwaxzy] {
    color: #495057;
    font-weight: 600;
}

.wizard-actions[b-kplxmwaxzy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
    margin-top: 2rem;
    gap: 1rem;
}

.wizard-actions-left[b-kplxmwaxzy] {
    display: flex;
    gap: 0.75rem;
}

.wizard-actions-right[b-kplxmwaxzy] {
    display: flex;
    gap: 0.75rem;
    margin-left: auto;
}

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

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

.btn-primary[b-kplxmwaxzy] {
    background-color: #0d6efd;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-kplxmwaxzy] {
    background-color: #0b5ed7;
}

.btn-outline-primary[b-kplxmwaxzy] {
    background-color: white;
    color: #0d6efd;
    border: 1px solid #0d6efd;
}

.btn-outline-primary:hover:not(:disabled)[b-kplxmwaxzy] {
    background-color: #0d6efd;
    color: white;
}

.btn-outline-secondary[b-kplxmwaxzy] {
    background-color: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.btn-outline-secondary:hover:not(:disabled)[b-kplxmwaxzy] {
    background-color: #f8f9fa;
    color: #5c636a;
}

.btn-outline-danger[b-kplxmwaxzy] {
    background-color: white;
    color: #dc3545;
    border: 1px solid #dc3545;
}

.btn-outline-danger:hover:not(:disabled)[b-kplxmwaxzy] {
    background-color: #dc3545;
    color: white;
}

.btn-icon-start[b-kplxmwaxzy] {
    width: 16px;
    height: 16px;
}

.btn-icon-end[b-kplxmwaxzy] {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {
    .wizard-step[b-kplxmwaxzy] {
        padding: 1.5rem;
    }

    .step-title[b-kplxmwaxzy] {
        font-size: 1.25rem;
    }

    .priority-options[b-kplxmwaxzy] {
        flex-direction: column;
    }

    .priority-option[b-kplxmwaxzy] {
        flex: none;
        width: 100%;
    }

    .wizard-actions[b-kplxmwaxzy] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn[b-kplxmwaxzy] {
        width: 100%;
        justify-content: center;
    }
}
/* /Features/Employees/FundingRequests/Components/CreateWizard/LineItemsStep.razor.rz.scp.css */
.line-items-container[b-yl7jtossie] {
    margin-bottom: 2rem;
}

.table-responsive[b-yl7jtossie] {
    overflow: visible !important;
}

.line-items-table[b-yl7jtossie] {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.line-items-table th[b-yl7jtossie] {
    background-color: #f8f9fa;
    padding: 0.625rem 0.5rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.line-items-table td[b-yl7jtossie] {
    padding: 0.625rem 0.5rem;
    border-bottom: 1px solid #dee2e6;
    font-size: 0.9375rem;
}

.line-items-table tbody tr:hover[b-yl7jtossie] {
    background-color: #f8f9fa;
}

.coa-info[b-yl7jtossie] {
    display: flex;
    flex-direction: column;
}

.coa-code[b-yl7jtossie] {
    font-weight: 600;
    color: #212529;
}

.coa-name[b-yl7jtossie] {
    font-size: 0.875rem;
    color: #6c757d;
}

.text-end[b-yl7jtossie] {
    text-align: right;
}

.text-center[b-yl7jtossie] {
    text-align: center;
}

.font-weight-bold[b-yl7jtossie] {
    font-weight: 600;
}

.total-amount[b-yl7jtossie] {
    font-size: 1.125rem;
    color: #0d6efd;
}

.btn-icon[b-yl7jtossie] {
    width: 32px;
    height: 32px;
    padding: 0.375rem;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-icon svg[b-yl7jtossie] {
    width: 18px;
    height: 18px;
}

.actions-cell[b-yl7jtossie] {
    text-align: center;
}

.dropdown-toggle-dots[b-yl7jtossie] {
    border: none;
    background: none;
    padding: 0;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    border-radius: 4px;
    transition: all 0.2s;
}

.dropdown-toggle-dots:hover[b-yl7jtossie] {
    background-color: #e9ecef;
    color: #212529;
}

.dropdown-toggle-dots[b-yl7jtossie]::after {
    display: none;
}

.dropdown-menu[b-yl7jtossie] {
    min-width: 150px;
}

.dropdown-item[b-yl7jtossie] {
    display: flex;
    align-items: center;
    padding: 0.625rem 1rem;
    font-size: 0.9375rem;
}

.btn-select-coa[b-yl7jtossie] {
    width: 100%;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #fff;
    border: 2px dashed #0d6efd;
    border-radius: 6px;
    color: #0d6efd;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-select-coa:hover[b-yl7jtossie] {
    background-color: #f0f7ff;
    border-color: #0b5ed7;
}

.btn-select-coa .icon-start[b-yl7jtossie] {
    width: 20px;
    height: 20px;
}

.selected-coa-display[b-yl7jtossie] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background-color: #f0f7ff;
    border: 1px solid #0d6efd;
    border-radius: 6px;
}

.selected-coa-info[b-yl7jtossie] {
    flex: 1;
    min-width: 0;
}

.selected-coa-info .coa-code[b-yl7jtossie] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0d6efd;
    margin-bottom: 0.25rem;
    font-family: 'Courier New', monospace;
}

.selected-coa-info .coa-name[b-yl7jtossie] {
    font-size: 0.875rem;
    color: #212529;
}

.btn-change[b-yl7jtossie] {
    padding: 0.375rem 0.75rem;
    background-color: white;
    border: 1px solid #0d6efd;
    border-radius: 4px;
    color: #0d6efd;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-change:hover[b-yl7jtossie] {
    background-color: #0d6efd;
    color: white;
}

.line-item-description[b-yl7jtossie] {
    min-height: 76px;
    resize: vertical;
    font-family: inherit;
    line-height: 1.5;
}

.empty-state[b-yl7jtossie] {
    text-align: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.empty-icon[b-yl7jtossie] {
    width: 64px;
    height: 64px;
    margin-bottom: 1rem;
    color: #dee2e6;
}

.add-line-item-section[b-yl7jtossie] {
    margin-top: 1.5rem;
}

.add-form[b-yl7jtossie] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
}

.add-form-title[b-yl7jtossie] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.add-form-actions[b-yl7jtossie] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.form-control.readonly-computed[b-yl7jtossie] {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #6c757d;
    cursor: not-allowed;
    font-weight: 500;
}

.form-text[b-yl7jtossie] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.form-text.text-muted[b-yl7jtossie] {
    color: #6c757d;
}

.wizard-actions[b-yl7jtossie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
    margin-top: 2rem;
    gap: 1rem;
}

.wizard-actions-left[b-yl7jtossie] {
    display: flex;
    gap: 0.75rem;
}

.wizard-actions-right[b-yl7jtossie] {
    display: flex;
    gap: 0.75rem;
    margin-left: auto;
}

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

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

.btn-primary[b-yl7jtossie] {
    background-color: #0d6efd;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-yl7jtossie] {
    background-color: #0b5ed7;
}

.btn-outline-primary[b-yl7jtossie] {
    background-color: white;
    color: #0d6efd;
    border: 1px solid #0d6efd;
}

.btn-outline-primary:hover:not(:disabled)[b-yl7jtossie] {
    background-color: #0d6efd;
    color: white;
}

.btn-outline-secondary[b-yl7jtossie] {
    background-color: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.btn-outline-secondary:hover:not(:disabled)[b-yl7jtossie] {
    background-color: #f8f9fa;
    color: #5c636a;
}

.btn-outline-danger[b-yl7jtossie] {
    background-color: white;
    color: #dc3545;
    border: 1px solid #dc3545;
}

.btn-outline-danger:hover:not(:disabled)[b-yl7jtossie] {
    background-color: #dc3545;
    color: white;
}

.btn-icon-start[b-yl7jtossie],
.btn-icon-end[b-yl7jtossie] {
    width: 16px;
    height: 16px;
}

.w-100[b-yl7jtossie] {
    width: 100%;
}

@media (max-width: 768px) {
    .table-responsive[b-yl7jtossie] {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

    .line-items-table[b-yl7jtossie] {
        font-size: 0.875rem;
    }

    .line-items-table th[b-yl7jtossie],
    .line-items-table td[b-yl7jtossie] {
        padding: 0.5rem;
    }
}
/* /Features/Employees/FundingRequests/Components/CreateWizard/ReviewStep.razor.rz.scp.css */
.review-container[b-2jcwp3ea69] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.review-section[b-2jcwp3ea69] {
    background: white;
    border: 1px solid #888888;
    border-radius: 8px;
    overflow: hidden;
}

.section-header[b-2jcwp3ea69] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #888888;
}

.section-title[b-2jcwp3ea69] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.btn-link[b-2jcwp3ea69] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    color: #0d6efd;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.btn-link:hover[b-2jcwp3ea69] {
    background: #e7f1ff;
}

.edit-icon[b-2jcwp3ea69] {
    width: 16px;
    height: 16px;
}

.section-content[b-2jcwp3ea69] {
    padding: 1.5rem;
}

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

.info-item[b-2jcwp3ea69] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-item.full-width[b-2jcwp3ea69] {
    grid-column: 1 / -1;
}

.info-label[b-2jcwp3ea69] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6c757d;
}

.info-value[b-2jcwp3ea69] {
    font-size: 1rem;
    color: #212529;
    white-space: pre-wrap;
}

.request-type-badge[b-2jcwp3ea69] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9375rem;
}

.request-type-badge.normal[b-2jcwp3ea69] {
    background-color: #e7f1ff;
    color: #0d6efd;
}

.request-type-badge.advance[b-2jcwp3ea69] {
    background-color: #fff3cd;
    color: #856404;
}

.request-type-badge .badge-icon[b-2jcwp3ea69] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

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

.review-table th[b-2jcwp3ea69] {
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem;
    color: #495057;
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.review-table td[b-2jcwp3ea69] {
    padding: 0.75rem;
    border-bottom: 1px solid #f8f9fa;
    white-space: pre-wrap;
}

.review-table tbody tr:hover[b-2jcwp3ea69] {
    background: #f8f9fa;
}

.coa-code[b-2jcwp3ea69] {
    font-weight: 600;
    color: #212529;
}

.coa-name[b-2jcwp3ea69] {
    font-size: 0.875rem;
    color: #6c757d;
}

.text-end[b-2jcwp3ea69] {
    text-align: right;
}

.text-center[b-2jcwp3ea69] {
    text-align: center;
}

.font-weight-bold[b-2jcwp3ea69] {
    font-weight: 600;
}

.total-row[b-2jcwp3ea69] {
    background: #f8f9fa;
}

.total-row td[b-2jcwp3ea69] {
    padding: 1rem 0.75rem;
    border-bottom: none;
}

.total-amount[b-2jcwp3ea69] {
    font-size: 1.125rem;
    color: #0d6efd;
}

.attachments-list[b-2jcwp3ea69] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attachment-item[b-2jcwp3ea69] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
}

.attachment-icon[b-2jcwp3ea69] {
    width: 24px;
    height: 24px;
    color: #6c757d;
    flex-shrink: 0;
}

.attachment-details[b-2jcwp3ea69] {
    flex: 1;
}

.attachment-name[b-2jcwp3ea69] {
    font-weight: 500;
    color: #212529;
}

.attachment-meta[b-2jcwp3ea69] {
    font-size: 0.875rem;
    color: #6c757d;
}

.attachment-description[b-2jcwp3ea69] {
    font-size: 0.875rem;
    color: #495057;
    margin-top: 0.25rem;
    white-space: pre-wrap;
}

.text-muted[b-2jcwp3ea69] {
    color: #6c757d;
    font-style: italic;
}

.wizard-actions[b-2jcwp3ea69] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
    margin-top: 2rem;
    gap: 1rem;
}

.action-buttons[b-2jcwp3ea69] {
    display: flex;
    gap: 0.75rem;
    margin-left: auto;
}

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

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

.btn-primary[b-2jcwp3ea69] {
    background-color: #0d6efd;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-2jcwp3ea69] {
    background-color: #0b5ed7;
}

.btn-outline-primary[b-2jcwp3ea69] {
    background-color: white;
    color: #0d6efd;
    border: 1px solid #0d6efd;
}

.btn-outline-primary:hover:not(:disabled)[b-2jcwp3ea69] {
    background-color: #0d6efd;
    color: white;
}

.btn-outline-secondary[b-2jcwp3ea69] {
    background-color: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.btn-outline-secondary:hover:not(:disabled)[b-2jcwp3ea69] {
    background-color: #f8f9fa;
    color: #5c636a;
}

.btn-icon-start[b-2jcwp3ea69],
.btn-icon-end[b-2jcwp3ea69] {
    width: 16px;
    height: 16px;
}

.spinner-border[b-2jcwp3ea69] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-2jcwp3ea69 0.75s linear infinite;
}

.spinner-border-sm[b-2jcwp3ea69] {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.2em;
}

.me-2[b-2jcwp3ea69] {
    margin-right: 0.5rem;
}

.currency-badge[b-2jcwp3ea69] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #d1f4e0;
    color: #198754;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

@keyframes spinner-border-b-2jcwp3ea69 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .info-grid[b-2jcwp3ea69] {
        grid-template-columns: 1fr;
    }

    .section-header[b-2jcwp3ea69] {
        padding: 0.75rem 1rem;
    }

    .section-content[b-2jcwp3ea69] {
        padding: 1rem;
    }

    .review-table[b-2jcwp3ea69] {
        font-size: 0.875rem;
    }

    .review-table th[b-2jcwp3ea69],
    .review-table td[b-2jcwp3ea69] {
        padding: 0.5rem;
    }

    .action-buttons[b-2jcwp3ea69] {
        flex-direction: column;
        width: 100%;
    }

    .action-buttons .btn[b-2jcwp3ea69] {
        width: 100%;
    }
}
/* /Features/Employees/FundingRequests/Components/CreateWizard/SelectCoaModal.razor.rz.scp.css */
.modal-form[b-1hrh1b0wn2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.search-section[b-1hrh1b0wn2] {
    padding-bottom: 0.5rem;
}

.search-section .form-control[b-1hrh1b0wn2] {
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.search-section .form-control:focus[b-1hrh1b0wn2] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.coa-list-container[b-1hrh1b0wn2] {
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #f8f9fa;
}

.coa-list[b-1hrh1b0wn2] {
    display: flex;
    flex-direction: column;
}

.coa-item[b-1hrh1b0wn2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: white;
    border: none;
    border-bottom: 1px solid #dee2e6;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    width: 100%;
}

.coa-item:hover[b-1hrh1b0wn2] {
    background: #f0f7ff;
}

.coa-item.selected[b-1hrh1b0wn2] {
    background: #e7f3ff;
    border-left: 3px solid #0d6efd;
    padding-left: calc(1rem - 3px);
}

.coa-item:last-child[b-1hrh1b0wn2] {
    border-bottom: none;
}

.coa-info[b-1hrh1b0wn2] {
    flex: 1;
    min-width: 0;
}

.coa-code[b-1hrh1b0wn2] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #0d6efd;
    margin-bottom: 0.25rem;
    font-family: 'Courier New', monospace;
}

.coa-name[b-1hrh1b0wn2] {
    font-size: 0.9375rem;
    color: #212529;
    margin-bottom: 0;
}

.coa-status[b-1hrh1b0wn2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-1hrh1b0wn2] {
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 12px;
}

.badge-secondary[b-1hrh1b0wn2] {
    background-color: #6c757d;
    color: white;
}

.no-results[b-1hrh1b0wn2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #6c757d;
}

.no-results svg[b-1hrh1b0wn2] {
    color: #adb5bd;
    margin-bottom: 1rem;
}

.no-results p[b-1hrh1b0wn2] {
    margin: 0;
    font-size: 0.9375rem;
}

.spinner-border[b-1hrh1b0wn2] {
    width: 2rem;
    height: 2rem;
    border-width: 0.25rem;
}

.sr-only[b-1hrh1b0wn2] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.alert[b-1hrh1b0wn2] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.875rem;
}

.alert-danger[b-1hrh1b0wn2] {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
}
/* /Features/Employees/FundingRequests/Components/CreateWizard/StepIndicator.razor.rz.scp.css */
.step-indicator[b-oaz5ntzvar] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    padding: 0 1rem;
}

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

.step-circle[b-oaz5ntzvar] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e9ecef;
    border: 2px solid #dee2e6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #6c757d;
    transition: all 0.3s ease;
    z-index: 2;
}

.step.active .step-circle[b-oaz5ntzvar] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
    box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.1);
}

.step.completed .step-circle[b-oaz5ntzvar] {
    background-color: #198754;
    border-color: #198754;
    color: white;
}

.check-icon[b-oaz5ntzvar] {
    width: 20px;
    height: 20px;
}

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

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

.step.completed .step-label[b-oaz5ntzvar] {
    color: #198754;
}

.step-line[b-oaz5ntzvar] {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #dee2e6;
    z-index: 1;
}

.step.completed .step-line[b-oaz5ntzvar] {
    background-color: #198754;
}

@media (max-width: 768px) {
    .step-indicator[b-oaz5ntzvar] {
        padding: 0;
    }

    .step-circle[b-oaz5ntzvar] {
        width: 32px;
        height: 32px;
        font-size: 0.875rem;
    }

    .check-icon[b-oaz5ntzvar] {
        width: 16px;
        height: 16px;
    }

    .step-label[b-oaz5ntzvar] {
        font-size: 0.75rem;
        max-width: 60px;
    }

    .step-line[b-oaz5ntzvar] {
        top: 16px;
    }
}
/* /Features/Employees/FundingRequests/Components/CreateWizard/SuccessStep.razor.rz.scp.css */
.success-step[b-9gsohdc10t] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.success-container[b-9gsohdc10t] {
    text-align: center;
    max-width: 600px;
    padding: 2rem;
}

.success-icon-wrapper[b-9gsohdc10t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, #198754 0%, #20c997 100%);
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.3);
    animation: success-bounce-b-9gsohdc10t 0.6s ease-out;
}

.success-icon[b-9gsohdc10t] {
    width: 48px;
    height: 48px;
    color: white;
}

@keyframes success-bounce-b-9gsohdc10t {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.success-title[b-9gsohdc10t] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.success-message[b-9gsohdc10t] {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.request-number-card[b-9gsohdc10t] {
    display: inline-block;
    padding: 1.5rem 2rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    margin-bottom: 2rem;
    border: 2px solid #dee2e6;
}

.request-number-label[b-9gsohdc10t] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.request-number[b-9gsohdc10t] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0d6efd;
    font-family: monospace;
}

.success-actions[b-9gsohdc10t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
}

.success-actions .btn[b-9gsohdc10t] {
    min-width: 200px;
}

.btn-icon-start[b-9gsohdc10t] {
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
}

.btn-icon-end[b-9gsohdc10t] {
    width: 16px;
    height: 16px;
    margin-left: 0.5rem;
}

@media (max-width: 768px) {
    .success-step[b-9gsohdc10t] {
        min-height: 300px;
    }

    .success-container[b-9gsohdc10t] {
        padding: 1.5rem;
    }

    .success-icon-wrapper[b-9gsohdc10t] {
        width: 64px;
        height: 64px;
    }

    .success-icon[b-9gsohdc10t] {
        width: 40px;
        height: 40px;
    }

    .success-title[b-9gsohdc10t] {
        font-size: 1.5rem;
    }

    .request-number-card[b-9gsohdc10t] {
        padding: 1rem 1.5rem;
    }

    .request-number[b-9gsohdc10t] {
        font-size: 1.25rem;
    }

    .success-actions .btn[b-9gsohdc10t] {
        width: 100%;
        min-width: auto;
    }
}
/* /Features/Employees/FundingRequests/Create.razor.rz.scp.css */
.wizard-container[b-whdejtzbbp] {
    max-width: 1200px;
    margin: 0 auto;
}

/* Draft Info Header */
.draft-info-header[b-whdejtzbbp] {
    display: flex;
    gap: 2rem;
    padding: 1rem 1.5rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.draft-info-item[b-whdejtzbbp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.draft-label[b-whdejtzbbp] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

.draft-value[b-whdejtzbbp] {
    font-size: 1rem;
    color: #212529;
    font-weight: 600;
}

.wizard-content[b-whdejtzbbp] {
    margin-top: 2rem;
    position: relative;
}

/* Page header actions */
.page-header[b-whdejtzbbp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    gap: 2rem;
}

.page-header > div:first-child[b-whdejtzbbp] {
    flex: 1;
}

.page-header-actions[b-whdejtzbbp] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-shrink: 0;
}

/* Wizard Actions Menu */
.wizard-actions-menu[b-whdejtzbbp] {
    position: relative;
}

.btn-icon-only[b-whdejtzbbp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    background-color: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon-only:hover[b-whdejtzbbp] {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.wizard-actions-dropdown[b-whdejtzbbp] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    min-width: 200px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    padding: 0.5rem 0;
}

.wizard-action-item[b-whdejtzbbp] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: background 0.15s;
}

.wizard-action-item:hover:not(:disabled)[b-whdejtzbbp] {
    background: #f8f9fa;
}

.wizard-action-item:disabled[b-whdejtzbbp] {
    opacity: 0.5;
    cursor: not-allowed;
}

.wizard-action-item svg[b-whdejtzbbp] {
    flex-shrink: 0;
    opacity: 0.7;
}

.wizard-action-danger[b-whdejtzbbp] {
    color: #dc3545;
}

.wizard-action-danger:hover:not(:disabled)[b-whdejtzbbp] {
    background: #fff5f5;
}

.wizard-action-divider[b-whdejtzbbp] {
    height: 1px;
    background-color: #dee2e6;
    margin: 0.5rem 0;
}

.btn-start-over[b-whdejtzbbp] {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.btn[b-whdejtzbbp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    line-height: 1.5;
}

.btn-outline-danger[b-whdejtzbbp] {
    background-color: white;
    color: #dc3545;
    border: 1px solid #dc3545;
}

.btn-outline-danger:hover[b-whdejtzbbp] {
    background-color: #dc3545;
    color: white;
}

.btn-icon-start[b-whdejtzbbp] {
    width: 16px;
    height: 16px;
}

/* Auto-save indicator */
.auto-save-indicator[b-whdejtzbbp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #e7f5ff;
    border: 1px solid #74c0fc;
    border-radius: 6px;
    color: #1971c2;
    font-size: 0.875rem;
}

.auto-save-icon[b-whdejtzbbp] {
    font-size: 1rem;
}

.auto-save-text[b-whdejtzbbp] {
    font-weight: 500;
}

/* Restore prompt modal */
.restore-prompt-overlay[b-whdejtzbbp] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.restore-prompt-modal[b-whdejtzbbp] {
    background: white;
    border-radius: 8px;
    padding: 2rem;
    max-width: 500px;
    width: 90%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.restore-prompt-modal h3[b-whdejtzbbp] {
    margin: 0 0 1rem 0;
    color: #2c3e50;
    font-size: 1.5rem;
}

.restore-prompt-modal p[b-whdejtzbbp] {
    margin: 0 0 1.5rem 0;
    color: #666;
    line-height: 1.6;
}

.restore-prompt-actions[b-whdejtzbbp] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.restore-prompt-actions .btn[b-whdejtzbbp] {
    padding: 0.625rem 1.25rem;
}

/* Shared form styles */
.form-group[b-whdejtzbbp] {
    position: relative;
}

.btn-outline-primary[b-whdejtzbbp] {
    background-color: white;
    color: #0d6efd;
    border: 1px solid #0d6efd;
}

.btn-outline-primary:hover[b-whdejtzbbp] {
    background-color: #0d6efd;
    color: white;
}

.table-responsive[b-whdejtzbbp] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Alert styles */
.alert[b-whdejtzbbp] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.alert-danger[b-whdejtzbbp] {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

/* Row and column layout */
.row[b-whdejtzbbp] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.col-12[b-whdejtzbbp] {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.col-md-4[b-whdejtzbbp] {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.col-md-6[b-whdejtzbbp] {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

@media (max-width: 768px) {
    .col-md-4[b-whdejtzbbp],
    .col-md-6[b-whdejtzbbp] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wizard-container[b-whdejtzbbp] {
        padding: 0 1rem;
    }
    
    .page-header[b-whdejtzbbp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .page-header-actions[b-whdejtzbbp] {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
    
    .btn-start-over[b-whdejtzbbp],
    .auto-save-indicator[b-whdejtzbbp] {
        width: 100%;
        justify-content: center;
    }
    
    .draft-info-header[b-whdejtzbbp] {
        flex-direction: column;
        gap: 0.75rem;
    }
}
/* /Features/Employees/FundingRequests/Detail.razor.rz.scp.css */
/* Funding Request Detail Page Styles */

.detail-page-header[b-f2avoih7sk] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.detail-title-row[b-f2avoih7sk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

.detail-action-buttons[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.detail-action-buttons .btn[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
    white-space: nowrap;
}

.detail-action-buttons .btn-primary[b-f2avoih7sk] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.detail-action-buttons .btn-primary:hover[b-f2avoih7sk] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.detail-action-buttons .btn-success[b-f2avoih7sk] {
    background: #198754;
    border-color: #198754;
    color: white;
}

.detail-action-buttons .btn-success:hover[b-f2avoih7sk] {
    background: #157347;
    border-color: #146c43;
}

.detail-action-buttons .btn-secondary[b-f2avoih7sk] {
    background: #6c757d;
    border-color: #6c757d;
    color: white;
}

.detail-action-buttons .btn-secondary:hover[b-f2avoih7sk] {
    background: #5c636a;
    border-color: #565e64;
}

/* Dropdown Menu */
.dropdown-container[b-f2avoih7sk] {
    position: relative;
    display: inline-block;
}

.btn-group-split[b-f2avoih7sk] {
    display: inline-flex;
    gap: 2px;
}

.btn-split-left[b-f2avoih7sk] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-split-right[b-f2avoih7sk] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.btn-icon-only[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7035rem !important;
    background-color: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-icon-only:hover[b-f2avoih7sk] {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.wizard-actions-dropdown[b-f2avoih7sk] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    min-width: 200px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    padding: 0.5rem 0;
}

.wizard-action-item[b-f2avoih7sk] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: background 0.15s;
}

.wizard-action-item:hover:not(:disabled)[b-f2avoih7sk] {
    background: #f8f9fa;
}

.wizard-action-item:disabled[b-f2avoih7sk] {
    opacity: 0.5;
    cursor: not-allowed;
}

.wizard-action-item svg[b-f2avoih7sk] {
    flex-shrink: 0;
    opacity: 0.7;
}

.wizard-action-item.text-danger[b-f2avoih7sk] {
    color: #dc3545;
}

.wizard-action-item.text-danger:hover:not(:disabled)[b-f2avoih7sk] {
    background: #f8d7da;
}

.wizard-action-item.text-danger svg[b-f2avoih7sk] {
    opacity: 1;
}

.wizard-action-divider[b-f2avoih7sk] {
    height: 0;
    margin: 0.25rem 0;
    border-top: 1px solid #e9ecef;
}

.wizard-actions-dropdown .dropdown-divider[b-f2avoih7sk] {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #dee2e6;
}

.detail-title-row .btn[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.625rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
    white-space: nowrap;
    margin-top: 0.25rem;
}

.detail-title-row .btn-primary[b-f2avoih7sk] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.detail-title-row .btn-primary:hover[b-f2avoih7sk] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.detail-header-info[b-f2avoih7sk] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;
    align-items: start;
}

.detail-info-left[b-f2avoih7sk],
.detail-info-right[b-f2avoih7sk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.detail-header-actions[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.detail-header-actions .btn[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
}

.detail-header-actions .btn-primary[b-f2avoih7sk] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.detail-header-actions .btn-primary:hover[b-f2avoih7sk] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.detail-header-actions .btn-success[b-f2avoih7sk] {
    background: #198754;
    border-color: #198754;
    color: white;
}

.detail-header-actions .btn-success:hover[b-f2avoih7sk] {
    background: #157347;
    border-color: #146c43;
}

.detail-header-actions .btn-secondary[b-f2avoih7sk] {
    background: #6c757d;
    border-color: #6c757d;
    color: white;
}

.detail-header-actions .btn-secondary:hover[b-f2avoih7sk] {
    background: #5c636a;
    border-color: #565e64;
}

.detail-info-item[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.detail-label[b-f2avoih7sk] {
    font-size: 0.875rem;
    color: #6c757d;
    font-weight: 500;
}

.detail-value[b-f2avoih7sk] {
    font-size: 1rem;
    color: #212529;
    font-weight: 600;
}

.btn-copy[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    margin-left: 0.5rem;
    background: transparent;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s;
    vertical-align: middle;
}

.btn-copy:hover[b-f2avoih7sk] {
    background: #f8f9fa;
    border-color: #0d6efd;
    color: #0d6efd;
}

.btn-copy:active[b-f2avoih7sk] {
    background: #e7f1ff;
}

/* Clickable badge and text buttons */
.btn-link-badge[b-f2avoih7sk],
.btn-link-text[b-f2avoih7sk] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity 0.2s;
    display: inline-flex;
    align-items: center;
}

.btn-link-badge:hover[b-f2avoih7sk],
.btn-link-text:hover[b-f2avoih7sk] {
    opacity: 0.8;
}

.btn-link-text[b-f2avoih7sk] {
    font-size: 1rem;
    color: #212529;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
}

.btn-link-text:hover[b-f2avoih7sk] {
    color: #0d6efd;
    text-decoration-style: solid;
}

/* Detail Cards */
.detail-card[b-f2avoih7sk] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.card-header[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.card-title[b-f2avoih7sk] {
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.btn-icon-text[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 0.875rem;
}

.btn-icon-text:hover[b-f2avoih7sk] {
    background: #f8f9fa;
    border-color: #adb5bd;
}

.edit-actions[b-f2avoih7sk] {
    display: flex;
    gap: 0.5rem;
}

.edit-actions .btn[b-f2avoih7sk] {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border-width: 1px !important;
    padding: 0 1rem;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.edit-actions .btn svg[b-f2avoih7sk] {
    flex-shrink: 0;
}

.card-header .btn[b-f2avoih7sk] {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: top !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border-width: 1px !important;
    padding: 0 1rem;
    gap: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.card-header .btn svg[b-f2avoih7sk] {
    flex-shrink: 0;
}

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

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

.info-item[b-f2avoih7sk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-label[b-f2avoih7sk] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-f2avoih7sk] {
    font-size: 0.9375rem;
    color: #212529;
    white-space: pre-wrap;
}

.info-full-width[b-f2avoih7sk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.info-full-width:last-child[b-f2avoih7sk] {
    margin-bottom: 0;
}

/* Line Items Table */
.line-items-table[b-f2avoih7sk] {
    width: 100%;
    border-collapse: collapse;
}

.line-items-table thead[b-f2avoih7sk] {
    background: #f8f9fa;
}

.line-items-table th[b-f2avoih7sk] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.line-items-table td[b-f2avoih7sk] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f5;
    vertical-align: top;
    white-space: pre-wrap;
}

.line-items-table tbody tr:hover[b-f2avoih7sk] {
    background: #f8f9fa;
}

.line-items-table tfoot[b-f2avoih7sk] {
    background: #f8f9fa;
}

.line-items-table tfoot td[b-f2avoih7sk] {
    padding: 1rem;
    font-size: 0.9375rem;
    border-top: 2px solid #dee2e6;
}

.total-row[b-f2avoih7sk] {
    font-weight: 600;
}

/* Attachments Table */
.attachments-table[b-f2avoih7sk] {
    width: 100%;
    border-collapse: collapse;
}

/* Attachment Manager */
.attachment-manager[b-f2avoih7sk] {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 1.25rem;
    background: #fff;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
}

.attachment-manager-header[b-f2avoih7sk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.attachment-manager-title[b-f2avoih7sk] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #212529;
}

.attachment-manager-description[b-f2avoih7sk] {
    margin: 0.25rem 0 0;
    color: #6c757d;
    font-size: 0.9rem;
}

.attachment-manager-status[b-f2avoih7sk] {
    flex-shrink: 0;
}

.status-chip[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid transparent;
}

.status-chip svg[b-f2avoih7sk] {
    flex-shrink: 0;
}

.status-complete[b-f2avoih7sk] {
    background: #e6f4ea;
    color: #198754;
    border-color: #c1e3cb;
}

.status-missing[b-f2avoih7sk] {
    background: #fff4e6;
    color: #b54708;
    border-color: #ffd8a8;
}

.current-attachments[b-f2avoih7sk] {
    margin-top: 1rem;
    border-top: 1px solid #f1f3f5;
    padding-top: 1rem;
}

.section-label[b-f2avoih7sk] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.current-attachment-item[b-f2avoih7sk] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid #f1f3f5;
}

.current-attachment-item:nth-child(even)[b-f2avoih7sk] {
    background: #f8f9fa;
}

.current-attachment-item:nth-child(odd)[b-f2avoih7sk] {
    background: #ffffff;
}

.current-attachment-item:last-child[b-f2avoih7sk] {
    border-bottom: none;
}

.current-attachment-info[b-f2avoih7sk] {
    flex: 1;
}

.current-attachment-name[b-f2avoih7sk] {
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.15rem;
}

.current-attachment-meta[b-f2avoih7sk] {
    font-size: 0.85rem;
    color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.current-attachment-description[b-f2avoih7sk] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #e9ecef;
}

.description-label[b-f2avoih7sk] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 0.35rem;
}

.description-text[b-f2avoih7sk] {
    font-size: 0.9rem;
    color: #495057;
    line-height: 1.4;
}

.description-display-row[b-f2avoih7sk] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.description-display-row .btn[b-f2avoih7sk] {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.description-display-row:hover .btn[b-f2avoih7sk] {
    opacity: 1;
}

.description-edit-row[b-f2avoih7sk] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.35rem;
}

.description-edit-row input[b-f2avoih7sk] {
    flex: 1;
    font-size: 0.9rem;
}

.description-edit-row .btn[b-f2avoih7sk] {
    font-size: 0.85rem;
    padding: 0.375rem 0.75rem;
    white-space: nowrap;
}

.description-edit-row .btn-success[b-f2avoih7sk] {
    min-width: 80px;
}

.meta-divider[b-f2avoih7sk] {
    color: #ced4da;
}

.current-attachment-actions[b-f2avoih7sk] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-shrink: 0;
}

.current-attachment-actions .btn[b-f2avoih7sk] {
    padding: 0.375rem 0.75rem;
    font-size: 0.85rem;
    white-space: nowrap;
}

.current-attachment-actions .btn svg[b-f2avoih7sk] {
    margin-right: 0.25rem;
}

.attachment-upload[b-f2avoih7sk] {
    margin-top: 1.25rem;
    border-top: 1px dashed #e0e0e0;
    padding-top: 1.25rem;
}

.attachment-upload .text-muted[b-f2avoih7sk] {
    margin-bottom: 0.5rem;
}

.selected-files[b-f2avoih7sk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.selected-file-item[b-f2avoih7sk] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 0.75rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-file-info[b-f2avoih7sk] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.selected-file-actions[b-f2avoih7sk] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.selected-files-empty[b-f2avoih7sk] {
    padding: 0.75rem;
    border: 1px dashed #e0e0e0;
    border-radius: 8px;
    text-align: center;
    font-size: 0.9rem;
}

.attachment-upload-actions[b-f2avoih7sk] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.attachment-upload-actions .btn[b-f2avoih7sk] {
    min-width: 150px;
}

.attachments-table thead[b-f2avoih7sk] {
    background: #f8f9fa;
}

.attachments-table th[b-f2avoih7sk] {
    padding: 0.75rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.attachments-table td[b-f2avoih7sk] {
    padding: 0.875rem 1rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f5;
    vertical-align: middle;
}

.attachments-table tbody tr:hover[b-f2avoih7sk] {
    background: #f8f9fa;
}

.file-type-badge[b-f2avoih7sk] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #e7f1ff;
    color: #0d6efd;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.currency-badge[b-f2avoih7sk] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: #d1f4e0;
    color: #198754;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Comments Section */
.comment-item[b-f2avoih7sk] {
    border-radius: 8px;
    margin-bottom: 1rem;
    border: 1px solid #e0e0e0;
}

.comment-item.even[b-f2avoih7sk] {
    background: #ffffff;
}

.comment-item.odd[b-f2avoih7sk] {
    background: #f8f9fa;
}

.comment-item:last-child[b-f2avoih7sk] {
    margin-bottom: 0;
}

.comment-body[b-f2avoih7sk] {
    display: flex;
    gap: 1.5rem;
    padding: 1rem;
}

.comment-left[b-f2avoih7sk] {
    flex-shrink: 0;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.comment-right[b-f2avoih7sk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.comment-author strong[b-f2avoih7sk] {
    font-size: 0.938rem;
    color: #212529;
}

.comment-employee-number[b-f2avoih7sk] {
    font-size: 0.813rem;
}

.comment-date[b-f2avoih7sk] {
    font-size: 0.813rem;
}

.comment-step-badge[b-f2avoih7sk] {
    margin-top: 0.25rem;
}

.comment-step-badge .badge[b-f2avoih7sk] {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 12px;
    background: transparent;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.comment-action-badge[b-f2avoih7sk] {
    margin-bottom: 0.5rem;
}

.comment-reply-indicator[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    background: #e7f1ff;
    border-radius: 4px;
    font-size: 0.813rem;
}

.comment-reply-indicator svg[b-f2avoih7sk] {
    flex-shrink: 0;
    color: #0d6efd;
}

.comment-reply-indicator span[b-f2avoih7sk] {
    color: #495057;
    line-height: 1.4;
}

.comment-reply-indicator em[b-f2avoih7sk] {
    color: #6c757d;
    font-style: italic;
}

.comment-message[b-f2avoih7sk] {
    font-size: 0.875rem;
    color: #495057;
    line-height: 1.6;
    white-space: pre-wrap;
}

.comment-message p[b-f2avoih7sk] {
    margin-bottom: 0.75rem;
}

.comment-message p:last-child[b-f2avoih7sk] {
    margin-bottom: 0;
}

.comment-actions[b-f2avoih7sk] {
    padding: 0.5rem 1rem;
    border-top: 1px solid #e0e0e0;
    background: rgba(0, 0, 0, 0.02);
}

.btn-reply[b-f2avoih7sk] {
    background: none;
    border: none;
    color: #0d6efd;
    font-size: 0.813rem;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

.btn-reply:hover[b-f2avoih7sk] {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0a58ca;
}

.btn-reply svg[b-f2avoih7sk] {
    flex-shrink: 0;
}

.comment-reply-reference[b-f2avoih7sk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #e7f1ff;
    border-left: 3px solid #0d6efd;
    padding: 0.75rem;
    border-radius: 4px;
    margin-bottom: 0.75rem;
}

.reply-reference-content[b-f2avoih7sk] {
    flex: 1;
}

.reply-reference-content strong[b-f2avoih7sk] {
    display: block;
    font-size: 0.813rem;
    color: #212529;
    margin-bottom: 0.25rem;
}

.reply-preview[b-f2avoih7sk] {
    font-size: 0.75rem;
    color: #6c757d;
    font-style: italic;
    line-height: 1.4;
}

.comment-reply-reference .btn-close[b-f2avoih7sk] {
    flex-shrink: 0;
    padding: 0.5rem;
    margin-left: 0.5rem;
}

/* Action Buttons */
.detail-actions[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 0;
    margin-top: 1rem;
    border-top: 1px solid #e9ecef;
    gap: 1rem;
    flex-wrap: wrap;
}

.detail-actions-right[b-f2avoih7sk] {
    display: flex;
    gap: 0.75rem;
}

/* Progress History Modal */
.modal-overlay[b-f2avoih7sk] {
    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: 1050;
    padding: 1rem;
}

.modal-dialog[b-f2avoih7sk] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

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

.modal-title[b-f2avoih7sk] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.modal-close[b-f2avoih7sk] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    color: #6c757d;
    transition: color 0.2s;
}

.modal-close:hover[b-f2avoih7sk] {
    color: #212529;
}

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

/* Form Controls in Edit Mode */
.info-item .form-control[b-f2avoih7sk],
.info-full-width .form-control[b-f2avoih7sk] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.info-item .form-control:focus[b-f2avoih7sk],
.info-full-width .form-control:focus[b-f2avoih7sk] {
    border-color: #0d6efd;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.info-item select.form-control[b-f2avoih7sk],
.info-full-width select.form-control[b-f2avoih7sk] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.5rem;
}

.validation-message[b-f2avoih7sk] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #dc3545;
}

/* Edit Actions */
.edit-actions[b-f2avoih7sk] {
    display: flex;
    gap: 0.5rem;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .detail-page-header[b-f2avoih7sk] {
        flex-direction: column;
        align-items: flex-start;
    }

    .detail-title-row[b-f2avoih7sk] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .detail-action-buttons[b-f2avoih7sk] {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
    }

    .detail-action-buttons .btn:not(.btn-icon-only)[b-f2avoih7sk] {
        flex: 1;
    }

    .dropdown-container[b-f2avoih7sk] {
        flex-shrink: 0;
    }

    .wizard-actions-dropdown[b-f2avoih7sk] {
        left: auto;
        right: 0;
        min-width: 200px;
    }

    .detail-title-row .btn[b-f2avoih7sk] {
        margin-top: 0;
    }

    .detail-header-info[b-f2avoih7sk] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

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

    .detail-actions[b-f2avoih7sk] {
        flex-direction: column;
        align-items: stretch;
    }

    .detail-actions-right[b-f2avoih7sk] {
        flex-direction: column;
    }

    .line-items-table[b-f2avoih7sk],
    .attachments-table[b-f2avoih7sk] {
        display: block;
        overflow-x: auto;
    }

    .modal-dialog[b-f2avoih7sk] {
        max-width: 100%;
        margin: 0;
    }
}

/* Badge Styles */
.workflow-type-badge[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid #dee2e6;
    background-color: #f8f9fa;
    color: #212529;
}

.workflow-type-icon[b-f2avoih7sk] {
    width: 16px;
    height: 16px;
    color: #0d6efd;
    flex-shrink: 0;
}

.priority-display-badge[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    border: 1px solid currentColor;
}

.priority-display-icon[b-f2avoih7sk] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.priority-normal[b-f2avoih7sk] {
    color: #0dcaf0;
    background-color: #cff4fc;
    border-color: #0dcaf0;
}

.priority-high[b-f2avoih7sk] {
    color: #ffc107;
    background-color: #fff3cd;
    border-color: #ffc107;
}

.priority-critical[b-f2avoih7sk] {
    color: #dc3545;
    background-color: #f8d7da;
    border-color: #dc3545;
}

/* Action Modal */
.action-modal-dialog[b-f2avoih7sk] {
    max-width: 600px;
}

.action-modal-section[b-f2avoih7sk] {
    margin-bottom: 1.5rem;
}

.action-modal-section:last-child[b-f2avoih7sk] {
    margin-bottom: 0;
}

.action-section-title[b-f2avoih7sk] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.75rem;
}

.action-info-grid[b-f2avoih7sk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
}

.action-info-item[b-f2avoih7sk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.action-info-item.full-width[b-f2avoih7sk] {
    grid-column: 1 / -1;
}

.action-info-label[b-f2avoih7sk] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.action-info-value[b-f2avoih7sk] {
    font-size: 0.9375rem;
    color: #212529;
    font-weight: 500;
}

.action-attachments-status[b-f2avoih7sk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attachment-count-item[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 6px;
    font-size: 0.875rem;
}

.attachment-count-item.has-files[b-f2avoih7sk] {
    background: #d1e7dd;
    color: #0f5132;
}

.attachment-count-item.missing-files[b-f2avoih7sk] {
    background: #f8d7da;
    color: #842029;
}

.attachment-warning[b-f2avoih7sk] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #856404;
}

.attachment-warning svg[b-f2avoih7sk] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.action-comment-section textarea.form-control[b-f2avoih7sk] {
    min-height: 100px;
    resize: vertical;
    font-size: 0.875rem;
}

.action-comment-help[b-f2avoih7sk] {
    font-size: 0.8125rem;
    color: #6c757d;
    margin-top: 0.5rem;
}

.modal-footer[b-f2avoih7sk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.5rem;
    border-top: 1px solid #e9ecef;
}

.modal-footer .btn[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.2s;
}

.modal-footer .btn:disabled[b-f2avoih7sk] {
    opacity: 0.65;
    cursor: not-allowed;
}

/* Error Message in Modal */
.action-error-message[b-f2avoih7sk] {
    padding: 0.75rem 1rem;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 6px;
    color: #842029;
    font-size: 0.875rem;
    margin-top: 1rem;
}

/* Responsive adjustments for action modal */
@media (max-width: 768px) {
    .action-alert-content[b-f2avoih7sk] {
        flex-direction: column;
    }

    .action-alert-icon[b-f2avoih7sk] {
        width: 40px;
        height: 40px;
    }

    .action-alert-actions[b-f2avoih7sk] {
        flex-direction: column;
    }

    .action-alert-actions .btn[b-f2avoih7sk] {
        width: 100%;
        justify-content: center;
    }

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

    .modal-footer[b-f2avoih7sk] {
        flex-direction: column-reverse;
    }

    .modal-footer .btn[b-f2avoih7sk] {
        width: 100%;
        justify-content: center;
    }
}

/* Action Comments */
/* Removed special background colors - action comments now use same styling as regular comments */

.action-badge[b-f2avoih7sk] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    background: transparent;
}

.action-badge-approved[b-f2avoih7sk] {
    color: #198754;
    border: 1px solid #c3e6cb;
}

.action-badge-rejected[b-f2avoih7sk] {
    color: #dc3545;
    border: 1px solid #f5c6cb;
}

.action-badge-acknowledged[b-f2avoih7sk] {
    color: #0d6efd;
    border: 1px solid #b6d4fe;
}

/* Removed special styling for action-comment-message - now uses same styling as regular comments */
/* /Features/Employees/FundingRequests/Index.razor.rz.scp.css */
/* Funding Requests Index Page Styles */

.page-header[b-fkb9ty3v22] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
}

.status-tabs-container[b-fkb9ty3v22] {
    margin: 0;
    margin-bottom: 1.5rem;
    padding: 0;
}

.fr-filters-section[b-fkb9ty3v22] {
    margin-bottom: 1.5rem;
}

.fr-filters[b-fkb9ty3v22] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1;
}

.fr-search-box[b-fkb9ty3v22] {
    position: relative;
    flex: 1;
    min-width: 250px;
    max-width: 400px;
}

.fr-search-box svg[b-fkb9ty3v22] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.fr-search-input[b-fkb9ty3v22] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 2.5rem;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.fr-search-input:focus[b-fkb9ty3v22] {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
}

.fr-search-clear[b-fkb9ty3v22] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: #6c757d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.2s;
}

.fr-search-clear:hover[b-fkb9ty3v22] {
    background: #e9ecef;
    color: #495057;
}

.fr-filter-item[b-fkb9ty3v22] {
    position: relative;
}

.fr-filter-btn[b-fkb9ty3v22] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.fr-filter-btn:hover[b-fkb9ty3v22] {
    background: #e9ecef;
    border-color: #ced4da;
}

.fr-filter-label[b-fkb9ty3v22] {
    font-weight: 500;
}

.fr-filter-arrow[b-fkb9ty3v22] {
    transition: transform 0.2s;
}

.fr-filter-btn:hover .fr-filter-arrow[b-fkb9ty3v22] {
    transform: translateY(2px);
}

.fr-clear-filters-btn[b-fkb9ty3v22] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #fff;
    border: 1px solid #dc3545;
    border-radius: 8px;
    font-size: 0.875rem;
    color: #dc3545;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.fr-clear-filters-btn:hover[b-fkb9ty3v22] {
    background: #dc3545;
    color: white;
}

.fr-clear-filters-btn svg[b-fkb9ty3v22] {
    width: 14px;
    height: 14px;
}

.fr-filter-menu[b-fkb9ty3v22] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    width: max-content;
    max-width: 500px;
    min-width: 200px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}

.fr-filter-menu.show[b-fkb9ty3v22] {
    display: block;
}

.fr-filter-option[b-fkb9ty3v22] {
    width: 100%;
    padding: 0.625rem 1rem;
    background: transparent;
    border: none;
    text-align: left;
    font-size: 0.875rem;
    color: #495057;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.fr-filter-option:hover[b-fkb9ty3v22] {
    background: #f8f9fa;
}

.fr-filter-option.active[b-fkb9ty3v22] {
    background: #e7f1ff;
    color: #0d6efd;
    font-weight: 600;
}

.fr-search-container[b-fkb9ty3v22] {
    flex: 1;
    min-width: 250px;
}

.fr-search[b-fkb9ty3v22] {
    position: relative;
}

.fr-search input[b-fkb9ty3v22] {
    padding-left: 2.5rem;
    border-radius: 8px;
}

.fr-search .search-icon[b-fkb9ty3v22] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

/* Table Styles */
.fr-table-container[b-fkb9ty3v22] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.fr-table[b-fkb9ty3v22] {
    width: 100%;
    margin: 0;
    border-radius: 12px;
}

.fr-table thead[b-fkb9ty3v22] {
    background: #f8f9fa;
}

.fr-table th[b-fkb9ty3v22] {
    padding: 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.fr-table th.sortable[b-fkb9ty3v22] {
    cursor: pointer;
    user-select: none;
}

.fr-table th.sortable:hover[b-fkb9ty3v22] {
    background: #e9ecef;
}

.fr-table .sort-icon[b-fkb9ty3v22] {
    margin-left: 0.25rem;
    vertical-align: middle;
}

.fr-table td[b-fkb9ty3v22] {
    padding: 1rem;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f3f5;
    vertical-align: middle;
}

.fr-table td:last-child[b-fkb9ty3v22] {
    overflow: visible;
}

.fr-table tbody tr[b-fkb9ty3v22] {
    position: relative;
}

.fr-draft-row[b-fkb9ty3v22] {
    background: #fefce8;
}

.fr-draft-row:hover[b-fkb9ty3v22] {
    background: #fef9c3;
}

.fr-table tbody tr:hover[b-fkb9ty3v22] {
    background: #f8f9fa;
}

.fr-number-link[b-fkb9ty3v22] {
    font-weight: 600;
    color: #0d6efd;
    text-decoration: none;
}

.fr-number-link:hover[b-fkb9ty3v22] {
    text-decoration: underline;
}

.fr-subject[b-fkb9ty3v22] {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fr-actions[b-fkb9ty3v22] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    position: static;
}

.fr-actions .dropdown[b-fkb9ty3v22] {
    position: relative;
}

.fr-actions .btn[b-fkb9ty3v22] {
    padding: 0.375rem 0.625rem;
}

.dropdown-toggle-dots[b-fkb9ty3v22] {
    padding: 0.375rem 0.5rem !important;
    border: 1px solid #dee2e6;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
}

.dropdown-toggle-dots:hover[b-fkb9ty3v22] {
    background: #f8f9fa;
    border-color: #adb5bd;
}

.dropdown-toggle-dots[b-fkb9ty3v22]::after {
    display: none;
}

.dropdown-menu[b-fkb9ty3v22] {
    min-width: 160px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: 1px solid #dee2e6;
    border-radius: 8px;
    z-index: 1050;
}

.dropdown-item[b-fkb9ty3v22] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    cursor: pointer;
}

.dropdown-item svg[b-fkb9ty3v22] {
    flex-shrink: 0;
}

.dropdown-item:hover[b-fkb9ty3v22] {
    background: #f8f9fa;
}

.dropdown-item.text-danger[b-fkb9ty3v22] {
    color: #dc3545;
}

.dropdown-item.text-danger:hover[b-fkb9ty3v22] {
    background: #fff5f5;
}

.dropdown-divider[b-fkb9ty3v22] {
    margin: 0.25rem 0;
}

/* Pagination */
.fr-pagination[b-fkb9ty3v22] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    border-top: 1px solid #dee2e6;
}

.pagination-info[b-fkb9ty3v22] {
    font-size: 0.875rem;
    color: #6c757d;
}

.pagination-controls[b-fkb9ty3v22] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.pagination-current[b-fkb9ty3v22] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
}

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

.empty-icon[b-fkb9ty3v22] {
    color: #dee2e6;
    margin-bottom: 1.5rem;
}

.empty-state h3[b-fkb9ty3v22] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-state .text-muted[b-fkb9ty3v22] {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.btn-link[b-fkb9ty3v22] {
    background: none;
    border: none;
    color: #0d6efd;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
}

.btn-link:hover[b-fkb9ty3v22] {
    color: #0a58ca;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .fr-table[b-fkb9ty3v22] {
        font-size: 0.8125rem;
    }

    .fr-table th[b-fkb9ty3v22],
    .fr-table td[b-fkb9ty3v22] {
        padding: 0.75rem;
    }
}

@media (max-width: 768px) {
    .page-header[b-fkb9ty3v22] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .page-actions[b-fkb9ty3v22] {
        width: 100%;
    }

    .page-actions .btn[b-fkb9ty3v22] {
        width: 100%;
    }

    .fr-filters[b-fkb9ty3v22] {
        flex-direction: column;
        align-items: stretch;
    }

    .fr-filter-item[b-fkb9ty3v22],
    .fr-search-container[b-fkb9ty3v22] {
        width: 100%;
    }

    .fr-filter-btn[b-fkb9ty3v22] {
        width: 100%;
        justify-content: space-between;
    }

    .fr-table-container[b-fkb9ty3v22] {
        overflow-x: auto;
    }

    .fr-table[b-fkb9ty3v22] {
        min-width: 1000px;
    }

    .fr-pagination[b-fkb9ty3v22] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .pagination-controls[b-fkb9ty3v22] {
        justify-content: center;
    }
}

/* Action Required Tab Badge - Urgent Style */
.tab-count-urgent[b-fkb9ty3v22] {
    background-color: #dc3545 !important;
    color: white !important;
    animation: pulse-urgent-b-fkb9ty3v22 2s ease-in-out infinite;
}

.status-tab.active .tab-count-urgent[b-fkb9ty3v22] {
    background-color: #bb2d3b !important;
}

@keyframes pulse-urgent-b-fkb9ty3v22 {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 4px rgba(220, 53, 69, 0);
    }
}
/* /Features/Employees/RestoreEmployeeModal.razor.rz.scp.css */
.confirmation-content[b-4g6t32z0ag] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.confirmation-icon[b-4g6t32z0ag] {
    flex-shrink: 0;
}

.confirmation-text h3[b-4g6t32z0ag] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.confirmation-text p[b-4g6t32z0ag] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.confirmation-text ul[b-4g6t32z0ag] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.confirmation-text li[b-4g6t32z0ag] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.confirmation-text strong[b-4g6t32z0ag] {
    color: #495057;
    font-weight: 600;
}
/* /Features/Employees/SelectDepartmentModal.razor.rz.scp.css */
.modal-form[b-7ez88o0df8] {
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.search-section[b-7ez88o0df8] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.department-list-container[b-7ez88o0df8] {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}

.department-list[b-7ez88o0df8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.department-item[b-7ez88o0df8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.department-item:not(:disabled):hover[b-7ez88o0df8] {
    background: #f8f9fa;
    border-color: #dee2e6;
}

.department-item.selected[b-7ez88o0df8] {
    background: #e3f2fd;
    border-color: #1976d2;
}

.department-item.inactive[b-7ez88o0df8] {
    opacity: 0.7;
}

.department-item:disabled[b-7ez88o0df8] {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f8f9fa;
}

.department-info[b-7ez88o0df8] {
    flex: 1;
}

.department-name[b-7ez88o0df8] {
    font-size: 1rem;
    font-weight: 500;
    color: #212529;
    margin-bottom: 0.25rem;
}

.department-details[b-7ez88o0df8] {
    font-size: 0.875rem;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.division-name[b-7ez88o0df8] {
    font-weight: 600;
    color: #495057;
    background: #e9ecef;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
}

.department-short-name[b-7ez88o0df8] {
    font-weight: 500;
    color: #495057;
}

.separator[b-7ez88o0df8] {
    color: #adb5bd;
}

.department-description[b-7ez88o0df8] {
    color: #6c757d;
}

.department-status[b-7ez88o0df8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-7ez88o0df8] {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-secondary[b-7ez88o0df8] {
    color: #fff;
    background-color: #6c757d;
}

.badge-success[b-7ez88o0df8] {
    color: #fff;
    background-color: #28a745;
}

.no-results[b-7ez88o0df8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
}

.no-results svg[b-7ez88o0df8] {
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-results p[b-7ez88o0df8] {
    margin: 0;
    font-size: 0.875rem;
}
/* /Features/FiscalYears/FiscalYears.razor.rz.scp.css */
/* Fiscal Years Page Specific Styles */

/* Left Panel - Fiscal Years */
.fiscal-years-panel[b-yocd97usd0] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.panel-header[b-yocd97usd0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.panel-title[b-yocd97usd0] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

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

.filter-container[b-yocd97usd0] {
    position: relative;
}

.btn-filter[b-yocd97usd0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-filter:hover[b-yocd97usd0] {
    background: #f8f9fa;
    border-color: #adb5bd;
}

.filter-label[b-yocd97usd0] {
    font-weight: 500;
}

.filter-arrow[b-yocd97usd0] {
    transition: transform 0.15s ease;
}

.btn-filter:hover .filter-arrow[b-yocd97usd0] {
    transform: rotate(180deg);
}

.filter-menu[b-yocd97usd0] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    min-width: 150px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.15s ease;
    margin-top: 0.25rem;
}

.filter-menu.show[b-yocd97usd0] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.filter-item[b-yocd97usd0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    color: #495057;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.filter-item:hover[b-yocd97usd0] {
    background: #f8f9fa;
}

.filter-item.active[b-yocd97usd0] {
    background: #e7f3ff;
    color: #0d6efd;
}

.filter-item:first-child[b-yocd97usd0] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.filter-item:last-child[b-yocd97usd0] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-add[b-yocd97usd0] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-add:hover:not(:disabled)[b-yocd97usd0] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

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

/* Fiscal Years List */
.fiscal-years-list[b-yocd97usd0] {
    flex: 1;
    overflow-y: auto;
}

.fiscal-year-item[b-yocd97usd0] {
    width: 100%;
    padding: 1rem;
    border: none;
    background: white;
    border-bottom: 1px solid #f1f3f4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease;
}

.fiscal-year-item:hover[b-yocd97usd0] {
    background: #f8f9fa;
}

.fiscal-year-item.active[b-yocd97usd0] {
    background: #e3f2fd;
    border-left: 3px solid #1976d2;
}

.fiscal-year-content[b-yocd97usd0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.fiscal-year-info[b-yocd97usd0] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.fiscal-year-name[b-yocd97usd0] {
    font-size: 1rem;
    color: #495057;
    font-weight: 400;
}

.fiscal-year-year[b-yocd97usd0] {
    font-size: 0.75rem;
    color: #6c757d;
}

.fiscal-year-item.active .fiscal-year-name[b-yocd97usd0] {
    color: #1976d2;
    font-weight: 500;
}

.fiscal-year-item.archived[b-yocd97usd0] {
    opacity: 0.7;
    background-color: #f8f9fa;
}

.fiscal-year-item.archived:hover[b-yocd97usd0] {
    background-color: #e9ecef;
}

.fiscal-year-item.archived .fiscal-year-name[b-yocd97usd0] {
    color: #6c757d;
    text-decoration: line-through;
}

.fiscal-year-item.archived.active[b-yocd97usd0] {
    background-color: #e3f2fd;
    opacity: 0.8;
}

.fiscal-year-item.archived.active .fiscal-year-name[b-yocd97usd0] {
    color: #1976d2;
    font-weight: 500;
}

.archived-badge[b-yocd97usd0],
.disabled-badge[b-yocd97usd0] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.archived-badge[b-yocd97usd0] {
    color: #6c757d;
    background-color: #e9ecef;
}

.disabled-badge[b-yocd97usd0] {
    color: #dc3545;
    background-color: #f8d7da;
}

.expand-icon[b-yocd97usd0] {
    color: #adb5bd;
    transition: transform 0.15s ease;
}

.fiscal-year-item:hover .expand-icon[b-yocd97usd0] {
    color: #6c757d;
}

.fiscal-year-item.active .expand-icon[b-yocd97usd0] {
    color: #1976d2;
}

/* Right Panel - Details */
.details-panel[b-yocd97usd0] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.section-header[b-yocd97usd0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

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

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

.detail-section[b-yocd97usd0] {
    flex: 1;
    overflow-y: auto;
    transition: max-height 0.3s ease;
}

.detail-section.collapsed[b-yocd97usd0] {
    max-height: 0;
    overflow: hidden;
}

.detail-form[b-yocd97usd0] {
    padding: 1.5rem;
}

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

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

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

.form-input[b-yocd97usd0] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-input:focus[b-yocd97usd0] {
    outline: none;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.form-input:disabled[b-yocd97usd0],
.form-input[readonly][b-yocd97usd0] {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.form-textarea[b-yocd97usd0] {
    min-height: 80px;
    resize: vertical;
    font-family: inherit;
}

.form-input.input-error[b-yocd97usd0] {
    border-color: #dc3545;
}

.form-input.input-error:focus[b-yocd97usd0] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.field-error-message[b-yocd97usd0] {
    display: block;
    font-size: 0.75rem;
    color: #dc3545;
    margin-top: 0.25rem;
}

.form-hint[b-yocd97usd0] {
    display: block;
    margin-top: 0.25rem;
    color: #6c757d;
    font-size: 0.75rem;
    font-style: italic;
}

.archived-input[b-yocd97usd0] {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #e9ecef;
}

/* Status Display */
.status-display[b-yocd97usd0] {
    display: flex;
    align-items: center;
}

.status-badge[b-yocd97usd0] {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
}

.status-enabled[b-yocd97usd0] {
    background-color: #d1e7dd;
    color: #0f5132;
}

.status-disabled[b-yocd97usd0] {
    background-color: #f8d7da;
    color: #842029;
}

/* Form Switch Container */
.form-switch-container[b-yocd97usd0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Collapse Button */
.btn-collapse[b-yocd97usd0] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.btn-collapse svg[b-yocd97usd0] {
    transition: transform 0.2s ease;
}

.btn-collapse svg.collapsed[b-yocd97usd0] {
    transform: rotate(-90deg);
}

/* More Options Menu */
.more-options-container[b-yocd97usd0] {
    position: relative;
}

.btn-icon[b-yocd97usd0] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    background: white;
    color: #495057;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-icon:hover[b-yocd97usd0] {
    background: #e9ecef;
    border-color: #adb5bd;
}

.more-options-menu[b-yocd97usd0] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 180px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s ease;
}

.more-options-menu.show[b-yocd97usd0] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.menu-item[b-yocd97usd0] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: none;
    background: none;
    color: #495057;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: background-color 0.15s ease;
}

.menu-item:hover[b-yocd97usd0] {
    background-color: #f8f9fa;
}

.menu-item:first-child[b-yocd97usd0] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.menu-item:last-child[b-yocd97usd0] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.menu-item svg[b-yocd97usd0] {
    color: #6c757d;
}

/* Empty Selection */
.empty-selection[b-yocd97usd0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.empty-icon[b-yocd97usd0] {
    color: #dee2e6;
    margin-bottom: 1.5rem;
}

.empty-selection h3[b-yocd97usd0] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-selection p[b-yocd97usd0] {
    font-size: 1rem;
    color: #6c757d;
    text-align: center;
    max-width: 400px;
}

/* Alert Messages */
.alert[b-yocd97usd0] {
    padding: 0.75rem 1.25rem;
    margin-top: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger[b-yocd97usd0] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Loading Indicator */
.loading-indicator[b-yocd97usd0] {
    padding: 1rem;
    text-align: center;
    color: #6c757d;
    font-size: 0.875rem;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .content-layout[b-yocd97usd0] {
        grid-template-columns: 350px 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .content-layout[b-yocd97usd0] {
        grid-template-columns: 1fr;
        gap: 1rem;
        height: auto;
    }

    .fiscal-years-panel[b-yocd97usd0] {
        height: 300px;
    }

    .details-panel[b-yocd97usd0] {
        min-height: 500px;
    }
}

@media (max-width: 768px) {
    .page-header[b-yocd97usd0] {
        margin-bottom: 1rem;
    }

    .section-header[b-yocd97usd0] {
        padding: 0.75rem;
    }

    .detail-form[b-yocd97usd0] {
        padding: 1rem;
    }
}
/* /Features/Notifications/Notifications.razor.rz.scp.css */
/* ===================================
   Notification Styles (Component-Scoped)
   =================================== */

/* Notification List Items */
[b-6e60h92a7e] .notification-item {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: white;
    cursor: pointer;
    transition: background-color 0.2s;
    position: relative;
    text-align: left;
    width: 100%;
    border: none;
    border-left: 3px solid transparent;
}

[b-6e60h92a7e] .notification-item:hover {
    background-color: #f8f9fa;
}

[b-6e60h92a7e] .notification-item.active {
    background-color: #e7f3ff;
    border-left-color: #0066cc;
}

[b-6e60h92a7e] .notification-item.unread {
    background-color: #f0f7ff;
}

[b-6e60h92a7e] .unread-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #0066cc;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

[b-6e60h92a7e] .notification-icon {
    margin-right: 1rem;
    margin-left: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-6e60h92a7e] .notification-icon-info { color: #0d6efd; }
[b-6e60h92a7e] .notification-icon-success { color: #198754; }
[b-6e60h92a7e] .notification-icon-warning { color: #ffc107; }
[b-6e60h92a7e] .notification-icon-error { color: #dc3545; }
[b-6e60h92a7e] .notification-icon-approval { color: #ff8c00; }
[b-6e60h92a7e] .notification-icon-action { color: #e63946; }

[b-6e60h92a7e] .notification-content {
    flex: 1;
    min-width: 0;
}

[b-6e60h92a7e] .notification-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.25rem;
    gap: 0.5rem;
}

[b-6e60h92a7e] .notification-title {
    font-weight: 600;
    font-size: 0.9rem;
    color: #212529;
}

[b-6e60h92a7e] .notification-time {
    font-size: 0.75rem;
    color: #6c757d;
    white-space: nowrap;
}

[b-6e60h92a7e] .notification-message {
    font-size: 0.85rem;
    color: #495057;
    margin: 0.25rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-6e60h92a7e] .notification-type-badge {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* Type-specific colors for badges */
[b-6e60h92a7e] .notification-type-badge.type-info,
[b-6e60h92a7e] .type-badge.type-info {
    background-color: #cfe2ff;
    color: #084298;
}

[b-6e60h92a7e] .notification-type-badge.type-success,
[b-6e60h92a7e] .type-badge.type-success {
    background-color: #d1e7dd;
    color: #0f5132;
}

[b-6e60h92a7e] .notification-type-badge.type-warning,
[b-6e60h92a7e] .type-badge.type-warning {
    background-color: #fff3cd;
    color: #664d03;
}

[b-6e60h92a7e] .notification-type-badge.type-error,
[b-6e60h92a7e] .type-badge.type-error {
    background-color: #f8d7da;
    color: #842029;
}

[b-6e60h92a7e] .notification-type-badge.type-approvalneeded,
[b-6e60h92a7e] .type-badge.type-approvalneeded {
    background-color: #ffe5cc;
    color: #cc5200;
}

[b-6e60h92a7e] .notification-type-badge.type-actionrequired,
[b-6e60h92a7e] .type-badge.type-actionrequired {
    background-color: #ffcccc;
    color: #990000;
}

[b-6e60h92a7e] .notification-type-badge.type-requestapproved,
[b-6e60h92a7e] .type-badge.type-requestapproved {
    background-color: #ccffcc;
    color: #006600;
}

[b-6e60h92a7e] .notification-type-badge.type-requestrejected,
[b-6e60h92a7e] .type-badge.type-requestrejected {
    background-color: #ffcccc;
    color: #990000;
}

[b-6e60h92a7e] .notification-type-badge.type-requestcompleted,
[b-6e60h92a7e] .type-badge.type-requestcompleted {
    background-color: #e0e0ff;
    color: #4d4dcc;
}

[b-6e60h92a7e] .btn-delete-notification {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    padding: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s;
    flex-shrink: 0;
}

[b-6e60h92a7e] .notification-item:hover .btn-delete-notification {
    opacity: 1;
}

[b-6e60h92a7e] .btn-delete-notification:hover {
    color: #bb2d3b;
}

/* Notification details */
[b-6e60h92a7e] .notification-detail {
    padding: 1.5rem;
}

[b-6e60h92a7e] .type-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

[b-6e60h92a7e] .detail-title {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
}

[b-6e60h92a7e] .detail-message {
    margin: 1rem 0;
    line-height: 1.6;
    color: #495057;
}

[b-6e60h92a7e] .detail-metadata {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

[b-6e60h92a7e] .metadata-item {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: #495057;
}

[b-6e60h92a7e] .metadata-item strong {
    color: #212529;
    margin-right: 0.5rem;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    [b-6e60h92a7e] .notification-item {
        padding: 0.75rem;
    }

    [b-6e60h92a7e] .notification-icon {
        margin-right: 0.75rem;
        margin-left: 0.5rem;
    }

    [b-6e60h92a7e] .notification-title {
        font-size: 0.85rem;
    }

    [b-6e60h92a7e] .notification-message {
        font-size: 0.8rem;
    }

    [b-6e60h92a7e] .notification-time {
        font-size: 0.7rem;
    }

    [b-6e60h92a7e] .notification-detail {
        padding: 1rem;
    }

    [b-6e60h92a7e] .detail-title {
        font-size: 1.1rem;
    }
}
/* /Features/Roles/ManagePermissionsModal.razor.rz.scp.css */
.permissions-management[b-xgnetsxjx3] {
    min-height: 400px;
}

.permissions-section[b-xgnetsxjx3] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
    height: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.permission-item[b-xgnetsxjx3] {
    padding: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.permission-item:last-child[b-xgnetsxjx3] {
    border-bottom: none;
}

.permission-category[b-xgnetsxjx3] {
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    padding: 0.75rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.category-header[b-xgnetsxjx3] {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.5rem;
}

.category-header h6[b-xgnetsxjx3] {
    margin: 0;
}

.category-header[b-xgnetsxjx3] {
    min-height: 38px;
}

.category-header .btn-remove[b-xgnetsxjx3] {
    margin-top: 0 !important;
}

.badge .btn-close[b-xgnetsxjx3] {
    font-size: 0.6em;
}

.search-box input[b-xgnetsxjx3] {
    border-radius: 0.25rem;
}

.btn-remove[b-xgnetsxjx3] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* Ensure confirmation modal and its backdrop appear above main modal */
[b-xgnetsxjx3] .modal-backdrop.show + .modal-backdrop.show {
    z-index: 1055 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

[b-xgnetsxjx3] .modal.show .modal {
    z-index: 1060 !important;
}

[b-xgnetsxjx3] .modal.show .modal-backdrop {
    z-index: 1055 !important;
}

/* Target second modal specifically */
[b-xgnetsxjx3] .modal-backdrop:nth-of-type(2) {
    z-index: 1055 !important;
}

[b-xgnetsxjx3] .modal:nth-of-type(2) {
    z-index: 1060 !important;
}

/* Add shadow to checkboxes for better visibility */
.form-check-input[b-xgnetsxjx3] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.form-check-input:checked[b-xgnetsxjx3] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 2px 3px rgba(0, 0, 0, 0.28);
}

/* Custom modal backdrop for confirmation dialog */
.custom-modal-backdrop[b-xgnetsxjx3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1055;
}

/* Permission code styling to match role management */
.permission-code[b-xgnetsxjx3] {
    font-family: 'Courier New', monospace;
    font-size: 0.75rem;
    color: #0d6efd;
    background: #e7f3ff;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    display: inline-block;
    margin-top: 0.25rem;
}
/* /Features/Roles/Roles.razor.rz.scp.css */
/* Manage Permissions Button */
.manage-permissions-btn[b-893u808e6l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

.manage-permissions-btn:hover[b-893u808e6l] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.manage-permissions-btn svg[b-893u808e6l] {
    flex-shrink: 0;
}

/* Permissions Section Styling */
.permissions-search-container[b-893u808e6l] {
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.search-input-wrapper[b-893u808e6l] {
    position: relative;
    max-width: 300px;
}

.search-input[b-893u808e6l] {
    padding-left: 2.5rem;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    font-size: 0.875rem;
}

.search-input:focus[b-893u808e6l] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.search-icon[b-893u808e6l] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

.permissions-container[b-893u808e6l] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 1rem 1rem 1rem 1rem;
}

.permissions-loading[b-893u808e6l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
}

.permissions-grid[b-893u808e6l] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    align-content: flex-start;
    align-items: flex-start;
}

.permission-category[b-893u808e6l] {
    border: 1px solid #e9ecef;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: fit-content;
    max-width: 320px;
    min-width: 280px;
    flex: 0 0 auto;
}

.category-header[b-893u808e6l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.category-header:hover[b-893u808e6l] {
    background: #e9ecef;
}

.category-header .btn-collapse[b-893u808e6l] {
    background: none;
    border: none;
    padding: 0;
    margin-right: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.category-header .btn-collapse svg[b-893u808e6l] {
    transition: transform 0.2s ease;
}

.category-header .btn-collapse svg.collapsed[b-893u808e6l] {
    transform: rotate(-90deg);
}

.category-title[b-893u808e6l] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.category-count[b-893u808e6l] {
    background: #6c757d;
    color: white;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    min-width: 1.5rem;
    text-align: center;
}

.permission-list[b-893u808e6l] {
    padding: 0.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    overflow-y: auto;
    max-height: 400px;
    opacity: 1;
}

.permission-list.collapsed[b-893u808e6l] {
    max-height: 0;
    padding: 0 0.5rem;
    opacity: 0;
}

.permission-item[b-893u808e6l] {
    padding: 0.75rem;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease;
    margin-bottom: 0.5rem;
    flex-shrink: 0;
}

.permission-item:hover[b-893u808e6l] {
    background: #f8f9fa;
}

.permission-item:last-child[b-893u808e6l] {
    margin-bottom: 0.5rem;
}

.permission-content[b-893u808e6l] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.permission-name[b-893u808e6l] {
    font-weight: 600;
    color: #212529;
    font-size: 0.875rem;
}

.permission-description[b-893u808e6l] {
    color: #6c757d;
    font-size: 0.8rem;
    line-height: 1.4;
}

.permission-code[b-893u808e6l] {
    font-family: 'Courier New', monospace;
    font-size: 0.75rem;
    color: #0d6efd;
    background: #e7f3ff;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    align-self: flex-start;
}

.empty-permissions[b-893u808e6l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: #6c757d;
}

.empty-permissions .empty-icon[b-893u808e6l] {
    margin-bottom: 1rem;
    color: #adb5bd;
}

.empty-permissions h5[b-893u808e6l] {
    margin-bottom: 0.5rem;
    color: #495057;
}

.empty-permissions p[b-893u808e6l] {
    margin: 0;
    max-width: 300px;
}

/* Permissions empty state to match Grid component style */
.permissions-empty-state[b-893u808e6l] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    margin: 0;
}

.empty-content[b-893u808e6l] {
    text-align: center;
    padding: 2rem 1rem;
}

.empty-message[b-893u808e6l] {
    color: #6c757d;
    font-size: 0.875rem;
    margin: 0;
    font-style: italic;
}

/* Responsive card layout */
@media (max-width: 768px) {
    .permissions-grid[b-893u808e6l] {
        flex-direction: column;
    }

    .permission-category[b-893u808e6l] {
        max-width: 100%;
        min-width: 100%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .permission-category[b-893u808e6l] {
        max-width: 300px;
        min-width: 260px;
    }
}
/* /Features/Shared/Components/AuthLoadingComponent.razor.rz.scp.css */
.auth-loading-container[b-zjg64hi0t8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    min-height: 100vh;
    opacity: 0;
    animation: fadeIn-b-zjg64hi0t8 0.6s ease-out 0.3s forwards;
}

.auth-loading-content[b-zjg64hi0t8] {
    text-align: center;
    color: white;
    max-width: 400px;
    padding: 2rem;
}

.auth-loading-logo[b-zjg64hi0t8] {
    margin-bottom: 2rem;
    animation: fadeInUp-b-zjg64hi0t8 1.2s ease-out 0.6s both;
}

.famas-brand[b-zjg64hi0t8] {
    font-family: 'Ubuntu', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    letter-spacing: 2px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.brand-subtitle[b-zjg64hi0t8] {
    font-size: 0.9rem;
    opacity: 0.9;
    margin-bottom: 0;
    letter-spacing: 1px;
}

.auth-loading-spinner[b-zjg64hi0t8] {
    margin: 2rem 0;
    animation: fadeInUp-b-zjg64hi0t8 1.2s ease-out 0.9s both;
}

.spinner[b-zjg64hi0t8] {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid white;
    border-radius: 50%;
    margin: 0 auto;
    animation: spin-b-zjg64hi0t8 1s linear infinite;
}

.auth-loading-message[b-zjg64hi0t8] {
    animation: fadeInUp-b-zjg64hi0t8 1.2s ease-out 1.2s both;
}

.auth-loading-message h4[b-zjg64hi0t8] {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.auth-loading-message p[b-zjg64hi0t8] {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
}

.auth-loading-progress[b-zjg64hi0t8] {
    margin-top: 2rem;
    animation: fadeInUp-b-zjg64hi0t8 1.2s ease-out 1.5s both;
}

.progress-bar[b-zjg64hi0t8] {
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    overflow: hidden;
}

.progress-fill[b-zjg64hi0t8] {
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8));
    border-radius: 2px;
    animation: progressPulse-b-zjg64hi0t8 2s ease-in-out infinite;
}

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

@keyframes fadeIn-b-zjg64hi0t8 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp-b-zjg64hi0t8 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes progressPulse-b-zjg64hi0t8 {
    0%, 100% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .auth-loading-content[b-zjg64hi0t8] {
        padding: 1.5rem;
    }

    .famas-brand[b-zjg64hi0t8] {
        font-size: 2.5rem;
    }

    .spinner[b-zjg64hi0t8] {
        width: 50px;
        height: 50px;
    }

    .auth-loading-message h4[b-zjg64hi0t8] {
        font-size: 1.25rem;
    }
}
/* /Features/Shared/Components/ProgressHistoryModal.razor.rz.scp.css */
.modal-overlay[b-wdg3lhpycp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.progress-history-dialog[b-wdg3lhpycp] {
    background: white;
    border-radius: 12px;
    max-width: 700px;
    width: 90%;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

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

.modal-title[b-wdg3lhpycp] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
}

.modal-close[b-wdg3lhpycp] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.modal-close:hover[b-wdg3lhpycp] {
    background-color: #f5f5f5;
}

.modal-content[b-wdg3lhpycp] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.progress-timeline[b-wdg3lhpycp] {
    position: relative;
    padding-left: 2rem;
}

.progress-timeline[b-wdg3lhpycp]::before {
    content: '';
    position: absolute;
    left: 0.625rem;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 2px;
    background: linear-gradient(to bottom, #4CAF50 0%, #e0e0e0 100%);
}

.timeline-item[b-wdg3lhpycp] {
    position: relative;
    padding-bottom: 2rem;
}

.timeline-item:last-child[b-wdg3lhpycp] {
    padding-bottom: 0;
}

.timeline-marker[b-wdg3lhpycp] {
    position: absolute;
    left: -1.625rem;
    top: 0.375rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.timeline-marker.completed[b-wdg3lhpycp] {
    background-color: #4CAF50;
}

.timeline-marker.active[b-wdg3lhpycp] {
    background-color: #2196F3;
    animation: pulse-b-wdg3lhpycp 2s infinite;
}

.timeline-marker.pending[b-wdg3lhpycp] {
    background-color: #e0e0e0;
}

@keyframes pulse-b-wdg3lhpycp {
    0%, 100% {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(33, 150, 243, 0.4);
    }
    50% {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 0 0 8px rgba(33, 150, 243, 0);
    }
}

.timeline-content[b-wdg3lhpycp] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.timeline-item.completed .timeline-content[b-wdg3lhpycp] {
    background: #e8f5e9;
}

.timeline-item.current .timeline-content[b-wdg3lhpycp] {
    background: #e3f2fd;
}

.timeline-item.pending .timeline-content[b-wdg3lhpycp] {
    background: #fafafa;
    opacity: 0.8;
}

.timeline-header[b-wdg3lhpycp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.timeline-header strong[b-wdg3lhpycp] {
    font-weight: 600;
    color: #333;
}

.timeline-date[b-wdg3lhpycp] {
    font-size: 0.875rem;
    color: #666;
    text-align: right;
    line-height: 1.4;
}

.timeline-body[b-wdg3lhpycp] {
    color: #555;
}

.timeline-body strong[b-wdg3lhpycp] {
    color: #333;
}

.timeline-comment[b-wdg3lhpycp] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: white;
    border-left: 3px solid #2196F3;
    border-radius: 4px;
    font-style: italic;
}

.text-muted[b-wdg3lhpycp] {
    color: #6c757d;
}

.text-center[b-wdg3lhpycp] {
    text-align: center;
}

.py-4[b-wdg3lhpycp] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
/* /Features/Users/ArchiveUserModal.razor.rz.scp.css */
.confirmation-content[b-74k12w0vjn] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.confirmation-icon[b-74k12w0vjn] {
    flex-shrink: 0;
    color: #ffc107;
}

.confirmation-text h3[b-74k12w0vjn] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.confirmation-text p[b-74k12w0vjn] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.confirmation-text ul[b-74k12w0vjn] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.confirmation-text li[b-74k12w0vjn] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.confirmation-text strong[b-74k12w0vjn] {
    color: #495057;
    font-weight: 600;
}

.btn-warning[b-74k12w0vjn] {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}

.btn-warning:hover[b-74k12w0vjn] {
    background-color: #e0a800;
    border-color: #d39e00;
}
/* /Features/Users/DeleteUserModal.razor.rz.scp.css */
.confirmation-content[b-wbfgz4nuwe] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.confirmation-icon[b-wbfgz4nuwe] {
    flex-shrink: 0;
    color: #dc3545;
}

.confirmation-text h3[b-wbfgz4nuwe] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.confirmation-text p[b-wbfgz4nuwe] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.confirmation-text .text-danger[b-wbfgz4nuwe] {
    color: #dc3545 !important;
}

.confirmation-text ul[b-wbfgz4nuwe] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.confirmation-text li[b-wbfgz4nuwe] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.confirmation-text strong[b-wbfgz4nuwe] {
    color: #495057;
    font-weight: 600;
}

.alert[b-wbfgz4nuwe] {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger[b-wbfgz4nuwe] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger strong[b-wbfgz4nuwe] {
    color: #721c24;
}

.btn-danger[b-wbfgz4nuwe] {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.btn-danger:hover[b-wbfgz4nuwe] {
    background-color: #c82333;
    border-color: #bd2130;
}
/* /Features/Users/ResetPasswordModal.razor.rz.scp.css */
.confirmation-content[b-rnvkg0g46g] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.confirmation-icon[b-rnvkg0g46g] {
    flex-shrink: 0;
    color: #0d6efd;
}

.confirmation-text h3[b-rnvkg0g46g] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.confirmation-text p[b-rnvkg0g46g] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.confirmation-text ul[b-rnvkg0g46g] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.confirmation-text li[b-rnvkg0g46g] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.confirmation-text strong[b-rnvkg0g46g] {
    color: #495057;
    font-weight: 600;
}

.alert[b-rnvkg0g46g] {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-info[b-rnvkg0g46g] {
    color: #004085;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info strong[b-rnvkg0g46g] {
    color: #004085;
}

.btn-primary[b-rnvkg0g46g] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.btn-primary:hover[b-rnvkg0g46g] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}
/* /Features/Users/RestoreUserModal.razor.rz.scp.css */
.confirmation-content[b-02lc7xixsi] {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.confirmation-icon[b-02lc7xixsi] {
    flex-shrink: 0;
    color: #28a745;
}

.confirmation-text h3[b-02lc7xixsi] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 1rem;
}

.confirmation-text p[b-02lc7xixsi] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.confirmation-text ul[b-02lc7xixsi] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.confirmation-text li[b-02lc7xixsi] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.confirmation-text strong[b-02lc7xixsi] {
    color: #495057;
    font-weight: 600;
}

.btn-success[b-02lc7xixsi] {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

.btn-success:hover[b-02lc7xixsi] {
    background-color: #218838;
    border-color: #1e7e34;
}
/* /Features/Users/SelectDepartmentModal.razor.rz.scp.css */
.modal-form[b-kz954btgab] {
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.search-section[b-kz954btgab] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.department-list-container[b-kz954btgab] {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}

.department-list[b-kz954btgab] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.department-item[b-kz954btgab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.department-item:not(:disabled):hover[b-kz954btgab] {
    background: #f8f9fa;
    border-color: #dee2e6;
}

.department-item.selected[b-kz954btgab] {
    background: #e3f2fd;
    border-color: #1976d2;
}

.department-item.inactive[b-kz954btgab] {
    opacity: 0.7;
}

.department-item:disabled[b-kz954btgab] {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f8f9fa;
}

.department-info[b-kz954btgab] {
    flex: 1;
}

.department-name[b-kz954btgab] {
    font-size: 1rem;
    font-weight: 500;
    color: #212529;
    margin-bottom: 0.25rem;
}

.department-details[b-kz954btgab] {
    font-size: 0.875rem;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.division-name[b-kz954btgab] {
    font-weight: 600;
    color: #495057;
    background: #e9ecef;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
}

.department-short-name[b-kz954btgab] {
    font-weight: 500;
    color: #495057;
}

.separator[b-kz954btgab] {
    color: #adb5bd;
}

.department-description[b-kz954btgab] {
    color: #6c757d;
}

.department-status[b-kz954btgab] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-kz954btgab] {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-secondary[b-kz954btgab] {
    color: #fff;
    background-color: #6c757d;
}

.badge-success[b-kz954btgab] {
    color: #fff;
    background-color: #28a745;
}

.no-results[b-kz954btgab] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
}

.no-results svg[b-kz954btgab] {
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-results p[b-kz954btgab] {
    margin: 0;
    font-size: 0.875rem;
}
/* /Features/Users/SelectEmployeeModal.razor.rz.scp.css */
.modal-form[b-j5pk4ncauf] {
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.search-section[b-j5pk4ncauf] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.employee-list-container[b-j5pk4ncauf] {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}

.employee-list[b-j5pk4ncauf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.employee-item[b-j5pk4ncauf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.employee-item:hover[b-j5pk4ncauf] {
    background: #f8f9fa;
    border-color: #dee2e6;
}

.employee-item.selected[b-j5pk4ncauf] {
    background: #e3f2fd;
    border-color: #1976d2;
}

.employee-info[b-j5pk4ncauf] {
    flex: 1;
}

.employee-name[b-j5pk4ncauf] {
    font-size: 1rem;
    font-weight: 500;
    color: #212529;
    margin-bottom: 0.25rem;
}

.employee-details[b-j5pk4ncauf] {
    font-size: 0.875rem;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.employee-number[b-j5pk4ncauf] {
    font-weight: 500;
}

.separator[b-j5pk4ncauf] {
    color: #adb5bd;
}

.employee-position[b-j5pk4ncauf] {
    color: #6c757d;
}

.employee-status[b-j5pk4ncauf] {
    display: flex;
    align-items: center;
}

.badge[b-j5pk4ncauf] {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-secondary[b-j5pk4ncauf] {
    color: #fff;
    background-color: #6c757d;
}

.no-results[b-j5pk4ncauf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
}

.no-results svg[b-j5pk4ncauf] {
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-results p[b-j5pk4ncauf] {
    margin: 0;
    font-size: 0.875rem;
}
/* /Features/Users/SelectRoleModal.razor.rz.scp.css */
.modal-form[b-vya6qrsnz1] {
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

.search-section[b-vya6qrsnz1] {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.role-list-container[b-vya6qrsnz1] {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
}

.role-list[b-vya6qrsnz1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.role-item[b-vya6qrsnz1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.role-item:not(:disabled):hover[b-vya6qrsnz1] {
    background: #f8f9fa;
    border-color: #dee2e6;
}

.role-item.selected[b-vya6qrsnz1] {
    background: #e3f2fd;
    border-color: #1976d2;
}

.role-item.inactive[b-vya6qrsnz1] {
    opacity: 0.7;
}

.role-item:disabled[b-vya6qrsnz1] {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f8f9fa;
}

.role-info[b-vya6qrsnz1] {
    flex: 1;
}

.role-name[b-vya6qrsnz1] {
    font-size: 1rem;
    font-weight: 500;
    color: #212529;
    margin-bottom: 0.25rem;
}

.role-details[b-vya6qrsnz1] {
    font-size: 0.875rem;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.role-short-name[b-vya6qrsnz1] {
    font-weight: 500;
    color: #495057;
}

.separator[b-vya6qrsnz1] {
    color: #adb5bd;
}

.role-description[b-vya6qrsnz1] {
    color: #6c757d;
}

.role-status[b-vya6qrsnz1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.badge[b-vya6qrsnz1] {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge-secondary[b-vya6qrsnz1] {
    color: #fff;
    background-color: #6c757d;
}

.badge-success[b-vya6qrsnz1] {
    color: #fff;
    background-color: #28a745;
}

.no-results[b-vya6qrsnz1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6c757d;
}

.no-results svg[b-vya6qrsnz1] {
    color: #dee2e6;
    margin-bottom: 1rem;
}

.no-results p[b-vya6qrsnz1] {
    margin: 0;
    font-size: 0.875rem;
}
/* /Features/Users/Users.razor.rz.scp.css */
/* Users Page Specific Styles */

/* Left Panel - Users */
.users-panel[b-6p2722qrh0] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.panel-header[b-6p2722qrh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.panel-title[b-6p2722qrh0] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.panel-actions[b-6p2722qrh0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-container[b-6p2722qrh0] {
    position: relative;
}

.btn-filter[b-6p2722qrh0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    color: #495057;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-filter:hover[b-6p2722qrh0] {
    background: #f8f9fa;
    border-color: #adb5bd;
}

.filter-label[b-6p2722qrh0] {
    font-weight: 500;
}

.filter-arrow[b-6p2722qrh0] {
    transition: transform 0.15s ease;
}

.btn-filter:hover .filter-arrow[b-6p2722qrh0] {
    transform: rotate(180deg);
}

.filter-menu[b-6p2722qrh0] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    min-width: 150px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.15s ease;
    margin-top: 0.25rem;
}

.filter-menu.show[b-6p2722qrh0] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.filter-item[b-6p2722qrh0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    color: #495057;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.filter-item:hover[b-6p2722qrh0] {
    background: #f8f9fa;
}

.filter-item.active[b-6p2722qrh0] {
    background: #e7f3ff;
    color: #0d6efd;
}

.filter-item:first-child[b-6p2722qrh0] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.filter-item:last-child[b-6p2722qrh0] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.btn-add[b-6p2722qrh0] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-add:hover:not(:disabled)[b-6p2722qrh0] {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.btn-add:disabled[b-6p2722qrh0] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Search Container */
.search-container[b-6p2722qrh0] {
    position: relative;
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.search-input[b-6p2722qrh0] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.search-input:focus[b-6p2722qrh0] {
    outline: none;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.search-icon[b-6p2722qrh0] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    pointer-events: none;
}

/* Users List */
.users-list[b-6p2722qrh0] {
    flex: 1;
    overflow-y: auto;
}

.user-item[b-6p2722qrh0] {
    width: 100%;
    padding: 1rem;
    border: none;
    background: white;
    border-bottom: 1px solid #f1f3f4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s ease;
}

.user-item:hover[b-6p2722qrh0] {
    background: #f8f9fa;
}

.user-item.active[b-6p2722qrh0] {
    background: #e3f2fd;
    border-left: 3px solid #1976d2;
}

.user-content[b-6p2722qrh0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

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

.user-name[b-6p2722qrh0] {
    font-size: 1rem;
    color: #495057;
    font-weight: 400;
}

.user-employee-number[b-6p2722qrh0] {
    font-size: 0.75rem;
    color: #6c757d;
}

.user-item.active .user-name[b-6p2722qrh0] {
    color: #1976d2;
    font-weight: 500;
}

.user-item.archived[b-6p2722qrh0] {
    opacity: 0.7;
    background-color: #f8f9fa;
}

.user-item.archived:hover[b-6p2722qrh0] {
    background-color: #e9ecef;
}

.user-item.archived .user-name[b-6p2722qrh0] {
    color: #6c757d;
    text-decoration: line-through;
}

.user-item.archived.active[b-6p2722qrh0] {
    background-color: #e3f2fd;
    opacity: 0.8;
}

.user-item.archived.active .user-name[b-6p2722qrh0] {
    color: #1976d2;
    font-weight: 500;
}

.archived-badge[b-6p2722qrh0],
.disabled-badge[b-6p2722qrh0] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.archived-badge[b-6p2722qrh0] {
    color: #6c757d;
    background-color: #e9ecef;
}

.disabled-badge[b-6p2722qrh0] {
    color: #dc3545;
    background-color: #f8d7da;
}

.expand-icon[b-6p2722qrh0] {
    color: #adb5bd;
    transition: transform 0.15s ease;
}

.user-item:hover .expand-icon[b-6p2722qrh0] {
    color: #6c757d;
}

.user-item.active .expand-icon[b-6p2722qrh0] {
    color: #1976d2;
}

/* Right Panel - Details */
.details-panel[b-6p2722qrh0] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.section-header[b-6p2722qrh0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.section-title[b-6p2722qrh0] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin: 0;
}

.section-actions[b-6p2722qrh0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.detail-section[b-6p2722qrh0] {
    flex: 1;
    overflow-y: auto;
}

.detail-form[b-6p2722qrh0] {
    padding: 1.5rem;
}

/* Form Styles */
.form-group[b-6p2722qrh0] {
    margin-bottom: 1.5rem;
}

.form-label[b-6p2722qrh0] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.form-input[b-6p2722qrh0] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.875rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-input:focus[b-6p2722qrh0] {
    outline: none;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.form-input:disabled[b-6p2722qrh0],
.form-input[readonly][b-6p2722qrh0] {
    background-color: #e9ecef;
    cursor: not-allowed;
}

.form-textarea[b-6p2722qrh0] {
    min-height: 80px;
    resize: vertical;
    font-family: inherit;
}

.form-input.input-error[b-6p2722qrh0] {
    border-color: #dc3545;
}

.form-input.input-error:focus[b-6p2722qrh0] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.field-error-message[b-6p2722qrh0] {
    display: block;
    font-size: 0.75rem;
    color: #dc3545;
    margin-top: 0.25rem;
}

.archived-input[b-6p2722qrh0] {
    background-color: #f8f9fa;
    color: #6c757d;
    border-color: #e9ecef;
}

/* Employee Select Container */
.employee-select-container[b-6p2722qrh0] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.employee-input[b-6p2722qrh0] {
    flex: 1;
}

.btn-select-employee[b-6p2722qrh0] {
    width: 50px;
    padding: 0.75rem 0;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: white;
    color: #495057;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    font-size: 0.875rem;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-select-employee:hover:not(:disabled)[b-6p2722qrh0] {
    background: #e9ecef;
    border-color: #adb5bd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.btn-select-employee:disabled[b-6p2722qrh0] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Tags Container */
.tags-container[b-6p2722qrh0] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 40px;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.tag[b-6p2722qrh0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    border-radius: 16px;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.15s ease;
}

.tag:hover[b-6p2722qrh0] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.tag-disabled[b-6p2722qrh0] {
    background: #f8f9fa;
    color: #6c757d;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tag-remove[b-6p2722qrh0] {
    background: none;
    border: none;
    cursor: pointer;
    color: inherit;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.7;
    transition: opacity 0.15s ease;
}

.tag-remove:hover[b-6p2722qrh0] {
    opacity: 1;
}

.tag-add[b-6p2722qrh0] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    background: white;
    color: #6c757d;
    border: 1px dashed #ced4da;
    border-radius: 16px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.tag-add:hover[b-6p2722qrh0] {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #495057;
}

/* Form Switch Container */
.form-switch-container[b-6p2722qrh0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* More Options Menu */
.more-options-container[b-6p2722qrh0] {
    position: relative;
}

.btn-icon[b-6p2722qrh0] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #ced4da;
    background: white;
    color: #495057;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.btn-icon:hover[b-6p2722qrh0] {
    background: #e9ecef;
    border-color: #adb5bd;
}

.more-options-menu[b-6p2722qrh0] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 180px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all 0.2s ease;
}

.more-options-menu.show[b-6p2722qrh0] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.menu-item[b-6p2722qrh0] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: none;
    background: none;
    color: #495057;
    font-size: 0.875rem;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: background-color 0.15s ease;
}

.menu-item:hover[b-6p2722qrh0] {
    background-color: #f8f9fa;
}

.menu-item:first-child[b-6p2722qrh0] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.menu-item:last-child[b-6p2722qrh0] {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.menu-item svg[b-6p2722qrh0] {
    color: #6c757d;
}

/* Empty Selection */
.empty-selection[b-6p2722qrh0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.empty-icon[b-6p2722qrh0] {
    color: #dee2e6;
    margin-bottom: 1.5rem;
}

.empty-selection h3[b-6p2722qrh0] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.empty-selection p[b-6p2722qrh0] {
    font-size: 1rem;
    color: #6c757d;
    text-align: center;
    max-width: 400px;
}

/* Alert Messages */
.alert[b-6p2722qrh0] {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger[b-6p2722qrh0] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* Loading Indicator */
.loading-indicator[b-6p2722qrh0] {
    padding: 1rem;
    text-align: center;
    color: #6c757d;
    font-size: 0.875rem;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .content-layout[b-6p2722qrh0] {
        grid-template-columns: 350px 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 992px) {
    .content-layout[b-6p2722qrh0] {
        grid-template-columns: 1fr;
        gap: 1rem;
        height: auto;
    }

    .users-panel[b-6p2722qrh0] {
        height: 300px;
    }

    .details-panel[b-6p2722qrh0] {
        min-height: 500px;
    }
}

@media (max-width: 768px) {
    .page-header[b-6p2722qrh0] {
        margin-bottom: 1rem;
    }


    .section-header[b-6p2722qrh0] {
        padding: 0.75rem;
    }

    .detail-form[b-6p2722qrh0] {
        padding: 1rem;
    }
}

/* Password Input Styles */
.password-input-wrapper[b-6p2722qrh0] {
    position: relative;
    display: flex;
    align-items: center;
}

.password-input-wrapper .form-input[b-6p2722qrh0] {
    padding-right: 2.5rem;
}

.password-toggle[b-6p2722qrh0] {
    position: absolute;
    right: 0.75rem;
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease;
}

.password-toggle:hover[b-6p2722qrh0] {
    color: #495057;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-54os8px1dx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-54os8px1dx] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-54os8px1dx], article[b-54os8px1dx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/Components/NotificationBellMenu.razor.rz.scp.css */
/* ===================================
   Notification Bell Menu Styles (Component-Scoped)
   =================================== */

/* Notification bell menu container */
[b-l7422z4p22] .notification-container {
    position: relative;
}

[b-l7422z4p22] .notification-btn {
    position: relative;
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}

[b-l7422z4p22] .notification-btn:hover {
    background-color: #f8f9fa;
    color: #212529;
}

[b-l7422z4p22] .notification-badge {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background-color: #dc3545;
    color: white;
    border-radius: 10px;
    padding: 0.125rem 0.375rem;
    font-size: 0.625rem;
    font-weight: 600;
    min-width: 1.25rem;
    text-align: center;
}

[b-l7422z4p22] .notification-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 360px;
    max-height: 480px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: none;
    flex-direction: column;
    z-index: 1050;
    margin-top: 0.5rem;
}

[b-l7422z4p22] .notification-menu.show {
    display: flex;
}

[b-l7422z4p22] .notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

[b-l7422z4p22] .notification-header h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #212529;
}

[b-l7422z4p22] .notification-list {
    flex: 1;
    overflow-y: auto;
    max-height: 360px;
}

[b-l7422z4p22] .notification-item {
    display: flex;
    align-items: flex-start;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f1f3f5;
    cursor: pointer;
    transition: background-color 0.2s;
}

[b-l7422z4p22] .notification-item:hover {
    background-color: #f8f9fa;
}

[b-l7422z4p22] .notification-item.unread {
    background-color: #f0f7ff;
}

[b-l7422z4p22] .notification-icon {
    margin-right: 0.75rem;
    flex-shrink: 0;
}

[b-l7422z4p22] .notification-icon-info { color: #0d6efd; }
[b-l7422z4p22] .notification-icon-success { color: #198754; }
[b-l7422z4p22] .notification-icon-warning { color: #ffc107; }
[b-l7422z4p22] .notification-icon-error { color: #dc3545; }
[b-l7422z4p22] .notification-icon-approval { color: #ff8c00; }
[b-l7422z4p22] .notification-icon-action { color: #e63946; }

[b-l7422z4p22] .notification-content {
    flex: 1;
    min-width: 0;
}

[b-l7422z4p22] .notification-title {
    font-weight: 600;
    font-size: 0.875rem;
    color: #212529;
    margin-bottom: 0.25rem;
}

[b-l7422z4p22] .notification-message {
    font-size: 0.813rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[b-l7422z4p22] .notification-time {
    font-size: 0.75rem;
    color: #adb5bd;
}

[b-l7422z4p22] .notification-delete {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    padding: 0.25rem;
    opacity: 0;
    transition: opacity 0.2s;
    flex-shrink: 0;
}

[b-l7422z4p22] .notification-item:hover .notification-delete {
    opacity: 1;
}

[b-l7422z4p22] .notification-delete:hover {
    color: #bb2d3b;
}

[b-l7422z4p22] .notification-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    color: #6c757d;
}

[b-l7422z4p22] .notification-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #6c757d;
    text-align: center;
}

[b-l7422z4p22] .notification-empty svg {
    margin-bottom: 1rem;
    opacity: 0.5;
}

[b-l7422z4p22] .notification-empty p {
    margin: 0;
    font-size: 0.875rem;
}

[b-l7422z4p22] .notification-load-more {
    padding: 0.75rem;
    text-align: center;
    border-top: 1px solid #f1f3f5;
}

[b-l7422z4p22] .notification-load-more .btn-link {
    font-size: 0.875rem;
}

[b-l7422z4p22] .notification-load-more .notification-loading {
    padding: 0;
}

[b-l7422z4p22] .notification-footer {
    padding: 0.75rem;
    text-align: center;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

[b-l7422z4p22] .notification-footer .btn-link {
    font-weight: 600;
    text-decoration: none;
    color: #0d6efd;
}

[b-l7422z4p22] .notification-footer .btn-link:hover {
    text-decoration: underline;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    [b-l7422z4p22] .notification-menu {
        width: 320px;
        max-height: 400px;
    }

    [b-l7422z4p22] .notification-list {
        max-height: 280px;
    }

    [b-l7422z4p22] .notification-item {
        padding: 0.625rem 0.875rem;
    }

    [b-l7422z4p22] .notification-title {
        font-size: 0.813rem;
    }

    [b-l7422z4p22] .notification-message {
        font-size: 0.75rem;
    }
}