/* _content/EntWebAppTest/Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-vz61dxvlc3] {
    margin: 0.625rem 0 0.625rem 0;
    justify-content: start;
}
/* _content/EntWebAppTest/Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
.current-logins[b-y0tam4790c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.current-logins-item[b-y0tam4790c] {
    display: flex;
    gap: 0.625rem;
}
/* _content/EntWebAppTest/Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins[b-47mcsr50sp] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 500px) {
    .external-logins[b-47mcsr50sp] {
        flex-direction: column;
    }
}
/* _content/EntWebAppTest/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
[b-oscsfq2zsn] .tab-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

[b-oscsfq2zsn] .icon-profile {
    -webkit-mask-image: url("images/account/manage-profile.svg");
    mask-image: url("images/account/manage-profile.svg");
}

[b-oscsfq2zsn] .icon-email {
    -webkit-mask-image: url("images/account/manage-email.svg");
    mask-image: url("images/account/manage-email.svg");
}

[b-oscsfq2zsn] .icon-two-factor {
    -webkit-mask-image: url("images/account/manage-two-factor.svg");
    mask-image: url("images/account/manage-two-factor.svg");
}

[b-oscsfq2zsn] .icon-password {
    -webkit-mask-image: url("images/account/manage-password.svg");
    mask-image: url("images/account/manage-password.svg");
}

[b-oscsfq2zsn] .icon-personal {
    -webkit-mask-image: url("images/account/manage-personal.svg");
    mask-image: url("images/account/manage-personal.svg");
}

[b-oscsfq2zsn] .icon-external {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}
/* _content/EntWebAppTest/Components/Account/Shared/ShowRecoveryCodes.razor.rz.scp.css */
.codes[b-pni2dvvbae] {
    margin: 0.625rem 0px 0.625rem 0px;
}
/* _content/EntWebAppTest/Components/BatchTracker/ActiveBatchTracker.razor.rz.scp.css */
/* Modern Active Batch Tracker Styling */
.section-card[b-g0ilxpbloi] {
    background: rgba(13, 13, 13, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 
        0 8px 32px 0 rgba(0, 0, 0, 0.37),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.section-header[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    overflow: hidden;
}

.section-header h4[b-g0ilxpbloi] {
    color: #ffffff;
    font-size: 1.125rem !important;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 i[b-g0ilxpbloi] {
    color: #667eea;
    font-size: 1.25rem;
}

/* Modern Table Styling */
.table-dark[b-g0ilxpbloi] {
    background: transparent !important;
}

.table-dark thead th[b-g0ilxpbloi] {
    background: rgba(102, 126, 234, 0.1);
    border-bottom: 2px solid rgba(102, 126, 234, 0.3);
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    padding: 1rem;
}

.table-dark tbody tr[b-g0ilxpbloi] {
    background: rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.table-dark tbody tr:hover[b-g0ilxpbloi] {
    background: rgba(102, 126, 234, 0.1);
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

.table-dark tbody tr.table-primary[b-g0ilxpbloi] {
    background: rgba(102, 126, 234, 0.2) !important;
    border-left: 3px solid #667eea;
}

/* Modern Badge Styling */
.badge[b-g0ilxpbloi] {
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.badge.bg-success[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-color: rgba(16, 185, 129, 0.3);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}

.badge.bg-danger[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border-color: rgba(239, 68, 68, 0.3);
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.3);
}

.badge.bg-warning[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    border-color: rgba(245, 158, 11, 0.3);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.badge.bg-info[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

/* Modern Button Styling */
.btn-group-sm .btn[b-g0ilxpbloi] {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.75rem;
    transition: all 0.3s ease;
}

.btn-info[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
    border-color: rgba(102, 126, 234, 0.5);
}

.btn-info:hover[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%);
    border-color: #667eea;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-success[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.2) 100%);
    border-color: rgba(16, 185, 129, 0.5);
}

.btn-danger[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(220, 38, 38, 0.2) 100%);
    border-color: rgba(239, 68, 68, 0.5);
}

.btn-secondary[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(156, 163, 175, 0.2) 0%, rgba(107, 114, 128, 0.2) 100%);
    border-color: rgba(156, 163, 175, 0.5);
}

.btn-success:hover[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.3) 0%, rgba(5, 150, 105, 0.3) 100%);
    border-color: #10b981;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}

.btn-danger:hover[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.3) 0%, rgba(220, 38, 38, 0.3) 100%);
    border-color: #ef4444;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4);
}

.btn-secondary:hover[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(156, 163, 175, 0.3) 0%, rgba(107, 114, 128, 0.3) 100%);
    border-color: #9ca3af;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(156, 163, 175, 0.4);
}

/* Dropdown Details Animation */
.dropdown-details[b-g0ilxpbloi] {
    animation: slideIn-b-g0ilxpbloi 0.3s ease-out;
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.95) 0%, rgba(22, 33, 62, 0.95) 100%) !important;
    border-top: 1px solid rgba(102, 126, 234, 0.3);
}

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

/* Modern Timeline Styling */
.batch-timeline[b-g0ilxpbloi] {
    position: relative;
    margin: 20px 0;
    padding-left: 30px;
}

.batch-timeline[b-g0ilxpbloi]:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #667eea, #764ba2);
    box-shadow: 0 0 10px rgba(102, 126, 234, 0.5);
}

.timeline-item[b-g0ilxpbloi] {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
}

.timeline-item[b-g0ilxpbloi]:before {
    content: '';
    position: absolute;
    left: -22px;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border: 2px solid rgba(13, 13, 13, 0.9);
    box-shadow: 0 0 20px rgba(102, 126, 234, 0.6);
}

.timeline-content[b-g0ilxpbloi] {
    padding: 12px 16px;
    background: rgba(102, 126, 234, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.timeline-content:hover[b-g0ilxpbloi] {
    background: rgba(102, 126, 234, 0.15);
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Empty State Modern Design */
.empty-state[b-g0ilxpbloi] {
    background: rgba(102, 126, 234, 0.05);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 16px;
    padding: 3rem 2rem !important;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.empty-state[b-g0ilxpbloi]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    animation: emptyStatePulse-b-g0ilxpbloi 10s ease-in-out infinite;
}

@keyframes emptyStatePulse-b-g0ilxpbloi {
    0%, 100% { transform: scale(1) rotate(0deg); }
    50% { transform: scale(1.1) rotate(180deg); }
}

.empty-state i[b-g0ilxpbloi] {
    font-size: 3rem !important;
    color: #667eea;
    margin-bottom: 1rem !important;
    position: relative;
    z-index: 1;
}

.empty-state p[b-g0ilxpbloi] {
    color: #93bbfe;
    font-size: 1rem;
    margin: 0;
    position: relative;
    z-index: 1;
}

/* Inventory Badge Styling */
.inventory-badge[b-g0ilxpbloi] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 12px;
    margin: 4px 0;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    font-size: 0.9rem;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.inventory-count[b-g0ilxpbloi] {
    font-size: 1.1rem;
    font-weight: 700;
}

.inventory-label[b-g0ilxpbloi] {
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.8;
}

/* Improved Status Badge Styling */
.status-badge[b-g0ilxpbloi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    padding: 8px 16px;
    border-radius: 10px;
    margin: 0;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(23, 25, 35, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.status-badge .badge-value[b-g0ilxpbloi] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-right: 8px;
    background: linear-gradient(135deg, #fff, #d8d8d8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.2);
}

.status-badge .badge-label[b-g0ilxpbloi] {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    text-transform: lowercase;
}

/* Product Name Badge */
.product-name-badge[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(236, 72, 153, 0.15) 0%, rgba(180, 83, 189, 0.25) 100%);
    border: 1px solid rgba(236, 72, 153, 0.3);
}

.product-name-badge .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #ec4899, #b953bd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.1rem; /* Slightly smaller for potentially longer text */
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

/* METRC ID Badge */
.metrc-id-badge[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15) 0%, rgba(217, 119, 6, 0.25) 100%);
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.metrc-id-badge .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.5px; /* Better readability for ID numbers */
}

/* Type Badge */
.type-badge[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.15) 0%, rgba(67, 56, 202, 0.25) 100%);
    border: 1px solid rgba(79, 70, 229, 0.3);
}

.type-badge .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #4f46e5, #4338ca);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 1rem;
}

/* Date Badge */
.date-badge[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(8, 145, 178, 0.25) 100%);
    border: 1px solid rgba(6, 182, 212, 0.3);
}

.date-badge .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #06b6d4, #0891b2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Courier New', monospace; /* Monospace for dates */
    letter-spacing: 0.05em;
}

/* Make all badges a bit more compact to fit in the description list */
.status-badge[b-g0ilxpbloi] {
    min-width: 100px;
    margin-bottom: 4px;
}

/* Adjust layout for better fit in description list */
dt.col-sm-3[b-g0ilxpbloi] {
    display: flex;
    align-items: center;
    padding-top: 4px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

dd.col-sm-9[b-g0ilxpbloi] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

/* METRC Badge Styling */
.metrc-badge[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(61, 75, 158, 0.25) 100%);
    border: 1px solid rgba(102, 126, 234, 0.3);
}

.metrc-badge .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 1G Units Badge Styling */
.units-1g-badge[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(46, 213, 115, 0.15) 0%, rgba(32, 148, 80, 0.25) 100%);
    border: 1px solid rgba(46, 213, 115, 0.3);
}

.units-1g-badge .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #2ed573, #20c997);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 2G Units Badge Styling */
.units-2g-badge[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.15) 0%, rgba(41, 128, 185, 0.25) 100%);
    border: 1px solid rgba(52, 152, 219, 0.3);
}

.units-2g-badge .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Empty badge styling */
.status-badge.empty[b-g0ilxpbloi] {
    background: linear-gradient(135deg, rgba(45, 45, 45, 0.2) 0%, rgba(30, 30, 30, 0.3) 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    opacity: 0.75;
}

.status-badge.empty .badge-value[b-g0ilxpbloi] {
    background: linear-gradient(135deg, #aaa, #777);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.5;
}

/* Hover effects and animation */
.status-badge:not(.empty):hover[b-g0ilxpbloi] {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

.status-badge:not(.empty)[b-g0ilxpbloi] {
    animation: badgeFadeIn-b-g0ilxpbloi 0.3s ease-out forwards;
}

@keyframes badgeFadeIn-b-g0ilxpbloi {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Add these new styles for the scrollable table */
.batch-table-container[b-g0ilxpbloi] {
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.batch-table-container table[b-g0ilxpbloi] {
    margin-bottom: 0;
}

.batch-table-container thead tr[b-g0ilxpbloi] {
    background-color: #212529 !important;
}

.batch-table-container thead th[b-g0ilxpbloi] {
    position: sticky;
    top: 0;
    background-color: #212529;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Ensure proper spacing for the scrollbar */
.batch-table-container[b-g0ilxpbloi]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.batch-table-container[b-g0ilxpbloi]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.batch-table-container[b-g0ilxpbloi]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.batch-table-container[b-g0ilxpbloi]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}
/* _content/EntWebAppTest/Components/BatchTracker/BatchTrackerGraph.razor.rz.scp.css */
#batchFlowGraph[b-b34hkxfypa] {
    height: 600px;
    width: 100%;
    border: 2px solid #4a5f7a;
    /* Wider radial gradient with layered noise-like texture */
    background: 
        radial-gradient(
            circle 2000px at var(--x, 50%) var(--y, 50%),
            rgba(155, 89, 182, 0.2) 0%,
            rgba(142, 68, 173, 0.15) 40%, 
            rgba(13, 13, 13, 0.8) 90%
        ),
        radial-gradient(
            circle 1000px at var(--x, 50%) var(--y, 50%),
            rgba(255, 255, 255, 0.02) 0%, 
            transparent 100%
        );
    margin-bottom: 20px;
    border-radius: 0.5rem;
    position: relative;
    overflow: hidden;
    box-shadow: 
        inset 0 0 30px rgba(0, 0, 0, 0.3),
        0 0 50px rgba(155, 89, 182, 0.1);
    transition: background 0.2s ease;
    --x: 50%;
    --y: 50%;
}

/* Remove any overlay and animations */
#batchFlowGraph[b-b34hkxfypa]::before {
    display: none !important;
}

.node-raw-material[b-b34hkxfypa] {
    background-color: #97C2FC;
    border: 2px solid #2B7CE9;
}

.node-product[b-b34hkxfypa] {
    background-color: #FB7E81;
    border: 2px solid #FA0010;
}

/* Modern Glassmorphic Card Design with Subtle Animations */
.card[b-b34hkxfypa] {
    background: rgba(13, 13, 13, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 
        0 8px 32px 0 rgba(0, 0, 0, 0.37),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        0 0 80px rgba(102, 126, 234, 0.05);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.card[b-b34hkxfypa]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(102, 126, 234, 0.8) 50%, 
        transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.card:hover[b-b34hkxfypa]::before {
    opacity: 1;
}

.card:hover[b-b34hkxfypa] {
    transform: translateY(-3px);
    box-shadow: 
        0 12px 48px 0 rgba(0, 0, 0, 0.4),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        0 0 120px rgba(102, 126, 234, 0.08);
    border-color: rgba(102, 126, 234, 0.3);
}

/* Modern Header with Animated Gradient */
.card-header[b-b34hkxfypa] {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    overflow: hidden;
}

.card-header[b-b34hkxfypa]::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    animation: headerPulse-b-b34hkxfypa 15s ease-in-out infinite;
    pointer-events: none;
}

@keyframes headerPulse-b-b34hkxfypa {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
    50% { transform: translate(-30%, -30%) scale(1.2); opacity: 0.8; }
}

/* Typography with Modern Font Stack */
.card-header h4[b-b34hkxfypa] {
    color: #ffffff;
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: -0.025em;
    text-rendering: optimizeLegibility;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Ultra-Modern Dropdown Design */
.form-select-sm[b-b34hkxfypa] {
    /* More opaque background for better contrast */
    background: rgba(44, 62, 80, 0.85);
    border: 1px solid rgba(102, 126, 234, 0.5);
    /* Text color with better contrast */
    color: #ecf0f1;
    border-radius: 12px;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    /* Add text shadow for better legibility */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    backdrop-filter: blur(10px);
    /* Ensure dropdown arrow is visible */
    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='%23ecf0f1' 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;
    /* Explicitly remove default browser styling */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Improve hover state visibility */
.form-select-sm:hover[b-b34hkxfypa] {
    background-color: rgba(52, 73, 94, 0.95);
    border-color: rgba(102, 126, 234, 0.8);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Ensure focus state is also visible */
.form-select-sm:focus[b-b34hkxfypa] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #667eea;
    box-shadow: 
        0 0 0 3px rgba(102, 126, 234, 0.3),
        0 4px 12px rgba(102, 126, 234, 0.4);
    outline: none;
}

/* Make dropdown options visible in all browsers */
.form-select-sm option[b-b34hkxfypa] {
    background-color: #2c3e50;
    color: #ecf0f1;
    padding: 8px;
    font-weight: 500;
}

/* Handle darker themes */
@media (prefers-color-scheme: dark) {
    .form-select-sm[b-b34hkxfypa] {
        background-color: rgba(52, 73, 94, 0.9);
    }
    
    .form-select-sm option[b-b34hkxfypa] {
        background-color: #34495e;
    }
}

/* Card Body with Gradient Mesh */
.card-body[b-b34hkxfypa] {
    padding: 2rem;
    background: 
        radial-gradient(ellipse at top left, rgba(102, 126, 234, 0.05) 0%, transparent 40%),
        radial-gradient(ellipse at bottom right, rgba(255, 119, 198, 0.05) 0%, transparent 40%),
        rgba(0, 0, 0, 0.2);
    min-height: 400px;
    position: relative;
}

/* Modern Loading Spinner with Gradient */
.spinner-border[b-b34hkxfypa] {
    width: 3rem;
    height: 3rem;
    border: 3px solid transparent;
    border-top-color: #667eea;
    border-right-color: #764ba2;
    border-radius: 50%;
    animation: spinnerRotate-b-b34hkxfypa 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

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

/* Modern Alert Styling */
.alert[b-b34hkxfypa] {
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    border: none;
    backdrop-filter: blur(20px);
    font-size: 0.925rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    position: relative;
    overflow: hidden;
}

.alert[b-b34hkxfypa]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
    pointer-events: none;
}

.alert-danger[b-b34hkxfypa] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    box-shadow: 
        0 4px 20px rgba(239, 68, 68, 0.2),
        inset 0 0 0 1px rgba(239, 68, 68, 0.3);
}

.alert-info[b-b34hkxfypa] {
    background: rgba(59, 130, 246, 0.15);
    color: #93bbfe;
    box-shadow: 
        0 4px 20px rgba(59, 130, 246, 0.2),
        inset 0 0 0 1px rgba(59, 130, 246, 0.3);
}

/* Remove the rotating border animation and related styles */
#batchFlowGraph[b-b34hkxfypa]::before {
    display: none;
}

.btn-info[b-b34hkxfypa] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
    border: 1px solid rgba(102, 126, 234, 0.5);
    border-radius: 12px;
    padding: 0.75rem 1.5rem;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.025em;
    text-transform: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.btn-info[b-b34hkxfypa]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.btn-info:hover[b-b34hkxfypa] {
    transform: translateY(-2px);
    box-shadow: 
        0 8px 24px rgba(102, 126, 234, 0.4),
        inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    border-color: #667eea;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%);
}

.btn-info:hover[b-b34hkxfypa]::before {
    width: 300px;
    height: 300px;
}

/* Modern vis.js network enhancements */
.vis-network canvas[b-b34hkxfypa] {
    filter: contrast(1.05) saturate(1.1);
}

/* Enhanced tooltip styling with better positioning */
.vis-tooltip[b-b34hkxfypa] {
    position: fixed !important;
    visibility: visible !important;
    padding: 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 14px !important;
    color: #ecf0f1 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 16px !important;
    pointer-events: none !important;
    z-index: 10000 !important;
    box-shadow: none !important;
    max-width: none !important;
    white-space: normal !important;
    transform: translateY(-10px);
    opacity: 0;
    animation: tooltipFadeIn-b-b34hkxfypa 0.2s ease forwards;
}

@keyframes tooltipFadeIn-b-b34hkxfypa {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Node hover effects with modern glow */
.vis-network:not(.vis-active)[b-b34hkxfypa] {
    cursor: pointer;
}

/* Smooth transitions for hover states */
.vis-network .vis-node[b-b34hkxfypa] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Enhanced edge hover */
.vis-network .vis-edge.vis-hover[b-b34hkxfypa] {
    width: 5px !important;
    filter: drop-shadow(0 0 8px rgba(102, 126, 234, 0.6));
}

/* Selected node enhancement with pulsing glow */
.vis-network .vis-node.vis-selected[b-b34hkxfypa] {
    animation: selectedPulse-b-b34hkxfypa 2s ease-in-out infinite;
}

@keyframes selectedPulse-b-b34hkxfypa {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(102, 126, 234, 0.6));
    }
    50% {
        filter: drop-shadow(0 0 30px rgba(102, 126, 234, 0.8)) 
                drop-shadow(0 0 40px rgba(102, 126, 234, 0.4));
    }
}

/* Hover glow effect */
.vis-network .vis-node.vis-hover[b-b34hkxfypa] {
    filter: drop-shadow(0 0 15px currentColor) brightness(1.1);
    transform: scale(1.05);
}

/* Modern scrollbar for tooltip content */
.vis-tooltip[b-b34hkxfypa]::-webkit-scrollbar {
    width: 6px;
}

.vis-tooltip[b-b34hkxfypa]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}

.vis-tooltip[b-b34hkxfypa]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.vis-tooltip[b-b34hkxfypa]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Icon animation for nodes */
@keyframes iconBounce-b-b34hkxfypa {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

/* Utility Classes */
.gap-2[b-b34hkxfypa] {
    gap: 0.75rem !important;
}

/* Responsive Design with Smooth Transitions */
@media (max-width: 768px) {
    .card[b-b34hkxfypa] {
        border-radius: 16px;
        margin: 1rem;
    }
    
    .card-header[b-b34hkxfypa] {
        padding: 1.25rem 1rem;
        flex-direction: column;
        gap: 1rem;
    }
    
    #batchFlowGraph[b-b34hkxfypa] {
        height: 400px !important;
    }
}

/* High Performance Animations */
@media (prefers-reduced-motion: no-preference) {
    *[b-b34hkxfypa] {
        scroll-behavior: smooth;
    }
}

/* Glass Morphism for nested elements */
.glass-element[b-b34hkxfypa] {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1rem;
}

/* Search Input Styling */
.input-group-sm .form-control[b-b34hkxfypa] {
    background: rgba(44, 62, 80, 0.85);
    border: 1px solid rgba(102, 126, 234, 0.5);
    color: #ecf0f1;
    border-radius: 12px 0 0 12px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
}

.input-group-sm .form-control:focus[b-b34hkxfypa] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #667eea;
    box-shadow: 
        0 0 0 3px rgba(102, 126, 234, 0.3),
        0 4px 12px rgba(102, 126, 234, 0.4);
    outline: none;
}

.input-group-sm .form-control[b-b34hkxfypa]::placeholder {
    color: rgba(236, 240, 241, 0.5);
}

.input-group-sm .btn-outline-primary[b-b34hkxfypa],
.input-group-sm .btn-outline-secondary[b-b34hkxfypa] {
    background: rgba(44, 62, 80, 0.85);
    border: 1px solid rgba(102, 126, 234, 0.5);
    color: #ecf0f1;
    padding: 0.5rem 0.75rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.input-group-sm .btn-outline-primary:hover[b-b34hkxfypa] {
    background: rgba(102, 126, 234, 0.3);
    border-color: #667eea;
    transform: translateY(-1px);
}

.input-group-sm .btn-outline-secondary:hover[b-b34hkxfypa] {
    background: rgba(239, 68, 68, 0.3);
    border-color: rgba(239, 68, 68, 0.8);
}

.input-group-sm .btn:first-of-type[b-b34hkxfypa] {
    border-radius: 0;
}

.input-group-sm .btn:last-child[b-b34hkxfypa] {
    border-radius: 0 12px 12px 0;
}

/* Search Results Alert */
.alert-info[b-b34hkxfypa] {
    background: rgba(59, 130, 246, 0.15);
    color: #93bbfe;
    box-shadow: 
        0 4px 20px rgba(59, 130, 246, 0.2),
        inset 0 0 0 1px rgba(59, 130, 246, 0.3);
}

.alert-info ul[b-b34hkxfypa] {
    margin-bottom: 0;
    padding-left: 1.5rem;
}

.alert-info li[b-b34hkxfypa] {
    font-size: 0.875rem;
    opacity: 0.9;
}
/* _content/EntWebAppTest/Components/BatchTracker/ProductBatchGraph.razor.rz.scp.css */
.batch-flow-graph[b-9dpwlcq4vr] {
    height: 600px;
    width: 100%;
    border: 2px solid #4a5f7a;
    background: 
        radial-gradient(
            circle 2000px at var(--x, 50%) var(--y, 50%),
            rgba(155, 89, 182, 0.2) 0%,
            rgba(142, 68, 173, 0.15) 40%, 
            rgba(13, 13, 13, 0.8) 90%
        ),
        radial-gradient(
            circle 1000px at var(--x, 50%) var(--y, 50%),
            rgba(255, 255, 255, 0.02) 0%, 
            transparent 100%
        );
    margin-bottom: 20px;
    border-radius: 0.5rem;
    position: relative;
    overflow: hidden;
    box-shadow: 
        inset 0 0 30px rgba(0, 0, 0, 0.3),
        0 0 50px rgba(155, 89, 182, 0.1);
    transition: background 0.2s ease;
    --x: 50%;
    --y: 50%;
}

/* Remove any overlay and animations */
.batch-flow-graph[b-9dpwlcq4vr]::before {
    display: none !important;
}

.node-raw-material[b-9dpwlcq4vr] {
    background-color: #97C2FC;
    border: 2px solid #2B7CE9;
}

.node-product[b-9dpwlcq4vr] {
    background-color: #FB7E81;
    border: 2px solid #FA0010;
}

/* Modern Glassmorphic Card Design with Subtle Animations */
.card[b-9dpwlcq4vr] {
    background: rgba(13, 13, 13, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 
        0 8px 32px 0 rgba(0, 0, 0, 0.37),
        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
        0 0 80px rgba(102, 126, 234, 0.05);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.card[b-9dpwlcq4vr]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(102, 126, 234, 0.8) 50%, 
        transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.card:hover[b-9dpwlcq4vr]::before {
    opacity: 1;
}

.card:hover[b-9dpwlcq4vr] {
    transform: translateY(-3px);
    box-shadow: 
        0 12px 48px 0 rgba(0, 0, 0, 0.4),
        inset 0 0 0 1px rgba(255, 255, 255, 0.12),
        0 0 120px rgba(102, 126, 234, 0.08);
    border-color: rgba(102, 126, 234, 0.3);
}

/* Modern Header with Animated Gradient */
.card-header[b-9dpwlcq4vr] {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%);
    padding: 1.5rem 1.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    overflow: hidden;
}

.card-header[b-9dpwlcq4vr]::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    animation: headerPulse-b-9dpwlcq4vr 15s ease-in-out infinite;
    pointer-events: none;
}

@keyframes headerPulse-b-9dpwlcq4vr {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }
    50% { transform: translate(-30%, -30%) scale(1.2); opacity: 0.8; }
}

/* Typography with Modern Font Stack */
.card-header h4[b-9dpwlcq4vr] {
    color: #ffffff;
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: -0.025em;
    text-rendering: optimizeLegibility;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Ultra-Modern Dropdown Design */
.form-select-sm[b-9dpwlcq4vr] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-radius: 12px;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    backdrop-filter: blur(10px);
}

.form-select-sm:hover[b-9dpwlcq4vr] {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(102, 126, 234, 0.5);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

.form-select-sm:focus[b-9dpwlcq4vr] {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #667eea;
    box-shadow: 
        0 0 0 3px rgba(102, 126, 234, 0.2),
        0 4px 12px rgba(102, 126, 234, 0.3);
    outline: none;
}

/* Card Body with Gradient Mesh */
.card-body[b-9dpwlcq4vr] {
    padding: 2rem;
    background: 
        radial-gradient(ellipse at top left, rgba(102, 126, 234, 0.05) 0%, transparent 40%),
        radial-gradient(ellipse at bottom right, rgba(255, 119, 198, 0.05) 0%, transparent 40%),
        rgba(0, 0, 0, 0.2);
    min-height: 400px;
    position: relative;
}

/* Modern Loading Spinner with Gradient */
.spinner-border[b-9dpwlcq4vr] {
    width: 3rem;
    height: 3rem;
    border: 3px solid transparent;
    border-top-color: #667eea;
    border-right-color: #764ba2;
    border-radius: 50%;
    animation: spinnerRotate-b-9dpwlcq4vr 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
}

@keyframes spinnerRotate-b-9dpwlcq4vr {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Modern Alert Styling */
.alert[b-9dpwlcq4vr] {
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    border: none;
    backdrop-filter: blur(20px);
    font-size: 0.925rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    position: relative;
    overflow: hidden;
}

.alert[b-9dpwlcq4vr]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
    pointer-events: none;
}

.alert-danger[b-9dpwlcq4vr] {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    box-shadow: 
        0 4px 20px rgba(239, 68, 68, 0.2),
        inset 0 0 0 1px rgba(239, 68, 68, 0.3);
}

.alert-info[b-9dpwlcq4vr] {
    background: rgba(59, 130, 246, 0.15);
    color: #93bbfe;
    box-shadow: 
        0 4px 20px rgba(59, 130, 246, 0.2),
        inset 0 0 0 1px rgba(59, 130, 246, 0.3);
}

/* Remove the rotating border animation and related styles */
.batch-flow-graph[b-9dpwlcq4vr]::before {
    display: none;
}

.btn-info[b-9dpwlcq4vr] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
    border: 1px solid rgba(102, 126, 234, 0.5);
    border-radius: 12px;
    padding: 0.75rem 1.5rem;
    color: #ffffff;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.025em;
    text-transform: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.btn-info[b-9dpwlcq4vr]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.btn-info:hover[b-9dpwlcq4vr] {
    transform: translateY(-2px);
    box-shadow: 
        0 8px 24px rgba(102, 126, 234, 0.4),
        inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    border-color: #667eea;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%);
}

.btn-info:hover[b-9dpwlcq4vr]::before {
    width: 300px;
    height: 300px;
}

/* Utility Classes */
.gap-2[b-9dpwlcq4vr] {
    gap: 0.75rem !important;
}

/* Responsive Design with Smooth Transitions */
@media (max-width: 768px) {
    .card[b-9dpwlcq4vr] {
        border-radius: 16px;
        margin: 1rem;
    }
    
    .card-header[b-9dpwlcq4vr] {
        padding: 1.25rem 1rem;
        flex-direction: column;
        gap: 1rem;
    }
    
    #batchFlowGraph[b-9dpwlcq4vr] {
        height: 400px !important;
    }
}

/* High Performance Animations */
@media (prefers-reduced-motion: no-preference) {
    *[b-9dpwlcq4vr] {
        scroll-behavior: smooth;
    }
}

/* Glass Morphism for nested elements */
.glass-element[b-9dpwlcq4vr] {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 1rem;
}
/* _content/EntWebAppTest/Components/Data/DepartmentActivityList.razor.rz.scp.css */
/* Table styling for dark theme */
.table-dark[b-kxojugfnpn] {
    background-color: #212529;
    color: #ecf0f1;
}

.table-dark thead th[b-kxojugfnpn] {
    background-color: #34495e;
    color: #ecf0f1;
    border-color: #4a5f7a;
}

.table-dark tbody tr[b-kxojugfnpn] {
    transition: all 0.2s ease;
}

.table-dark tbody tr:hover[b-kxojugfnpn] {
    background-color: rgba(155, 89, 182, 0.1);
    transition: background-color 0.2s;
}

/* Selected row styling */
.selected-row[b-kxojugfnpn] {
    background-color: rgba(155, 89, 182, 0.3) !important;
    border-left: 4px solid #9b59b6;
}

.table-dark tbody tr.table-primary[b-kxojugfnpn] {
    background-color: rgba(52, 152, 219, 0.3) !important;
    border-left: 4px solid #3498db;
    color: white;
}

/* This ensures the selection is visible over the striping */
.table-striped tbody tr.table-primary:nth-of-type(odd)[b-kxojugfnpn],
.table-striped tbody tr.table-primary:nth-of-type(even)[b-kxojugfnpn] {
    background-color: rgba(52, 152, 219, 0.3) !important;
}

/* Selected row - Ultra specific */
.table.table-dark.table-striped tbody tr.table-primary[b-kxojugfnpn] {
    background-color: #3498db !important;
    color: white !important;
    font-weight: bold !important;
    border-left: 4px solid #2980b9 !important;
}

.section-card[b-kxojugfnpn] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-header[b-kxojugfnpn] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #4a5f7a;
}

.section-header h4[b-kxojugfnpn] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 i[b-kxojugfnpn] {
    color: #9b59b6;
}

.section-content[b-kxojugfnpn] {
    padding: 1rem;
}

/* Target DevExpress grid row selection - higher specificity needed */
[b-kxojugfnpn] .dx-datagrid-rowsview .dx-row.dx-selection {
    background-color: rgba(155, 89, 182, 0.5) !important;
    color: white !important;
    border-left: 4px solid #9b59b6;
}

/* Hover state for rows */
[b-kxojugfnpn] .dx-datagrid-rowsview .dx-row:hover:not(.dx-selection) {
    background-color: rgba(155, 89, 182, 0.2) !important;
}

/* Selected row cells */
[b-kxojugfnpn] .dx-datagrid-rowsview .dx-selection > td {
    border-right: 1px solid rgba(155, 89, 182, 0.3) !important;
}
/* _content/EntWebAppTest/Components/Data/TeamMembersList.razor.rz.scp.css */
/* Table styling for dark theme */
.table-dark[b-e7apmtc4ex] {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ecf0f1;
    border-color: rgba(255, 255, 255, 0.1);
}

.table-dark thead th[b-e7apmtc4ex] {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ecf0f1;
    border-color: #4a5f7a;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.table-dark tbody tr[b-e7apmtc4ex] {
    transition: all 0.2s ease;
}

.table-dark tbody tr:hover[b-e7apmtc4ex] {
    background-color: rgba(155, 89, 182, 0.1);
    transition: background-color 0.2s;
}

/* Selected row styling */
.selected-row[b-e7apmtc4ex] {
    background-color: rgba(155, 89, 182, 0.3) !important;
    border-left: 4px solid #9b59b6;
}

.table-dark tbody tr.table-primary[b-e7apmtc4ex] {
    background-color: rgba(52, 152, 219, 0.3) !important;
    border-left: 4px solid #3498db;
    color: white;
}

/* This ensures the selection is visible over the striping */
.table-striped tbody tr.table-primary:nth-of-type(odd)[b-e7apmtc4ex],
.table-striped tbody tr.table-primary:nth-of-type(even)[b-e7apmtc4ex] {
    background-color: rgba(52, 152, 219, 0.3) !important;
}

/* Selected row - Ultra specific */
.table.table-dark.table-striped tbody tr.table-primary[b-e7apmtc4ex] {
    background-color: #3498db !important;
    color: white !important;
    font-weight: bold !important;
    border-left: 4px solid #2980b9 !important;
}

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

.user-avatar[b-e7apmtc4ex] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #9b59b6;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.table-primary[b-e7apmtc4ex] {
    background-color: #0d6efd !important;
    color: #fff !important;
}

.section-card[b-e7apmtc4ex] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-header[b-e7apmtc4ex] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #4a5f7a;
}

.section-header h4[b-e7apmtc4ex] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 i[b-e7apmtc4ex] {
    color: #9b59b6;
}

.section-content[b-e7apmtc4ex] {
    padding: 1rem;
}

/* Bonus information styling */
.bonus-metric[b-e7apmtc4ex] {
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: rgba(255, 255, 255, 0.05);
    text-align: center;
}

.bonus-metric .h5[b-e7apmtc4ex] {
    font-weight: 700;
    color: #ecf0f1;
}

/* Target DevExpress grid row selection - higher specificity needed */
[b-e7apmtc4ex] .dx-datagrid-rowsview .dx-row.dx-selection {
    background-color: rgba(155, 89, 182, 0.5) !important;
    color: white !important;
    border-left: 4px solid #9b59b6;
}

/* Hover state for rows */
[b-e7apmtc4ex] .dx-datagrid-rowsview .dx-row:hover:not(.dx-selection) {
    background-color: rgba(155, 89, 182, 0.2) !important;
}

/* Selected row cells */
[b-e7apmtc4ex] .dx-datagrid-rowsview .dx-selection > td {
    border-right: 1px solid rgba(155, 89, 182, 0.3) !important;
}
/* _content/EntWebAppTest/Components/Forms/DailyTasksForm.razor.rz.scp.css */
.forms-block[b-iesllhv3lj] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    padding: 1.5rem;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.forms-block:hover[b-iesllhv3lj] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.forms-content[b-iesllhv3lj] {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.forms-title[b-iesllhv3lj] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ecf0f1;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.forms-title[b-iesllhv3lj]::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 24px;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border-radius: 3px;
    margin-right: 0.5rem;
}

.forms-text[b-iesllhv3lj] {
    color: #bdc3c7;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.forms-block-back[b-iesllhv3lj] {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.1));
    border-radius: 50%;
    z-index: 0;
    opacity: 0.5;
}

/* Form controls styling */
[b-iesllhv3lj] .dx-field-item-label-content {
    color: #ecf0f1;
    font-weight: 500;
    font-size: 0.95rem;
}

[b-iesllhv3lj] .dx-texteditor {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

[b-iesllhv3lj] .dx-texteditor:hover {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #5d7795;
}

[b-iesllhv3lj] .dx-texteditor-input {
    color: #ecf0f1;
}

[b-iesllhv3lj] .dx-texteditor.dx-state-focused {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
}

[b-iesllhv3lj] .dx-button {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
}

[b-iesllhv3lj] .dx-button:hover {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

[b-iesllhv3lj] .dx-checkbox-icon {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
}

[b-iesllhv3lj] .dx-checkbox-checked .dx-checkbox-icon {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

/* Recent entries section */
.user-task-logs[b-iesllhv3lj] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.user-task-logs-header[b-iesllhv3lj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.user-task-logs-header h3[b-iesllhv3lj] {
    color: #ecf0f1;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-task-logs-header h3[b-iesllhv3lj]::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 2px;
    margin-right: 0.5rem;
}

.btn-outline-secondary[b-iesllhv3lj] {
    background: rgba(127, 140, 141, 0.1);
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-outline-secondary:hover[b-iesllhv3lj] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Grid styles */
[b-iesllhv3lj] .dxbs-grid {
    background: transparent;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    overflow: hidden;
}

[b-iesllhv3lj] .dxbs-grid .card-header {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
    color: #ecf0f1;
}

[b-iesllhv3lj] .dxbs-grid .dxbs-grid-table th {
    background-color: rgba(52, 73, 94, 0.8);
    color: #ecf0f1;
    font-weight: 600;
    border-color: #4a5f7a;
    text-transform: uppercase;
    font-size: 0.8rem;
}

[b-iesllhv3lj] .dxbs-grid .dxbs-grid-table td {
    background-color: rgba(44, 62, 80, 0.5);
    color: #ecf0f1;
    border-color: rgba(74, 95, 122, 0.5);
    transition: background-color 0.2s ease;
}

[b-iesllhv3lj] .dxbs-grid .dxbs-grid-table tr:hover td {
    background-color: rgba(52, 73, 94, 0.8);
}

[b-iesllhv3lj] .dxbs-grid .table-danger td {
    background-color: rgba(231, 76, 60, 0.2) !important;
    border-left: 4px solid #e74c3c;
}

[b-iesllhv3lj] .dxbs-grid .table-warning td {
    background-color: rgba(243, 156, 18, 0.2) !important;
    border-left: 4px solid #f39c12;
}

[b-iesllhv3lj] .dxbs-grid .table-info td {
    background-color: rgba(52, 152, 219, 0.2) !important;
    border-left: 4px solid #3498db;
}

/* Badge styling */
[b-iesllhv3lj] .badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.65rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

[b-iesllhv3lj] .badge.bg-success {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
}

[b-iesllhv3lj] .badge.bg-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
}

[b-iesllhv3lj] .badge.bg-warning {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
}

[b-iesllhv3lj] .badge.bg-info {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
}

/* Modern form card */
.modern-form-card[b-iesllhv3lj] {
    background: linear-gradient(145deg, #232526, #414345);
    border-radius: 1.25rem;
    box-shadow: 0 6px 32px rgba(44, 62, 80, 0.18);
    padding: 2rem 2.5rem;
    margin-bottom: 2rem;
    border: 1px solid #4a5f7a;
}

.modern-form[b-iesllhv3lj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-row[b-iesllhv3lj] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.form-group[b-iesllhv3lj] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 180px;
}

.form-group label[b-iesllhv3lj] {
    color: #bdc3c7;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.required[b-iesllhv3lj] {
    color: #e74c3c;
    font-weight: bold;
}

.modern-btn-primary[b-iesllhv3lj] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.85rem 2rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transition: all 0.2s;
}

.modern-btn-primary:hover[b-iesllhv3lj] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

.modern-table-container[b-iesllhv3lj] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.modern-table[b-iesllhv3lj] {
    min-width: 700px;
    /* Adjust as needed for your column count */
}

/* Modernize DevExpress ComboBox and TextBox */
[b-iesllhv3lj] .dx-combobox,
[b-iesllhv3lj] .dx-textbox,
[b-iesllhv3lj] .dx-spinedit,
[b-iesllhv3lj] .dx-memo {
    background: rgba(44, 62, 80, 0.85);
    border: 1.5px solid #7d5fff;
    border-radius: 0.7rem;
    color: #ecf0f1;
    font-size: 1.05rem;
    box-shadow: 0 2px 8px rgba(127, 140, 141, 0.08);
    transition: border-color 0.2s, box-shadow 0.2s;
    padding: 0.6rem 1rem;
}

[b-iesllhv3lj] .dx-combobox:focus-within,
[b-iesllhv3lj] .dx-textbox:focus-within,
[b-iesllhv3lj] .dx-spinedit:focus-within,
[b-iesllhv3lj] .dx-memo:focus-within {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.18);
}

[b-iesllhv3lj] .dx-combobox .dx-dropdowneditor-icon,
[b-iesllhv3lj] .dx-textbox .dx-clear-button-area {
    color: #9b59b6;
    opacity: 0.8;
    transition: color 0.2s;
}

[b-iesllhv3lj] .dx-combobox:hover,
[b-iesllhv3lj] .dx-textbox:hover,
[b-iesllhv3lj] .dx-spinedit:hover,
[b-iesllhv3lj] .dx-memo:hover {
    border-color: #a29bfe;
    background: rgba(44, 62, 80, 0.95);
}

[b-iesllhv3lj] .dx-combobox .dx-dropdowneditor-icon:hover {
    color: #a29bfe;
}

/* Placeholder color */
[b-iesllhv3lj] .dx-placeholder {
    color: #b2bec3 !important;
    opacity: 1 !important;
}

/* Dropdown list styling */
[b-iesllhv3lj] .dx-list {
    background: #232526;
    border-radius: 0.7rem;
    box-shadow: 0 8px 32px rgba(44, 62, 80, 0.18);
    border: 1.5px solid #7d5fff;
}

[b-iesllhv3lj] .dx-list-item {
    color: #ecf0f1;
    padding: 0.7rem 1.2rem;
    border-radius: 0.5rem;
    transition: background 0.15s;
}

[b-iesllhv3lj] .dx-list-item.dx-state-hover,
[b-iesllhv3lj] .dx-list-item.dx-state-focused {
    background: linear-gradient(90deg, #9b59b6 0%, #8e44ad 100%);
    color: #fff;
}

/* Remove default border on focus for a cleaner look */
[b-iesllhv3lj] .dx-texteditor.dx-state-focused {
    outline: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .forms-block[b-iesllhv3lj] {
        padding: 1rem;
    }
    
    .user-task-logs-header[b-iesllhv3lj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .forms-title[b-iesllhv3lj] {
        font-size: 1.5rem;
    }
}

@media (max-width: 900px) {
    .modern-form-card[b-iesllhv3lj] {
        padding: 1.25rem 0.5rem;
    }
    .form-row[b-iesllhv3lj] {
        flex-direction: column;
        gap: 0.75rem;
    }
}

/* Add this to your DailyTasksForm.razor.css file */
.overlap-warning[b-iesllhv3lj] {
    margin-left: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 0, 0, 0.1);
    animation: pulse-b-iesllhv3lj 1.5s infinite;
}

.overlap-warning i[b-iesllhv3lj] {
    font-size: 14px;
    color: #dc3545 !important;
}

@keyframes pulse-b-iesllhv3lj {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.4);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}

/* Work Type Selector Styles */
.work-type-selector[b-iesllhv3lj] {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

.work-type-option[b-iesllhv3lj] {
    flex: 1;
    position: relative;
}

.work-type-option input[type="radio"][b-iesllhv3lj] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.work-type-label[b-iesllhv3lj] {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border: 2px solid #4a5f7a;
    border-radius: 0.75rem;
    background: rgba(44, 62, 80, 0.6);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.work-type-label[b-iesllhv3lj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.05));
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.work-type-option:hover .work-type-label[b-iesllhv3lj] {
    border-color: #9b59b6;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(155, 89, 182, 0.15);
}

.work-type-option:hover .work-type-label[b-iesllhv3lj]::before {
    opacity: 1;
}

.work-type-option.selected .work-type-label[b-iesllhv3lj] {
    border-color: #9b59b6;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.1));
    box-shadow: 0 4px 20px rgba(155, 89, 182, 0.25);
}

.work-type-option.selected .work-type-label[b-iesllhv3lj]::before {
    opacity: 1;
}

.work-type-icon[b-iesllhv3lj] {
    font-size: 1.5rem;
    color: #9b59b6;
    margin-right: 1rem;
    z-index: 2;
    position: relative;
    transition: transform 0.3s ease;
}

.work-type-icon .material-symbols-outlined[b-iesllhv3lj] {
    font-size: 2.5rem; /* Make sure this matches */
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48; /* Optional: makes icon more filled/bold */
}

.work-type-option.selected .work-type-icon[b-iesllhv3lj] {
    color: #8e44ad;
    transform: scale(1.1);
}

.work-type-content[b-iesllhv3lj] {
    z-index: 2;
    position: relative;
}

.work-type-title[b-iesllhv3lj] {
    font-weight: 600;
    font-size: 1rem;
    color: #ecf0f1;
    margin-bottom: 0.25rem;
    transition: color 0.3s ease;
}

.work-type-option.selected .work-type-title[b-iesllhv3lj] {
    color: #9b59b6;
}

.work-type-description[b-iesllhv3lj] {
    font-size: 0.85rem;
    color: #bdc3c7;
    line-height: 1.3;
    transition: color 0.3s ease;
}

.work-type-option.selected .work-type-description[b-iesllhv3lj] {
    color: #a29bfe;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .work-type-selector[b-iesllhv3lj] {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .work-type-label[b-iesllhv3lj] {
        padding: 1rem;
    }
    
    .work-type-icon[b-iesllhv3lj] {
        font-size: 1.25rem;
        margin-right: 0.75rem;
    }
    
    .work-type-title[b-iesllhv3lj] {
        font-size: 0.9rem;
    }
    
    .work-type-description[b-iesllhv3lj] {
        font-size: 0.8rem;
    }
}
/* _content/EntWebAppTest/Components/Forms/OvertimeRequestForm.razor.rz.scp.css */
.forms-block[b-ybstms0uls] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    padding: 1.5rem;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.forms-block:hover[b-ybstms0uls] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.forms-content[b-ybstms0uls] {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.forms-title[b-ybstms0uls] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ecf0f1;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.forms-title[b-ybstms0uls]::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 24px;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border-radius: 3px;
    margin-right: 0.5rem;
}

.forms-text[b-ybstms0uls] {
    color: #bdc3c7;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.forms-block-back[b-ybstms0uls] {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.1));
    border-radius: 50%;
    z-index: 0;
    opacity: 0.5;
}

/* Form controls styling */
[b-ybstms0uls] .dx-field-item-label-content {
    color: #ecf0f1;
    font-weight: 500;
    font-size: 0.95rem;
}

[b-ybstms0uls] .dx-texteditor {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

[b-ybstms0uls] .dx-texteditor:hover {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #5d7795;
}

[b-ybstms0uls] .dx-texteditor-input {
    color: #ecf0f1;
}

[b-ybstms0uls] .dx-texteditor.dx-state-focused {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
}

[b-ybstms0uls] .dx-button {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
}

[b-ybstms0uls] .dx-button:hover {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

[b-ybstms0uls] .dx-checkbox-icon {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
}

[b-ybstms0uls] .dx-checkbox-checked .dx-checkbox-icon {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

/* Recent entries section */
.user-task-logs[b-ybstms0uls] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.user-task-logs-header[b-ybstms0uls] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.user-task-logs-header h3[b-ybstms0uls] {
    color: #ecf0f1;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-task-logs-header h3[b-ybstms0uls]::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 2px;
    margin-right: 0.5rem;
}

.btn-outline-secondary[b-ybstms0uls] {
    background: rgba(127, 140, 141, 0.1);
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-outline-secondary:hover[b-ybstms0uls] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Grid styles */
[b-ybstms0uls] .dxbs-grid {
    background: transparent;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    overflow: hidden;
}

[b-ybstms0uls] .dxbs-grid .card-header {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
    color: #ecf0f1;
}

[b-ybstms0uls] .dxbs-grid .dxbs-grid-table th {
    background-color: rgba(52, 73, 94, 0.8);
    color: #ecf0f1;
    font-weight: 600;
    border-color: #4a5f7a;
    text-transform: uppercase;
    font-size: 0.8rem;
}

[b-ybstms0uls] .dxbs-grid .dxbs-grid-table td {
    background-color: rgba(44, 62, 80, 0.5);
    color: #ecf0f1;
    border-color: rgba(74, 95, 122, 0.5);
    transition: background-color 0.2s ease;
}

[b-ybstms0uls] .dxbs-grid .dxbs-grid-table tr:hover td {
    background-color: rgba(52, 73, 94, 0.8);
}

[b-ybstms0uls] .dxbs-grid .table-danger td {
    background-color: rgba(231, 76, 60, 0.2) !important;
    border-left: 4px solid #e74c3c;
}

[b-ybstms0uls] .dxbs-grid .table-warning td {
    background-color: rgba(243, 156, 18, 0.2) !important;
    border-left: 4px solid #f39c12;
}

[b-ybstms0uls] .dxbs-grid .table-info td {
    background-color: rgba(52, 152, 219, 0.2) !important;
    border-left: 4px solid #3498db;
}

/* Badge styling */
[b-ybstms0uls] .badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.65rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

[b-ybstms0uls] .badge.bg-success {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
}

[b-ybstms0uls] .badge.bg-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
}

[b-ybstms0uls] .badge.bg-warning {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
}

[b-ybstms0uls] .badge.bg-info {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
}

/* Modern form card */
.modern-form-card[b-ybstms0uls] {
    background: linear-gradient(145deg, #232526, #414345);
    border-radius: 1.25rem;
    box-shadow: 0 6px 32px rgba(44, 62, 80, 0.18);
    padding: 2rem 2.5rem;
    margin-bottom: 2rem;
    border: 1px solid #4a5f7a;
}

.modern-form[b-ybstms0uls] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-row[b-ybstms0uls] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.form-group[b-ybstms0uls] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 180px;
}

.form-group label[b-ybstms0uls] {
    color: #bdc3c7;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.required[b-ybstms0uls] {
    color: #e74c3c;
    font-weight: bold;
}

.modern-btn-primary[b-ybstms0uls] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.85rem 2rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transition: all 0.2s;
}

.modern-btn-primary:hover[b-ybstms0uls] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

/* Modernize DevExpress ComboBox and TextBox */
[b-ybstms0uls] .dx-combobox,
[b-ybstms0uls] .dx-textbox,
[b-ybstms0uls] .dx-spinedit,
[b-ybstms0uls] .dx-memo {
    background: rgba(44, 62, 80, 0.85);
    border: 1.5px solid #7d5fff;
    border-radius: 0.7rem;
    color: #ecf0f1;
    font-size: 1.05rem;
    box-shadow: 0 2px 8px rgba(127, 140, 141, 0.08);
    transition: border-color 0.2s, box-shadow 0.2s;
    padding: 0.6rem 1rem;
}

[b-ybstms0uls] .dx-combobox:focus-within,
[b-ybstms0uls] .dx-textbox:focus-within,
[b-ybstms0uls] .dx-spinedit:focus-within,
[b-ybstms0uls] .dx-memo:focus-within {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.18);
}

[b-ybstms0uls] .dx-combobox .dx-dropdowneditor-icon,
[b-ybstms0uls] .dx-textbox .dx-clear-button-area {
    color: #9b59b6;
    opacity: 0.8;
    transition: color 0.2s;
}

[b-ybstms0uls] .dx-combobox:hover,
[b-ybstms0uls] .dx-textbox:hover,
[b-ybstms0uls] .dx-spinedit:hover,
[b-ybstms0uls] .dx-memo:hover {
    border-color: #a29bfe;
    background: rgba(44, 62, 80, 0.95);
}

[b-ybstms0uls] .dx-combobox .dx-dropdowneditor-icon:hover {
    color: #a29bfe;
}

/* Placeholder color */
[b-ybstms0uls] .dx-placeholder {
    color: #b2bec3 !important;
    opacity: 1 !important;
}

/* Dropdown list styling */
[b-ybstms0uls] .dx-list {
    background: #232526;
    border-radius: 0.7rem;
    box-shadow: 0 8px 32px rgba(44, 62, 80, 0.18);
    border: 1.5px solid #7d5fff;
}

[b-ybstms0uls] .dx-list-item {
    color: #ecf0f1;
    padding: 0.7rem 1.2rem;
    border-radius: 0.5rem;
    transition: background 0.15s;
}

[b-ybstms0uls] .dx-list-item.dx-state-hover,
[b-ybstms0uls] .dx-list-item.dx-state-focused {
    background: linear-gradient(90deg, #9b59b6 0%, #8e44ad 100%);
    color: #fff;
}

/* Remove default border on focus for a cleaner look */
[b-ybstms0uls] .dx-texteditor.dx-state-focused {
    outline: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .forms-block[b-ybstms0uls] {
        padding: 1rem;
    }
    
    .user-task-logs-header[b-ybstms0uls] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .forms-title[b-ybstms0uls] {
        font-size: 1.5rem;
    }
}

@media (max-width: 900px) {
    .modern-form-card[b-ybstms0uls] {
        padding: 1.25rem 0.5rem;
    }
    .form-row[b-ybstms0uls] {
        flex-direction: column;
        gap: 0.75rem;
    }
}
/* _content/EntWebAppTest/Components/Forms/ProductEntryForm.razor.rz.scp.css */
.forms-block[b-iwt8qh12ky] {
    position: relative;
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    padding: 2rem;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.forms-block:hover[b-iwt8qh12ky] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.forms-content[b-iwt8qh12ky] {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 1;
}

.forms-title[b-iwt8qh12ky] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ecf0f1;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.forms-title[b-iwt8qh12ky]::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 24px;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border-radius: 3px;
    margin-right: 0.5rem;
}

.forms-title i[b-iwt8qh12ky] {
    color: #9b59b6;
}

.forms-text[b-iwt8qh12ky] {
    font-size: 1rem;
    color: #bdc3c7;
    margin-bottom: 1.5rem;
}

.forms-block-back[b-iwt8qh12ky] {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.1));
    border-radius: 50%;
    z-index: 0;
    opacity: 0.5;
}

.required[b-iwt8qh12ky] {
    color: #e74c3c;
    font-weight: bold;
}

.validation-message[b-iwt8qh12ky] {
    color: #e74c3c;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Form controls styling */
.form-control[b-iwt8qh12ky] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    color: #ecf0f1;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.form-control:focus[b-iwt8qh12ky] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-control:hover[b-iwt8qh12ky] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #5d7795;
}

.form-control[b-iwt8qh12ky]::placeholder {
    color: #b2bec3;
    opacity: 1;
}

.form-select[b-iwt8qh12ky] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    color: #ecf0f1;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ecf0f1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.form-select:focus[b-iwt8qh12ky] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select:hover[b-iwt8qh12ky] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #5d7795;
}

.form-select option[b-iwt8qh12ky] {
    background-color: #34495e;
    color: #ecf0f1;
    padding: 0.5rem;
}

.form-select option:first-child[b-iwt8qh12ky] {
    color: #b2bec3;
    font-style: italic;
}

.form-label[b-iwt8qh12ky] {
    color: #ecf0f1;
    font-weight: 500;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

/* Checkbox styling */
.form-check-input[b-iwt8qh12ky] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

.form-check-input:checked[b-iwt8qh12ky] {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

.form-check-input:focus[b-iwt8qh12ky] {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
}

.form-check-label[b-iwt8qh12ky] {
    color: #bdc3c7;
    font-weight: 500;
    margin-left: 0.5rem;
}

/* Button styling */
.btn-primary[b-iwt8qh12ky] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary:hover[b-iwt8qh12ky] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    color: white;
}

.btn-primary:disabled[b-iwt8qh12ky] {
    background: #6c757d;
    transform: none;
    box-shadow: none;
    opacity: 0.65;
}

.btn-secondary[b-iwt8qh12ky] {
    background: rgba(127, 140, 141, 0.1);
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-secondary:hover[b-iwt8qh12ky] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Alert styling */
.alert-success[b-iwt8qh12ky] {
    background: rgba(39, 174, 96, 0.2);
    border: 1px solid #27ae60;
    color: #2ecc71;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    margin-top: 1rem;
}

.alert-success .alert-link[b-iwt8qh12ky] {
    color: #2ecc71;
    font-weight: 600;
}

.alert-danger[b-iwt8qh12ky] {
    background: rgba(231, 76, 60, 0.2);
    border: 1px solid #e74c3c;
    color: #e74c3c;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    margin-top: 1rem;
}

.alert-danger .alert-link[b-iwt8qh12ky] {
    color: #e74c3c;
    font-weight: 600;
}

.btn-close[b-iwt8qh12ky] {
    background: none;
    border: none;
    color: inherit;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.btn-close:hover[b-iwt8qh12ky] {
    opacity: 1;
}

/* Spinner styling */
.spinner-border[b-iwt8qh12ky] {
    border-color: #9b59b6;
    border-right-color: transparent;
}

.spinner-border-sm[b-iwt8qh12ky] {
    width: 1rem;
    height: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .forms-block[b-iwt8qh12ky] {
        padding: 1.5rem;
    }
    
    .forms-title[b-iwt8qh12ky] {
        font-size: 1.5rem;
    }
    
    .forms-text[b-iwt8qh12ky] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .forms-block[b-iwt8qh12ky] {
        padding: 1rem;
    }
    
    .row.g-3[b-iwt8qh12ky] {
        --bs-gutter-x: 0.5rem;
    }
    
    .col-md-6[b-iwt8qh12ky],
    .col-md-4[b-iwt8qh12ky],
    .col-md-12[b-iwt8qh12ky] {
        margin-bottom: 1rem;
    }
}

/* Input number styling */
input[type="number"][b-iwt8qh12ky] {
    -moz-appearance: textfield;
}

input[type="number"][b-iwt8qh12ky]::-webkit-outer-spin-button,
input[type="number"][b-iwt8qh12ky]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Date input styling */
input[type="date"][b-iwt8qh12ky] {
    color-scheme: dark;
}

input[type="date"][b-iwt8qh12ky]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.8;
    cursor: pointer;
}

input[type="date"][b-iwt8qh12ky]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/* TextArea styling */
textarea.form-control[b-iwt8qh12ky] {
    min-height: 100px;
    resize: vertical;
}
/* _content/EntWebAppTest/Components/Forms/ProductList.razor.rz.scp.css */
/* Base container styles */
.section-container[b-kumi4b5wi0] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-kumi4b5wi0] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-kumi4b5wi0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-kumi4b5wi0] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.section-content[b-kumi4b5wi0] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 3000px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Button styling */
.btn[b-kumi4b5wi0] {
    font-weight: 500;
    border-radius: 0.375rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    padding: 0.5rem 1rem;
    letter-spacing: 0.01em;
}

.btn-toggle[b-kumi4b5wi0] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.3s ease;
}

.btn-toggle:hover[b-kumi4b5wi0] {
    color: #3498db;
    transform: translateY(-2px);
    text-shadow: 0 0 8px rgba(52, 152, 219, 0.5);
}

/* Table styling */
.table-dark[b-kumi4b5wi0] {
    background-color: transparent;
}

.table-dark th[b-kumi4b5wi0] {
    background-color: rgba(52, 152, 219, 0.2);
    color: #ecf0f1;
    font-weight: 600;
    border-color: rgba(52, 152, 219, 0.3);
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-dark td[b-kumi4b5wi0] {
    vertical-align: middle;
    border-color: rgba(52, 152, 219, 0.1);
}

.table-dark tr[b-kumi4b5wi0] {
    transition: all 0.25s cubic-bezier(0.2, 0, 0.2, 1);
}

.table-dark tr:hover[b-kumi4b5wi0] {
    background-color: rgba(52, 152, 219, 0.15);
    border-left: 3px solid rgba(52, 152, 219, 0.4);
}

.table-responsive[b-kumi4b5wi0] {
    max-height: 500px;
    overflow-y: auto;
    border-radius: 0.5rem;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.table-responsive[b-kumi4b5wi0]::-webkit-scrollbar {
    width: 8px;
}

.table-responsive[b-kumi4b5wi0]::-webkit-scrollbar-track {
    background: #2c3e50;
}

.table-responsive[b-kumi4b5wi0]::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 4px;
}

.table-responsive[b-kumi4b5wi0]::-webkit-scrollbar-thumb:hover {
    background: #2980b9;
}

/* Filter controls */
.filter-controls[b-kumi4b5wi0] {
    background-color: rgba(44, 62, 80, 0.5);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.input-group-text[b-kumi4b5wi0] {
    background-color: #2c3e50;
    border-color: #4a5f7a;
    color: #ecf0f1;
}

.form-control[b-kumi4b5wi0], .form-select[b-kumi4b5wi0] {
    background-color: #2c3e50;
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
}

.form-control:focus[b-kumi4b5wi0], .form-select:focus[b-kumi4b5wi0] {
    background-color: #2c3e50;
    border-color: #9b59b6;
    color: #ecf0f1;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
}

.form-select option[b-kumi4b5wi0] {
    background-color: #2c3e50;
    color: #ecf0f1;
}

.form-check-input[b-kumi4b5wi0] {
    background-color: #2c3e50;
    border-color: #4a5f7a;
}

.form-check-input:checked[b-kumi4b5wi0] {
    background-color: #3498db;
    border-color: #3498db;
}

.form-check-label[b-kumi4b5wi0] {
    color: #ecf0f1;
}

/* Empty state */
.empty-state[b-kumi4b5wi0] {
    text-align: center;
    padding: 3rem 1rem;
    color: #95a5a6;
}

.empty-state i[b-kumi4b5wi0] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.empty-state p[b-kumi4b5wi0] {
    font-size: 1.1rem;
}

/* Badges */
.badge[b-kumi4b5wi0] {
    font-weight: 500;
    padding: 0.35em 0.65em;
}

/* Summary section */
.inventory-summary .card[b-kumi4b5wi0] {
    border: 1px solid rgba(52, 152, 219, 0.2);
    background-color: rgba(44, 62, 80, 0.5) !important;
}

.inventory-summary .card-header[b-kumi4b5wi0] {
    background-color: rgba(52, 152, 219, 0.2);
    border-bottom: 1px solid rgba(52, 152, 219, 0.2);
    padding: 0.75rem 1rem;
}

.inventory-summary .card-body[b-kumi4b5wi0] {
    padding: 1rem;
}

.summary-item[b-kumi4b5wi0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.summary-label[b-kumi4b5wi0] {
    color: #bdc3c7;
    font-weight: 500;
}

.summary-value[b-kumi4b5wi0] {
    color: #ecf0f1;
    font-weight: 700;
}
/* _content/EntWebAppTest/Components/Forms/RawFlowerIntake.razor.rz.scp.css */
.forms-block[b-zv9rvpj4gz] {
    position: relative;
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    padding: 2rem;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.forms-block:hover[b-zv9rvpj4gz] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.forms-content[b-zv9rvpj4gz] {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 1;
}

.forms-title[b-zv9rvpj4gz] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ecf0f1;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.forms-title[b-zv9rvpj4gz]::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 24px;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border-radius: 3px;
    margin-right: 0.5rem;
}

.forms-title i[b-zv9rvpj4gz] {
    color: #9b59b6;
}

.forms-text[b-zv9rvpj4gz] {
    font-size: 1rem;
    color: #bdc3c7;
    margin-bottom: 1.5rem;
}

.forms-block-back[b-zv9rvpj4gz] {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.1));
    border-radius: 50%;
    z-index: 0;
    opacity: 0.5;
}

.required[b-zv9rvpj4gz] {
    color: #e74c3c;
    font-weight: bold;
}

.validation-message[b-zv9rvpj4gz] {
    color: #e74c3c;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Form controls styling */
.form-control[b-zv9rvpj4gz] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    color: #ecf0f1;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.form-control:focus[b-zv9rvpj4gz] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-control:hover[b-zv9rvpj4gz] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #5d7795;
}

.form-control[b-zv9rvpj4gz]::placeholder {
    color: #b2bec3;
    opacity: 1;
}

.form-select[b-zv9rvpj4gz] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    color: #ecf0f1;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ecf0f1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.form-select:focus[b-zv9rvpj4gz] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select:hover[b-zv9rvpj4gz] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #5d7795;
}

.form-select option[b-zv9rvpj4gz] {
    background-color: #34495e;
    color: #ecf0f1;
    padding: 0.5rem;
}

.form-select option:first-child[b-zv9rvpj4gz] {
    color: #b2bec3;
    font-style: italic;
}

.form-label[b-zv9rvpj4gz] {
    color: #ecf0f1;
    font-weight: 500;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
}

/* Checkbox styling */
.form-check-input[b-zv9rvpj4gz] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

.form-check-input:checked[b-zv9rvpj4gz] {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

.form-check-input:focus[b-zv9rvpj4gz] {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
}

.form-check-label[b-zv9rvpj4gz] {
    color: #bdc3c7;
    font-weight: 500;
    margin-left: 0.5rem;
}

/* Button styling */
.btn-primary[b-zv9rvpj4gz] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary:hover[b-zv9rvpj4gz] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    color: white;
}

.btn-primary:disabled[b-zv9rvpj4gz] {
    background: #6c757d;
    transform: none;
    box-shadow: none;
    opacity: 0.65;
}

.btn-secondary[b-zv9rvpj4gz] {
    background: rgba(127, 140, 141, 0.1);
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-secondary:hover[b-zv9rvpj4gz] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Alert styling */
.alert-success[b-zv9rvpj4gz] {
    background: rgba(39, 174, 96, 0.2);
    border: 1px solid #27ae60;
    color: #2ecc71;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    margin-top: 1rem;
}

.alert-success .alert-link[b-zv9rvpj4gz] {
    color: #2ecc71;
    font-weight: 600;
}

.alert-danger[b-zv9rvpj4gz] {
    background: rgba(231, 76, 60, 0.2);
    border: 1px solid #e74c3c;
    color: #e74c3c;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem;
    margin-top: 1rem;
}

.alert-danger .alert-link[b-zv9rvpj4gz] {
    color: #e74c3c;
    font-weight: 600;
}

.btn-close[b-zv9rvpj4gz] {
    background: none;
    border: none;
    color: inherit;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.btn-close:hover[b-zv9rvpj4gz] {
    opacity: 1;
}

/* Spinner styling */
.spinner-border[b-zv9rvpj4gz] {
    border-color: #9b59b6;
    border-right-color: transparent;
}

.spinner-border-sm[b-zv9rvpj4gz] {
    width: 1rem;
    height: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .forms-block[b-zv9rvpj4gz] {
        padding: 1.5rem;
    }
    
    .forms-title[b-zv9rvpj4gz] {
        font-size: 1.5rem;
    }
    
    .forms-text[b-zv9rvpj4gz] {
        font-size: 0.9rem;
    }
}

@media (max-width: 576px) {
    .forms-block[b-zv9rvpj4gz] {
        padding: 1rem;
    }
    
    .row.g-3[b-zv9rvpj4gz] {
        --bs-gutter-x: 0.5rem;
    }
    
    .col-md-6[b-zv9rvpj4gz],
    .col-md-4[b-zv9rvpj4gz],
    .col-md-12[b-zv9rvpj4gz] {
        margin-bottom: 1rem;
    }
}

/* Input number styling */
input[type="number"][b-zv9rvpj4gz] {
    -moz-appearance: textfield;
}

input[type="number"][b-zv9rvpj4gz]::-webkit-outer-spin-button,
input[type="number"][b-zv9rvpj4gz]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Date input styling */
input[type="date"][b-zv9rvpj4gz] {
    color-scheme: dark;
}

input[type="date"][b-zv9rvpj4gz]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0.8;
    cursor: pointer;
}

input[type="date"][b-zv9rvpj4gz]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}
/* _content/EntWebAppTest/Components/Forms/RawMaterialList.razor.rz.scp.css */
/* Base container styles - borrowed from Infusion.razor.css */
.section-container[b-pmkp8z9hsm] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-pmkp8z9hsm] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-pmkp8z9hsm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-pmkp8z9hsm] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.section-content[b-pmkp8z9hsm] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 3000px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Button styling */
.btn[b-pmkp8z9hsm] {
    font-weight: 500;
    border-radius: 0.375rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    padding: 0.5rem 1rem;
    letter-spacing: 0.01em;
}

.btn-toggle[b-pmkp8z9hsm] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.3s ease;
}

.btn-toggle:hover[b-pmkp8z9hsm] {
    color: #3498db;
    transform: translateY(-2px);
    text-shadow: 0 0 8px rgba(52, 152, 219, 0.5);
}

/* Table styling */
.table-dark[b-pmkp8z9hsm] {
    background-color: transparent;
}

.table-dark th[b-pmkp8z9hsm] {
    background-color: rgba(52, 152, 219, 0.2);
    color: #ecf0f1;
    font-weight: 600;
    border-color: rgba(52, 152, 219, 0.3);
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-dark td[b-pmkp8z9hsm] {
    vertical-align: middle;
    border-color: rgba(52, 152, 219, 0.1);
}

.table-dark tr[b-pmkp8z9hsm] {
    transition: all 0.25s cubic-bezier(0.2, 0, 0.2, 1);
}

.table-dark tr:hover[b-pmkp8z9hsm] {
    background-color: rgba(52, 152, 219, 0.15);
    border-left: 3px solid rgba(52, 152, 219, 0.4);
}

.table-responsive[b-pmkp8z9hsm] {
    max-height: 500px;
    overflow-y: auto;
    border-radius: 0.5rem;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.table-responsive[b-pmkp8z9hsm]::-webkit-scrollbar {
    width: 8px;
}

.table-responsive[b-pmkp8z9hsm]::-webkit-scrollbar-track {
    background: #2c3e50;
}

.table-responsive[b-pmkp8z9hsm]::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 4px;
}

.table-responsive[b-pmkp8z9hsm]::-webkit-scrollbar-thumb:hover {
    background: #2980b9;
}

/* Filter controls */
.filter-controls[b-pmkp8z9hsm] {
    background-color: rgba(44, 62, 80, 0.5);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.input-group-text[b-pmkp8z9hsm] {
    background-color: #2c3e50;
    border-color: #4a5f7a;
    color: #ecf0f1;
}

.form-control[b-pmkp8z9hsm], .form-select[b-pmkp8z9hsm] {
    background-color: #2c3e50;
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
}

.form-control:focus[b-pmkp8z9hsm], .form-select:focus[b-pmkp8z9hsm] {
    background-color: #2c3e50;
    border-color: #9b59b6;
    color: #ecf0f1;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
}

.form-select option[b-pmkp8z9hsm] {
    background-color: #2c3e50;
    color: #ecf0f1;
}

.form-check-input[b-pmkp8z9hsm] {
    background-color: #2c3e50;
    border-color: #4a5f7a;
}

.form-check-input:checked[b-pmkp8z9hsm] {
    background-color: #3498db;
    border-color: #3498db;
}

.form-check-label[b-pmkp8z9hsm] {
    color: #ecf0f1;
}

/* Empty state */
.empty-state[b-pmkp8z9hsm] {
    text-align: center;
    padding: 3rem 1rem;
    color: #95a5a6;
}

.empty-state i[b-pmkp8z9hsm] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.empty-state p[b-pmkp8z9hsm] {
    font-size: 1.1rem;
}

/* Badges */
.badge[b-pmkp8z9hsm] {
    font-weight: 500;
    padding: 0.35em 0.65em;
}

/* Summary section */
.inventory-summary .card[b-pmkp8z9hsm] {
    border: 1px solid rgba(52, 152, 219, 0.2);
    background-color: rgba(44, 62, 80, 0.5) !important;
}

.inventory-summary .card-header[b-pmkp8z9hsm] {
    background-color: rgba(52, 152, 219, 0.2);
    border-bottom: 1px solid rgba(52, 152, 219, 0.2);
    padding: 0.75rem 1rem;
}

.inventory-summary .card-body[b-pmkp8z9hsm] {
    padding: 1rem;
}

.summary-item[b-pmkp8z9hsm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.summary-label[b-pmkp8z9hsm] {
    color: #bdc3c7;
    font-weight: 500;
}

.summary-value[b-pmkp8z9hsm] {
    color: #ecf0f1;
    font-weight: 700;
}
/* _content/EntWebAppTest/Components/Forms/TicketForm.razor.rz.scp.css */
.ticket-form-card[b-hubqwfwklu] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.ticket-form-card h3[b-hubqwfwklu] {
    margin-bottom: 1.5rem;
    color: #fff;
}
.ticket-form-card .form-group[b-hubqwfwklu] {
    margin-bottom: 1rem;
}
.ticket-form-card label[b-hubqwfwklu] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}
.ticket-form-card .form-control[b-hubqwfwklu] {
    background: #2c303a;
    border: 1px solid #444857;
    color: #f8f9fa;
}
.ticket-form-card .form-control:focus[b-hubqwfwklu] {
    border-color: #007bff;
    background: #23272f;
    color: #fff;
}
.ticket-form-card .btn-primary[b-hubqwfwklu] {
    background: #007bff;
    border: none;
}
.ticket-form-card .btn-primary:hover[b-hubqwfwklu] {
    background: #0056b3;
}
.ticket-form-card .alert-success[b-hubqwfwklu] {
    background: #28a745;
    color: #fff;
    border: none;
}

select option:first-child[b-hubqwfwklu] {
    color: #6c757d; /* Bootstrap's text-muted color */
        font-style: italic;
}
    
select option[disabled]:first-child[b-hubqwfwklu] {
    color: #6c757d;
    font-style: italic;
}

.selected-files-container[b-hubqwfwklu] {
    background-color: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.selected-file[b-hubqwfwklu] {
    background-color: rgba(52, 73, 94, 0.5);
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.selected-file:last-child[b-hubqwfwklu] {
    margin-bottom: 0;
}

.selected-file .oi-check[b-hubqwfwklu] {
    color: #2ecc71;
    margin-right: 0.5rem;
}

.selected-file .btn[b-hubqwfwklu] {
    margin-left: auto;
    padding: 0;
}

.selected-file .oi-x[b-hubqwfwklu] {
    font-size: 0.8rem;
}
/* _content/EntWebAppTest/Components/Forms/TimeCorrectionForm.razor.rz.scp.css */
.forms-block[b-7x1i9y2rr3] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    padding: 1.5rem;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.forms-block:hover[b-7x1i9y2rr3] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.forms-content[b-7x1i9y2rr3] {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.forms-title[b-7x1i9y2rr3] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ecf0f1;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.forms-title[b-7x1i9y2rr3]::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 24px;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border-radius: 3px;
    margin-right: 0.5rem;
}

.forms-text[b-7x1i9y2rr3] {
    color: #bdc3c7;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.forms-block-back[b-7x1i9y2rr3] {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.1));
    border-radius: 50%;
    z-index: 0;
    opacity: 0.5;
}

/* Form controls styling */
[b-7x1i9y2rr3] .dx-field-item-label-content {
    color: #ecf0f1;
    font-weight: 500;
    font-size: 0.95rem;
}

[b-7x1i9y2rr3] .dx-texteditor {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

[b-7x1i9y2rr3] .dx-texteditor:hover {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #5d7795;
}

[b-7x1i9y2rr3] .dx-texteditor-input {
    color: #ecf0f1;
}

[b-7x1i9y2rr3] .dx-texteditor.dx-state-focused {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.25);
}

[b-7x1i9y2rr3] .dx-button {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 1rem;
}

[b-7x1i9y2rr3] .dx-button:hover {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

[b-7x1i9y2rr3] .dx-checkbox-icon {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
}

[b-7x1i9y2rr3] .dx-checkbox-checked .dx-checkbox-icon {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

/* Recent entries section */
.user-task-logs[b-7x1i9y2rr3] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.user-task-logs-header[b-7x1i9y2rr3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.user-task-logs-header h3[b-7x1i9y2rr3] {
    color: #ecf0f1;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-task-logs-header h3[b-7x1i9y2rr3]::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 2px;
    margin-right: 0.5rem;
}

.btn-outline-secondary[b-7x1i9y2rr3] {
    background: rgba(127, 140, 141, 0.1);
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-outline-secondary:hover[b-7x1i9y2rr3] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Grid styles */
[b-7x1i9y2rr3] .dxbs-grid {
    background: transparent;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    overflow: hidden;
}

[b-7x1i9y2rr3] .dxbs-grid .card-header {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
    color: #ecf0f1;
}

[b-7x1i9y2rr3] .dxbs-grid .dxbs-grid-table th {
    background-color: rgba(52, 73, 94, 0.8);
    color: #ecf0f1;
    font-weight: 600;
    border-color: #4a5f7a;
    text-transform: uppercase;
    font-size: 0.8rem;
}

[b-7x1i9y2rr3] .dxbs-grid .dxbs-grid-table td {
    background-color: rgba(44, 62, 80, 0.5);
    color: #ecf0f1;
    border-color: rgba(74, 95, 122, 0.5);
    transition: background-color 0.2s ease;
}

[b-7x1i9y2rr3] .dxbs-grid .dxbs-grid-table tr:hover td {
    background-color: rgba(52, 73, 94, 0.8);
}

[b-7x1i9y2rr3] .dxbs-grid .table-danger td {
    background-color: rgba(231, 76, 60, 0.2) !important;
    border-left: 4px solid #e74c3c;
}

[b-7x1i9y2rr3] .dxbs-grid .table-warning td {
    background-color: rgba(243, 156, 18, 0.2) !important;
    border-left: 4px solid #f39c12;
}

[b-7x1i9y2rr3] .dxbs-grid .table-info td {
    background-color: rgba(52, 152, 219, 0.2) !important;
    border-left: 4px solid #3498db;
}

/* Badge styling */
[b-7x1i9y2rr3] .badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.65rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

[b-7x1i9y2rr3] .badge.bg-success {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
}

[b-7x1i9y2rr3] .badge.bg-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
}

[b-7x1i9y2rr3] .badge.bg-warning {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
}

[b-7x1i9y2rr3] .badge.bg-info {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
}

/* Modern form card */
.modern-form-card[b-7x1i9y2rr3] {
    background: linear-gradient(145deg, #232526, #414345);
    border-radius: 1.25rem;
    box-shadow: 0 6px 32px rgba(44, 62, 80, 0.18);
    padding: 2rem 2.5rem;
    margin-bottom: 2rem;
    border: 1px solid #4a5f7a;
}

.modern-form[b-7x1i9y2rr3] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-row[b-7x1i9y2rr3] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.form-group[b-7x1i9y2rr3] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 180px;
}

.form-group label[b-7x1i9y2rr3] {
    color: #bdc3c7;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.required[b-7x1i9y2rr3] {
    color: #e74c3c;
    font-weight: bold;
}

.modern-btn-primary[b-7x1i9y2rr3] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    padding: 0.85rem 2rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 0.5rem;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transition: all 0.2s;
}

.modern-btn-primary:hover[b-7x1i9y2rr3] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

/* Modernize DevExpress ComboBox and TextBox */
[b-7x1i9y2rr3] .dx-combobox,
[b-7x1i9y2rr3] .dx-textbox,
[b-7x1i9y2rr3] .dx-spinedit,
[b-7x1i9y2rr3] .dx-memo {
    background: rgba(44, 62, 80, 0.85);
    border: 1.5px solid #7d5fff;
    border-radius: 0.7rem;
    color: #ecf0f1;
    font-size: 1.05rem;
    box-shadow: 0 2px 8px rgba(127, 140, 141, 0.08);
    transition: border-color 0.2s, box-shadow 0.2s;
    padding: 0.6rem 1rem;
}

[b-7x1i9y2rr3] .dx-combobox:focus-within,
[b-7x1i9y2rr3] .dx-textbox:focus-within,
[b-7x1i9y2rr3] .dx-spinedit:focus-within,
[b-7x1i9y2rr3] .dx-memo:focus-within {
    border-color: #9b59b6;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.18);
}

[b-7x1i9y2rr3] .dx-combobox .dx-dropdowneditor-icon,
[b-7x1i9y2rr3] .dx-textbox .dx-clear-button-area {
    color: #9b59b6;
    opacity: 0.8;
    transition: color 0.2s;
}

[b-7x1i9y2rr3] .dx-combobox:hover,
[b-7x1i9y2rr3] .dx-textbox:hover,
[b-7x1i9y2rr3] .dx-spinedit:hover,
[b-7x1i9y2rr3] .dx-memo:hover {
    border-color: #a29bfe;
    background: rgba(44, 62, 80, 0.95);
}

[b-7x1i9y2rr3] .dx-combobox .dx-dropdowneditor-icon:hover {
    color: #a29bfe;
}

/* Placeholder color */
[b-7x1i9y2rr3] .dx-placeholder {
    color: #b2bec3 !important;
    opacity: 1 !important;
}

/* Dropdown list styling */
[b-7x1i9y2rr3] .dx-list {
    background: #232526;
    border-radius: 0.7rem;
    box-shadow: 0 8px 32px rgba(44, 62, 80, 0.18);
    border: 1.5px solid #7d5fff;
}

[b-7x1i9y2rr3] .dx-list-item {
    color: #ecf0f1;
    padding: 0.7rem 1.2rem;
    border-radius: 0.5rem;
    transition: background 0.15s;
}

[b-7x1i9y2rr3] .dx-list-item.dx-state-hover,
[b-7x1i9y2rr3] .dx-list-item.dx-state-focused {
    background: linear-gradient(90deg, #9b59b6 0%, #8e44ad 100%);
    color: #fff;
}

/* Remove default border on focus for a cleaner look */
[b-7x1i9y2rr3] .dx-texteditor.dx-state-focused {
    outline: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .forms-block[b-7x1i9y2rr3] {
        padding: 1rem;
    }
    
    .user-task-logs-header[b-7x1i9y2rr3] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .forms-title[b-7x1i9y2rr3] {
        font-size: 1.5rem;
    }
}

@media (max-width: 900px) {
    .modern-form-card[b-7x1i9y2rr3] {
        padding: 1.25rem 0.5rem;
    }
    .form-row[b-7x1i9y2rr3] {
        flex-direction: column;
        gap: 0.75rem;
    }
}
/* _content/EntWebAppTest/Components/Infusion/InfusedBatchCreator.razor.rz.scp.css */
/* Base container styles */
.section-container[b-iqlrcdyabr] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-iqlrcdyabr] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-iqlrcdyabr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-iqlrcdyabr] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.section-content[b-iqlrcdyabr] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 3000px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Button styling */
.btn[b-iqlrcdyabr] {
    font-weight: 500;
    border-radius: 0.375rem;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    padding: 0.5rem 1rem;
    letter-spacing: 0.01em;
}

.btn[b-iqlrcdyabr]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(255, 255, 255, 0.1);
    transition: height 0.2s ease;
    z-index: -1;
}

.btn:hover[b-iqlrcdyabr]::after {
    height: 100%;
}

.btn:active[b-iqlrcdyabr] {
    transform: scale(0.97);
}

.btn-sm[b-iqlrcdyabr] {
    padding: 0.325rem 0.625rem;
    font-size: 0.875rem;
}

.btn-xs[b-iqlrcdyabr] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

.btn-toggle[b-iqlrcdyabr] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.3s ease;
}

.btn-toggle:hover[b-iqlrcdyabr] {
    color: #3498db;
    transform: translateY(-2px);
    text-shadow: 0 0 8px rgba(52, 152, 219, 0.5);
}

/* Button variants */
.btn-outline-danger[b-iqlrcdyabr],
.btn-outline-success[b-iqlrcdyabr],
.btn-outline-info[b-iqlrcdyabr],
.btn-outline-warning[b-iqlrcdyabr] {
    border: 1.5px solid;
    background: rgba(0, 0, 0, 0.05);
}

.btn-outline-danger[b-iqlrcdyabr] {
    border-color: #e74c3c;
    color: #e74c3c;
}

.btn-outline-success[b-iqlrcdyabr] {
    border-color: #2ecc71;
    color: #2ecc71;
}

.btn-outline-info[b-iqlrcdyabr] {
    border-color: #3498db;
    color: #3498db;
}

.btn-outline-warning[b-iqlrcdyabr] {
    border-color: #f39c12;
    color: #f39c12;
}

.btn-outline-danger:hover[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

.btn-outline-success:hover[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    box-shadow: 0 4px 12px rgba(46, 204, 113, 0.3);
}

.btn-outline-info:hover[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);
}

.btn-outline-warning:hover[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #f39c12, #d35400);
    box-shadow: 0 4px 12px rgba(243, 156, 18, 0.3);
}

.btn-outline-danger:hover[b-iqlrcdyabr],
.btn-outline-success:hover[b-iqlrcdyabr],
.btn-outline-info:hover[b-iqlrcdyabr],
.btn-outline-warning:hover[b-iqlrcdyabr] {
    color: white;
    border-color: transparent;
    transform: translateY(-2px);
}

.btn-primary[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    border: none;
    color: white;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-primary[b-iqlrcdyabr]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: all 0.5s ease;
}

.btn-primary:hover:not(:disabled)[b-iqlrcdyabr]::before {
    left: 100%;
}

.btn-primary:hover:not(:disabled)[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #2980b9, #3498db);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(52, 152, 219, 0.3);
}

.btn-primary:disabled[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #95a5a6, #7f8c8d);
    color: rgba(236, 240, 241, 0.6);
    cursor: not-allowed;
    box-shadow: none;
}

/* Button groups */
.btn-group[b-iqlrcdyabr] {
    display: flex;
    gap: 0.25rem;
}

.btn-group .btn:first-child[b-iqlrcdyabr] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group .btn:last-child[b-iqlrcdyabr] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group .btn:not(:first-child):not(:last-child)[b-iqlrcdyabr] {
    border-radius: 0;
}

.btn-group-sm .btn[b-iqlrcdyabr] {
    padding: 0.325rem 0.625rem;
    font-size: 0.875rem;
}

/* Queue section styles */
.queue-section[b-iqlrcdyabr] {
    background-color: rgba(44, 62, 80, 0.5);
    padding: 1.25rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(52, 152, 219, 0.3);
}

.queue-section h4[b-iqlrcdyabr] {
    color: #3498db;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.queue-table-container[b-iqlrcdyabr] {
    max-height: 400px;
    overflow-y: auto;
    border-radius: 0.5rem;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.queue-table-container[b-iqlrcdyabr]::-webkit-scrollbar {
    width: 8px;
}

.queue-table-container[b-iqlrcdyabr]::-webkit-scrollbar-track {
    background: #2c3e50;
}

.queue-table-container[b-iqlrcdyabr]::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 4px;
}

.queue-table-container[b-iqlrcdyabr]::-webkit-scrollbar-thumb:hover {
    background: #2980b9;
}

/* Table styling */
.table-dark[b-iqlrcdyabr] {
    background-color: transparent;
}

.table-dark th[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.2);
    color: #ecf0f1;
    font-weight: 600;
    border-color: rgba(52, 152, 219, 0.3);
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-dark td[b-iqlrcdyabr] {
    vertical-align: middle;
    border-color: rgba(52, 152, 219, 0.1);
}

.table-dark tr[b-iqlrcdyabr] {
    transition: all 0.25s cubic-bezier(0.2, 0, 0.2, 1);
    position: relative;
    cursor: grab;
    border-left: 3px solid transparent;
}

.table-dark tr:hover[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.15);
    border-left: 3px solid rgba(52, 152, 219, 0.4);
}

.table-dark tr:active[b-iqlrcdyabr] {
    cursor: grabbing;
}

.table-dark tr.drag-over[b-iqlrcdyabr] {
    position: relative;
    border-top: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    background-color: rgba(52, 152, 219, 0.15);
    box-shadow: inset 0 0 15px rgba(52, 152, 219, 0.1);
}

.table-dark tr.drag-over[b-iqlrcdyabr]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(52, 152, 219, 0.2), transparent 15%);
    pointer-events: none;
}

.table-dark tr.dragging[b-iqlrcdyabr] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.25), rgba(41, 128, 185, 0.35));
    opacity: 0.85;
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    z-index: 100;
    cursor: grabbing;
    border-left: 3px solid #3498db;
    backdrop-filter: blur(1px);
}

.table-dark tr.dragging td[b-iqlrcdyabr] {
    border-color: rgba(52, 152, 219, 0.2);
}

.table-dark tr.added[b-iqlrcdyabr] {
    animation: slideIn-b-iqlrcdyabr 0.4s ease-out forwards;
}

.table-dark tr.removed[b-iqlrcdyabr] {
    animation: slideOut-b-iqlrcdyabr 0.3s ease-in forwards;
}

.table-dark tr.moved[b-iqlrcdyabr] {
    animation: pulseHighlight-b-iqlrcdyabr 0.6s ease-in-out;
}

.table-dark tr:hover[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.1);
}

.queue-summary[b-iqlrcdyabr] {
    text-align: right;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(52, 152, 219, 0.2);
}

/* Form styling */
.batch-form[b-iqlrcdyabr] {
    color: #ecf0f1;
}

.batch-form h4[b-iqlrcdyabr] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #3498db;
    border-bottom: 1px solid rgba(52, 152, 219, 0.3);
    padding-bottom: 0.5rem;
}

.batch-details[b-iqlrcdyabr] {
    background-color: rgba(44, 62, 80, 0.5);
    padding: 1.25rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.form-label[b-iqlrcdyabr] {
    color: #bdc3c7;
    font-weight: 500;
}

.form-control[b-iqlrcdyabr], .form-select[b-iqlrcdyabr] {
    background-color: #2c3e50;
    border: 1px solid #C4C3D0;
    color: #ecf0f1;
}

.form-control:focus[b-iqlrcdyabr], .form-select:focus[b-iqlrcdyabr] {
    background-color: #2c3e50;
    border-color: #9b59b6;
    color: #ecf0f1;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
}

.form-select option[b-iqlrcdyabr] {
    background-color: #2c3e50;
    color: #ecf0f1;
}

.form-select-wrapper[b-iqlrcdyabr] {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.form-select-wrapper .form-select[b-iqlrcdyabr] {
    width: 100%;
    position: relative;
    z-index: 1;
}

/* Ingredients section */
.ingredients-section[b-iqlrcdyabr] {
    margin-bottom: 1.5rem;
}

.ingredient-card[b-iqlrcdyabr] {
    background-color: rgba(44, 62, 80, 0.5);
    border-radius: 0.5rem;
    padding: 1rem;
    border-left: 3px solid #3498db;
}

.ground-materials .ingredient-card[b-iqlrcdyabr] {
    border-left-color: #2ecc71;
}

.wax-materials .ingredient-card[b-iqlrcdyabr] {
    border-left-color: #f39c12;
}

.ingredient-header[b-iqlrcdyabr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    font-weight: 600;
}

/* Summary section */
.batch-summary[b-iqlrcdyabr] {
    background-color: rgba(44, 62, 80, 0.5);
    padding: 1.25rem;
    border-radius: 0.5rem;
}

.summary-card[b-iqlrcdyabr] {
    background-color: #2c3e50;
    padding: 1rem;
    border-radius: 0.5rem;
    border-left: 3px solid #3498db;
}

.summary-item[b-iqlrcdyabr] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.summary-item:last-child[b-iqlrcdyabr] {
    margin-bottom: 0;
    font-weight: 700;
    color: #3498db;
}

.summary-label[b-iqlrcdyabr] {
    color: #bdc3c7;
}

.summary-value[b-iqlrcdyabr] {
    font-weight: 600;
}

/* Alert styles */
.alert-success[b-iqlrcdyabr] {
    background-color: rgba(46, 204, 113, 0.2);
    border-color: rgba(46, 204, 113, 0.3);
    color: #2ecc71;
}

.alert-danger[b-iqlrcdyabr] {
    background-color: rgba(231, 76, 60, 0.2);
    border-color: rgba(231, 76, 60, 0.3);
    color: #e74c3c;
}

.alert-info[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.2);
    border-color: rgba(52, 152, 219, 0.3);
    color: #3498db;
}

/* Materials panel */
.materials-panel-row[b-iqlrcdyabr] {
    background-color: rgba(52, 73, 94, 0.5);
}

.materials-panel[b-iqlrcdyabr] {
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(52, 152, 219, 0.3);
    margin: 0.5rem 0;
    animation: slideIn-b-iqlrcdyabr 0.4s ease-out;
}

.materials-panel h5[b-iqlrcdyabr] {
    color: #3498db;
    font-size: 1rem;
    margin-bottom: 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.materials-panel h5 .btn[b-iqlrcdyabr] {
    padding: 0.25rem 0.375rem;
    font-size: 0.75rem;
    border-radius: 0.25rem;
    background: rgba(46, 204, 113, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.materials-panel h5 .btn:hover[b-iqlrcdyabr] {
    transform: translateY(-1px);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}

.materials-table[b-iqlrcdyabr] {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.table-dark tr.drag-over[b-iqlrcdyabr] {
    border-top: 2px solid #3498db;
    background-color: rgba(52, 152, 219, 0.2);
}

.table-dark tr.dragging[b-iqlrcdyabr] {
    opacity: 0.5; 
    background-color: rgba(52, 152, 219, 0.3);
    transform: scale(1.01);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    z-index: 100;
    cursor: grabbing;
}

.materials-table th[b-iqlrcdyabr], 
.materials-table td[b-iqlrcdyabr] {
    padding: 0.5rem;
}

.empty-materials-message[b-iqlrcdyabr] {
    color: #7f8c8d;
    font-style: italic;
    padding: 0.5rem 0;
    font-size: 0.875rem;
}

.materials-panel-summary[b-iqlrcdyabr] {
    font-size: 0.875rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(52, 152, 219, 0.2);
    display: flex;
    justify-content: flex-end;
}

/* Transition animations */
@keyframes slideIn-b-iqlrcdyabr {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

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

@keyframes pulseHighlight-b-iqlrcdyabr {
    0% { background-color: rgba(52, 152, 219, 0.1); }
    50% { background-color: rgba(52, 152, 219, 0.3); }
    100% { background-color: rgba(52, 152, 219, 0.1); }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .ingredients-section .row > div[b-iqlrcdyabr] {
        margin-bottom: 1.5rem;
    }
    
    .ingredients-section .row > div:last-child[b-iqlrcdyabr] {
        margin-bottom: 0;
    }
    
    .btn-group-sm[b-iqlrcdyabr] {
        flex-wrap: wrap;
    }
}

.empty-drop-row[b-iqlrcdyabr] {
    height: 50px;
    border: none;
    background-color: transparent;
    cursor: default;
}

.empty-drop-row.drag-over[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.2);
    border: 2px dashed #3498db;
}

.empty-drop-row .drop-indicator[b-iqlrcdyabr] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    color: #7f8c8d;
    font-style: italic;
    height: 100%;
}

.empty-drop-row.drag-over .drop-indicator[b-iqlrcdyabr] {
    color: #3498db;
    font-weight: 500;
}

/* Fix for dragging state */
.table-dark tr.dragging[b-iqlrcdyabr] {
    opacity: 0.7;
    background-color: rgba(52, 152, 219, 0.3);
    transform: scale(1.01);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    z-index: 100;
    cursor: grabbing;
}

/* Enhanced Drag and Drop Styling */
.table-dark tr[b-iqlrcdyabr] {
    transition: all 0.25s cubic-bezier(0.2, 0, 0.2, 1);
    position: relative;
    cursor: grab;
    border-left: 3px solid transparent;
}

.table-dark tr:hover[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.15);
    border-left: 3px solid rgba(52, 152, 219, 0.4);
}

.table-dark tr:active[b-iqlrcdyabr] {
    cursor: grabbing;
}

.table-dark tr.drag-over[b-iqlrcdyabr] {
    position: relative;
    border-top: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    background-color: rgba(52, 152, 219, 0.15);
    box-shadow: inset 0 0 15px rgba(52, 152, 219, 0.1);
}

.table-dark tr.drag-over[b-iqlrcdyabr]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(52, 152, 219, 0.2), transparent 15%);
    pointer-events: none;
}

.table-dark tr.dragging[b-iqlrcdyabr] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.25), rgba(41, 128, 185, 0.35));
    opacity: 0.85;
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    z-index: 100;
    cursor: grabbing;
    border-left: 3px solid #3498db;
    backdrop-filter: blur(1px);
}

.table-dark tr.dragging td[b-iqlrcdyabr] {
    border-color: rgba(52, 152, 219, 0.2);
}

/* Empty drop row for end of list - enhanced */
.empty-drop-row[b-iqlrcdyabr] {
    height: 60px;
    border: none;
    background-color: transparent;
    cursor: default;
    transition: all 0.3s ease;
}

.empty-drop-row.drag-over[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.15);
    border: 2px dashed #3498db;
    box-shadow: inset 0 0 10px rgba(52, 152, 219, 0.1);
    animation: pulseBorder-b-iqlrcdyabr 1.5s infinite;
}

.empty-drop-row .drop-indicator[b-iqlrcdyabr] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    color: #7f8c8d;
    font-style: italic;
    height: 100%;
    transition: all 0.3s ease;
}

.empty-drop-row.drag-over .drop-indicator[b-iqlrcdyabr] {
    color: #3498db;
    font-weight: 500;
    text-shadow: 0 0 5px rgba(52, 152, 219, 0.3);
}

@keyframes pulseBorder-b-iqlrcdyabr {
    0% { border-color: rgba(52, 152, 219, 0.6); }
    50% { border-color: rgba(52, 152, 219, 1); }
    100% { border-color: rgba(52, 152, 219, 0.6); }
}

/* Drag handle - adds visual cue for dragging */
.drag-handle[b-iqlrcdyabr] {
    cursor: grab;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #95a5a6;
    transition: all 0.2s ease;
}

.drag-handle:hover[b-iqlrcdyabr] {
    color: #3498db;
    transform: scale(1.2);
}

tr:hover .drag-handle[b-iqlrcdyabr] {
    color: #bdc3c7;
}

/* Adding row number indicator style */
.row-number[b-iqlrcdyabr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-weight: 600;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

tr.dragging .row-number[b-iqlrcdyabr] {
    background: linear-gradient(135deg, #2980b9, #3498db);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

/* Add drop shadow to dragged items */
.table-dark tr.dragging[b-iqlrcdyabr]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    z-index: -1;
}

/* Modal styles */
.modal-overlay[b-iqlrcdyabr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-dialog[b-iqlrcdyabr] {
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    background-color: #1e2b3a;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    animation: fadeIn-b-iqlrcdyabr 0.3s ease-out;
    display: flex;
    flex-direction: column;
}

.modal-content[b-iqlrcdyabr] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

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

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

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

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

.btn-xs[b-iqlrcdyabr] {
    padding: 0.15rem 0.4rem;
    font-size: 0.75rem;
}

/* Searchable Dropdown Styles */
.dropdown-search-container[b-iqlrcdyabr] {
    position: relative;
    width: 100%;
}

.dropdown-search-input[b-iqlrcdyabr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.375rem 0.75rem;
    background-color: #2c3e50;
    border: 1px solid #C4C3D0;
    border-radius: 0.375rem;
    color: #ecf0f1;
    cursor: pointer;
    transition: all 0.2s ease;
}

.dropdown-search-input:hover[b-iqlrcdyabr] {
    border-color: #9b59b6;
    background-color: #34495e;
}

.dropdown-icon[b-iqlrcdyabr] {
    transition: transform 0.2s ease;
}

.dropdown-search-menu[b-iqlrcdyabr] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 0.25rem;
    background-color: #2c3e50;
    border: 1px solid #9b59b6;
    border-radius: 0.375rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    max-height: 300px;
    display: flex;
    flex-direction: column;
}

.dropdown-search-header[b-iqlrcdyabr] {
    padding: 0.5rem;
    border-bottom: 1px solid #34495e;
}

.dropdown-search-items[b-iqlrcdyabr] {
    overflow-y: auto;
    max-height: 250px;
}

.dropdown-search-items[b-iqlrcdyabr]::-webkit-scrollbar {
    width: 8px;
}

.dropdown-search-items[b-iqlrcdyabr]::-webkit-scrollbar-track {
    background: #1e2b3a;
}

.dropdown-search-items[b-iqlrcdyabr]::-webkit-scrollbar-thumb {
    background: #3498db;
    border-radius: 4px;
}

.dropdown-search-item[b-iqlrcdyabr] {
    padding: 0.75rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #1e2b3a;
}

.dropdown-search-item:hover[b-iqlrcdyabr] {
    background-color: #34495e;
}

.dropdown-search-item.selected[b-iqlrcdyabr] {
    background-color: rgba(52, 152, 219, 0.2);
    border-left: 3px solid #3498db;
}

.dropdown-item-main[b-iqlrcdyabr] {
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.dropdown-item-sub[b-iqlrcdyabr] {
    font-size: 0.8rem;
    color: #95a5a6;
}

.dropdown-search-empty[b-iqlrcdyabr] {
    padding: 1rem;
    text-align: center;
    color: #7f8c8d;
    font-style: italic;
}

/* ...existing code... */
/* _content/EntWebAppTest/Components/Infusion/InfusedWeeklyReport.razor.rz.scp.css */
.section-card[b-0jt2j87czo] {
    background: #2c3e50;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-container[b-0jt2j87czo] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-0jt2j87czo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-0jt2j87czo] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-content[b-0jt2j87czo] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.btn-toggle[b-0jt2j87czo] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-0jt2j87czo] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.table-dark[b-0jt2j87czo] {
    background-color: #34495e;
    color: #ecf0f1;
}

.table-dark.table-striped > tbody > tr:nth-of-type(odd)[b-0jt2j87czo] {
    background-color: rgba(0, 0, 0, 0.15);
}

.form-check-input:checked[b-0jt2j87czo] {
    background-color: #9b59b6;
    border-color: #9b59b6;
}

.form-select-sm[b-0jt2j87czo] {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #4a5f7a;
}

.form-control-sm[b-0jt2j87czo] {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #4a5f7a;
}

.form-check-label[b-0jt2j87czo] {
    color: #ecf0f1;
}

.form-label[b-0jt2j87czo] {
    color: #ecf0f1;
}

.text-primary[b-0jt2j87czo] {
    color: #3498db !important;
}

.btn-outline-secondary[b-0jt2j87czo] {
    color: #ecf0f1;
    border-color: #7f8c8d;
}

.btn-outline-secondary:hover[b-0jt2j87czo] {
    background-color: #7f8c8d;
    color: #ecf0f1;
}

.info-button[b-0jt2j87czo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #17a2b8;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    margin-left: 6px;
    cursor: help;
    border: none;
    transition: background-color 0.2s, transform 0.1s;
}

.info-button:hover[b-0jt2j87czo] {
    background-color: #138496;
    transform: scale(1.1);
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-0jt2j87czo] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.tooltip-container[b-0jt2j87czo] {
    position: fixed;
    z-index: 1050;
    max-width: 400px;
    max-height: 400px;
    overflow-y: auto;
    background-color: #343a40;
    color: #f8f9fa;
    border-radius: 6px;
    padding: 12px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}

.tooltip-container.visible[b-0jt2j87czo] {
    opacity: 1;
    visibility: visible;
}

.tooltip-header[b-0jt2j87czo] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #495057;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.tooltip-title[b-0jt2j87czo] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
}

.tooltip-close[b-0jt2j87czo] {
    background: transparent;
    border: none;
    color: #adb5bd;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
}

.tooltip-close:hover[b-0jt2j87czo] {
    color: #f8f9fa;
}

.tooltip-list[b-0jt2j87czo] {
    padding-left: 20px;
    margin-bottom: 0;
}

.tooltip-list li[b-0jt2j87czo] {
    margin-bottom: 4px;
}

.tooltip-list li:last-child[b-0jt2j87czo] {
    margin-bottom: 0;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .section-header h4[b-0jt2j87czo] {
        font-size: 1rem;
    }
    
    .stat-value[b-0jt2j87czo] {
        font-size: 1.5rem;
    }
    
    .stat-label[b-0jt2j87czo] {
        font-size: 0.7rem;
    }
}

/* Make input fields more visible on dark backgrounds */
input[type="date"][b-0jt2j87czo] {
    color-scheme: dark;
}
/* _content/EntWebAppTest/Components/Infusion/InfusionTestResults.razor.rz.scp.css */
.section-container[b-9r1irpc6kx] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-9r1irpc6kx] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-9r1irpc6kx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-9r1irpc6kx] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-9r1irpc6kx] {
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-actions[b-9r1irpc6kx] {
    margin-left: auto;
}

.btn-toggle[b-9r1irpc6kx] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-9r1irpc6kx] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.section-content[b-9r1irpc6kx] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 2000px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-controls[b-9r1irpc6kx] {
    margin-bottom: 1rem;
}

/* Card Styles */
.card[b-9r1irpc6kx] {
    background: transparent;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    overflow: hidden;
}

.card-header[b-9r1irpc6kx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #4a5f7a;
}

.card-header h5[b-9r1irpc6kx] {
    font-weight: 600;
}

/* Table Styles */
.table-responsive[b-9r1irpc6kx] {
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    position: relative;
}

.table-dark[b-9r1irpc6kx] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-9r1irpc6kx], .table-dark td[b-9r1irpc6kx] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-dark thead th[b-9r1irpc6kx] {
    position: sticky;
    top: 0;
    background-color: #2c3e50;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.table-hover tbody tr:hover[b-9r1irpc6kx] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Form Controls */
.form-select[b-9r1irpc6kx], .form-control[b-9r1irpc6kx] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-select:focus[b-9r1irpc6kx], .form-control:focus[b-9r1irpc6kx] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select option[b-9r1irpc6kx] {
    background: #34495e;
    color: #ecf0f1;
}

.form-check-input[b-9r1irpc6kx] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
}

.form-check-input:checked[b-9r1irpc6kx] {
    background-color: #9b59b6;
    border-color: #9b59b6;
}

.form-check-label[b-9r1irpc6kx] {
    color: #ecf0f1;
    cursor: pointer;
    transition: color 0.2s ease;
    user-select: none;
}

.form-check-label:hover[b-9r1irpc6kx] {
    color: #9b59b6;
}

.form-label[b-9r1irpc6kx] {
    color: #ecf0f1;
    font-weight: 500;
}

/* Button Styles */
.btn[b-9r1irpc6kx] {
    transition: all 0.2s ease;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-outline-info[b-9r1irpc6kx] {
    background: rgba(52, 152, 219, 0.1);
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-9r1irpc6kx] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

/* Badge Styles */
.badge[b-9r1irpc6kx] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-9r1irpc6kx] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-9r1irpc6kx] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-9r1irpc6kx] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white;
}

.bg-secondary[b-9r1irpc6kx] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State */
.empty-state[b-9r1irpc6kx] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-9r1irpc6kx] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-9r1irpc6kx] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Alert Styles */
.alert-danger[b-9r1irpc6kx] {
    background: rgba(231, 76, 60, 0.2);
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

/* Loading Spinner */
.spinner-border[b-9r1irpc6kx] {
    color: #9b59b6;
}

/* Responsive */
@media (max-width: 768px) {
    .section-header[b-9r1irpc6kx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .section-controls .row[b-9r1irpc6kx] {
        --bs-gutter-x: 0.5rem;
    }
    
    .col-md-6[b-9r1irpc6kx] {
        margin-bottom: 0.5rem;
    }
}

/* Make input fields more visible on dark backgrounds */
input[type="date"][b-9r1irpc6kx] {
    color-scheme: dark;
}
/* _content/EntWebAppTest/Components/Infusion/LiveWaxForInfusion.razor.rz.scp.css */
.section-card[b-grdyhtuypx] {
    background-color: #2c3e50;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    overflow: hidden;
}

.section-container[b-grdyhtuypx] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-grdyhtuypx] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-grdyhtuypx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-grdyhtuypx] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.section-content[b-grdyhtuypx] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.btn-toggle[b-grdyhtuypx] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-grdyhtuypx] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* Table Styles */
.table-responsive[b-grdyhtuypx] {
    width: 100%;
}

.table-dark[b-grdyhtuypx] {
    background: transparent;
    color: #ecf0f1;
}

table[b-grdyhtuypx] {
    width: 100%;
    color: #ecf0f1;
    margin-bottom: 0;
}

table th[b-grdyhtuypx] {
    background: rgba(52, 73, 94, 0.7);
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

table td[b-grdyhtuypx] {
    padding: 0.75rem;
    border-top: 1px solid rgba(236, 240, 241, 0.1);
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-grdyhtuypx] {
    background-color: rgba(52, 73, 94, 0.5);
}

.table-striped tbody tr:nth-of-type(even)[b-grdyhtuypx] {
    background-color: rgba(44, 62, 80, 0.4);
}

.table-hover tbody tr:hover[b-grdyhtuypx] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Empty State */
.empty-state[b-grdyhtuypx] {
    color: #7f8c8d;
    padding: 2rem;
}

/* Status colors */
.bg-success[b-grdyhtuypx] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-warning[b-grdyhtuypx] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white;
}

.bg-info[b-grdyhtuypx] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-secondary[b-grdyhtuypx] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.bg-danger[b-grdyhtuypx] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-primary[b-grdyhtuypx] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

/* Modal Styling */
.modal-content[b-grdyhtuypx] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.modal-header[b-grdyhtuypx] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1.25rem 1.5rem;
}

.modal-header .modal-title[b-grdyhtuypx] {
    color: #ecf0f1;
    font-weight: 600;
}

.modal-body[b-grdyhtuypx] {
    padding: 1.5rem;
    color: #ecf0f1;
}

.modal-footer[b-grdyhtuypx] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(44, 62, 80, 0.4);
    padding: 1rem 1.5rem;
}

/* Detail rows in modal */
.detail-row[b-grdyhtuypx] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.detail-row:last-child[b-grdyhtuypx] {
    border-bottom: none;
}

.detail-label[b-grdyhtuypx] {
    font-weight: 500;
    color: #bdc3c7;
}

.detail-value[b-grdyhtuypx] {
    font-weight: 600;
    color: #ecf0f1;
}

/* Progress bar customizations */
.progress[b-grdyhtuypx] {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 20px;
}

.progress-bar[b-grdyhtuypx] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: white;
    transition: width 0.6s ease;
    overflow: visible;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Card styling for forms */
.card[b-grdyhtuypx] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.card.bg-secondary[b-grdyhtuypx] {
    background: linear-gradient(145deg, #7f8c8d, #95a5a6) !important;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.card-header[b-grdyhtuypx] {
    background: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.25rem;
}

.card-header h5[b-grdyhtuypx] {
    margin: 0;
    font-weight: 600;
    color: #ecf0f1;
}

.card-body[b-grdyhtuypx] {
    padding: 1.25rem;
}

/* Form controls */
.form-control[b-grdyhtuypx], .form-select[b-grdyhtuypx] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-control:focus[b-grdyhtuypx], .form-select:focus[b-grdyhtuypx] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-label[b-grdyhtuypx] {
    color: #ecf0f1;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-check-input[b-grdyhtuypx] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.form-check-input:checked[b-grdyhtuypx] {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

.form-check-label[b-grdyhtuypx] {
    color: #ecf0f1;
}

/* Input group */
.input-group[b-grdyhtuypx] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.input-group-text[b-grdyhtuypx] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    font-weight: 600;
}

/* Tab Navigation Styling */
.nav-tabs[b-grdyhtuypx] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 1.5rem;
}

.nav-tabs .nav-item[b-grdyhtuypx] {
    margin-bottom: -1px;
}

.nav-tabs .nav-link[b-grdyhtuypx] {
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
    background: transparent;
}

.nav-tabs .nav-link:hover[b-grdyhtuypx] {
    color: #ecf0f1;
    border-color: transparent;
    background: rgba(155, 89, 182, 0.1);
}

.nav-tabs .nav-link.active[b-grdyhtuypx] {
    color: #ecf0f1;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border-color: rgba(255, 255, 255, 0.2);
    border-bottom-color: transparent;
    font-weight: 500;
}

.tab-content > .tab-pane[b-grdyhtuypx] {
    display: none;
}

.tab-content > .active[b-grdyhtuypx] {
    display: block;
}

.tab-content > .show[b-grdyhtuypx] {
    opacity: 1;
}

.fade[b-grdyhtuypx] {
    transition: opacity 0.15s linear;
}

.fade:not(.show)[b-grdyhtuypx] {
    opacity: 0;
}

/* Badge styling in tabs */
.nav-link .badge[b-grdyhtuypx] {
    margin-left: 0.5rem;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.compact-totals[b-grdyhtuypx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    justify-content: center;
}

.compact-total-item[b-grdyhtuypx] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.05));
    border: 1px solid rgba(155, 89, 182, 0.3);
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    text-align: center;
    transition: all 0.2s ease;
    min-width: 140px;
}

.compact-total-item:hover[b-grdyhtuypx] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(155, 89, 182, 0.2);
    border-color: rgba(155, 89, 182, 0.5);
}

.compact-total-label[b-grdyhtuypx] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #bdc3c7;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.125rem;
}

.compact-total-value[b-grdyhtuypx] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ecf0f1;
}

.totals-section[b-grdyhtuypx] {
    display: none;
}

.table-container[b-grdyhtuypx] {
    max-height: 400px;
    overflow-y: auto;
    border-radius: 0.5rem;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
}

/* Add scrollbar styling for better appearance */
.table-container[b-grdyhtuypx]::-webkit-scrollbar {
    width: 10px;
}

.table-container[b-grdyhtuypx]::-webkit-scrollbar-track {
    background: rgba(52, 73, 94, 0.7);
    border-radius: 5px;
}

.table-container[b-grdyhtuypx]::-webkit-scrollbar-thumb {
    background: rgba(189, 189, 189, 0.95);
    border-radius: 5px;
}

.table-container[b-grdyhtuypx]::-webkit-scrollbar-thumb:hover {
    background: rgba(189, 189, 189, 0.95);
}

/* Table with fixed header */
.table-container table thead[b-grdyhtuypx] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.table-container table th[b-grdyhtuypx] {
    background: rgba(44, 62, 80, 0.95);
}

/* Enhanced input styling for quantity fields */
.quantity-input[b-grdyhtuypx] {
    font-size: 1.1rem;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    min-width: 120px;
    text-align: center;
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(155, 89, 182, 0.4);
    color: #ecf0f1;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

.quantity-input:focus[b-grdyhtuypx] {
    background-color: rgba(52, 73, 94, 0.95);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.35);
    outline: none;
}

.quantity-input-group[b-grdyhtuypx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

.quantity-input-group .unit-label[b-grdyhtuypx] {
    color: #bdc3c7;
    font-weight: 500;
    min-width: 30px;
}

.quantity-control-buttons[b-grdyhtuypx] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Tracker entry editing styles */
.tracker-entry-container[b-grdyhtuypx] {
    background: rgba(44, 62, 80, 0.4);
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(155, 89, 182, 0.2);
}

.tracker-entry-edit[b-grdyhtuypx] {
    background: rgba(52, 73, 94, 0.6);
    border-radius: 0.5rem;
    padding: 1rem;
    margin: 0.5rem 0;
    border: 1px solid rgba(155, 89, 182, 0.4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.tracker-entries-title[b-grdyhtuypx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tracker-entries-table th[b-grdyhtuypx] {
    background: rgba(44, 62, 80, 0.8);
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Input number styles to hide spinners */
input[type="number"][b-grdyhtuypx] {
    -moz-appearance: textfield; /* Firefox */
}

input[type="number"][b-grdyhtuypx]::-webkit-outer-spin-button,
input[type="number"][b-grdyhtuypx]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Pull form styling improvements */
.pull-form-container[b-grdyhtuypx] {
    background: rgba(44, 62, 80, 0.4);
    border-radius: 0.5rem;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.pull-form-row[b-grdyhtuypx] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.pull-form-control[b-grdyhtuypx] {
    flex: 1;
    min-width: 200px;
}

.pull-form-control label[b-grdyhtuypx] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #ecf0f1;
}

.pull-form-actions[b-grdyhtuypx] {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
.dropdown-search-container[b-grdyhtuypx] {
    position: relative;
    width: 100%;
    z-index: 1; /* Higher base z-index */
}

.dropdown-search-container.active[b-grdyhtuypx] {
    z-index: 9999; /* Even higher when active */
}

.dropdown-search-menu[b-grdyhtuypx] {
    position: fixed; /* Change to fixed positioning */
    width: 90%; /* Control the width */
    max-width: 600px; /* Limit maximum width */
    max-height: 70vh; /* Use viewport height */
    left: 50%; /* Center horizontally */
    top: 15%; /* Position from top */
    transform: translateX(-50%); /* Center adjustment */
    overflow-y: auto;
    background-color: #2c3e50;
    border: 2px solid #9b59b6; /* Thicker border for visibility */
    border-radius: 0.375rem;
    z-index: 9999;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); /* Stronger shadow */
}

/* Add semi-transparent overlay for better focus */
.dropdown-search-container.active[b-grdyhtuypx]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9995; /* Below the dropdown but above other content */
    pointer-events: auto; /* Capture clicks to close dropdown */
}

/* Make search box sticky */
.dropdown-search-header[b-grdyhtuypx] {
    position: sticky;
    top: 0;
    background-color: #2c3e50;
    padding: 15px;
    border-bottom: 2px solid #495057;
    z-index: 9997;
}

.dropdown-search-header input[b-grdyhtuypx] {
    width: 100%;
    padding: 10px 15px;
    font-size: 1rem;
    background-color: #34495e;
    border: 1px solid #495057;
    color: #ecf0f1;
    border-radius: 4px;
}

/* Enhance dropdown items for better visibility */
.dropdown-search-items[b-grdyhtuypx] {
    padding: 8px 0;
    max-height: calc(70vh - 70px); /* Account for header height */
}

.dropdown-search-item[b-grdyhtuypx] {
    padding: 12px 15px;
    margin: 2px 8px;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.dropdown-search-item:hover[b-grdyhtuypx] {
    background-color: #3a506b;
}

.dropdown-search-item.selected[b-grdyhtuypx] {
    background-color: rgba(155, 89, 182, 0.2);
    border-left: 4px solid #9b59b6;
}

/* Add a close button to the dropdown */
.dropdown-search-header[b-grdyhtuypx] {
    display: flex;
    align-items: center;
}

.dropdown-search-header input[b-grdyhtuypx] {
    flex: 1;
}

.dropdown-close-btn[b-grdyhtuypx] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.2rem;
    padding: 0 10px;
    cursor: pointer;
    margin-left: 10px;
}

.dropdown-close-btn:hover[b-grdyhtuypx] {
    color: #9b59b6;
}
.product-name-large[b-grdyhtuypx] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

/* Improved dropdown styling */
.dropdown-search-input[b-grdyhtuypx] {
    padding: 0.75rem;
    background-color: #34495e;
    border: 1px solid rgba(155, 89, 182, 0.3);
    border-radius: 0.375rem;
    color: #ecf0f1;
    font-size: 0.875rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s ease;
}

.dropdown-search-input:hover[b-grdyhtuypx] {
    border-color: rgba(155, 89, 182, 0.6);
    background-color: #3a506b;
}

.dropdown-icon[b-grdyhtuypx] {
    margin-left: 0.5rem;
    transition: transform 0.2s ease;
}

.active .dropdown-icon[b-grdyhtuypx] {
    transform: rotate(180deg);
}

.dropdown-search-item[b-grdyhtuypx] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

.dropdown-search-item:hover[b-grdyhtuypx] {
    background-color: rgba(155, 89, 182, 0.1);
    border-left-color: rgba(155, 89, 182, 0.5);
}

.dropdown-search-item.selected[b-grdyhtuypx] {
    background-color: rgba(155, 89, 182, 0.2);
    border-left: 3px solid #9b59b6;
}

.dropdown-search-empty[b-grdyhtuypx] {
    color: #7f8c8d;
    font-style: italic;
}
/* _content/EntWebAppTest/Components/Infusion/MetrcLogTrackerInfusion.razor.rz.scp.css */
 /* .section-container {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h4 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 .oi {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls {
    margin-bottom: 1rem;
    margin-left: auto;
}

.section-content {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-container.collapsed .section-content {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions {
    margin-left: auto;
}

.btn-toggle {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover {
    color: #9b59b6;
    transform: translateY(-2px);
}

.table-responsive {
    width: 100%;
}

.table-dark {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th, .table-dark td {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

.btn-group-sm .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.empty-state {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

.modal-content {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
}

.modal-header {
    border-bottom: 1px solid #4a5f7a;
    padding: 1.25rem 1.5rem;
}

.modal-footer {
    border-top: 1px solid #4a5f7a;
    padding: 1.25rem 1.5rem;
}

.btn-close {
    color: #ecf0f1;
    background: transparent;
    opacity: 0.7;
}

.btn-close:hover {
    opacity: 1;
}

.form-label {
    color: #ecf0f1;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-control, .form-select {
    background-color: #2c3e50;
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.625rem 1rem;
    transition: all 0.2s ease;
}

.form-control:focus, .form-select:focus {
    background-color: #2c3e50;
    border-color: #9b59b6;
    color: #ecf0f1;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
}

.form-control::placeholder {
    color: #95a5a6;
}

.form-select option {
    background-color: #2c3e50;
    color: #ecf0f1;
}  */
/* _content/EntWebAppTest/Components/Layout/Drawer.razor.rz.scp.css */
[b-re3c92udgw] .navigation-drawer {
    --dxbl-drawer-panel-footer-justify-content: center;
    height: 100vh;
    max-height: 100%;
}

[b-re3c92udgw] .panel-open:not(.mobile) .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-re3c92udgw] .panel-open:not(.mobile) .menu-button {
        display: inline-flex;
    }

    .mobile-drawer-closed .shading-copy[b-re3c92udgw] {
        display: none;
        visibility: hidden;
    }

    [b-re3c92udgw] .shading-copy {
        background-color: var(--dxbl-drawer-content-shading-bg);
        height: 100%;
        position: absolute;
        transition: opacity ease var(--dxbl-drawer-animation-duration);
        visibility: visible;
        width: 100%;
        z-index: 99;
        opacity: var(--dxbl-drawer-content-shading-opacity);
    }

    [b-re3c92udgw] .panel-open .shading-copy {
        opacity: 0;
        visibility: unset;
        height: unset;
    }
}
/* _content/EntWebAppTest/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ic9tgwjhxa] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

[b-ic9tgwjhxa] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, #32164E 0%, var(--bs-black) 150%);
}

[b-ic9tgwjhxa] .dxbl-drawer .dxbl-drawer-content {
    height: 100vh;
    overflow: auto;
}

[b-ic9tgwjhxa] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    border-bottom: none;
    padding: 2rem 1rem;
    position: relative; /* Add relative positioning to contain absolute elements */
}

/* Simplify the header to center the logo only */
[b-ic9tgwjhxa] .dxbl-drawer-panel .dxbl-drawer-header .navigation-drawer-header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Center the logo */
[b-ic9tgwjhxa] .navigation-drawer-header img.logo {
    margin: 0 auto;
}

/* Position the hamburger button in the top right */
[b-ic9tgwjhxa] .navigation-drawer-header a {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

/* Reduce logo size in landscape mode */
@media (orientation: landscape) and (max-height: 500px) {
    [b-ic9tgwjhxa] .navigation-drawer-header img.logo {
        width: 80%; /* 20% reduction from original size */
        height: auto;
    }
    
    [b-ic9tgwjhxa] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    [b-ic9tgwjhxa] .navigation-drawer-header a {
        top: 0.5rem;
        right: 0.5rem;
    }
}

[b-ic9tgwjhxa] .dxbl-drawer-panel > .dxbl-drawer-body {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-ic9tgwjhxa] .dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    --dxbl-drawer-panel-footer-justify-content: center;
    border-top: none;
    padding-bottom: 1.5rem;
}

[b-ic9tgwjhxa] .content {
    overflow: auto;
    display: flex;
    flex-direction: column;
}

[b-ic9tgwjhxa] .icon {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}


[b-ic9tgwjhxa] .icon-home {
    -webkit-mask-image: url("images/home.svg");
    mask-image: url("images/home.svg");
}

[b-ic9tgwjhxa] .icon-settings {
    -webkit-mask-image: url("images/account/settings.svg");
    mask-image: url("images/account/settings.svg");
}

[b-ic9tgwjhxa] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
}

[b-ic9tgwjhxa] .icon-close {
    -webkit-mask-image: url("images/close.svg");
    mask-image: url("images/close.svg");
}

[b-ic9tgwjhxa] .icon-menu {
    -webkit-mask-image: url("images/menu.svg");
    mask-image: url("images/menu.svg");
}

[b-ic9tgwjhxa] .icon-log-in {
    -webkit-mask-image: url("images/account/log-in.svg");
    mask-image: url("images/account/log-in.svg");
}

[b-ic9tgwjhxa] .icon-log-out {
    -webkit-mask-image: url("images/account/log-out.svg");
    mask-image: url("images/account/log-out.svg");
}

[b-ic9tgwjhxa] .icon-user {
    -webkit-mask-image: url("images/account/user.svg");
    mask-image: url("images/account/user.svg");
}

[b-ic9tgwjhxa] .docs-icon {
    mask-image: url("images/doc.svg");
    -webkit-mask-image: url("images/doc.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ic9tgwjhxa] .home-icon {
    mask-image: url("images/home.svg");
    -webkit-mask-image: url("images/home.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ic9tgwjhxa] .settings-icon {
    mask-image: url("images/account/settings.svg");
    -webkit-mask-image: url("images/account/settings.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ic9tgwjhxa] .demos-icon {
    mask-image: url("images/demos.svg");
    -webkit-mask-image: url("images/demos.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-ic9tgwjhxa] .footer-button:hover .demos-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ic9tgwjhxa] .footer-button:hover .docs-icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ic9tgwjhxa] .menu-button:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

[b-ic9tgwjhxa] .menu-button-nav:hover .icon {
    background-color: var(--dxbl-btn-hover-color);
}

.panel-open .menu-button[b-ic9tgwjhxa] {
    display: inline-flex;
}

.menu-button-nav[b-ic9tgwjhxa] {
    background-image: url("images/close.svg");
    width: 1.875rem;
    height: 1.875rem;
}

.nav-buttons-container[b-ic9tgwjhxa] {
    display: flex;
    gap: 10px;
    padding: 2rem 1rem;
}

    .nav-buttons-container[b-ic9tgwjhxa]  .menubutton-float-end {
        margin-left: auto;
    }

    .nav-buttons-container[b-ic9tgwjhxa]  .dxbl-btn-icon-only {
        --dxbl-btn-padding-x: 0.75rem;
        --dxbl-btn-padding-y: 0.25rem;
    }

[b-ic9tgwjhxa] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-ic9tgwjhxa] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

[b-ic9tgwjhxa] .navigation-drawer.mobile > .dxbl-drawer-shading {
    display: none;
}

@media (max-width: 768px) {
    [b-ic9tgwjhxa] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-ic9tgwjhxa] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-ic9tgwjhxa] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}

.impersonate-button[b-ic9tgwjhxa] {
    border-left: 2px solid rgba(255,255,255,0.1);
    margin-left: 8px;
    padding-left: 12px;
    display: inline-flex;
}

.impersonate-button:hover[b-ic9tgwjhxa] {
    background-color: rgba(243, 156, 18, 0.2);
}

.impersonate-container[b-ic9tgwjhxa] {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.impersonating-footer[b-ic9tgwjhxa] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* This will add a subtle indicator to the footer when impersonating */
.impersonating-footer .footer-button[b-ic9tgwjhxa] {
    border-left: 3px solid #f39c12;
}
/* _content/EntWebAppTest/Components/Layout/NavMenu.razor.rz.scp.css */
#sidebar[b-r7xtk1c8eh] {
    min-width: 15rem;
    max-width: 15rem;
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    display: block;
    background: inherit;
}

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

[b-r7xtk1c8eh] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-r7xtk1c8eh] .menu.display-iam {
    margin-bottom: 2rem;
}

[b-r7xtk1c8eh] .menu {
    background-color: inherit;
}

    [b-r7xtk1c8eh] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }

[b-r7xtk1c8eh] .menu-item {
    color: var(--bs-white);
}

[b-r7xtk1c8eh] .icon {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
}

[b-r7xtk1c8eh] .home-icon {
    background-image: url("images/home.svg");
}

[b-r7xtk1c8eh] .weather-icon {
    background-image: url("images/BO_User.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .counter-icon {
    background-image: url("images/counter.svg");
}

[b-r7xtk1c8eh] .document-color-icon {
    background-image: url("images/document-color.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .document-icon {
    background-image: url("images/documents.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .department-icon {
    background-image: url("images/departments.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .systemmanagement-icon {
    background-image: url("images/systemmanagement.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .admin-user-icon {
    background-image: url("images/BO_User.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .batchtracker-icon {
    background-image: url("images/batchtracker_v2 1.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .testresult-icon {
    background-image: url("images/testresult-icon.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .data-icon {
    background-image: url("images/data-icon.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .bug-icon {
    background-image: url("images/bug-icon.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .messages-icon {
    background-image: url("images/messages.svg");
    background-size: contain;
    background-position: center;
}

[b-r7xtk1c8eh] .settings-icon {
    background-image: url("images/account/settings.svg");
}

[b-r7xtk1c8eh] .log-in-icon {
    background-image: url("images/account/log-in.svg");
}

[b-r7xtk1c8eh] .log-out-icon {
    background-image: url("images/account/log-out.svg");
}

[b-r7xtk1c8eh] .user-icon {
    background-image: url("images/account/user.svg");
}

.navbar .nav-item[b-r7xtk1c8eh],
.sidebar .nav-item[b-r7xtk1c8eh] {
    /* existing styles */
}

@media (max-width: 768px) {
    #sidebar[b-r7xtk1c8eh] {
        min-width: inherit;
        max-width: inherit;
        display: block;
    }

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

/* Add these styles to existing NavMenu.razor.css */

[b-r7xtk1c8eh] .notification-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    transform: translate(50%, -30%);
    background-color: #ff3b30; /* Brighter red */
    color: white;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* Add shadow */
    border: 1.5px solid white; /* Add white border */
    animation: pulse-b-r7xtk1c8eh 2s infinite; /* Add subtle pulse animation */
}

/* Add this animation */
@keyframes pulse-b-r7xtk1c8eh {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 59, 48, 0.7);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(255, 59, 48, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 59, 48, 0);
    }
}

[b-r7xtk1c8eh] .dxbl-menu-item {
    position: relative; /* For positioning the badge */
}

[b-r7xtk1c8eh] .messages-icon {
    position: relative;
}

/* Add these styles at the end of your existing CSS */


/* Update the menu-item-content to match DevExpress's default styling */
.menu-item-content[b-r7xtk1c8eh] {
    display: flex;
    width: 100%;
    position: relative;
    /* Remove any extra padding/margin that might be causing indentation */
    padding: 0;
    margin: 0;
}

/* Ensure the icon has the same spacing as other menu items */
.menu-item-content .icon[b-r7xtk1c8eh] {
    /* Match the margin from your existing icon styles */
    margin-left: -1rem;
    margin-right: 0;
}

.menu-text[b-r7xtk1c8eh] {
    margin-left: 0.5rem; /* Slightly increase to match other items */
}

/* Notification badge with more spacing from text */
.menu-notification-badge[b-r7xtk1c8eh] {
    margin-left: auto; /* Push to the right */
    margin-right: 1rem; /* Increased from 0.5rem for more space from edge */
    background-color: #ff3b30;
    color: white;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    border: 1.5px solid hsl(3, 100%, 70%);
    animation: pulse-b-r7xtk1c8eh 2s infinite;
}

/* Override any DevExpress padding that might affect the template */
[b-r7xtk1c8eh] .menu-item .dxbl-menu-item-content {
    padding: 0 !important;
}

/* Ensure the Messages menu item aligns with others */
[b-r7xtk1c8eh] .menu-item .dxbl-menu-item-text-container {
    width: 100%;
}

/* Remove the old absolute positioning styles */
[b-r7xtk1c8eh] .notification-badge {
    display: none; /* Hide the old badge */
}
/* _content/EntWebAppTest/Components/MessageCenter/MessageCompose.razor.rz.scp.css */
.message-compose-container[b-jw5ilth3tm] {
    background-color: var(--bs-gray-800);
    border-radius: 0.5rem;
    padding: 1.5rem;
    width: 100%;
}

.message-compose-header[b-jw5ilth3tm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-gray-700);
}

.message-compose-actions[b-jw5ilth3tm] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1.5rem;
}

.btn-close[b-jw5ilth3tm] {
    color: white;
    opacity: 0.7;
    background: transparent;
    border: none;
    font-size: 1.5rem;
}

.btn-close:hover[b-jw5ilth3tm] {
    opacity: 1;
}

.form-control[b-jw5ilth3tm], .form-select[b-jw5ilth3tm] {
    background-color: var(--bs-gray-900);
    border-color: var(--bs-gray-700);
    color: white;
}

.form-control:focus[b-jw5ilth3tm], .form-select:focus[b-jw5ilth3tm] {
    background-color: var(--bs-gray-900);
    border-color: var(--bs-primary);
    color: white;
}

.form-label[b-jw5ilth3tm] {
    color: var(--bs-gray-400);
}
/* _content/EntWebAppTest/Components/MessageCenter/MessageDetails.razor.rz.scp.css */
.message-details-container[b-82u00qzjms] {
    background-color: var(--bs-gray-800);
    border-radius: 0.25rem;
    padding: 1.5rem;
    height: 100%;
    position: relative;
}

.message-details-header[b-82u00qzjms] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-gray-700);
}

.message-date[b-82u00qzjms] {
    color: var(--bs-gray-500);
    font-size: 0.85rem;
    display: block;
    margin-top: 0.25rem;
}

.message-details-actions[b-82u00qzjms] {
    display: flex;
}

.message-details-content[b-82u00qzjms] {
    color: var(--bs-gray-300);
}

.message-body[b-82u00qzjms] {
    line-height: 1.6;
    white-space: pre-wrap;
}

.message-reference[b-82u00qzjms] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-gray-700);
}

.message-delete-confirm[b-82u00qzjms] {
    position: absolute;
    inset: 0;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
}

.message-delete-confirm-content[b-82u00qzjms] {
    background-color: var(--bs-gray-900);
    border-radius: 0.25rem;
    padding: 1.5rem;
    max-width: 400px;
}

.message-body a[b-82u00qzjms] {
    color: var(--bs-primary);
    text-decoration: underline;
}

/* Add these styles to your existing CSS */
.message-thread-info[b-82u00qzjms] {
    display: block;
    font-size: 0.85rem;
    color: var(--bs-gray-400);
    margin-top: 0.5rem;
}

.message-thread[b-82u00qzjms] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 500px;
    overflow-y: auto;
    padding: 1rem 0;
}

.message-thread-item[b-82u00qzjms] {
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: var(--bs-gray-700);
    position: relative;
}

.message-thread-item.active[b-82u00qzjms] {
    border-left: 3px solid var(--bs-primary);
}

.message-thread-item.sent[b-82u00qzjms] {
    background-color: var(--bs-gray-700);
    margin-left: 2rem;
}

.message-thread-item.received[b-82u00qzjms] {
    background-color: var(--bs-gray-800);
    margin-right: 2rem;
}

.message-thread-item-header[b-82u00qzjms] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.message-thread-sender[b-82u00qzjms] {
    font-weight: 600;
}

.message-thread-date[b-82u00qzjms] {
    color: var(--bs-gray-400);
    font-size: 0.8rem;
}

.message-thread-content[b-82u00qzjms] {
    white-space: pre-line;
}
/* _content/EntWebAppTest/Components/MessageCenter/MessageList.razor.rz.scp.css */
.message-list-container[b-k3zklo70y7] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.message-list-header[b-k3zklo70y7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.message-filter-controls[b-k3zklo70y7] {
    width: 300px;
}

.message-filter-row[b-k3zklo70y7] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.message-list[b-k3zklo70y7] {
    flex: 1;
    overflow-y: auto;
    border-radius: 0.25rem;
}

.message-list-dense .message-item[b-k3zklo70y7] {
    padding: 0.5rem;
}

.message-item[b-k3zklo70y7] {
    padding: 0.8rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    background-color: var(--bs-gray-800);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}

.message-item:hover[b-k3zklo70y7] {
    background-color: var(--bs-gray-700);
}

.message-unread[b-k3zklo70y7] {
    border-left: 4px solid var(--bs-primary);
}

.message-important[b-k3zklo70y7] {
    border-left: 4px solid var(--bs-warning);
}

.message-urgent[b-k3zklo70y7] {
    border-left: 4px solid var(--bs-danger);
}

.message-item-header[b-k3zklo70y7] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}

.message-sender[b-k3zklo70y7] {
    font-weight: 600;
}

.message-date[b-k3zklo70y7] {
    color: var(--bs-gray-500);
    font-size: 0.85rem;
}

.message-preview[b-k3zklo70y7] {
    color: var(--bs-gray-400);
}

.message-badge[b-k3zklo70y7] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 0.7rem;
}

.message-list-footer[b-k3zklo70y7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--bs-gray-500);
}

.empty-state[b-k3zklo70y7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--bs-gray-500);
    text-align: center;
}
/* _content/EntWebAppTest/Components/Pages/Accounts.razor.rz.scp.css */
/* Dark theme styling for popups in Accounts page */
[b-082c6e2q3l] .dxbl-popup {
    --dxbl-popup-header-padding: 1.25rem 1.5rem;
    --dxbl-popup-content-padding: 0;
    --dxbl-popup-footer-padding: 1.25rem 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}

[b-082c6e2q3l] .dxbl-popup-header {
    background-color: #2c3e50;
    border-bottom: 1px solid #34495e;
    border-radius: 0.75rem 0.75rem 0 0;
    text-align: center;
}

[b-082c6e2q3l] .dxbl-popup-header h3 {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

[b-082c6e2q3l] .dxbl-popup-content {
    max-height: 70vh;
    overflow-y: auto;
    background-color: #1a1a1a;
    color: #ecf0f1;
}

[b-082c6e2q3l] .dxbl-popup-footer {
    background-color: #2c3e50;
    border-top: 1px solid #34495e;
    border-radius: 0 0 0.75rem 0.75rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
}

/* Content panel styling */
.popup-content-panel[b-082c6e2q3l] {
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-color: #2d2d2d;
    color: #ecf0f1;
}

/* Checkbox styling for the roles */
[b-082c6e2q3l] .form-check {
    margin-bottom: 0.75rem;
    padding-left: 2rem;
}

[b-082c6e2q3l] .form-check-input {
    background-color: #444;
    border-color: #666;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.2rem;
    margin-left: -2rem;
}

[b-082c6e2q3l] .form-check-input:checked {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

[b-082c6e2q3l] .form-check-label {
    color: #ecf0f1;
    font-size: 1rem;
    padding-left: 0.25rem;
}

/* Make the roles list scrollable when there are many */
.roles-container[b-082c6e2q3l] {
    padding: 1rem;
    background-color: #2d2d2d;
    border-radius: 0.5rem;
    border: 1px solid #34495e;
    max-height: 300px;
    overflow-y: auto;
}

/* Section title */
.section-title[b-082c6e2q3l] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #9b59b6;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #34495e;
    text-align: center;
}

/* Add these new styles */
.form-section[b-082c6e2q3l] {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #34495e;
    border-radius: 0.5rem;
    background-color: #212121;
}

.form-section-title[b-082c6e2q3l] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #9b59b6;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #34495e;
    text-align: center;
}

/* User info styling */
.user-info-container[b-082c6e2q3l] {
    padding: 0.75rem;
    background-color: #2d2d2d;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}

.info-row[b-082c6e2q3l] {
    display: flex;
    margin-bottom: 0.5rem;
    padding: 0.25rem 0;
}

.info-label[b-082c6e2q3l] {
    font-weight: 500;
    color: #9b59b6;
    width: 100px;
    flex-shrink: 0;
}

.info-value[b-082c6e2q3l] {
    color: #ecf0f1;
}

/* Activity card styling */
.activity-card[b-082c6e2q3l] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    padding: 1rem;
    height: 100%;
}

.activity-name[b-082c6e2q3l] {
    font-weight: 600;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
    color: var(--theme-primary);
}

.activity-stat[b-082c6e2q3l] {
    font-size: 1.2rem;
    font-weight: 500;
}

.activity-label[b-082c6e2q3l] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* Update the employee profile card styling to be less bright */
.employee-profile[b-082c6e2q3l] {
    background-color: #2d2d2d;
    border-radius: 8px;
    padding: 1.5rem;
    border-left: 4px solid var(--theme-accent);
    width: 100%;
    color: #ecf0f1;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    margin-bottom: 1.5rem;
}

.employee-profile h4[b-082c6e2q3l] {
    color: #9b59b6;
    margin-bottom: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #444;
    padding-bottom: 0.5rem;
}

/* Style the stats cards in the employee profile */
.stats-card[b-082c6e2q3l] {
    background-color: #34495e;
    padding: 1rem;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%;
}

.stats-card:hover[b-082c6e2q3l] {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.stats-value[b-082c6e2q3l] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ecf0f1;
    margin-bottom: 0.3rem;
}

.stats-label[b-082c6e2q3l] {
    font-size: 0.85rem;
    color: #bdc3c7;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Add these styles to make grids use full page width */
[b-082c6e2q3l] .mw-1100 {
    max-width: 100% !important;
    width: 100%;
}

[b-082c6e2q3l] .dxbl-grid-container {
    width: 100%;
}

.block-content[b-082c6e2q3l] {
    width: 100%;
    padding: 20px;
}

/* Enhance the grid styling */
[b-082c6e2q3l] .dxbl-grid {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

[b-082c6e2q3l] .dxbl-grid-header {
    background-color: #2c3e50 !important;
}

[b-082c6e2q3l] .dxbl-grid-header-text {
    color: #ecf0f1 !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

[b-082c6e2q3l] .dxbl-grid-data {
    background-color: #1a1a1a;
}

[b-082c6e2q3l] .dxbl-grid-row {
    transition: background-color 0.2s;
}

[b-082c6e2q3l] .dxbl-grid-row:hover {
    background-color: #2d2d2d !important;
}

[b-082c6e2q3l] .dxbl-grid-row-alt {
    background-color: #222222;
}

[b-082c6e2q3l] .dxbl-grid-cell-data {
    color: #ecf0f1;
    padding: 0.75rem 1rem;
}

/* Make the activity tables fullwidth */
.activity-table-container[b-082c6e2q3l] {
    width: 100%;
    overflow-x: auto;
}

.activity-table-container .table[b-082c6e2q3l] {
    background-color: #1a1a1a;
    color: #ecf0f1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    min-width: 800px; /* Ensures table doesn't shrink too much on small screens */
}

.activity-table-container .table thead th[b-082c6e2q3l] {
    background-color: #2c3e50;
    color: #ecf0f1;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.5px;
    padding: 0.75rem 1rem;
    border-bottom: none;
}

.activity-table-container .table tbody tr[b-082c6e2q3l] {
    transition: background-color 0.2s;
}

.activity-table-container .table tbody tr:hover[b-082c6e2q3l] {
    background-color: #2d2d2d;
}

.activity-table-container .table tbody td[b-082c6e2q3l] {
    padding: 0.75rem 1rem;
    border-color: #34495e;
}

/* Ensure the team entries container uses the full width */
.team-entries-container[b-082c6e2q3l] {
    width: 100%;
}

/* Full width grid class */
[b-082c6e2q3l] .fullwidth-grid {
    width: 100%;
}

/* Make DevExpress grid component use the full width */
[b-082c6e2q3l] .dxbl-grid {
    width: 100%;
}

/* Style the filters section */
.filters-section[b-082c6e2q3l] {
    background-color: #2d2d2d;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.filters-section label[b-082c6e2q3l] {
    color: #9b59b6;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* Style the badges for the bonus column */
[b-082c6e2q3l] .badge.bg-success {
    background-color: #27ae60 !important;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    font-weight: 500;
}

[b-082c6e2q3l] .badge.bg-secondary {
    background-color: #7f8c8d !important;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    font-weight: 500;
}

/* Make page title more prominent */
.title-header-text[b-082c6e2q3l] {
    color: #9b59b6;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.title-content-text[b-082c6e2q3l] {
    color: #bdc3c7;
    font-size: 1.1rem;
}

/* Style tabs to be more prominent */
[b-082c6e2q3l] .dxbl-tabs {
    border-bottom: 1px solid #34495e;
    margin-bottom: 1.5rem;
}

[b-082c6e2q3l] .dxbl-tab {
    padding: 0.75rem 1.25rem;
    font-weight: 600;
    color: #bdc3c7;
    border-radius: 8px 8px 0 0;
    transition: color 0.2s, background-color 0.2s;
}

[b-082c6e2q3l] .dxbl-tab:hover:not(.dxbl-active) {
    color: #ecf0f1;
    background-color: #34495e;
}

[b-082c6e2q3l] .dxbl-tab.dxbl-active {
    color: #ecf0f1;
    background-color: #9b59b6;
    border-color: #9b59b6;
}

/* Chart styling */
.chart-container[b-082c6e2q3l] {
    background-color: #2d2d2d;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    margin-bottom: 1.5rem;
    height: 400px;
}

.chart-container h4[b-082c6e2q3l], .chart-container h5[b-082c6e2q3l] {
    color: #9b59b6;
    margin-bottom: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #444;
    padding-bottom: 0.5rem;
}

.chart-card[b-082c6e2q3l] {
    background-color: #2d2d2d;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    height: 100%;
}

.chart-card h5[b-082c6e2q3l] {
    color: #9b59b6;
    margin-bottom: 1rem;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #444;
    padding-bottom: 0.5rem;
}

.charts-row[b-082c6e2q3l] {
    margin-bottom: 1.5rem;
}

.charts-row .chart-card[b-082c6e2q3l] {
    height: 300px;
}

/* Style DevExpress Chart elements */
[b-082c6e2q3l] .dxbl-chart {
    background-color: transparent !important;
}

[b-082c6e2q3l] .dxbl-chart-title {
    color: #ecf0f1 !important;
}

[b-082c6e2q3l] .dxbl-chart-tooltip {
    background-color: #34495e !important;
    border-color: #2c3e50 !important;
    color: #ecf0f1 !important;
    border-radius: 4px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}

[b-082c6e2q3l] .dxbl-chart-title-text {
    color: #ecf0f1 !important;
}

[b-082c6e2q3l] .dxbl-chart-legend-item-text {
    color: #ecf0f1 !important;
}

[b-082c6e2q3l] .dxbl-chart-axis-label text {
    fill: #bdc3c7 !important;
}

[b-082c6e2q3l] .dxbl-chart-axis-line {
    stroke: #34495e !important;
}

[b-082c6e2q3l] .dxbl-chart-grid-line {
    stroke: #34495e !important;
    stroke-opacity: 0.3;
}

[b-082c6e2q3l] .dxbl-chart text {
    fill: #bdc3c7 !important;
}

[b-082c6e2q3l] .dxbl-chart path.dxc-line {
    stroke: #e74c3c !important;
    stroke-width: 2px;
    stroke-dasharray: 5 3;
}

/* Gauge styling */
.gauge-container[b-082c6e2q3l] {
    padding: 1rem;
}

.gauge-value[b-082c6e2q3l] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #9b59b6;
}

.gauge-label[b-082c6e2q3l] {
    font-size: 0.9rem;
    color: #bdc3c7;
}

[b-082c6e2q3l] .dxbl-circular-gauge {
    background-color: transparent !important;
}

/* Add these styles to your existing CSS */

.breadcrumb[b-082c6e2q3l] {
    background-color: #444;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.breadcrumb-item[b-082c6e2q3l] {
    color: #ddd;
}

.breadcrumb-item a[b-082c6e2q3l] {
    color: #9b59b6;
    text-decoration: none;
}

.breadcrumb-item a:hover[b-082c6e2q3l] {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item[b-082c6e2q3l]::before {
    color: #777;
}

.breadcrumb-item.active[b-082c6e2q3l] {
    color: #fff;
}
/* _content/EntWebAppTest/Components/Pages/BugReport.razor.rz.scp.css */
.bug-section[b-3vx9vuf2hq] {
    margin-bottom: 2rem;
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-header[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #4a5f7a;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
}

.section-header:hover[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #2c3e50, #243342);
}

.section-header h2[b-3vx9vuf2hq] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.collapse-btn[b-3vx9vuf2hq] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}

.collapse-btn:hover[b-3vx9vuf2hq] {
    color: #9b59b6;
}

.bug-list[b-3vx9vuf2hq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: rgba(52, 73, 94, 0.3);
}

.bug-card[b-3vx9vuf2hq] {
    background: linear-gradient(145deg, #34495e, #2c3e50);
    border: 1px solid #4a5f7a;
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    transition: all 0.2s ease;
    color: #ecf0f1;
}

.bug-card:hover[b-3vx9vuf2hq] {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.bug-card.resolved[b-3vx9vuf2hq] {
    background: linear-gradient(145deg, #2c3e50, #243342);
    border-color: #3d4e5d;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    padding-bottom: 3rem;
}

.bug-card.resolved:hover[b-3vx9vuf2hq] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    border-left: 4px solid #2ecc71;
}

.bug-card.resolved .bug-action-hint[b-3vx9vuf2hq] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #2ecc71;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bug-card.resolved:hover .bug-action-hint[b-3vx9vuf2hq] {
    opacity: 1;
}

.bug-title[b-3vx9vuf2hq] {
    font-weight: bold;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    color: #ecf0f1;
}

.bug-description[b-3vx9vuf2hq] {
    margin-bottom: 0.5rem;
    color: #bdc3c7;
}

.bug-meta[b-3vx9vuf2hq] {
    font-size: 0.9rem;
    color: #95a5a6;
    margin-bottom: 0.5rem;
}

.bug-meta select[b-3vx9vuf2hq] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
    margin-left: 0.5rem;
}

.bug-meta select:focus[b-3vx9vuf2hq] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.bug-meta select option[b-3vx9vuf2hq] {
    background: #34495e;
    color: #ecf0f1;
}

.fixed-btn[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
    border: none;
    border-radius: 0.5rem;
    padding: 0.4rem 1rem;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    transition: all 0.2s ease;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.fixed-btn:hover[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.unresolve-btn[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: #2c3e50;
    border: none;
    border-radius: 0.5rem;
    padding: 0.4rem 1rem;
    cursor: pointer;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    transition: all 0.2s ease;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.unresolve-btn:hover[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #e67e22, #f39c12);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.empty-message[b-3vx9vuf2hq] {
    color: #95a5a6;
    font-style: italic;
    text-align: center;
    padding: 3rem 1rem;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

/* Modal styles */
.modal-content[b-3vx9vuf2hq] {
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(145deg, #2c3e50, #34495e);
}

.modal-header[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.5rem;
}

.modal-body[b-3vx9vuf2hq] {
    background: rgba(52, 73, 94, 0.3);
    padding: 1.5rem;
}

.modal-footer[b-3vx9vuf2hq] {
    background: rgba(44, 62, 80, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.5rem;
}

.btn-close-white[b-3vx9vuf2hq] {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.form-control[b-3vx9vuf2hq] {
    background-color: #2d3748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    border-radius: 0.5rem;
}

.form-control:focus[b-3vx9vuf2hq] {
    background-color: #2d3748;
    color: #fff;
    border-color: #3182ce;
    box-shadow: 0 0 0 0.25rem rgba(49, 130, 206, 0.25);
}

.form-label[b-3vx9vuf2hq] {
    color: #ecf0f1;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* Button styling */
.btn[b-3vx9vuf2hq] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-primary[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-primary:hover[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-secondary[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
}

.btn-secondary:hover[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #95a5a6, #7f8c8d);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-warning[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #f39c12, #e67e22);
    color: #2c3e50;
}

.btn-warning:hover[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #e67e22, #f39c12);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Page title styling */
h1[b-3vx9vuf2hq] {
    color: #ecf0f1;
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-size: 2rem;
}

/* Make text inputs more readable on dark backgrounds */
textarea[b-3vx9vuf2hq], input[type="text"][b-3vx9vuf2hq] {
    background-color: #2d3748;
    color: #ecf0f1;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section-header[b-3vx9vuf2hq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .bug-card[b-3vx9vuf2hq] {
        padding-bottom: 3rem;
    }
    
    .fixed-btn[b-3vx9vuf2hq], .unresolve-btn[b-3vx9vuf2hq] {
        position: relative;
        margin-top: 1rem;
        display: block;
        width: 100%;
        right: auto;
        bottom: auto;
    }
    
    .modal-dialog[b-3vx9vuf2hq] {
        margin: 0.5rem;
    }
}

/* Bug report image styles */
.bug-images-container[b-3vx9vuf2hq] {
    margin: 1rem 0;
}

.bug-images-grid[b-3vx9vuf2hq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.bug-image-wrapper[b-3vx9vuf2hq] {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 0.25rem;
    background-color: rgba(0, 0, 0, 0.1);
}

.bug-image[b-3vx9vuf2hq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.bug-image:hover[b-3vx9vuf2hq] {
    transform: scale(1.05);
}

.image-count-badge[b-3vx9vuf2hq] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background-color: rgba(52, 152, 219, 0.2);
    border-radius: 0.25rem;
    font-size: 0.875rem;
    color: #3498db;
}

/* Modal styles for full-size image viewing */
.modal-body img[b-3vx9vuf2hq] {
    max-height: 80vh;
    object-fit: contain;
}
.btn-primary[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.btn-primary:hover[b-3vx9vuf2hq] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

/* Modal positioning and sizing for the ticket form */
.modal-lg[b-3vx9vuf2hq] {
    max-width: 800px;
}

.modal-content[b-3vx9vuf2hq] {
    border: none;
    border-radius: 1rem;
    overflow: hidden;
}

.modal-header[b-3vx9vuf2hq] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-body[b-3vx9vuf2hq] {
    padding: 0;
}

/* Override any default margins from the ticket form to fit well in the modal */
.ticket-form-card[b-3vx9vuf2hq] {
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 0;
}

/* Tabs styling */
.nav-tabs[b-3vx9vuf2hq] {
    border-bottom: 1px solid #4a5f7a;
    margin-bottom: 1.5rem;
}

.nav-tabs .nav-link[b-3vx9vuf2hq] {
    color: #95a5a6;
    background: transparent;
    border: none;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    transition: all 0.2s ease;
    margin-right: 0.25rem;
    font-weight: 500;
}

.nav-tabs .nav-link:hover[b-3vx9vuf2hq] {
    color: #ecf0f1;
    background: rgba(52, 73, 94, 0.3);
}

.nav-tabs .nav-link.active[b-3vx9vuf2hq] {
    color: #ecf0f1;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #9b59b6;
}

.badge[b-3vx9vuf2hq] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
}

/* User ticket styling */
.bug-card.user-ticket[b-3vx9vuf2hq] {
    border-left: 4px solid #3498db;
}

/* Add these styles for clickable tickets */
.bug-card.user-ticket[b-3vx9vuf2hq] {
    cursor: pointer;
    transition: all 0.3s ease;
}

.bug-card.user-ticket:hover[b-3vx9vuf2hq] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    border-color: #3498db;
}

.bug-action-hint[b-3vx9vuf2hq] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #3498db;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bug-card.user-ticket:hover .bug-action-hint[b-3vx9vuf2hq] {
    opacity: 1;
}

.bug-card.user-ticket.resolved[b-3vx9vuf2hq] {
    border-left: 4px solid #2ecc71;
}

.status-badge[b-3vx9vuf2hq] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.active[b-3vx9vuf2hq] {
    background-color: rgba(52, 152, 219, 0.2);
    color: #3498db;
}

.status-badge.resolved[b-3vx9vuf2hq] {
    background-color: rgba(46, 204, 113, 0.2);
    color: #2ecc71;
}

/* New message indicator */
.badge.bg-danger[b-3vx9vuf2hq] {
    animation: pulse-b-3vx9vuf2hq 2s infinite;
}

@keyframes pulse-b-3vx9vuf2hq {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Add these styles for admin-clickable tickets */
.bug-card.admin-ticket[b-3vx9vuf2hq] {
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.bug-card.admin-ticket:hover[b-3vx9vuf2hq] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    border-color: #9b59b6;
}

.bug-card.admin-ticket .bug-action-hint[b-3vx9vuf2hq] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    color: #9b59b6;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.bug-card.admin-ticket:hover .bug-action-hint[b-3vx9vuf2hq] {
    opacity: 1;
}

/* Latest message styling */
.latest-message[b-3vx9vuf2hq] {
    margin: 0.75rem 0;
    padding: 0.75rem;
    background: rgba(52, 152, 219, 0.1);
    border-left: 3px solid #3498db;
    border-radius: 0.5rem;
    position: relative;
    transition: all 0.2s ease;
}

.latest-message.unread[b-3vx9vuf2hq] {
    background: rgba(52, 152, 219, 0.2);
    border-left: 3px solid #2980b9;
    box-shadow: 0 2px 8px rgba(52, 152, 219, 0.3);
}

.latest-message-header[b-3vx9vuf2hq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
}

.latest-message-from[b-3vx9vuf2hq] {
    font-weight: 600;
    color: #3498db;
}

.latest-message-time[b-3vx9vuf2hq] {
    color: #95a5a6;
    font-size: 0.75rem;
}

.latest-message-content[b-3vx9vuf2hq] {
    color: #ecf0f1;
    font-size: 0.95rem;
    line-height: 1.4;
    word-break: break-word;
    max-height: 4.2rem; /* Show about 3 lines of text */
    overflow: hidden;
    position: relative;
}

.latest-message-content[b-3vx9vuf2hq]::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1.4rem;
    width: 30%;
    background: linear-gradient(to right, transparent, rgba(52, 152, 219, 0.1));
}

.no-messages[b-3vx9vuf2hq] {
    margin: 0.75rem 0;
    padding: 0.75rem;
    background: rgba(127, 140, 141, 0.1);
    border-radius: 0.5rem;
    color: #95a5a6;
    font-style: italic;
    text-align: center;
    font-size: 0.9rem;
}

.no-messages i[b-3vx9vuf2hq] {
    margin-right: 0.5rem;
}

/* Make admin tickets with unread messages stand out */
.bug-card.admin-ticket.has-unread-messages[b-3vx9vuf2hq] {
    border-left: 4px solid #3498db;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
}

.bug-card.admin-ticket.has-unread-messages .bug-title[b-3vx9vuf2hq] {
    color: #3498db;
}
/* _content/EntWebAppTest/Components/Pages/Data.razor.rz.scp.css */
/* Data page specific styles */
.data-dashboard[b-a62mk11r87] {
    background-color: #f5f5f5;
}

.section-card[b-a62mk11r87] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    overflow: hidden;
}

.section-header[b-a62mk11r87] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #4a5f7a;
    display: flex;
    align-items: center;
}

.section-header h4[b-a62mk11r87] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.section-controls[b-a62mk11r87] {
    display: flex;
    gap: 0.5rem;
}

/* Stats cards */
.stats-card[b-a62mk11r87] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    border: 1px solid #e9ecef;
    transition: transform 0.2s, box-shadow 0.2s;
}

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

.stats-icon[b-a62mk11r87] {
    font-size: 2rem;
    color: #9b59b6;
    margin-bottom: 0.5rem;
}

.stats-value[b-a62mk11r87] {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0.5rem 0;
}

.stats-label[b-a62mk11r87] {
    font-size: 0.875rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Date range selector */
.date-range-controls[b-a62mk11r87] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
}

.quick-ranges[b-a62mk11r87] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.custom-range[b-a62mk11r87] {
    border-top: 1px solid #e9ecef;
    padding-top: 1rem;
}

/* Activity table */
.activity-table-container[b-a62mk11r87] {
    overflow-x: auto;
}

.activity-table-container table[b-a62mk11r87] {
    width: 100%;
    border-collapse: collapse;
}

.activity-table-container th[b-a62mk11r87] {
    background-color: #f8f9fa;
    font-weight: 600;
    text-align: left;
    padding: 0.75rem;
    border-bottom: 2px solid #dee2e6;
}

.activity-table-container td[b-a62mk11r87] {
    padding: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

/* Chart container */
.chart-container[b-a62mk11r87] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    min-height: 400px;
}

/* Team members grid */
.team-members-grid[b-a62mk11r87] {
    overflow-x: auto;
}

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

.user-avatar[b-a62mk11r87] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #9b59b6;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.roles-list[b-a62mk11r87] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.role-badge[b-a62mk11r87] {
    padding: 0.25rem 0.5rem;
    background-color: #e9ecef;
    border-radius: 4px;
    font-size: 0.75rem;
    color: #495057;
}

.role-badge.more[b-a62mk11r87] {
    background-color: #6c757d;
    color: white;
}

/* Employee profile */
.employee-profile[b-a62mk11r87] {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    border: 1px solid #e9ecef;
}

.employee-profile h5[b-a62mk11r87] {
    color: #2c3e50;
    margin-bottom: 1rem;
    font-weight: 600;
}

.profile-stat-card[b-a62mk11r87] {
    background-color: white;
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
    border: 1px solid #e9ecef;
}

.profile-stat-card .stat-value[b-a62mk11r87] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9b59b6;
}

.profile-stat-card .stat-label[b-a62mk11r87] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.25rem;
}

/* Activity summary cards */
.activity-summary-card[b-a62mk11r87] {
    background-color: white;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.activity-header[b-a62mk11r87] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    transition: background-color 0.2s;
}

.activity-header:hover[b-a62mk11r87] {
    background-color: #f8f9fa;
}

.activity-name[b-a62mk11r87] {
    font-weight: 600;
    color: #2c3e50;
}

.activity-name i[b-a62mk11r87] {
    margin-right: 0.5rem;
    color: #9b59b6;
}

.activity-stats[b-a62mk11r87] {
    display: flex;
    gap: 1rem;
}

.stat-item[b-a62mk11r87] {
    font-size: 0.875rem;
    color: #6c757d;
}

.activity-details[b-a62mk11r87] {
    padding: 0 1rem 1rem;
    background-color: #f8f9fa;
}

.activity-details table[b-a62mk11r87] {
    width: 100%;
    font-size: 0.875rem;
}

/* Filters row */
.filters-row[b-a62mk11r87] {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.filters-row label[b-a62mk11r87] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
    display: block;
}

/* Badges */
.badge[b-a62mk11r87] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.badge.bg-success[b-a62mk11r87] {
    background-color: #28a745;
    color: white;
}

.badge.bg-secondary[b-a62mk11r87] {
    background-color: #6c757d;
    color: white;
}

.badge.bg-info[b-a62mk11r87] {
    background-color: #17a2b8;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .stats-card[b-a62mk11r87] {
        margin-bottom: 1rem;
    }
    
    .quick-ranges[b-a62mk11r87] {
        justify-content: center;
    }
    
    .activity-stats[b-a62mk11r87] {
        flex-direction: column;
        gap: 0.25rem;
    }
}
/* _content/EntWebAppTest/Components/Pages/Departments.razor.rz.scp.css */
[b-9cvnk4tywq] .department-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    padding: 1rem 0;
}

[b-9cvnk4tywq] .department-card-container {
    margin: 0.75rem;
}

[b-9cvnk4tywq] .department-card {
    width: 26.25rem;
    height: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    text-decoration: none !important;
    position: relative;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    overflow: visible;
    background: transparent;
    border: none;
    padding: 0;
    gap: 1.5rem;
}

[b-9cvnk4tywq] .department-card:hover {
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    text-decoration: none !important;
}

[b-9cvnk4tywq] .department-card-img {
    width: 6.5rem;
    height: 6.5rem;
    object-fit: contain;
}

[b-9cvnk4tywq] .department-card-text {
    font-size: 1.75rem;
    font-weight: 600;
    text-align: center;
    color: var(--bs-body-color);
}

[b-9cvnk4tywq] .department-card-back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-9cvnk4tywq] .department-card {
        width: 100%;
        max-width: 26.25rem;
    }
}
/* _content/EntWebAppTest/Components/Pages/Documents.razor.rz.scp.css */
.document-categories[b-1bm77j3byo] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.document-category[b-1bm77j3byo] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 1.25rem;
}

.document-category h4[b-1bm77j3byo] {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
    color: #1a73e8;
}

.document-list[b-1bm77j3byo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.document-item[b-1bm77j3byo] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 4px;
    background-color: #f8f9fa;
    transition: background-color 0.2s;
}

.document-item:hover[b-1bm77j3byo] {
    background-color: #e9ecef;
}

.document-item i[b-1bm77j3byo] {
    margin-right: 1rem;
    font-size: 1.25rem;
    color: #5f6368;
}

.document-item span[b-1bm77j3byo] {
    flex: 1;
}

.document-item a[b-1bm77j3byo] {
    margin-left: auto;
}

.document-placeholder[b-1bm77j3byo] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 4px;
    color: #6c757d;
    font-style: italic;
}

.document-placeholder i[b-1bm77j3byo] {
    margin-right: 0.75rem;
    font-size: 1.25rem;
}

/* Card-style document layout */
.document-cards[b-1bm77j3byo] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: center;
    margin-top: 1rem;
}

.document-card[b-1bm77j3byo] {
    width: 22rem;
    height: 13rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 1.25rem;
    text-decoration: none;
    position: relative;
    background-color: white;
}

.document-card:hover[b-1bm77j3byo] {
    box-shadow: 0px 16px 20px -5px rgba(0, 0, 0, 0.1), 0px 6px 8px -6px rgba(0, 0, 0, 0.1);
}

.document-card .card-img[b-1bm77j3byo] {
    width: 5.5rem;
    height: 5.5rem;
}

.document-card .card-text[b-1bm77j3byo] {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: center;
    text-decoration: unset;
}

.document-card .card-back[b-1bm77j3byo] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bs-body-color);
    opacity: 0.05;
    border-radius: 1rem;
    z-index: -2;
}

@media (min-width: 992px) {
    .document-categories[b-1bm77j3byo] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}
/* _content/EntWebAppTest/Components/Pages/Forms.razor.rz.scp.css */
:root[b-bq06gr8oqy] {
    --theme-primary: #32164E;
    --theme-primary-light: #472069;
    --theme-primary-dark: #240e3a;
    --theme-secondary: #6B3FA0;
    --theme-accent: #9A67E0;
    --theme-background: #1A1A2E;
    --theme-surface: #252538;
    --theme-surface-light: #303045;
    --theme-text: #E9E9EC;
    --theme-text-secondary: #ABABBD;
    --theme-error: #CF6679;
    --theme-success: #4CAF50;
    --theme-warning: #FFBB33;
}

.forms-block[b-bq06gr8oqy] {
    display: flex;
    padding: 20px;
    flex-direction: column;
    border-radius: 12px;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 30rem;
    position: relative;
    background-color: var(--theme-surface);
    margin-bottom: 20px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    border: 1px solid var(--theme-primary-light);
}

    .forms-block .forms-content[b-bq06gr8oqy] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--theme-primary-light);
        padding-bottom: 15px;
        width: 100%;
    }

    .forms-block .forms-title[b-bq06gr8oqy] {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        color: var(--theme-accent);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .forms-block .forms-text[b-bq06gr8oqy] {
        color: var(--theme-text-secondary);
        margin-bottom: 10px;
    }

    .forms-block .forms-block-back[b-bq06gr8oqy] {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--theme-primary);
        opacity: 0.05;
        border-radius: 12px;
        z-index: -2;
    }

.form-selector[b-bq06gr8oqy] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: center;
    padding: 0.5rem;
}

    .form-selector .dx-button[b-bq06gr8oqy] {
        flex: 1;
        min-width: 200px;
        border-radius: 8px;
        padding: 0;
        overflow: hidden;
    }

    .form-selector .dx-button-content[b-bq06gr8oqy] {
        padding: 14px 10px;
    }

    .form-selector[b-bq06gr8oqy]  button {
        min-width: 160px;
        border-radius: 1rem;
        padding: 0.75rem 1.25rem;
        transition: all 0.3s ease;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
        border: none;
        position: relative;
        overflow: hidden;
        background-color: var(--theme-surface-light);
        color: var(--theme-text);
    }

    .form-selector[b-bq06gr8oqy]  button.selected {
        background-color: var(--theme-primary);
        color: white;
        font-weight: 500;
        box-shadow: 0 5px 15px rgba(50, 22, 78, 0.5);
        transform: translateY(-2px);
    }

    .form-selector[b-bq06gr8oqy]  button:not(.selected) {
        background-color: var(--theme-surface-light);
        color: var(--theme-text);
        border: 1px solid var(--theme-primary-light);
    }

    .form-selector[b-bq06gr8oqy]  button:not(.selected):hover {
        background-color: var(--theme-primary-dark);
        color: var(--theme-text);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        transform: translateY(-1px);
    }
    
    .form-selector[b-bq06gr8oqy]  button:active {
        transform: translateY(0);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    }
    
    .form-selector[b-bq06gr8oqy]  button:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(154, 103, 224, 0.4);
    }

    .form-selector[b-bq06gr8oqy]  .button-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 5px;
    }

    .form-selector[b-bq06gr8oqy]  .button-icon {
        font-size: 1.5rem;
        margin-bottom: 5px;
        color: var(--theme-accent);
    }

    .button-content[b-bq06gr8oqy] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 5px;
    }

    .button-icon[b-bq06gr8oqy] {
        font-size: 1.5rem;
        margin-bottom: 5px;
        color: var(--theme-accent);
    }

    .selected[b-bq06gr8oqy] {
        background-color: var(--theme-primary);
        color: white;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .form-selector[b-bq06gr8oqy] {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }
    
    .form-selector .dx-button[b-bq06gr8oqy] {
        min-width: 120px;
    }

    .form-selector[b-bq06gr8oqy]  button {
        width: 100%;
        max-width: 300px;
    }
    
    .forms-block[b-bq06gr8oqy] {
        padding: 15px;
        min-width: auto;
        width: 100%;
    }
    
    .user-task-logs-header[b-bq06gr8oqy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* User Task Logs Styles */
.user-task-logs[b-bq06gr8oqy] {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid var(--theme-primary-light);
    width: 100%;
}

.user-task-logs-header[b-bq06gr8oqy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.user-task-logs-header h3[b-bq06gr8oqy] {
    margin: 0;
    font-size: 1.3rem;
    color: var(--theme-accent);
}

.user-task-logs-header button[b-bq06gr8oqy] {
    background-color: var(--theme-surface-light);
    color: var(--theme-text);
    border: 1px solid var(--theme-primary-light);
    transition: all 0.2s ease;
}

.user-task-logs-header button:hover[b-bq06gr8oqy] {
    background-color: var(--theme-primary);
    color: white;
}

/* DevExpress Grid Customization */
[b-bq06gr8oqy] .dx-grid-container {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--theme-primary-light);
    background-color: var(--theme-surface);
}

[b-bq06gr8oqy] .dx-datagrid-headers {
    background-color: var(--theme-primary-dark);
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-datagrid-headers .dx-datagrid-text-content {
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-datagrid-rowsview {
    background-color: var(--theme-surface);
}

[b-bq06gr8oqy] .dx-datagrid-rowsview .dx-row {
    border-color: var(--theme-primary-light);
}

[b-bq06gr8oqy] .dx-datagrid-rowsview .dx-row td {
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-datagrid-rowsview .dx-row:nth-child(even) {
    background-color: var(--theme-surface-light);
}

[b-bq06gr8oqy] .dx-state-focused.dx-datagrid-rowsview {
    border-color: var(--theme-accent);
}

/* Form Control Styling */
[b-bq06gr8oqy] .dx-texteditor {
    background-color: var(--theme-surface-light);
    border-color: var(--theme-primary-light);
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-texteditor-input {
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-texteditor.dx-state-focused {
    border-color: var(--theme-accent);
}

[b-bq06gr8oqy] .dx-texteditor-label {
    color: var(--theme-text-secondary);
}

[b-bq06gr8oqy] .dx-button-text {
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-button-default {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

[b-bq06gr8oqy] .dx-button-default:hover {
    background-color: var(--theme-primary-light);
}

[b-bq06gr8oqy] .dx-datagrid-pager {
    background-color: var(--theme-surface-light);
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-popup-content {
    background-color: var(--theme-surface);
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-overlay-content {
    background-color: var(--theme-surface);
    border-color: var(--theme-primary-light);
}

[b-bq06gr8oqy] .dx-overlay-shader {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Fix for date pickers */
[b-bq06gr8oqy] .dx-calendar {
    background-color: var(--theme-surface);
}

[b-bq06gr8oqy] .dx-calendar-cell {
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-calendar-navigator {
    background-color: var(--theme-primary-dark);
}

[b-bq06gr8oqy] .dx-calendar-caption-button {
    color: var(--theme-text);
}

[b-bq06gr8oqy] .dx-calendar-today {
    color: var(--theme-accent);
}

[b-bq06gr8oqy] .dx-calendar-selected-date {
    background-color: var(--theme-primary);
    color: white;
}

[b-bq06gr8oqy] .dx-calendar-contoured-date {
    border-color: var(--theme-accent);
}

.position-relative[b-bq06gr8oqy] {
    position: relative;
}

.alert-tooltip[b-bq06gr8oqy] {
    position: fixed; /* Changed from absolute to fixed to break out of containers */
    display: none;
    background-color: #f8d7da; /* Changed to a warning red background */
    color: #721c24; /* Darker red text for better readability */
    border: 1px solid #f5c6cb;
    padding: 8px 12px;
    border-radius: 4px;
    width: auto;
    max-width: 300px;
    min-width: 200px;
    font-size: 0.85rem;
    z-index: 9999; /* Very high z-index to appear above everything */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    white-space: normal; /* Allow text to wrap */
    pointer-events: none; /* Prevent tooltip from blocking hover */
}

.position-relative:hover .alert-tooltip[b-bq06gr8oqy] {
    display: block;
}

/* Position the tooltip appropriately */
[b-bq06gr8oqy] .dx-datagrid-rowsview .alert-tooltip {
    top: auto;
    left: auto;
    transform: none;
    margin: 4px;
}

.table-danger[b-bq06gr8oqy] {
    background-color: rgba(220, 53, 69, 0.2);
}

.table-warning[b-bq06gr8oqy] {
    background-color: rgba(255, 193, 7, 0.2);
}

.table-info[b-bq06gr8oqy] {
    background-color: rgba(13, 202, 240, 0.2);
}

/* Add this to your styles.css or component styles */
.admin-user-selection[b-bq06gr8oqy] {
    background-color: #f8f9fa;
    border-left: 3px solid #007bff;
    padding: 10px;
    margin-bottom: 15px;
}

.admin-user-selection .admin-badge[b-bq06gr8oqy] {
    background-color: #007bff;
    color: white;
    font-size: 0.8rem;
    padding: 2px 6px;
    border-radius: 3px;
    margin-left: 5px;
}
/* _content/EntWebAppTest/Components/Pages/Index.razor.rz.scp.css */
[b-voh3ilwo2m] .welcome-gridlayout {
    margin: auto;
    width: auto;
    height: auto;
}

[b-voh3ilwo2m] .welcome-gridlayout .dxbl-gridlayout-root {
    align-content: center;
    justify-content: center;
}

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

[b-voh3ilwo2m] .welcome-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
}

[b-voh3ilwo2m] .welcome-card {
    width: 26.25rem;
    height: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s;
    border-radius: 1rem;
    color: var(--bs-link-color-rgb);
    gap: 1.5rem;
    text-decoration: none;
    position: relative;
}

    [b-voh3ilwo2m] .welcome-card:hover {
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
    }

    [b-voh3ilwo2m] .welcome-card .welcome-card-img {
        width: 6.5rem;
        height: 6.5rem;
    }

    [b-voh3ilwo2m] .welcome-card .welcome-card-text {
        font-size: 1.75rem;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: center;
        text-decoration: unset;
    }

    [b-voh3ilwo2m] .icon-fill {
        fill: var(--bs-primary);
    }

    [b-voh3ilwo2m] .welcome-card .welcome-card-back {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--bs-body-color);
        opacity: 0.05;
        border-radius: 1rem;
        z-index: -2;
    }

    [b-voh3ilwo2m] .welcome-card .card-badge {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 10;
    }

/* Mobile responsive welcome cards */
@media (max-width: 767.98px) {
    [b-voh3ilwo2m] .welcome-card {
        width: 100%;
        height: 10rem;
        margin-bottom: 0.5rem;
        padding: 1rem;
        flex-direction: row;
    }
    
    [b-voh3ilwo2m] .welcome-card .welcome-card-img {
        width: 3.5rem;
        height: 3.5rem;
        margin-right: 1rem;
    }
    
    [b-voh3ilwo2m] .welcome-card .welcome-card-text {
        font-size: 1.25rem;
        margin: 0;
    }
    
    [b-voh3ilwo2m] .welcome-cards {
        gap: 0.75rem;
        padding: 0 0.5rem;
    }
    
    [b-voh3ilwo2m] .welcome-card .card-badge {
        top: 10px;
        right: 10px;
    }
}

/* Small phones */
@media (max-width: 575.98px) {
    [b-voh3ilwo2m] .welcome-card {
        height: 8rem;
    }
    
    [b-voh3ilwo2m] .welcome-card .welcome-card-img {
        width: 2.5rem;
        height: 2.5rem;
    }
}

/* Landscape mode optimization */
@media (max-width: 991.98px) and (orientation: landscape) {
    [b-voh3ilwo2m] .welcome-card {
        width: calc(33.333% - 1rem);
        height: 8rem;
    }
    
    [b-voh3ilwo2m] .welcome-cards {
        gap: 1rem;
    }
    
    [b-voh3ilwo2m] .welcome-card .welcome-card-img {
        width: 3rem;
        height: 3rem;
    }
    
    [b-voh3ilwo2m] .welcome-card .welcome-card-text {
        font-size: 1rem;
    }
}
/* _content/EntWebAppTest/Components/Pages/Infusion.razor.rz.scp.css */
.manager-dashboard[b-7sp5lc65ra] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

/* .dashboard-section {
    margin-bottom: 2rem;
    background-color: #2c3e50;
    border-radius: 0.5rem;
    padding: 1.25rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} */


.dashboard-stats[b-7sp5lc65ra] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-7sp5lc65ra] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-card:hover[b-7sp5lc65ra] {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.stat-value[b-7sp5lc65ra] {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.stat-label[b-7sp5lc65ra] {
    font-size: 0.9rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
}

.section-card[b-7sp5lc65ra] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    margin-bottom: 1.5rem;
}

.section-header[b-7sp5lc65ra] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #4a5f7a;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-header h4[b-7sp5lc65ra], .section-header h3[b-7sp5lc65ra] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 i[b-7sp5lc65ra], .section-header h3 i[b-7sp5lc65ra] {
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-7sp5lc65ra] {
    margin-left: auto;
}

.components-container[b-7sp5lc65ra] {
    display: flex;
    flex-direction: column;
}

.component-wrapper[b-7sp5lc65ra] {
    width: 100%;
}

.dashboard-actions[b-7sp5lc65ra] {
    display: flex;
    gap: 0.5rem;
}

.alert-info[b-7sp5lc65ra] {
    background-color: rgba(52, 152, 219, 0.2);
    color: #ecf0f1;
    border: 1px solid rgba(52, 152, 219, 0.5);
    border-radius: 0.25rem;
    padding: 1rem;
}

.alert h4[b-7sp5lc65ra] {
    color: #3498db;
    margin-top: 0;
}

.form-select-sm[b-7sp5lc65ra] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
}

.form-select-sm:focus[b-7sp5lc65ra] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select-sm option[b-7sp5lc65ra] {
    background: #34495e;
    color: #ecf0f1;
}

.widget-container[b-7sp5lc65ra] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #4a5f7a;
    margin-bottom: 1rem;
}

.widget-header[b-7sp5lc65ra] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #4a5f7a;
}

.widget-body[b-7sp5lc65ra] {
    padding: 1rem;
}

@media (max-width: 768px) {
    .dashboard-stats .row[b-7sp5lc65ra] {
        --bs-gutter-x: 0.5rem;
    }
    
    .stat-card[b-7sp5lc65ra] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    
    .stat-value[b-7sp5lc65ra] {
        font-size: 2rem;
    }
    
    .section-header[b-7sp5lc65ra] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .section-controls[b-7sp5lc65ra] {
        margin-left: 0;
    }
    
    .btn-group-sm .btn[b-7sp5lc65ra] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}

/* Make sure the components display at 100% width */
[b-7sp5lc65ra] .section-container {
    width: 100% !important;
    max-width: 100% !important;
}

.w-100[b-7sp5lc65ra] {
    width: 100% !important;
}
/* _content/EntWebAppTest/Components/Pages/MessageCenter.razor.rz.scp.css */
.page-header[b-z3xfm5l3rc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.header-actions[b-z3xfm5l3rc] {
    display: flex;
    gap: 0.5rem;
}

.message-center-content[b-z3xfm5l3rc] {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 1.5rem;
    height: calc(100vh - 200px);
}

.message-panel[b-z3xfm5l3rc] {
    height: 100%;
    overflow: hidden;
}

.message-detail-panel[b-z3xfm5l3rc] {
    height: 100%;
}

.empty-detail-state[b-z3xfm5l3rc] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border: 1px solid #4a5f7a;
    border-radius: 0.75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.empty-detail-content[b-z3xfm5l3rc] {
    text-align: center;
    color: #ecf0f1;
    padding: 2rem;
}

/* Modal styles */
.message-compose-modal[b-z3xfm5l3rc] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.message-compose-backdrop[b-z3xfm5l3rc] {
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: -1;
}

.message-compose-dialog[b-z3xfm5l3rc] {
    width: 600px;
    max-width: 90%;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-backdrop[b-z3xfm5l3rc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal-dialog[b-z3xfm5l3rc] {
    z-index: 1050;
    position: relative;
}

.modal.fade.show[b-z3xfm5l3rc] {
    display: block;
    z-index: 1050;
}

.modal-backdrop.fade.show[b-z3xfm5l3rc] {
    opacity: 0.5;
    z-index: 1040;
}

/* Conversation list styles */
.card[b-z3xfm5l3rc] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border: 1px solid #4a5f7a;
    border-radius: 0.75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card-header[b-z3xfm5l3rc] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 1px solid #4a5f7a;
    color: #ecf0f1;
}

.message-list[b-z3xfm5l3rc] {
    max-height: 600px;
    overflow-y: auto;
}

.message-preview[b-z3xfm5l3rc] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #bdc3c7;
}

.message-content[b-z3xfm5l3rc] {
    white-space: pre-line;
}

.unread[b-z3xfm5l3rc] {
    border-left: 4px solid #e74c3c;
    position: relative;
}

.unread[b-z3xfm5l3rc]::after {
    content: "NEW";
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 9px;
    background-color: #e74c3c;
    color: white;
    padding: 2px 5px;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

/* Conversation card styling */
.conversation-card[b-z3xfm5l3rc] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border: 1px solid #4a5f7a;
    border-radius: 0.75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
}

/* Messages container */
.messages-container[b-z3xfm5l3rc] {
    flex: 1;
    max-height: 500px;
    overflow-y: auto;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    margin: 0 1rem 1rem;
}

/* Message bubbles */
.message-item[b-z3xfm5l3rc] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    max-width: 70%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.message-item.sent[b-z3xfm5l3rc] {
    margin-left: auto;
    background: linear-gradient(135deg, #3498db, #2980b9);
    text-align: right;
    color: #fff;
    border-bottom-right-radius: 0;
}

.message-item.received[b-z3xfm5l3rc] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: #fff;
    border-bottom-left-radius: 0;
}

.message-header[b-z3xfm5l3rc] {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    display: flex;
    justify-content: space-between;
}

.message-time[b-z3xfm5l3rc] {
    font-size: 0.75rem;
    opacity: 0.8;
}

.message-content[b-z3xfm5l3rc] {
    word-wrap: break-word;
}

.message-input-section[b-z3xfm5l3rc] {
    border-top: 1px solid #4a5f7a;
    padding: 1rem;
    margin: 0 1rem 1rem;
    background: transparent;
}

.message-input-section .input-group[b-z3xfm5l3rc] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid #4a5f7a;
}

.message-input-section .form-control[b-z3xfm5l3rc] {
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    color: #ecf0f1;
    resize: none;
    height: 60px;
    padding: 0.75rem;
    border-radius: 0;
}

.message-input-section .form-control:focus[b-z3xfm5l3rc] {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
    outline: none;
}

.message-input-section .send-button[b-z3xfm5l3rc] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.message-input-section .send-button:hover:not(:disabled)[b-z3xfm5l3rc] {
    background: linear-gradient(135deg, #2980b9, #2573a7);
    transform: scale(1.05);
}

.message-input-section .send-button i[b-z3xfm5l3rc] {
    font-size: 1.2rem;
    color: white;
}

.message-input-section .send-button:disabled[b-z3xfm5l3rc] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal content */
.modal-content[b-z3xfm5l3rc] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
}

.modal-header[b-z3xfm5l3rc] {
    border-bottom: 1px solid #4a5f7a;
    background: linear-gradient(135deg, #34495e, #2c3e50);
}

.btn-close[b-z3xfm5l3rc] {
    color: white;
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Form controls */
.form-control[b-z3xfm5l3rc], .form-select[b-z3xfm5l3rc] {
    background-color: #2d3748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.form-control:focus[b-z3xfm5l3rc], .form-select:focus[b-z3xfm5l3rc] {
    background-color: #2d3748;
    color: #fff;
    border-color: #3182ce;
    box-shadow: 0 0 0 0.25rem rgba(49, 130, 206, 0.25);
}

/* Scrollbar styling for messages container */
.messages-container[b-z3xfm5l3rc]::-webkit-scrollbar {
    width: 8px;
}

.messages-container[b-z3xfm5l3rc]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.messages-container[b-z3xfm5l3rc]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.messages-container[b-z3xfm5l3rc]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Animation for messages */
.message-item[b-z3xfm5l3rc] {
    animation: fade-slide-in-b-z3xfm5l3rc 0.3s ease-out;
}

@keyframes fade-slide-in-b-z3xfm5l3rc {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Badge styling */
.badge[b-z3xfm5l3rc] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.badge.bg-danger[b-z3xfm5l3rc] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
}

.badge.bg-warning[b-z3xfm5l3rc] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #fff;
}

/* Responsive styling */
@media (max-width: 992px) {
    .message-center-content[b-z3xfm5l3rc] {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        height: auto;
    }
    
    .message-panel[b-z3xfm5l3rc] {
        height: 300px;
    }
    
    .message-detail-panel[b-z3xfm5l3rc] {
        height: 500px;
    }
}
/* _content/EntWebAppTest/Components/Pages/PrerollDepartment.razor.rz.scp.css */
.main-content[b-kdvn7fsjmi] {
    padding: 1rem;
}

.manager-dashboard[b-kdvn7fsjmi] {
    padding: 1rem;
}

.dashboard-section[b-kdvn7fsjmi] {
    margin-bottom: 2rem;
}

.title-header-text[b-kdvn7fsjmi] {
  
}

.title-content-text[b-kdvn7fsjmi] {
    
}

.stat-card[b-kdvn7fsjmi] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stat-value[b-kdvn7fsjmi] {
    font-size: 1.75rem;
    font-weight: 700;
}

.stat-label[b-kdvn7fsjmi] {
    font-size: 0.8rem;
    opacity: 0.9;
}

.dashboard-actions[b-kdvn7fsjmi] {
    display: flex;
    gap: 0.5rem;
}

.btn-outline-primary[b-kdvn7fsjmi] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-kdvn7fsjmi] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
/* _content/EntWebAppTest/Components/Pages/SheetsViewer.razor.rz.scp.css */
.sheets-container[b-ejrqwys2mg] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 170px);
    width: 100%;
}

.sheets-header[b-ejrqwys2mg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f8f9fa;
}

.sheet-tabs[b-ejrqwys2mg] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.sheet-tabs .nav-tabs[b-ejrqwys2mg] {
    border-bottom: none;
}

.sheet-tabs .nav-link[b-ejrqwys2mg] {
    border-radius: 4px 4px 0 0;
    padding: 8px 16px;
    margin-right: 2px;
    color: #5f6368;
    border: 1px solid transparent;
}

.sheet-tabs .nav-link.active[b-ejrqwys2mg] {
    color: #1a73e8;
    border-bottom: 3px solid #1a73e8;
    font-weight: 500;
}

.sheet-toolbar[b-ejrqwys2mg] {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.sheets-content[b-ejrqwys2mg] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.table-container[b-ejrqwys2mg] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

/* Google Sheets table style */
.sheets-table[b-ejrqwys2mg] {
    border-collapse: collapse;
    min-width: 100%;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 14px;
    color: #202124;
}

.sheets-table th[b-ejrqwys2mg], .sheets-table td[b-ejrqwys2mg] {
    border: 1px solid #e0e0e0;
    padding: 4px 8px;
    white-space: nowrap;
    height: 22px;
    min-width: 80px;
}

.sheets-table th[b-ejrqwys2mg] {
    background-color: #f8f9fa;
    font-weight: 500;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
}

.sheets-table tr:nth-child(even)[b-ejrqwys2mg] {
    background-color: #ffffff;
}

.sheets-table tr:nth-child(odd)[b-ejrqwys2mg] {
    background-color: #ffffff;
}

.sheets-table tr:hover[b-ejrqwys2mg] {
    background-color: #f1f3f4;
}

/* Column headers */
.column-header[b-ejrqwys2mg] {
    background-color: #f8f9fa;
    font-weight: 500;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
}

/* Row headers */
.row-header[b-ejrqwys2mg] {
    background-color: #f8f9fa;
    font-weight: 500;
    text-align: center;
    position: sticky;
    left: 0;
    z-index: 1;
    width: 40px;
}

/* Top-left corner */
.corner-header[b-ejrqwys2mg] {
    background-color: #f8f9fa;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 3;
}

/* Cell formatting */
.numeric-cell[b-ejrqwys2mg] {
    text-align: right;
    font-family: 'Roboto Mono', monospace;
    font-variant-numeric: tabular-nums;
}

.currency-cell[b-ejrqwys2mg] {
    text-align: right;
    font-family: 'Roboto Mono', monospace;
    font-variant-numeric: tabular-nums;
    color: #188038;
}

.percent-cell[b-ejrqwys2mg] {
    text-align: right;
    font-family: 'Roboto Mono', monospace;
    font-variant-numeric: tabular-nums;
}

.date-cell[b-ejrqwys2mg] {
    font-family: 'Roboto Mono', monospace;
    color: #185abc;
}

/* Card styling */
.sheet-cards[b-ejrqwys2mg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.sheet-card[b-ejrqwys2mg] {
    border: 1px solid #000000;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
    cursor: pointer;
}

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

.sheet-card.active[b-ejrqwys2mg] {
    border: 2px solid #EBCC43;
}

.sheet-card-header[b-ejrqwys2mg] {
    padding: 12px 16px;
    background-color: #32164E;
    border-bottom: 1px solid #e0e0e0;
}

.sheet-card-header h5[b-ejrqwys2mg] {
    color: #FFFFFF; /* Change this to your desired color */
}

.sheet-card-body[b-ejrqwys2mg] {
    padding: 12px 16px;
    background-color: #C4C3D0;
}

/* Card body text color */
.sheet-card-body p[b-ejrqwys2mg] {
    color: #000000; /* Change to your desired color */
}

.sheet-card-footer[b-ejrqwys2mg] {
    padding: 8px 16px;
    background-color: #32164E;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Card footer text colors */
.sheet-cards .sheet-card .sheet-card-footer small[b-ejrqwys2mg] {
    color: #FFFFFF !important;
}

/* Input form styling */
.input-form[b-ejrqwys2mg] {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

/* Make the main content area full-width */
.main-content[b-ejrqwys2mg] {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.block-content[b-ejrqwys2mg] {
    width: 100%;
    max-width: 100%;
    padding: 20px;
}

/* Tab content should fill available space */
.tab-content[b-ejrqwys2mg] {
    height: 100%;
}

.tab-pane[b-ejrqwys2mg] {
    height: 100%;
}

/* Toolbar buttons */
.toolbar-btn[b-ejrqwys2mg] {
    background: none;
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    color: #5f6368;
    margin-right: 4px;
}

.toolbar-btn:hover[b-ejrqwys2mg] {
    background-color: rgba(0,0,0,0.05);
}

.toolbar-btn i[b-ejrqwys2mg] {
    font-size: 16px;
}

.toolbar-divider[b-ejrqwys2mg] {
    width: 1px;
    height: 24px;
    background-color: #e0e0e0;
    margin: 0 8px;
}

/* Full height for parent containers */
.sheet-data-container[b-ejrqwys2mg] {
    height: 100%;
}

.table-responsive[b-ejrqwys2mg] {
    height: 100%;
    overflow: auto;
}

/* Improve the checkbox styling to better match Google Sheets */
.checkbox-container[b-ejrqwys2mg] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.checkbox-container input[type="checkbox"][b-ejrqwys2mg] {
    width: 16px;
    height: 16px;
    cursor: default;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    background-color: white;
    position: relative;
}

.checkbox-container input[type="checkbox"]:checked[b-ejrqwys2mg] {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

.checkbox-container input[type="checkbox"]:checked[b-ejrqwys2mg]::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Style for cells with rich text */
.rich-text-cell[b-ejrqwys2mg] {
    white-space: pre-wrap;
}

/* Make sure these CSS rules have higher specificity */
.sheets-table td .checkbox-container[b-ejrqwys2mg] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.sheets-table td .checkbox-container input[type="checkbox"][b-ejrqwys2mg] {
    width: 18px;
    height: 18px;
    cursor: default;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    background-color: white;
    position: relative;
    margin: 0;
}

.sheets-table td .checkbox-container input[type="checkbox"]:checked[b-ejrqwys2mg] {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

.sheets-table td .checkbox-container input[type="checkbox"]:checked[b-ejrqwys2mg]::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* _content/EntWebAppTest/Components/Pages/SheetsViewerWax.razor.rz.scp.css */
/* This CSS is for the SheetsViewerWax component, based on SheetsViewer.razor.css */
.sheets-container[b-0oxe9sq3rz] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 170px);
    width: 100%;
}

.sheets-header[b-0oxe9sq3rz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f8f9fa;
}

.sheet-tabs[b-0oxe9sq3rz] {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.sheet-tabs .nav-tabs[b-0oxe9sq3rz] {
    border-bottom: none;
}

.sheet-tabs .nav-link[b-0oxe9sq3rz] {
    border-radius: 4px 4px 0 0;
    padding: 8px 16px;
    margin-right: 2px;
    color: #5f6368;
    border: 1px solid transparent;
}

.sheet-tabs .nav-link.active[b-0oxe9sq3rz] {
    color: #1a73e8;
    border-bottom: 3px solid #1a73e8;
    font-weight: 500;
}

.sheet-toolbar[b-0oxe9sq3rz] {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.sheets-content[b-0oxe9sq3rz] {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.table-container[b-0oxe9sq3rz] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

/* Google Sheets table style */
.sheets-table[b-0oxe9sq3rz] {
    border-collapse: collapse;
    min-width: 100%;
    font-family: 'Google Sans', Arial, sans-serif;
    font-size: 14px;
    color: #202124;
}

.sheets-table th[b-0oxe9sq3rz], .sheets-table td[b-0oxe9sq3rz] {
    border: 1px solid #e0e0e0;
    padding: 4px 8px;
    white-space: nowrap;
    height: 22px;
    min-width: 80px;
}

.sheets-table th[b-0oxe9sq3rz] {
    background-color: #f8f9fa;
    font-weight: 500;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
}

.sheets-table tr:nth-child(even)[b-0oxe9sq3rz] {
    background-color: #ffffff;
}

.sheets-table tr:nth-child(odd)[b-0oxe9sq3rz] {
    background-color: #ffffff;
}

.sheets-table tr:hover[b-0oxe9sq3rz] {
    background-color: #f1f3f4;
}

/* Column headers */
.column-header[b-0oxe9sq3rz] {
    background-color: #f8f9fa;
    font-weight: 500;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
}

/* Row headers */
.row-header[b-0oxe9sq3rz] {
    background-color: #f8f9fa;
    font-weight: 500;
    text-align: center;
    position: sticky;
    left: 0;
    z-index: 1;
    width: 40px;
}

/* Top-left corner */
.corner-header[b-0oxe9sq3rz] {
    background-color: #f8f9fa;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 3;
}

/* Cell formatting */
.numeric-cell[b-0oxe9sq3rz] {
    text-align: right;
    font-family: 'Roboto Mono', monospace;
    font-variant-numeric: tabular-nums;
}

.currency-cell[b-0oxe9sq3rz] {
    text-align: right;
    font-family: 'Roboto Mono', monospace;
    font-variant-numeric: tabular-nums;
    color: #188038;
}

.percent-cell[b-0oxe9sq3rz] {
    text-align: right;
    font-family: 'Roboto Mono', monospace;
    font-variant-numeric: tabular-nums;
}

.date-cell[b-0oxe9sq3rz] {
    font-family: 'Roboto Mono', monospace;
    color: #185abc;
}

/* Card styling */
.sheet-cards[b-0oxe9sq3rz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.sheet-card[b-0oxe9sq3rz] {
    border: 1px solid #000000;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
    cursor: pointer;
}

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

.sheet-card.active[b-0oxe9sq3rz] {
    border: 2px solid #EBCC43;
}

.sheet-card-header[b-0oxe9sq3rz] {
    padding: 12px 16px;
    background-color: #32164E;
    border-bottom: 1px solid #e0e0e0;
}

.sheet-card-header h5[b-0oxe9sq3rz] {
    color: #FFFFFF; /* Change this to your desired color */
}

.sheet-card-body[b-0oxe9sq3rz] {
    padding: 12px 16px;
    background-color: #C4C3D0;
}

/* Card body text color */
.sheet-card-body p[b-0oxe9sq3rz] {
    color: #000000; /* Change to your desired color */
}

.sheet-card-footer[b-0oxe9sq3rz] {
    padding: 8px 16px;
    background-color: #32164E;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Card footer text colors */
.sheet-cards .sheet-card .sheet-card-footer small[b-0oxe9sq3rz] {
    color: #FFFFFF !important;
}

/* Input form styling */
.input-form[b-0oxe9sq3rz] {
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

/* Make the main content area full-width */
.main-content[b-0oxe9sq3rz] {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.block-content[b-0oxe9sq3rz] {
    width: 100%;
    max-width: 100%;
    padding: 20px;
}

/* Tab content should fill available space */
.tab-content[b-0oxe9sq3rz] {
    height: 100%;
}

.tab-pane[b-0oxe9sq3rz] {
    height: 100%;
}

/* Toolbar buttons */
.toolbar-btn[b-0oxe9sq3rz] {
    background: none;
    border: none;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    color: #5f6368;
    margin-right: 4px;
}

.toolbar-btn:hover[b-0oxe9sq3rz] {
    background-color: rgba(0,0,0,0.05);
}

.toolbar-btn i[b-0oxe9sq3rz] {
    font-size: 16px;
}

.toolbar-divider[b-0oxe9sq3rz] {
    width: 1px;
    height: 24px;
    background-color: #e0e0e0;
    margin: 0 8px;
}

/* Full height for parent containers */
.sheet-data-container[b-0oxe9sq3rz] {
    height: 100%;
}

.table-responsive[b-0oxe9sq3rz] {
    height: 100%;
    overflow: auto;
}

/* Improve the checkbox styling to better match Google Sheets */
.checkbox-container[b-0oxe9sq3rz] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.checkbox-container input[type="checkbox"][b-0oxe9sq3rz] {
    width: 16px;
    height: 16px;
    cursor: default;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    background-color: white;
    position: relative;
}

.checkbox-container input[type="checkbox"]:checked[b-0oxe9sq3rz] {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

.checkbox-container input[type="checkbox"]:checked[b-0oxe9sq3rz]::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Style for cells with rich text */
.rich-text-cell[b-0oxe9sq3rz] {
    white-space: pre-wrap;
}

/* Make sure these CSS rules have higher specificity */
.sheets-table td .checkbox-container[b-0oxe9sq3rz] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.sheets-table td .checkbox-container input[type="checkbox"][b-0oxe9sq3rz] {
    width: 18px;
    height: 18px;
    cursor: default;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    background-color: white;
    position: relative;
    margin: 0;
}

.sheets-table td .checkbox-container input[type="checkbox"]:checked[b-0oxe9sq3rz] {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

.sheets-table td .checkbox-container input[type="checkbox"]:checked[b-0oxe9sq3rz]::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/* _content/EntWebAppTest/Components/Pages/SystemManagement.razor.rz.scp.css */
/* Custom styling for all popups in SystemManagement with darker color palette */
[b-0ffp7kvlzm] .dxbl-popup {
    --dxbl-popup-header-padding: 1.25rem 1.5rem;
    --dxbl-popup-content-padding: 0;
    --dxbl-popup-footer-padding: 1.25rem 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
}

[b-0ffp7kvlzm] .dxbl-popup-header {
    background-color: #2c3e50;
    border-bottom: 1px solid #34495e;
    border-radius: 0.75rem 0.75rem 0 0;
    text-align: center;
}

[b-0ffp7kvlzm] .dxbl-popup-header h3 {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

[b-0ffp7kvlzm] .dxbl-popup-content {
    max-height: 70vh;
    overflow-y: auto;
    background-color: #1a1a1a;
    color: #ecf0f1;
}

[b-0ffp7kvlzm] .dxbl-popup-footer {
    background-color: #2c3e50;
    border-top: 1px solid #34495e;
    border-radius: 0 0 0.75rem 0.75rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
}

/* Content panel styling */
.popup-content-panel[b-0ffp7kvlzm] {
    padding: 1.5rem;
    border-radius: 0.5rem;
    background-color: #2d2d2d;
    color: #ecf0f1;
}

/* Form group styling */
.form-group[b-0ffp7kvlzm] {
    margin-bottom: 1.25rem;
}

.form-group label[b-0ffp7kvlzm] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #bdc3c7;
}

/* Style for form sections */
.form-section[b-0ffp7kvlzm] {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #34495e;
    border-radius: 0.5rem;
    background-color: #212121;
}

.form-section-title[b-0ffp7kvlzm] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #9b59b6;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #34495e;
    text-align: center;
}

.form-section-title i[b-0ffp7kvlzm] {
    color: #3498db;
}

/* Checkbox group container */
.checkbox-group[b-0ffp7kvlzm] {
    padding: 1rem;
    background-color: #2d2d2d;
    border-radius: 0.5rem;
    border: 1px solid #34495e;
    max-height: 300px;
    overflow-y: auto;
}

/* Validation styling */
.validation-summary[b-0ffp7kvlzm] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background-color: #2d2d2d;
    border: 1px solid #c0392b;
}

/* Make form inputs more readable on dark background */
[b-0ffp7kvlzm] .form-control {
    background-color: #333;
    border-color: #444;
    color: #ecf0f1;
}

[b-0ffp7kvlzm] .form-control:focus {
    background-color: #3a3a3a;
    color: #ecf0f1;
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
}

/* Style checkboxes */
[b-0ffp7kvlzm] .form-check-input {
    background-color: #444;
    border-color: #666;
}

[b-0ffp7kvlzm] .form-check-input:checked {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

/* Ensure text is centered in headers and footers */
[b-0ffp7kvlzm] .dxbl-popup-header-content,
[b-0ffp7kvlzm] .dxbl-popup-footer-content {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Make small text more readable */
[b-0ffp7kvlzm] .text-muted,
[b-0ffp7kvlzm] .small,
[b-0ffp7kvlzm] small {
    color: #bdc3c7 !important;
}

/* Better styling for alerts */
[b-0ffp7kvlzm] .alert-success {
    background-color: #27ae60;
    border-color: #2ecc71;
    color: #fff;
}

[b-0ffp7kvlzm] .alert-danger {
    background-color: #c0392b;
    border-color: #e74c3c;
    color: #fff;
}

/* Minimalist action button approach */
.action-btn-minimal[b-0ffp7kvlzm] {
    background-color: #2c3e50;
    color: #ecf0f1;
    border: 2px solid transparent;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
    min-width: 90px;
    position: relative;
    overflow: hidden;
}

/* Subtle left border accent for different actions */
.action-btn-manage[b-0ffp7kvlzm] {
    border-left-color: #3498db; /* Blue for manage */
}

.action-btn-username[b-0ffp7kvlzm] {
    border-left-color: #2ecc71; /* Green for username */
}

.action-btn-password[b-0ffp7kvlzm] {
    border-left-color: #f39c12; /* Orange for password */
}

.action-btn-delete[b-0ffp7kvlzm] {
    border-left-color: #e74c3c; /* Red for delete */
}

.action-btn-minimal:hover[b-0ffp7kvlzm] {
    background-color: #34495e;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.action-btn-manage:hover[b-0ffp7kvlzm] {
    border-color: #3498db;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
}

.action-btn-username:hover[b-0ffp7kvlzm] {
    border-color: #2ecc71;
    box-shadow: 0 4px 12px rgba(46, 204, 113, 0.2);
}

.action-btn-password:hover[b-0ffp7kvlzm] {
    border-color: #f39c12;
    box-shadow: 0 4px 12px rgba(243, 156, 18, 0.2);
}

.action-btn-delete:hover[b-0ffp7kvlzm] {
    border-color: #e74c3c;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.2);
}

.action-btn-minimal:disabled[b-0ffp7kvlzm] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
    border-left-color: #7f8c8d !important;
}

/* Modern Section Header */
.section-header[b-0ffp7kvlzm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #34495e;
}

.section-header h2[b-0ffp7kvlzm] {
    margin: 0;
    color: #ecf0f1;
    font-weight: 600;
    font-size: 1.75rem;
}

/* Section controls container */
.section-controls[b-0ffp7kvlzm] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

/* Modern Button Styling */
.modern-btn[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 0.75rem;
    font-weight: 500;
    transition: all 0.2s ease;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border: none;
    color: white;
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
    white-space: nowrap;
}

.modern-btn:hover[b-0ffp7kvlzm] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
    background: linear-gradient(135deg, #2980b9, #3498db);
}

/* Input group styling within section controls */
.section-controls .input-group[b-0ffp7kvlzm] {
    flex: 0 0 auto;
    min-width: 300px;
    max-width: 400px;
}

/* Make sure buttons don't shrink */
.section-controls .modern-btn[b-0ffp7kvlzm] {
    flex-shrink: 0;
}

/* Override the responsive behavior to keep controls on left */
@media (max-width: 992px) {
    .section-header[b-0ffp7kvlzm] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    
    .section-controls[b-0ffp7kvlzm] {
        width: 100%;
        justify-content: flex-start;
    }
    
    .section-controls .input-group[b-0ffp7kvlzm] {
        min-width: 250px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .section-controls[b-0ffp7kvlzm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .section-controls .input-group[b-0ffp7kvlzm] {
        width: 100%;
        min-width: auto;
    }
    
    .section-controls .modern-btn[b-0ffp7kvlzm] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .section-header h2[b-0ffp7kvlzm] {
        font-size: 1.5rem;
    }
    
    .section-controls .input-group[b-0ffp7kvlzm] {
        max-width: 100%;
    }
}

/* Loading State */
.loading-state[b-0ffp7kvlzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.loading-spinner[b-0ffp7kvlzm] {
    width: 40px;
    height: 40px;
    border: 4px solid #34495e;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin-b-0ffp7kvlzm 1s linear infinite;
    margin-bottom: 1rem;
}

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

/* OPTION 1: Card-Based Layout */
.modern-grid[b-0ffp7kvlzm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-top: 1rem;
}

.user-card[b-0ffp7kvlzm] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.user-card:hover[b-0ffp7kvlzm] {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
    border-color: #3498db;
}

.user-card-header[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #4a5f7a;
    gap: 1rem;
}

.user-avatar[b-0ffp7kvlzm] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    flex-shrink: 0;
}

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

.user-name[b-0ffp7kvlzm] {
    margin: 0 0 0.25rem 0;
    color: #ecf0f1;
    font-size: 1.125rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-email[b-0ffp7kvlzm] {
    margin: 0;
    color: #bdc3c7;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-status[b-0ffp7kvlzm] {
    flex-shrink: 0;
}

.user-card-body[b-0ffp7kvlzm] {
    padding: 1.5rem;
}

.user-details[b-0ffp7kvlzm] {
    margin-bottom: 1rem;
}

.detail-item[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: #bdc3c7;
    font-size: 0.875rem;
}

.detail-item i[b-0ffp7kvlzm] {
    color: #9b59b6;
    width: 16px;
}

.user-roles label[b-0ffp7kvlzm] {
    display: block;
    color: #bdc3c7;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.roles-container[b-0ffp7kvlzm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.role-tag[b-0ffp7kvlzm] {
    background: rgba(155, 89, 182, 0.2);
    color: #9b59b6;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid rgba(155, 89, 182, 0.3);
}

.role-tag.more[b-0ffp7kvlzm] {
    background: rgba(127, 140, 141, 0.2);
    color: #95a5a6;
    border: 1px solid rgba(127, 140, 141, 0.3);
}

.no-roles[b-0ffp7kvlzm] {
    color: #7f8c8d;
    font-style: italic;
    font-size: 0.875rem;
}

.user-card-actions[b-0ffp7kvlzm] {
    display: flex;
    padding: 1rem 1.5rem;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.1);
    border-top: 1px solid #4a5f7a;
}

/* OPTION 2: Modern Table Styling */
.modern-table-container[b-0ffp7kvlzm] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.modern-table[b-0ffp7kvlzm] {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

.modern-table thead[b-0ffp7kvlzm] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.modern-table th[b-0ffp7kvlzm] {
    padding: 1.25rem 1rem;
    text-align: left;
    border-bottom: none;
}

.th-content[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.th-content i[b-0ffp7kvlzm] {
    color: #9b59b6;
    font-size: 1rem;
}

.modern-table tbody tr[b-0ffp7kvlzm] {
    border-bottom: 1px solid #4a5f7a;
    transition: all 0.2s ease;
}

.modern-table tbody tr:hover[b-0ffp7kvlzm] {
    background: rgba(52, 152, 219, 0.1);
    transform: scale(1.01);
}

.modern-table tbody tr:last-child[b-0ffp7kvlzm] {
    border-bottom: none;
}

.modern-table td[b-0ffp7kvlzm] {
    padding: 1.25rem 1rem;
    vertical-align: middle;
}

/* Table Cell Specific Styling */
.user-cell[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

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

.user-cell .user-details[b-0ffp7kvlzm] {
    min-width: 0;
}

.user-cell .user-name[b-0ffp7kvlzm] {
    color: #ecf0f1;
    font-weight: 600;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-cell .user-id[b-0ffp7kvlzm] {
    color: #7f8c8d;
    font-size: 0.75rem;
    font-family: monospace;
}

.contact-info .email[b-0ffp7kvlzm],
.contact-info .phone[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    color: #bdc3c7;
    font-size: 0.875rem;
}

.contact-info .email:last-child[b-0ffp7kvlzm],
.contact-info .phone:last-child[b-0ffp7kvlzm] {
    margin-bottom: 0;
}

.contact-info i[b-0ffp7kvlzm] {
    color: #9b59b6;
    width: 14px;
}

.status-container[b-0ffp7kvlzm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Status and Feature Badges */
.status-badge[b-0ffp7kvlzm] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.verified[b-0ffp7kvlzm] {
    background: rgba(46, 204, 113, 0.2);
    color: #2ecc71;
    border: 1px solid rgba(46, 204, 113, 0.3);
}

.status-badge.pending[b-0ffp7kvlzm] {
    background: rgba(243, 156, 18, 0.2);
    color: #f39c12;
    border: 1px solid rgba(243, 156, 18, 0.3);
}

.status-badge.critical[b-0ffp7kvlzm] {
    background: rgba(231, 76, 60, 0.2);
    color: #e74c3c;
    border: 1px solid rgba(231, 76, 60, 0.3);
}

.status-badge.custom[b-0ffp7kvlzm] {
    background: rgba(46, 204, 113, 0.2);
    color: #2ecc71;
    border: 1px solid rgba(46, 204, 113, 0.3);
}

.feature-badge[b-0ffp7kvlzm] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    background: rgba(52, 152, 219, 0.2);
    color: #3498db;
    border: 1px solid rgba(52, 152, 219, 0.3);
    border-radius: 0.75rem;
    font-size: 0.7rem;
    font-weight: 500;
}

/* Action Buttons */
.actions-container[b-0ffp7kvlzm] {
    display: flex;
    gap: 0.5rem;
}

.action-btn[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    transition: all 0.2s ease;
    cursor: pointer;
    text-decoration: none;
}

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

.action-btn i[b-0ffp7kvlzm] {
    font-size: 1rem;
}

.action-btn-primary[b-0ffp7kvlzm] {
    border-color: #3498db;
}

.action-btn-primary:hover[b-0ffp7kvlzm] {
    background: #3498db;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
}

.action-btn-secondary[b-0ffp7kvlzm] {
    border-color: #95a5a6;
}

.action-btn-secondary:hover[b-0ffp7kvlzm] {
    background: #95a5a6;
    box-shadow: 0 4px 12px rgba(149, 165, 166, 0.4);
}

.action-btn-warning[b-0ffp7kvlzm] {
    border-color: #f39c12;
}

.action-btn-warning:hover[b-0ffp7kvlzm] {
    background: #f39c12;
    box-shadow: 0 4px 12px rgba(243, 156, 18, 0.4);
}

.action-btn-danger[b-0ffp7kvlzm] {
    border-color: #e74c3c;
}

.action-btn-danger:hover[b-0ffp7kvlzm] {
    background: #e74c3c;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.4);
}

.action-btn:disabled[b-0ffp7kvlzm] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

/* Card action buttons (for Option 1) */
.user-card-actions .action-btn[b-0ffp7kvlzm] {
    flex: 1;
    height: auto;
    padding: 0.75rem;
    border-radius: 0.5rem;
    gap: 0.5rem;
    width: auto;
}

.user-card-actions .action-btn span[b-0ffp7kvlzm] {
    font-size: 0.875rem;
    font-weight: 500;
}

/* Search Results Styling */
.search-results[b-0ffp7kvlzm] {
    padding: 0.75rem 1rem;
    background: rgba(52, 152, 219, 0.1);
    border-radius: 0.5rem;
    border-left: 4px solid #3498db;
}

/* Empty State Styling */
.empty-state[b-0ffp7kvlzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 1rem;
    border: 2px dashed #4a5f7a;
}

.empty-state i[b-0ffp7kvlzm] {
    font-size: 3rem;
    color: #7f8c8d;
    margin-bottom: 1rem;
}

.empty-state h3[b-0ffp7kvlzm] {
    color: #bdc3c7;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}

.empty-state p[b-0ffp7kvlzm] {
    color: #7f8c8d;
    font-size: 1rem;
    margin: 0;
}

/* Role-specific styling */
.role-cell[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

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

.role-details[b-0ffp7kvlzm] {
    min-width: 0;
}

.role-name[b-0ffp7kvlzm] {
    color: #ecf0f1;
    font-weight: 600;
    font-size: 1rem;
}

.order-container[b-0ffp7kvlzm] {
    display: flex;
    justify-content: center;
}

.order-badge[b-0ffp7kvlzm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(52, 152, 219, 0.2);
    color: #3498db;
    border: 1px solid rgba(52, 152, 219, 0.3);
    border-radius: 50%;
    font-size: 0.875rem;
    font-weight: 600;
}

/* Activity-specific styling */
.activity-cell[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.activity-avatar[b-0ffp7kvlzm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e67e22, #f39c12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
    flex-shrink: 0;
}

.activity-details[b-0ffp7kvlzm] {
    min-width: 0;
}

.activity-name[b-0ffp7kvlzm] {
    color: #ecf0f1;
    font-weight: 600;
    font-size: 1rem;
}

.metric-container[b-0ffp7kvlzm] {
    display: flex;
    justify-content: center;
}

.metric-badge[b-0ffp7kvlzm] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    min-width: 60px;
    justify-content: center;
}

.metric-badge.target[b-0ffp7kvlzm] {
    background: rgba(52, 152, 219, 0.2);
    color: #3498db;
    border: 1px solid rgba(52, 152, 219, 0.3);
}

.metric-badge.bonus[b-0ffp7kvlzm] {
    background: rgba(46, 204, 113, 0.2);
    color: #2ecc71;
    border: 1px solid rgba(46, 204, 113, 0.3);
}

.metric-badge.setup[b-0ffp7kvlzm] {
    background: rgba(155, 89, 182, 0.2);
    color: #9b59b6;
    border: 1px solid rgba(155, 89, 182, 0.3);
}

.metric-badge.empty[b-0ffp7kvlzm] {
    background: rgba(127, 140, 141, 0.2);
    color: #7f8c8d;
    border: 1px solid rgba(127, 140, 141, 0.3);
}

/* Product-specific styling */
.product-cell[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.product-avatar[b-0ffp7kvlzm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1rem;
    flex-shrink: 0;
}

.product-details[b-0ffp7kvlzm] {
    min-width: 0;
}

.product-name[b-0ffp7kvlzm] {
    color: #ecf0f1;
    font-weight: 600;
    font-size: 1rem;
}

.batch-container[b-0ffp7kvlzm] {
    display: flex;
    justify-content: center;
}

.batch-id[b-0ffp7kvlzm] {
    font-family: 'Courier New', monospace;
    background: rgba(52, 73, 94, 0.6);
    color: #ecf0f1;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    border: 1px solid #4a5f7a;
}

/* Enhanced section header for better alignment */
.section-header .d-flex[b-0ffp7kvlzm] {
    align-items: center;
}

.section-header .input-group[b-0ffp7kvlzm] {
    flex-shrink: 0;
}

.section-header .modern-btn[b-0ffp7kvlzm] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* Column width adjustments for different tables */
.col-role-name[b-0ffp7kvlzm] { width: 40%; }
.col-order[b-0ffp7kvlzm] { width: 15%; }
.col-activity-name[b-0ffp7kvlzm] { width: 35%; }
.col-metric[b-0ffp7kvlzm] { width: 15%; }
.col-product-name[b-0ffp7kvlzm] { width: 50%; }
.col-batch[b-0ffp7kvlzm] { width: 30%; }

/* Responsive Design */
@media (max-width: 768px) {
    .modern-grid[b-0ffp7kvlzm] {
        grid-template-columns: 1fr;
    }
    
    .section-header[b-0ffp7kvlzm] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .modern-table-container[b-0ffp7kvlzm] {
        overflow-x: auto;
    }
    
    .actions-container[b-0ffp7kvlzm] {
        flex-wrap: wrap;
    }
    
    .user-card-actions[b-0ffp7kvlzm] {
        flex-wrap: wrap;
    }
    
    .user-card-actions .action-btn[b-0ffp7kvlzm] {
        flex-basis: calc(50% - 0.25rem);
    }
}

@media (max-width: 480px) {
    .user-card-header[b-0ffp7kvlzm] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .actions-container .action-btn[b-0ffp7kvlzm] {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 992px) {
    .section-header[b-0ffp7kvlzm] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .section-header .d-flex[b-0ffp7kvlzm] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .section-header .input-group[b-0ffp7kvlzm] {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .actions-container[b-0ffp7kvlzm] {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .actions-container .action-btn[b-0ffp7kvlzm] {
        width: 35px;
        height: 35px;
    }
    
    /* Stack cell content vertically on small screens */
    .role-cell[b-0ffp7kvlzm],
    .activity-cell[b-0ffp7kvlzm],
    .product-cell[b-0ffp7kvlzm] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }
    
    .metric-container[b-0ffp7kvlzm],
    .batch-container[b-0ffp7kvlzm],
    .order-container[b-0ffp7kvlzm] {
        justify-content: flex-start;
    }
}

@media (max-width: 576px) {
    .modern-table-container[b-0ffp7kvlzm] {
        font-size: 0.875rem;
    }
    
    .th-content[b-0ffp7kvlzm] {
        font-size: 0.75rem;
    }
    
    .metric-badge[b-0ffp7kvlzm],
    .batch-id[b-0ffp7kvlzm] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }
}

/* AWS Settings specific styling */
.aws-settings-form[b-0ffp7kvlzm] {
    padding: 2rem;
}

.form-section[b-0ffp7kvlzm] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #4a5f7a;
    border-radius: 0.75rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-section-title[b-0ffp7kvlzm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #9b59b6;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #4a5f7a;
}

.config-display[b-0ffp7kvlzm] {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    padding: 1rem;
    border: 1px solid #34495e;
}

.config-item[b-0ffp7kvlzm] {
    padding: 0.5rem 0;
    color: #bdc3c7;
    font-size: 0.9rem;
}

.config-item:not(:last-child)[b-0ffp7kvlzm] {
    border-bottom: 1px solid #34495e;
}

.config-item strong[b-0ffp7kvlzm] {
    color: #ecf0f1;
    margin-right: 0.5rem;
}

/* Form controls in AWS settings */
.aws-settings .form-control[b-0ffp7kvlzm] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.aws-settings .form-control:focus[b-0ffp7kvlzm] {
    background: rgba(0, 0, 0, 0.4);
    border-color: #3498db;
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.aws-settings .form-label[b-0ffp7kvlzm] {
    color: #bdc3c7;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.aws-settings .text-muted[b-0ffp7kvlzm] {
    color: #7f8c8d !important;
    font-size: 0.875rem;
}

.aws-settings .alert[b-0ffp7kvlzm] {
    border-radius: 0.5rem;
    border: none;
}

.aws-settings .alert-info[b-0ffp7kvlzm] {
    background: rgba(52, 152, 219, 0.1);
    color: #3498db;
    border-left: 4px solid #3498db;
}

/* Products table specific fixes - UPDATE THIS SECTION */
.products-management .modern-table[b-0ffp7kvlzm] {
    table-layout: fixed;
}

.products-management .modern-table th:nth-child(1)[b-0ffp7kvlzm],
.products-management .modern-table td:nth-child(1)[b-0ffp7kvlzm] {
    width: 45%;
}

.products-management .modern-table th:nth-child(2)[b-0ffp7kvlzm],
.products-management .modern-table td:nth-child(2)[b-0ffp7kvlzm] {
    width: 20%;
    text-align: left;
}

.products-management .modern-table th:nth-child(3)[b-0ffp7kvlzm],
.products-management .modern-table td:nth-child(3)[b-0ffp7kvlzm] {
    width: 20%;
    text-align: left;
}

.products-management .modern-table th:nth-child(4)[b-0ffp7kvlzm],
.products-management .modern-table td:nth-child(4)[b-0ffp7kvlzm] {
    width: 15%;
    text-align: center;
}

/* Add styling for test date */
.test-date-text[b-0ffp7kvlzm] {
    font-family: 'Roboto Mono', monospace;
    color: #bdc3c7;
    font-size: 0.875rem;
}
/* _content/EntWebAppTest/Components/Pages/TestResults.razor.rz.scp.css */
/* Test Results page styles */
.test-results-page[b-a5gdx8g303] {
    max-height: none; /* Remove the max-height that's causing scrolling issues */
    overflow-y: visible; /* Change from auto to visible */
    padding: 1rem;
    background: linear-gradient(145deg, #1a1c1e, #2d3436);
    min-height: 100vh;
}

/* Filter styles */
.filters-container[b-a5gdx8g303] {
    width: 100%;
    padding: 0;
    margin-bottom: 1.5rem;
    position: relative; /* Ensure proper stacking context */
    z-index: 10; /* Higher z-index to prevent overlap issues */
}

.filter-card[b-a5gdx8g303] {
    background: linear-gradient(145deg, #2a2d2f, #3a3f41);
    border-radius: 1rem;
    padding: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    border: 1px solid #404446;
    transition: all 0.3s ease;
}

.filter-card:hover[b-a5gdx8g303] {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.filter-card h5[b-a5gdx8g303] {
    margin-bottom: 1rem;
    font-weight: 600;
    color: #e8eaed;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 0.5rem;
}

.filter-cards-row[b-a5gdx8g303] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.range-inputs[b-a5gdx8g303] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.range-inputs span[b-a5gdx8g303] {
    font-size: 0.9rem;
    color: #b0b3ba;
}

.filter-buttons[b-a5gdx8g303] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.results-info[b-a5gdx8g303] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    color: #b0b3ba;
    font-size: 0.9rem;
}

/* Grid layout */
.test-results-grid[b-a5gdx8g303] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
}

.test-result-card[b-a5gdx8g303] {
    background: linear-gradient(145deg, #2a2d2f, #3a3f41);
    border-radius: 1rem;
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #404446;
}

.test-result-card:hover[b-a5gdx8g303] {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    border-color: #9b59b6;
}

.card-content[b-a5gdx8g303] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.result-header[b-a5gdx8g303] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.pdf-icon[b-a5gdx8g303] {
    margin-right: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdf-icon img[b-a5gdx8g303] {
    width: 40px;
    height: 40px;
}

.strain-info[b-a5gdx8g303] {
    flex-grow: 1;
    min-width: 0;
}

.strain-info h4[b-a5gdx8g303] {
    margin: 0 0 0.25rem 0;
    color: #e8eaed;
    font-size: 1.1rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.test-date[b-a5gdx8g303] {
    color: #b0b3ba;
    font-size: 0.9rem;
}

.result-body[b-a5gdx8g303] {
    display: flex;
    flex-grow: 1;
    margin-bottom: 0.75rem;
}

.result-data-column[b-a5gdx8g303] {
    flex-grow: 1;
    margin-right: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Cannabinoid info styling */
.cannabinoid-info[b-a5gdx8g303] {
    margin-bottom: 1rem;
}

.cannabinoid-info h6[b-a5gdx8g303],
.terpene-info h6[b-a5gdx8g303] {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #e8eaed;
}

.cannabinoid-values[b-a5gdx8g303] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.thc-value[b-a5gdx8g303] {
    background-color: rgba(155, 89, 182, 0.15);
    color: #c79bd9;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 6px;
    display: inline-block;
    font-weight: 500;
    border: 1px solid rgba(155, 89, 182, 0.2);
}

.cbd-value[b-a5gdx8g303] {
    background-color: rgba(52, 152, 219, 0.15);
    color: #7db9e8;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 6px;
    display: inline-block;
    font-weight: 500;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.cbg-value[b-a5gdx8g303] {
    background-color: rgba(155, 193, 98, 0.15);
    color: #c7d9a2;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 6px;
    display: inline-block;
    font-weight: 500;
    border: 1px solid rgba(155, 193, 98, 0.2);
}

.cbn-value[b-a5gdx8g303] {
    background-color: rgba(217, 169, 98, 0.15);
    color: #e8c7a2;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 6px;
    display: inline-block;
    font-weight: 500;
    border: 1px solid rgba(217, 169, 98, 0.2);
}

.cbc-value[b-a5gdx8g303] {
    background-color: rgba(98, 197, 217, 0.15);
    color: #a2d9e8;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 6px;
    display: inline-block;
    font-weight: 500;
    border: 1px solid rgba(98, 197, 217, 0.2);
}

.other-value[b-a5gdx8g303] {
    background-color: rgba(235, 204, 67, 0.15);
    color: #f0e8a2;
    padding: 2px 8px;
    border-radius: 4px;
    margin-right: 6px;
    display: inline-block;
    font-weight: 500;
    border: 1px solid rgba(235, 204, 67, 0.2);
}

/* Terpene info styling */
.terpene-info[b-a5gdx8g303] {
    margin-top: auto;
}

.terpene-pills[b-a5gdx8g303] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.terpene-pill[b-a5gdx8g303] {
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    white-space: nowrap;
    cursor: help;
    display: flex;
    justify-content: space-between;
}

.primary-terpene-pill[b-a5gdx8g303] {
    background-color: rgba(90, 140, 71, 0.15);
    color: #a2c79d;
    border: 1px solid rgba(90, 140, 71, 0.2);
}

.secondary-terpene-pill[b-a5gdx8g303] {
    background-color: rgba(230, 126, 34, 0.15);
    color: #e8b77d;
    border: 1px solid rgba(230, 126, 34, 0.2);
}

.tertiary-terpene-pill[b-a5gdx8g303] {
    background-color: rgba(52, 152, 219, 0.15);
    color: #7db9e8;
    border: 1px solid rgba(52, 152, 219, 0.2);
}

.total-terpenes[b-a5gdx8g303] {
    font-size: 0.75rem;
    color: #9aa0a6;
    font-style: italic;
    margin-top: 0.5rem;
    text-align: right;
}

.file-name[b-a5gdx8g303] {
    font-size: 0.75rem;
    color: #80868b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-top: auto;
}

/* Pie chart styles */
.pie-chart-container[b-a5gdx8g303] {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    align-self: center;
}

.pie-chart[b-a5gdx8g303] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.pie-chart-background[b-a5gdx8g303] {
    fill: rgba(58, 63, 65, 0.6);
    stroke: none;
}

.pie-chart-center[b-a5gdx8g303] {
    fill: rgba(42, 45, 47, 0.8);
    stroke: none;
}

.pie-chart-center:hover[b-a5gdx8g303] {
    fill: rgba(52, 55, 57, 0.9);
}

.pie-segment[b-a5gdx8g303] {
    fill: none;
    stroke-width: 20;
    transition: stroke-dasharray 0.3s ease;
}

/* Cannabinoid colors */
.thc-color[b-a5gdx8g303] {
    stroke: #c79bd9;
}

.cbd-color[b-a5gdx8g303] {
    stroke: #7db9e8;
}

.other-cannabinoids-color[b-a5gdx8g303] {
    stroke: #f0e8a2;
}

/* Terpene colors */
.primary-terpene[b-a5gdx8g303] {
    stroke: #a2c79d;
}

.secondary-terpene[b-a5gdx8g303] {
    stroke: #e8b77d;
}

.tertiary-terpene[b-a5gdx8g303] {
    stroke: #7db9e8;
}

.other-terpenes[b-a5gdx8g303] {
    stroke: #c79bd9;
}

.chart-value[b-a5gdx8g303] {
    fill: #e8eaed;
    font-size: 12px;
    font-weight: bold;
    transform: rotate(90deg);
    transform-origin: center;
}

.chart-label[b-a5gdx8g303] {
    fill: #b0b3ba;
    font-size: 8px;
    transform: rotate(90deg);
    transform-origin: center;
}

/* Results grid container */
.test-results-grid[b-a5gdx8g303] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
}

/* Add scroll container for results area if needed */
.dxbl-grid-layout-item[area="content"][b-a5gdx8g303] {
    overflow-y: auto;
    max-height: calc(100vh - 300px); /* Adjust based on your header/filter height */
    position: relative;
}

/* Ensure the header and filters stay visible */
.dxbl-grid-layout-item[area="header"][b-a5gdx8g303],
.dxbl-grid-layout-item[area="filters"][b-a5gdx8g303] {
    position: sticky;
    top: 0;
    background: linear-gradient(145deg, #1a1c1e, #2d3436);
    z-index: 10;
}

/* Cannabinoid Profile Builder styles - matching terpene styles */
.cannabinoid-profile-builder[b-a5gdx8g303] {
    padding: 0.75rem 0;
}

.cannabinoid-profile-builder .profile-row[b-a5gdx8g303] {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.cannabinoid-profile-builder .profile-label[b-a5gdx8g303] {
    flex: 0 0 200px;
    font-weight: 500;
    color: #e8eaed;
}

.cannabinoid-profile-builder .profile-select[b-a5gdx8g303] {
    flex: 1;
}

.cannabinoid-profile-builder .profile-info[b-a5gdx8g303] {
    margin: 1rem 0;
    padding: 0.75rem;
    background: rgba(58, 63, 65, 0.4);
    border-radius: 6px;
    border: 1px solid #404446;
}

.cannabinoid-profile-message[b-a5gdx8g303] {
    font-size: 0.9rem;
    color: #b0b3ba;
}

.cannabinoid-profile-message strong[b-a5gdx8g303] {
    color: #c79bd9;
    font-weight: 600;
}

.total-cannabinoids-filter[b-a5gdx8g303] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.total-cannabinoids-filter .form-label[b-a5gdx8g303] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #e8eaed;
}

.total-cannabinoids-filter .range-value[b-a5gdx8g303] {
    font-weight: 600;
    color: #c79bd9;
    font-size: 1.1rem;
    text-align: center;
    margin-top: 0.5rem;
}

/* Terpene Profile Builder styles - to match cannabinoid styles */
.terpene-profile-builder[b-a5gdx8g303] {
    padding: 0.75rem 0;
}

.terpene-profile-builder .profile-row[b-a5gdx8g303] {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.terpene-profile-builder .profile-label[b-a5gdx8g303] {
    flex: 0 0 200px;
    font-weight: 500;
    color: #e8eaed;
}

.terpene-profile-builder .profile-select[b-a5gdx8g303] {
    flex: 1;
}

.terpene-profile-builder .profile-info[b-a5gdx8g303] {
    margin: 1rem 0;
    padding: 0.75rem;
    background: rgba(58, 63, 65, 0.4);
    border-radius: 6px;
    border: 1px solid #404446;
}

.terpene-profile-message[b-a5gdx8g303] {
    font-size: 0.9rem;
    color: #b0b3ba;
}

.terpene-profile-message strong[b-a5gdx8g303] {
    color: #c79bd9;
    font-weight: 600;
}

.total-terpenes-filter[b-a5gdx8g303] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.total-terpenes-filter .form-label[b-a5gdx8g303] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #e8eaed;
}

.total-terpenes-filter .range-value[b-a5gdx8g303] {
    font-weight: 600;
    color: #c79bd9;
    font-size: 1.1rem;
    text-align: center;
    margin-top: 0.5rem;
}

/* Form control styling to match dark theme */
.form-control[b-a5gdx8g303] {
    background: rgba(42, 45, 47, 0.8);
    border: 1px solid #404446;
    border-radius: 0.5rem;
    color: #e8eaed;
    transition: all 0.2s ease;
}

.form-control:focus[b-a5gdx8g303] {
    background: rgba(52, 55, 57, 0.9);
    border-color: #c79bd9;
    color: #e8eaed;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.15);
}

.form-select[b-a5gdx8g303] {
    background: rgba(42, 45, 47, 0.8);
    border: 1px solid #404446;
    border-radius: 0.5rem;
    color: #e8eaed;
    transition: all 0.2s ease;
}

.form-select:focus[b-a5gdx8g303] {
    background: rgba(52, 55, 57, 0.9);
    border-color: #c79bd9;
    color: #e8eaed;
    box-shadow: 0 0 0 3px rgba(155, 89, 182, 0.15);
}

.form-range[b-a5gdx8g303] {
    background: rgba(42, 45, 47, 0.8);
    border: 1px solid #404446;
    border-radius: 0.5rem;
}

/* Button styling */
.btn[b-a5gdx8g303] {
    border-radius: 0.5rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-secondary[b-a5gdx8g303] {
    background: rgba(127, 140, 141, 0.15);
    border: 1px solid #5d6d7a;
    color: #e8eaed;
}

.btn-secondary:hover[b-a5gdx8g303] {
    background: rgba(127, 140, 141, 0.25);
    border-color: #7f8c8d;
    color: #e8eaed;
}

.btn-primary[b-a5gdx8g303] {
    background: linear-gradient(135deg, #c79bd9, #b794c7);
    border: none;
    color: white;
}

.btn-primary:hover[b-a5gdx8g303] {
    background: linear-gradient(135deg, #b794c7, #c79bd9);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(155, 89, 182, 0.2);
}

/* Alert styling */
.alert[b-a5gdx8g303] {
    background: rgba(42, 45, 47, 0.8);
    border: 1px solid #404446;
    border-radius: 0.5rem;
    color: #e8eaed;
}

.alert-info[b-a5gdx8g303] {
    background: rgba(52, 152, 219, 0.1);
    border-color: #5d7795;
    color: #7db9e8;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .test-results-grid[b-a5gdx8g303] {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}

@media (max-width: 992px) {
    .filter-cards-row[b-a5gdx8g303] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .test-results-grid[b-a5gdx8g303] {
        grid-template-columns: 1fr;
    }
    
    .card-content[b-a5gdx8g303] {
        padding: 1rem;
    }
    
    .pie-chart-container[b-a5gdx8g303] {
        width: 70px;
        height: 70px;
    }
}

/* Add these new color classes for pie chart segments */
.cbg-color[b-a5gdx8g303] {
    stroke: #c7d9a2;
}

.cbn-color[b-a5gdx8g303] {
    stroke: #e8c7a2;
}

/* Loading spinner */
.spinner-border[b-a5gdx8g303] {
    color: #c79bd9;
}

/* No results message */
.no-results[b-a5gdx8g303] {
    text-align: center;
    padding: 3rem 1rem;
}

.no-results .alert[b-a5gdx8g303] {
    display: inline-block;
    max-width: 500px;
}

/* Title styling */
.title-header-text[b-a5gdx8g303] {
    color: #e8eaed;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.title-content-text[b-a5gdx8g303] {
    color: #b0b3ba;
    font-size: 1.1rem;
}
/* _content/EntWebAppTest/Components/Pages/TicketDetails.razor.rz.scp.css */
 .card[b-phhaxxtrg1] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border: 1px solid #4a5f7a;
    border-radius: 0.75rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card-header[b-phhaxxtrg1] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 1px solid #4a5f7a;
    color: #ecf0f1;
}

.card-body[b-phhaxxtrg1] {
    color: #ecf0f1;
}

.messages-container[b-phhaxxtrg1] {
    max-height: 500px;
    overflow-y: auto;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.message-item[b-phhaxxtrg1] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    max-width: 70%;
}

.message-item.sent[b-phhaxxtrg1] {
    margin-left: auto;
    background: linear-gradient(135deg, #3498db, #2980b9);
    text-align: right;
}

.message-item.received[b-phhaxxtrg1] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
}

.message-header[b-phhaxxtrg1] {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.message-time[b-phhaxxtrg1] {
    font-size: 0.75rem;
    opacity: 0.8;
    margin-left: 0.5rem;
}

.message-content[b-phhaxxtrg1] {
    word-wrap: break-word;
}

.message-input-section[b-phhaxxtrg1] {
    border-top: 1px solid #4a5f7a;
    padding-top: 1rem;
}

.image-grid[b-phhaxxtrg1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 0.5rem;
}

.image-thumbnail[b-phhaxxtrg1] {
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: transform 0.2s;
}

.image-thumbnail:hover[b-phhaxxtrg1] {
    transform: scale(1.05);
}

.image-thumbnail img[b-phhaxxtrg1] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.resolution-info[b-phhaxxtrg1] {
    background: rgba(46, 204, 113, 0.1);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

/* Dark theme form controls */
.form-control[b-phhaxxtrg1], .form-select[b-phhaxxtrg1] {
    background-color: #2d3748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.form-control:focus[b-phhaxxtrg1], .form-select:focus[b-phhaxxtrg1] {
    background-color: #2d3748;
    color: #fff;
    border-color: #3182ce;
    box-shadow: 0 0 0 0.25rem rgba(49, 130, 206, 0.25);
}

/* Scrollbar styling for messages container */
.messages-container[b-phhaxxtrg1]::-webkit-scrollbar {
    width: 8px;
}

.messages-container[b-phhaxxtrg1]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.messages-container[b-phhaxxtrg1]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.messages-container[b-phhaxxtrg1]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Message notification styles */
.message-notification[b-phhaxxtrg1] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    background: rgba(52, 152, 219, 0.15);
    border-left: 3px solid #3498db;
    border-radius: 0.5rem;
    color: #3498db;
    font-size: 0.8rem;
    font-weight: 600;
    animation: pulse-light-b-phhaxxtrg1 2s infinite;
    z-index: 5;
}

.message-notification.urgent[b-phhaxxtrg1] {
    background: rgba(231, 76, 60, 0.15);
    border-left: 3px solid #e74c3c;
    color: #e74c3c;
    animation: pulse-urgent-b-phhaxxtrg1 2s infinite;
}

.message-notification i[b-phhaxxtrg1] {
    font-size: 1rem;
}

.message-dot[b-phhaxxtrg1] {
    width: 8px;
    height: 8px;
    background-color: #3498db;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.5rem;
    animation: pulse-dot-b-phhaxxtrg1 1.5s infinite;
}

.message-dot.urgent[b-phhaxxtrg1] {
    background-color: #e74c3c;
}

@keyframes pulse-light-b-phhaxxtrg1 {
    0% {
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.4);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(52, 152, 219, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
    }
}

@keyframes pulse-urgent-b-phhaxxtrg1 {
    0% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0.4);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(231, 76, 60, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(231, 76, 60, 0);
    }
}

@keyframes pulse-dot-b-phhaxxtrg1 {
    0% {
        transform: scale(0.95);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0.95);
        opacity: 0.8;
    }
}

/* Style for tickets with unread messages */
.card.has-unread-messages[b-phhaxxtrg1] {
    border-left: 4px solid #3498db;
    position: relative;
}

.card.has-urgent-messages[b-phhaxxtrg1] {
    border-left: 4px solid #e74c3c;
    position: relative;
}

/* Card hover effect for clickable tickets */
.card[b-phhaxxtrg1] {
    transition: all 0.3s ease;
    position: relative;
}

.card:hover[b-phhaxxtrg1] {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
/* _content/EntWebAppTest/Components/Pages/WaxDepartment.razor.rz.scp.css */
.manager-dashboard[b-2igcz1ea4l] {
    padding: 1rem;
}

.dashboard-stats[b-2igcz1ea4l] {
    margin-bottom: 1.5rem;
}

.stat-card[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

.stat-value[b-2igcz1ea4l] {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.stat-label[b-2igcz1ea4l] {
    font-size: 0.9rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
}

.dashboard-section[b-2igcz1ea4l] {
    margin-bottom: 2rem;
}

.section-card[b-2igcz1ea4l] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-header[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #4a5f7a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.section-header h4[b-2igcz1ea4l] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Modern Grid Styling */
.dashboard-grid[b-2igcz1ea4l] {
    margin: 0;
    background: transparent;
}

.dashboard-grid .dx-datagrid[b-2igcz1ea4l] {
    background: transparent;
    border: none;
}

.dashboard-grid .dx-datagrid-headers[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.dashboard-grid .dx-datagrid-header-panel[b-2igcz1ea4l] {
    background: transparent;
}

.dashboard-grid .dx-header-row[b-2igcz1ea4l] {
    background: transparent;
    color: #ecf0f1;
}

.dashboard-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td[b-2igcz1ea4l] {
    background: transparent;
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: none;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:last-child[b-2igcz1ea4l] {
    border-right: none;
}

/* Data rows */
.dashboard-grid .dx-data-row[b-2igcz1ea4l] {
    background: rgba(52, 73, 94, 0.3);
    border-bottom: 1px solid #4a5f7a;
    transition: all 0.2s ease;
}

.dashboard-grid .dx-data-row:hover[b-2igcz1ea4l] {
    background: rgba(155, 89, 182, 0.1);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.dashboard-grid .dx-data-row .dx-datagrid-table .dx-row > td[b-2igcz1ea4l] {
    background: transparent;
    color: #ecf0f1;
    padding: 0.875rem 0.75rem;
    border-bottom: none;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    vertical-align: middle;
}

.dashboard-grid .dx-data-row .dx-datagrid-table .dx-row > td:last-child[b-2igcz1ea4l] {
    border-right: none;
}

/* Alternating row colors */
.dashboard-grid .dx-row-alt[b-2igcz1ea4l] {
    background: rgba(44, 62, 80, 0.4);
}

.dashboard-grid .dx-row-alt:hover[b-2igcz1ea4l] {
    background: rgba(155, 89, 182, 0.15);
}

/* Badge styling */
.badge[b-2igcz1ea4l] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Button styling */
.btn-group-sm .btn[b-2igcz1ea4l] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.section-header:hover .drag-handle[b-2igcz1ea4l] {
    opacity: 1;
    transform: scale(1.1);
}

.btn-success[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-2igcz1ea4l] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info[b-2igcz1ea4l] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-2igcz1ea4l] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-2igcz1ea4l] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Form controls */
.form-select-sm[b-2igcz1ea4l] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
}

.form-select-sm:focus[b-2igcz1ea4l] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select-sm option[b-2igcz1ea4l] {
    background: #34495e;
    color: #ecf0f1;
}

/* Empty state styling */
.empty-state[b-2igcz1ea4l] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-2igcz1ea4l] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-2igcz1ea4l] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Test results grid */
.test-results-grid[b-2igcz1ea4l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(52, 73, 94, 0.1);
}

.test-result-card[b-2igcz1ea4l] {
    background: linear-gradient(145deg, #34495e, #2c3e50);
    border: 1px solid #4a5f7a;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: all 0.2s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.test-result-card:hover[b-2igcz1ea4l] {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.test-result-header[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #2c3e50, #34495e);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #4a5f7a;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ecf0f1;
}

.test-result-body[b-2igcz1ea4l] {
    padding: 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.3);
}

.test-result-actions[b-2igcz1ea4l] {
    padding: 0.75rem 1rem;
    border-top: 1px solid #4a5f7a;
    display: flex;
    gap: 0.5rem;
    background: rgba(44, 62, 80, 0.4);
}

/* Text colors for better contrast */
.text-muted[b-2igcz1ea4l] {
    color: #95a5a6 !important;
}

.text-primary[b-2igcz1ea4l] {
    color: #9b59b6 !important;
}

.text-success[b-2igcz1ea4l] {
    color: #27ae60 !important;
}

.text-danger[b-2igcz1ea4l] {
    color: #e74c3c !important;
}

.text-warning[b-2igcz1ea4l] {
    color: #f39c12 !important;
}

.text-info[b-2igcz1ea4l] {
    color: #3498db !important;
}

/* Small text styling */
.small[b-2igcz1ea4l] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Dashboard actions */
.dashboard-actions[b-2igcz1ea4l] {
    display: flex;
    gap: 0.5rem;
}

/* Toggle buttons styling */
.btn-group[b-2igcz1ea4l] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-2igcz1ea4l] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-2igcz1ea4l] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-2igcz1ea4l] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn-primary[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-primary[b-2igcz1ea4l] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

/* Pagination styling */
.dashboard-grid .dx-pager[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-top: 1px solid #4a5f7a;
    color: #ecf0f1;
}

.dashboard-grid .dx-pager .dx-page[b-2igcz1ea4l] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.dashboard-grid .dx-pager .dx-page.dx-selection[b-2igcz1ea4l] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

/* Drag and Drop Styles */
.sections-container[b-2igcz1ea4l] {
    width: 100%;
    min-height: 200px;
}

.draggable-section[b-2igcz1ea4l] {
    cursor: default;
    position: relative;
    margin-bottom: 2rem;
}

.draggable-section[draggable=true][b-2igcz1ea4l] {
    user-select: none;
}

.draggable-section.dragging[b-2igcz1ea4l] {
    opacity: 0.4;
    z-index: 9999;
}

.drag-handle[b-2igcz1ea4l] {
    cursor: grab;
    display: inline-block;
    margin-right: 0.5rem;
    user-select: none;
    font-size: 1.2rem;
    vertical-align: middle;
}

.drag-handle:hover[b-2igcz1ea4l] {
    color: #8e44ad;
}

.drag-over[b-2igcz1ea4l] {
    border: 2px dashed #9b59b6;
    border-radius: 1rem;
}

.drag-placeholder[b-2igcz1ea4l] {
    height: 100px;
    border: 2px dashed #9b59b6;
    border-radius: 1rem;
    background-color: rgba(155, 89, 182, 0.1);
    margin-bottom: 2rem;
}

.sections-container[b-2igcz1ea4l] {
    min-height: 100px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-stats .row[b-2igcz1ea4l] {
        --bs-gutter-x: 0.5rem;
    }
    
    .stat-card[b-2igcz1ea4l] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    
    .stat-value[b-2igcz1ea4l] {
        font-size: 2rem;
    }
    
    .section-header[b-2igcz1ea4l] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .section-controls[b-2igcz1ea4l] {
        margin-left: 0;
    }
    
    .btn-group-sm .btn[b-2igcz1ea4l] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}

/* Add these at the end of your file */
.grid-container[b-2igcz1ea4l] {
    width: 100%;
    overflow-x: auto;
}

[b-2igcz1ea4l] .fullwidth-grid {
    width: 100%;
}

[b-2igcz1ea4l] .dxbl-grid {
    width: 100% !important;
}

[b-2igcz1ea4l] .dx-datagrid {
    width: 100% !important;
    min-width: 100% !important;
    display: block !important;
}

[b-2igcz1ea4l] .dx-datagrid-container {
    width: 100% !important;
}

[b-2igcz1ea4l] .dx-datagrid-rowsview {
    width: 100% !important;
}

[b-2igcz1ea4l] .section-card {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

[b-2igcz1ea4l] .dashboard-section {
    width: 100% !important;
    max-width: 100% !important;
}

[b-2igcz1ea4l] .dx-datagrid-headers,
[b-2igcz1ea4l] .dx-datagrid-rowsview,
[b-2igcz1ea4l] .dx-datagrid-content {
    width: 100% !important;
}

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

/* Fix for section header alignment during collapse */
.section-header[b-2igcz1ea4l] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1rem 1.5rem !important;
    flex-wrap: nowrap !important;
}

/* Keep header content aligned left */
.section-header h4[b-2igcz1ea4l] {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Icon layout fixes */
.section-header h4 .drag-handle[b-2igcz1ea4l],
.section-header h4 .fixed-indicator[b-2igcz1ea4l] {
    position: static !important; 
    display: inline-block !important;
    margin-right: 0.5rem !important;
    flex: 0 0 auto !important;
    order: -1 !important;
}

/* Fix for collapse button positioning */
.section-header .section-toggle[b-2igcz1ea4l],
.section-header button[b-2igcz1ea4l] {
    flex: 0 0 auto !important;
    order: 2 !important;
}

/* Force DevExpress buttons to stay on the right */
[b-2igcz1ea4l] .section-header .dxbs-button,
[b-2igcz1ea4l] .section-header .btn {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

/* Target specific DevExpress components */
[b-2igcz1ea4l] .collapsed .section-header {
    flex-direction: row !important;
}

[b-2igcz1ea4l] .section-header > div:first-child {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

/* Ensure any collapse/expand buttons don't affect layout */
[b-2igcz1ea4l] .section-header [data-toggle="collapse"],
[b-2igcz1ea4l] .section-header [data-bs-toggle="collapse"] {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

/* Ensure icons inside headers are properly aligned */
[b-2igcz1ea4l] .section-header i,
[b-2igcz1ea4l] .section-header svg,
[b-2igcz1ea4l] .section-header span.icon {
    flex-shrink: 0 !important;
}
/* _content/EntWebAppTest/Components/Preroll/GroundInventory.razor.rz.scp.css */
/* _content/EntWebAppTest/Components/Preroll/InfusionTracker.razor.rz.scp.css */
/* _content/EntWebAppTest/Components/Preroll/MetrcFlowPreroll.razor.rz.scp.css */
/* .section-container {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h4 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 .oi {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls {
    margin-bottom: 1rem;
    margin-left: auto;
}

.section-content {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-container.collapsed .section-content {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions {
    margin-left: auto;
}

.btn-toggle {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover {
    color: #9b59b6;
    transform: translateY(-2px);
}

.table-responsive {
    width: 100%;
}

.table-dark {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th, .table-dark td {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

.btn-group-sm .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.empty-state {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal.fade.show {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    transform: translate(0, 0);
    transition: transform 0.3s ease-out;
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #2c3e50;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #4a5f7a;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    background: linear-gradient(135deg, #34495e, #2c3e50);
}

.modal-header .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
}

.modal-header .btn-close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #4a5f7a;
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.modal-footer > * {
    margin: 0.25rem;
}

.form-label {
    margin-bottom: 0.5rem;
    color: #ecf0f1;
    font-weight: 500;
}

.form-control, .form-select {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ecf0f1;
    background-color: #2c3e50;
    background-clip: padding-box;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus, .form-select:focus {
    color: #ecf0f1;
    background-color: #2c3e50;
    border-color: #9b59b6;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
}

.form-select {
    appearance: none;
    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='%23ecf0f1' 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;
}

.form-control:disabled, .form-select:disabled {
    background-color: #3c5064;
    opacity: 1;
}

.alert {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.5rem;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning .oi {
    color: #f39c12;
} */
/* _content/EntWebAppTest/Components/Preroll/PrerollInfusedMaterials.razor.rz.scp.css */
.section-card[b-eb60naanwa] {
    background-color: #2c3e50;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.section-container[b-eb60naanwa] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-eb60naanwa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-eb60naanwa], .section-header h4[b-eb60naanwa] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-content[b-eb60naanwa] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: auto;
}

/* Collapsed state */
.section-container.collapsed .section-content[b-eb60naanwa] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.btn-toggle[b-eb60naanwa], .collapse-btn[b-eb60naanwa] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.15rem 0.3rem;
    transition: all 0.2s ease;
    font-size: 1rem; /* smaller arrow */
    cursor: pointer;
    display: flex;
    align-items: center;
}

.btn-toggle:hover[b-eb60naanwa], .collapse-btn:hover[b-eb60naanwa] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.section-controls[b-eb60naanwa] {
    display: flex;
    gap: 0.5rem;
}

.badge[b-eb60naanwa] {
    padding: 0.35rem 0.65rem;
    font-weight: 500;
}

/* Table Styles */
.table-responsive[b-eb60naanwa] {
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

/* Add scrollbar styling for better appearance */
.table-container[b-eb60naanwa]::-webkit-scrollbar {
    width: 10px;
}

.table-container[b-eb60naanwa]::-webkit-scrollbar-track {
    background: rgba(52, 73, 94, 0.7);
    border-radius: 5px;
}

.table-container[b-eb60naanwa]::-webkit-scrollbar-thumb {
    background: rgba(155, 89, 182, 0.6);
    border-radius: 5px;
}

.table-container[b-eb60naanwa]::-webkit-scrollbar-thumb:hover {
    background: rgba(155, 89, 182, 0.8);
}

/* Table with fixed header */
.table-dark thead[b-eb60naanwa] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.table-dark th[b-eb60naanwa] {
    background: rgba(44, 62, 80, 0.95);
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.table-dark td[b-eb60naanwa] {
    background: transparent;
    color: #ecf0f1;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-eb60naanwa] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Empty State */
.empty-state[b-eb60naanwa] {
    color: #7f8c8d;
    padding: 2rem;
}

/* Status colors */
.bg-success[b-eb60naanwa] {
    background: linear-gradient(135deg, #2ecc71, #27ae60) !important;
    color: white;
}

.bg-warning[b-eb60naanwa] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white;
}

.bg-secondary[b-eb60naanwa] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.bg-info[b-eb60naanwa] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-eb60naanwa] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

/* Modal Styling */
.modal-content[b-eb60naanwa] {
    border-radius: 0.5rem;
    border: 1px solid #4a5f7a;
}

.modal-header[b-eb60naanwa] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-footer[b-eb60naanwa] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.status-badges[b-eb60naanwa] {
    padding: 1rem;
    background-color: rgba(52, 73, 94, 0.5);
    border-radius: 0.5rem;
}

/* Tab styling */
.nav-tabs[b-eb60naanwa] {
    border-bottom: 1px solid #4a5f7a;
}

.nav-tabs .nav-link[b-eb60naanwa] {
    color: #bdc3c7;
    border: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    cursor: pointer;
}

.nav-tabs .nav-link:hover[b-eb60naanwa] {
    color: #ecf0f1;
    background-color: rgba(74, 95, 122, 0.2);
    border-bottom-color: #9b59b6;
}

.nav-tabs .nav-link.active[b-eb60naanwa] {
    color: #ecf0f1;
    background-color: rgba(155, 89, 182, 0.1);
    border-bottom: 2px solid #9b59b6;
}

.status-badges .badge[b-eb60naanwa] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8rem;
}

/* Filter button and input styling */
.input-group-text[b-eb60naanwa] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    font-weight: 600;
}

.form-control[b-eb60naanwa] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-control:focus[b-eb60naanwa] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

/* Make the input group match the border radius */
.input-group[b-eb60naanwa] {
    border-radius: 0.5rem;
    overflow: hidden;
}

/* Filter button hover effects */
.btn-outline-primary[b-eb60naanwa] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
    transition: all 0.2s ease;
}

.btn-outline-primary:hover[b-eb60naanwa] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .section-header h4[b-eb60naanwa], .section-header h3[b-eb60naanwa] {
        font-size: 1rem;
    }
}
/* _content/EntWebAppTest/Components/Preroll/PrerollOvertimeSection.razor.rz.scp.css */
.section-card[b-njkjhqxe2y] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-container[b-njkjhqxe2y] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-njkjhqxe2y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-njkjhqxe2y] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-njkjhqxe2y] {
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-njkjhqxe2y] {
    margin-left: auto;
}

.btn-group[b-njkjhqxe2y] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-njkjhqxe2y] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-njkjhqxe2y] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-njkjhqxe2y] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn-primary[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-primary[b-njkjhqxe2y] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-success[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-njkjhqxe2y] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-njkjhqxe2y] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-njkjhqxe2y] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-njkjhqxe2y] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Table Styles */
.table-responsive[b-njkjhqxe2y] {
    width: 100%;
}

.table-dark[b-njkjhqxe2y] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-njkjhqxe2y], .table-dark td[b-njkjhqxe2y] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-njkjhqxe2y] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Form controls */
.form-select-sm[b-njkjhqxe2y] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
}

.form-select-sm:focus[b-njkjhqxe2y] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select-sm option[b-njkjhqxe2y] {
    background: #34495e;
    color: #ecf0f1;
}

/* Empty State Styling */
.empty-state[b-njkjhqxe2y] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-njkjhqxe2y] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-njkjhqxe2y] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Text colors for better contrast */
.text-muted[b-njkjhqxe2y] {
    color: #95a5a6 !important;
}

.text-primary[b-njkjhqxe2y] {
    color: #9b59b6 !important;
}

.text-success[b-njkjhqxe2y] {
    color: #27ae60 !important;
}

.text-danger[b-njkjhqxe2y] {
    color: #e74c3c !important;
}

.text-warning[b-njkjhqxe2y] {
    color: #f39c12 !important;
}

.text-info[b-njkjhqxe2y] {
    color: #3498db !important;
}

/* Small text styling */
.small[b-njkjhqxe2y] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section-header[b-njkjhqxe2y] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .btn-group-sm .btn[b-njkjhqxe2y] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
    .form-select-sm[b-njkjhqxe2y] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

.section-card .table-dark[b-njkjhqxe2y],
.section-card .table-dark th[b-njkjhqxe2y],
.section-card .table-dark td[b-njkjhqxe2y] {
    background: transparent !important;
    color: #ecf0f1 !important;
}

.section-card .table-hover tbody tr:hover[b-njkjhqxe2y] {
    background: rgba(155, 89, 182, 0.1) !important;
    transition: background 0.2s;
}

.collapse-btn[b-njkjhqxe2y] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}
.collapse-btn:hover[b-njkjhqxe2y] {
    color: #9b59b6;
}

.section-content[b-njkjhqxe2y] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-njkjhqxe2y] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-njkjhqxe2y] {
    margin-left: auto;
}

.btn-toggle[b-njkjhqxe2y] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-njkjhqxe2y] {
    color: #9b59b6;
    transform: translateY(-2px);
}
/* _content/EntWebAppTest/Components/Preroll/PrerollRecentEntries.razor.rz.scp.css */
.section-container[b-o76t6zrtjr] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-o76t6zrtjr] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-o76t6zrtjr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-o76t6zrtjr] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-o76t6zrtjr] {
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-actions[b-o76t6zrtjr] {
    margin-left: auto;
}

.btn-toggle[b-o76t6zrtjr] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-o76t6zrtjr] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.section-content[b-o76t6zrtjr] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 2000px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-controls[b-o76t6zrtjr] {
    margin-bottom: 1rem;
}

/* Table Styles */
.table-responsive[b-o76t6zrtjr] {
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    position: relative;
}

.table-dark[b-o76t6zrtjr] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-o76t6zrtjr], .table-dark td[b-o76t6zrtjr] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-dark thead th[b-o76t6zrtjr] {
    position: sticky;
    top: 0;
    background-color: #2c3e50;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.table-hover tbody tr:hover[b-o76t6zrtjr] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Form Controls */
.form-select[b-o76t6zrtjr], .form-control[b-o76t6zrtjr] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-select:focus[b-o76t6zrtjr], .form-control:focus[b-o76t6zrtjr] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select option[b-o76t6zrtjr] {
    background: #34495e;
    color: #ecf0f1;
}

/* Button Styles */
.btn[b-o76t6zrtjr] {
    transition: all 0.2s ease;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-primary[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-primary:hover[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-o76t6zrtjr] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-success[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.btn-outline-info[b-o76t6zrtjr] {
    background: rgba(52, 152, 219, 0.1);
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

/* Badge Styles */
.badge[b-o76t6zrtjr] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-o76t6zrtjr] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

/* Empty State */
.empty-state[b-o76t6zrtjr] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-o76t6zrtjr] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-o76t6zrtjr] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Alert Styles */
.alert-info[b-o76t6zrtjr] {
    background: rgba(52, 152, 219, 0.2);
    border: 1px solid #3498db;
    color: #ecf0f1;
}

/* Responsive */
@media (max-width: 768px) {
    .section-header[b-o76t6zrtjr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .section-controls .row[b-o76t6zrtjr] {
        --bs-gutter-x: 0.5rem;
    }
    
    .col-md-2[b-o76t6zrtjr], .col-md-4[b-o76t6zrtjr] {
        margin-bottom: 0.5rem;
    }
}
/* _content/EntWebAppTest/Components/Preroll/PrerollTestResults.razor.rz.scp.css */
.section-container[b-enftml57pk] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-enftml57pk] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-enftml57pk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-enftml57pk] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-enftml57pk] {
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-actions[b-enftml57pk] {
    margin-left: auto;
}

.btn-toggle[b-enftml57pk] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-enftml57pk] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.section-content[b-enftml57pk] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 2000px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-controls[b-enftml57pk] {
    margin-bottom: 1rem;
}

/* Card Styles */
.card[b-enftml57pk] {
    background: transparent;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    overflow: hidden;
}

.card-header[b-enftml57pk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #4a5f7a;
}

.card-header h5[b-enftml57pk] {
    font-weight: 600;
}

/* Table Styles */
.table-responsive[b-enftml57pk] {
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    position: relative;
}

.table-dark[b-enftml57pk] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-enftml57pk], .table-dark td[b-enftml57pk] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-dark thead th[b-enftml57pk] {
    position: sticky;
    top: 0;
    background-color: #2c3e50;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.table-hover tbody tr:hover[b-enftml57pk] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Form Controls */
.form-select[b-enftml57pk], .form-control[b-enftml57pk] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-select:focus[b-enftml57pk], .form-control:focus[b-enftml57pk] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select option[b-enftml57pk] {
    background: #34495e;
    color: #ecf0f1;
}

.form-check-input[b-enftml57pk] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
}

.form-check-input:checked[b-enftml57pk] {
    background-color: #9b59b6;
    border-color: #9b59b6;
}

.form-check-label[b-enftml57pk] {
    color: #ecf0f1;
    cursor: pointer;
    transition: color 0.2s ease;
    user-select: none;
}

.form-check-label:hover[b-enftml57pk] {
    color: #9b59b6;
}

.form-label[b-enftml57pk] {
    color: #ecf0f1;
    font-weight: 500;
}

/* Button Styles */
.btn[b-enftml57pk] {
    transition: all 0.2s ease;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-outline-info[b-enftml57pk] {
    background: rgba(52, 152, 219, 0.1);
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-enftml57pk] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

/* Badge Styles */
.badge[b-enftml57pk] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-enftml57pk] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-enftml57pk] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-enftml57pk] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white;
}

.bg-secondary[b-enftml57pk] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State */
.empty-state[b-enftml57pk] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-enftml57pk] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-enftml57pk] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Alert Styles */
.alert-danger[b-enftml57pk] {
    background: rgba(231, 76, 60, 0.2);
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

/* Loading Spinner */
.spinner-border[b-enftml57pk] {
    color: #9b59b6;
}

/* Responsive */
@media (max-width: 768px) {
    .section-header[b-enftml57pk] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .section-controls .row[b-enftml57pk] {
        --bs-gutter-x: 0.5rem;
    }
    
    .col-md-6[b-enftml57pk] {
        margin-bottom: 0.5rem;
    }
}

/* Make input fields more visible on dark backgrounds */
input[type="date"][b-enftml57pk] {
    color-scheme: dark;
}
/* _content/EntWebAppTest/Components/Preroll/PrerollTimeCorrections.razor.rz.scp.css */
.section-card[b-l68vayifd6] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-container[b-l68vayifd6] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-l68vayifd6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-l68vayifd6] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-l68vayifd6] {
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-l68vayifd6] {
    margin-bottom: 1rem;
    margin-left: auto;
}

.btn-group[b-l68vayifd6] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-l68vayifd6] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-l68vayifd6] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-l68vayifd6] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn-primary[b-l68vayifd6] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-primary[b-l68vayifd6] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-l68vayifd6] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-success[b-l68vayifd6] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-l68vayifd6] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-l68vayifd6] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-l68vayifd6] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-l68vayifd6] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-l68vayifd6] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-l68vayifd6] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-l68vayifd6] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-l68vayifd6] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-l68vayifd6] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-l68vayifd6] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-l68vayifd6] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-l68vayifd6] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-l68vayifd6] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-l68vayifd6] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.table[b-l68vayifd6] {
    margin-bottom: 0;
}

.table-dark[b-l68vayifd6] {
    background: transparent;
}

.table-dark th[b-l68vayifd6] {
    background: rgba(52, 73, 94, 0.7);
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.table-dark td[b-l68vayifd6] {
    background: transparent;
    color: #ecf0f1;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-l68vayifd6] {
    background: rgba(155, 89, 182, 0.1) !important;
    transition: background 0.2s ease;
}

/* Empty State Styling */
.empty-state[b-l68vayifd6] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-l68vayifd6] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-l68vayifd6] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Text colors for better contrast */
.text-muted[b-l68vayifd6] {
    color: #95a5a6 !important;
}

.text-primary[b-l68vayifd6] {
    color: #9b59b6 !important;
}

.text-success[b-l68vayifd6] {
    color: #27ae60 !important;
}

.text-danger[b-l68vayifd6] {
    color: #e74c3c !important;
}

.text-warning[b-l68vayifd6] {
    color: #f39c12 !important;
}

.text-info[b-l68vayifd6] {
    color: #3498db !important;
}

/* Form controls */
.form-select-sm[b-l68vayifd6] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
}

.form-select-sm:focus[b-l68vayifd6] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select-sm option[b-l68vayifd6] {
    background: #34495e;
    color: #ecf0f1;
}

/* Small text styling */
.small[b-l68vayifd6] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section-header[b-l68vayifd6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .btn-group-sm .btn[b-l68vayifd6] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
    
    .form-select-sm[b-l68vayifd6] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

.collapse-btn[b-l68vayifd6] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}

.collapse-btn:hover[b-l68vayifd6] {
    color: #9b59b6;
}

.table-responsive[b-l68vayifd6] {
    padding: 0 1rem;
}

.section-content[b-l68vayifd6] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-l68vayifd6] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-l68vayifd6] {
    margin-left: auto;
}

.btn-toggle[b-l68vayifd6] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-l68vayifd6] {
    color: #9b59b6;
    transform: translateY(-2px);
}
/* _content/EntWebAppTest/Components/Preroll/PrerollWeeklyReportSection.razor.rz.scp.css */
.section-card[b-j4mf3re9i4] {
    background: #2c3e50;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-container[b-j4mf3re9i4] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-j4mf3re9i4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-j4mf3re9i4] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-content[b-j4mf3re9i4] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 600px; /* Set a fixed maximum height */
    transition: all 0.3s ease;
    opacity: 1;
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.btn-toggle[b-j4mf3re9i4] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-j4mf3re9i4] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.table-dark[b-j4mf3re9i4] {
    background-color: #34495e;
    color: #ecf0f1;
}

.table-dark.table-striped > tbody > tr:nth-of-type(odd)[b-j4mf3re9i4] {
    background-color: rgba(0, 0, 0, 0.15);
}

.form-check-input:checked[b-j4mf3re9i4] {
    background-color: #9b59b6;
    border-color: #9b59b6;
}

.form-select-sm[b-j4mf3re9i4] {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #4a5f7a;
}

.form-control-sm[b-j4mf3re9i4] {
    background-color: #34495e;
    color: #ecf0f1;
    border: 1px solid #4a5f7a;
}

.form-check-label[b-j4mf3re9i4] {
    color: #ecf0f1;
}

.form-label[b-j4mf3re9i4] {
    color: #ecf0f1;
}

.text-primary[b-j4mf3re9i4] {
    color: #3498db !important;
}

.btn-outline-secondary[b-j4mf3re9i4] {
    color: #ecf0f1;
    border-color: #7f8c8d;
}

.btn-outline-secondary:hover[b-j4mf3re9i4] {
    background-color: #7f8c8d;
    color: #ecf0f1;
}

.info-button[b-j4mf3re9i4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #17a2b8;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    margin-left: 6px;
    cursor: help;
    border: none;
    transition: background-color 0.2s, transform 0.1s;
}

.info-button:hover[b-j4mf3re9i4] {
    background-color: #138496;
    transform: scale(1.1);
}

/* Update the section-content class to include scrolling */
.section-content[b-j4mf3re9i4] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 800px; /* Set a fixed maximum height */
    transition: all 0.3s ease;
    opacity: 1;
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Add a custom scrollbar for better visibility on dark backgrounds */
.section-content[b-j4mf3re9i4]::-webkit-scrollbar {
    width: 8px;
}

.section-content[b-j4mf3re9i4]::-webkit-scrollbar-track {
    background: #2c3e50;
    border-radius: 4px;
}

.section-content[b-j4mf3re9i4]::-webkit-scrollbar-thumb {
    background: #4a5f7a;
    border-radius: 4px;
}

.section-content[b-j4mf3re9i4]::-webkit-scrollbar-thumb:hover {
    background: #5d738f;
}

/* Keep the collapsed state with no scrolling */
.section-container.collapsed .section-content[b-j4mf3re9i4] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.tooltip-container[b-j4mf3re9i4] {
    position: fixed;
    z-index: 1050;
    max-width: 400px;
    max-height: 400px;
    overflow-y: auto;
    background-color: #343a40;
    color: #f8f9fa;
    border-radius: 6px;
    padding: 12px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}

.tooltip-container.visible[b-j4mf3re9i4] {
    opacity: 1;
    visibility: visible;
}

.tooltip-header[b-j4mf3re9i4] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #495057;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.tooltip-title[b-j4mf3re9i4] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
}

.tooltip-close[b-j4mf3re9i4] {
    background: transparent;
    border: none;
    color: #adb5bd;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
}

.tooltip-close:hover[b-j4mf3re9i4] {
    color: #f8f9fa;
}

.tooltip-list[b-j4mf3re9i4] {
    padding-left: 20px;
    margin-bottom: 0;
}

.tooltip-list li[b-j4mf3re9i4] {
    margin-bottom: 4px;
}

.tooltip-list li:last-child[b-j4mf3re9i4] {
    margin-bottom: 0;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .section-header h4[b-j4mf3re9i4] {
        font-size: 1rem;
    }
    
    .stat-value[b-j4mf3re9i4] {
        font-size: 1.5rem;
    }
    
    .stat-label[b-j4mf3re9i4] {
        font-size: 0.7rem;
    }
}

/* Make input fields more visible on dark backgrounds */
input[type="date"][b-j4mf3re9i4] {
    color-scheme: dark;
}
/* _content/EntWebAppTest/Components/Shared/ImpersonationBanner.razor.rz.scp.css */
.impersonation-banner[b-3vs0a7z8iz] {
    background-color: #f39c12;
    color: #000;
    padding: 0.5rem 0;
    position: sticky;
    top: 0;
    z-index: 1100;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.impersonation-banner .oi[b-3vs0a7z8iz] {
    margin-right: 0.5rem;
}

.impersonation-banner .btn-outline-light[b-3vs0a7z8iz] {
    border-color: #000;
    color: #000;
}

.impersonation-banner .btn-outline-light:hover[b-3vs0a7z8iz] {
    background-color: #000;
    color: #fff;
}
/* _content/EntWebAppTest/Components/Shared/Preroll/GroundInventory.razor.rz.scp.css */
.section-container[b-hofdit2o60] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-hofdit2o60] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-hofdit2o60] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-hofdit2o60] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

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

.section-content[b-hofdit2o60] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: auto;
}

/* Add this new class for the table container */
.table-container[b-hofdit2o60] {
    max-height: 500px;
    overflow-y: auto;
    border-radius: 0.5rem;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
}

/* Add scrollbar styling for better appearance */
.table-container[b-hofdit2o60]::-webkit-scrollbar {
    width: 10px;


}

.table-container[b-hofdit2o60]::-webkit-scrollbar-track {
    background: rgba(52, 73, 94, 0.7);
    border-radius: 5px;
}

.table-container[b-hofdit2o60]::-webkit-scrollbar-thumb {
    background: rgba(189, 189, 189, 0.95);
    border-radius: 5px;
}

.table-container[b-hofdit2o60]::-webkit-scrollbar-thumb:hover {
    background: rgba(189, 189, 189, 0.95);
}

/* Table with fixed header */
.table-container table thead[b-hofdit2o60] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.table-container table th[b-hofdit2o60] {
    background: rgba(44, 62, 80, 0.95);
}

.btn-toggle[b-hofdit2o60] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-hofdit2o60] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.btn-outline-primary[b-hofdit2o60], .btn-outline-light[b-hofdit2o60] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
    transition: all 0.2s ease;
}

.btn-outline-primary:hover[b-hofdit2o60], .btn-outline-light:hover[b-hofdit2o60] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-primary[b-hofdit2o60] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-primary:hover[b-hofdit2o60] {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-secondary[b-hofdit2o60] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-secondary:hover[b-hofdit2o60] {
    background: linear-gradient(135deg, #95a5a6, #7f8c8d);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

table[b-hofdit2o60] {
    width: 100%;
    color: #ecf0f1;
    margin-bottom: 0;
}

table th[b-hofdit2o60] {
    background: rgba(52, 73, 94, 0.7);
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

table td[b-hofdit2o60] {
    padding: 0.75rem;
    border-top: 1px solid rgba(236, 240, 241, 0.1);
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-hofdit2o60] {
    background-color: rgba(52, 73, 94, 0.5);
}

.table-striped tbody tr:nth-of-type(even)[b-hofdit2o60] {
    background-color: rgba(44, 62, 80, 0.4);
}

.table-hover tbody tr:hover[b-hofdit2o60] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.badge[b-hofdit2o60] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-hofdit2o60] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-warning[b-hofdit2o60] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white;
}

.bg-info[b-hofdit2o60] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-secondary[b-hofdit2o60] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.bg-danger[b-hofdit2o60] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-primary[b-hofdit2o60] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.alert-info[b-hofdit2o60] {
    background-color: rgba(52, 152, 219, 0.2);
    color: #ecf0f1;
    border: 1px solid rgba(52, 152, 219, 0.5);
    border-radius: 0.5rem;
    padding: 1rem;
}

/* Progress bar customizations */
.progress[b-hofdit2o60] {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 20px;
}

.progress-bar[b-hofdit2o60] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: white;
    transition: width 0.6s ease;
    overflow: visible;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Modal Styling */
.modal-content[b-hofdit2o60] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.modal-header[b-hofdit2o60] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1.25rem 1.5rem;
}

.modal-header .modal-title[b-hofdit2o60] {
    color: #ecf0f1;
    font-weight: 600;
}

.modal-body[b-hofdit2o60] {
    padding: 1.5rem;
    color: #ecf0f1;
}

.modal-footer[b-hofdit2o60] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(44, 62, 80, 0.4);
    padding: 1rem 1.5rem;
}

/* Detail rows in modal */
.detail-row[b-hofdit2o60] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.detail-row:last-child[b-hofdit2o60] {
    border-bottom: none;
}

.detail-label[b-hofdit2o60] {
    font-weight: 500;
    color: #bdc3c7;
}

.detail-value[b-hofdit2o60] {
    font-weight: 600;
    color: #ecf0f1;
}

/* Card styling for forms */
.card[b-hofdit2o60] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.card.bg-secondary[b-hofdit2o60] {
    background: linear-gradient(145deg, #7f8c8d, #95a5a6) !important;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.card-header[b-hofdit2o60] {
    background: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.25rem;
}

.card-header h5[b-hofdit2o60] {
    margin: 0;
    font-weight: 600;
    color: #ecf0f1;
}

.card-body[b-hofdit2o60] {
    padding: 1.25rem;
}

/* Form controls */
.form-control[b-hofdit2o60], .form-select[b-hofdit2o60] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-control:focus[b-hofdit2o60], .form-select:focus[b-hofdit2o60] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-label[b-hofdit2o60] {
    color: #ecf0f1;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-check-input[b-hofdit2o60] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.form-check-input:checked[b-hofdit2o60] {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

.form-check-label[b-hofdit2o60] {
    color: #ecf0f1;
}

/* Input group */
.input-group[b-hofdit2o60] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.input-group-text[b-hofdit2o60] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    font-weight: 600;
}


.compact-totals[b-hofdit2o60] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    justify-content: center;
}

.compact-total-item[b-hofdit2o60] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.05));
    border: 1px solid rgba(155, 89, 182, 0.3);
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    text-align: center;
    transition: all 0.2s ease;
    min-width: 140px;
}

.compact-total-item:hover[b-hofdit2o60] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(155, 89, 182, 0.2);
    border-color: rgba(155, 89, 182, 0.5);
}

.compact-total-label[b-hofdit2o60] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #bdc3c7;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.125rem;
}

.compact-total-value[b-hofdit2o60] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ecf0f1;
}

.totals-section[b-hofdit2o60] {
    display: none;
}

/* _content/EntWebAppTest/Components/Shared/Preroll/InfusionTracker.razor.rz.scp.css */
.section-card[b-9q8v041sqk] {
    background-color: #2c3e50;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

.section-card.collapsed .section-content[b-9q8v041sqk] {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.section-content[b-9q8v041sqk] {
    display: flex;
    flex-direction: column;
    padding: 0; /* Remove padding from section-content */
    background-color: #34495e;
    max-height: 80vh;
    opacity: 1;
    transition: all 0.3s ease;
    overflow: hidden; /* Hide overflow at container level */
}

.scrollable-content[b-9q8v041sqk] {
    flex: 1;
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.fixed-footer[b-9q8v041sqk] {
    background: linear-gradient(180deg, rgba(52, 73, 94, 0.8) 0%, rgba(52, 73, 94, 1) 20%);
    padding: 1rem 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin-top: auto;
}

/* Add custom scrollbar styling for better appearance */
.section-content[b-9q8v041sqk]::-webkit-scrollbar {
    width: 10px;
}

.section-content[b-9q8v041sqk]::-webkit-scrollbar-track {
    background: rgba(52, 73, 94, 0.7);
    border-radius: 5px;
}

.section-content[b-9q8v041sqk]::-webkit-scrollbar-thumb {
    background: rgba(189, 189, 189, 0.3);
    border-radius: 5px;
}

.section-content[b-9q8v041sqk]::-webkit-scrollbar-thumb:hover {
    background: rgba(189, 189, 189, 0.5);
}

/* Ensure when collapsed, we still properly hide content */
.section-card.collapsed .section-content[b-9q8v041sqk] {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.section-container[b-9q8v041sqk] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-9q8v041sqk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-9q8v041sqk],
.section-header h4[b-9q8v041sqk] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 i[b-9q8v041sqk] {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.section-controls[b-9q8v041sqk] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.btn-toggle[b-9q8v041sqk] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-9q8v041sqk] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.badge[b-9q8v041sqk] {
    padding: 0.35rem 0.65rem;
    font-weight: 500;
}

/* Table Styles */
.table-responsive[b-9q8v041sqk] {
    width: 100%;
}

.table-dark[b-9q8v041sqk] {
    background: transparent;
    color: #ecf0f1;
}

table[b-9q8v041sqk] {
    width: 100%;
    color: #ecf0f1;
    margin-bottom: 0;
}

table th[b-9q8v041sqk] {
    background: rgba(52, 73, 94, 0.7);
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

table td[b-9q8v041sqk] {
    padding: 0.75rem;
    border-top: 1px solid rgba(236, 240, 241, 0.1);
    vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd)[b-9q8v041sqk] {
    background-color: rgba(52, 73, 94, 0.5);
}

.table-striped tbody tr:nth-of-type(even)[b-9q8v041sqk] {
    background-color: rgba(44, 62, 80, 0.4);
}

.table-hover tbody tr:hover[b-9q8v041sqk] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Empty State */
.empty-state[b-9q8v041sqk] {
    color: #7f8c8d;
    padding: 2rem;
}

/* Status colors */
.bg-success[b-9q8v041sqk] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-warning[b-9q8v041sqk] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white;
}

.bg-info[b-9q8v041sqk] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-secondary[b-9q8v041sqk] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.bg-danger[b-9q8v041sqk] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-primary[b-9q8v041sqk] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.alert-info[b-9q8v041sqk] {
    background-color: rgba(52, 152, 219, 0.2);
    color: #ecf0f1;
    border: 1px solid rgba(52, 152, 219, 0.5);
    border-radius: 0.5rem;
    padding: 1rem;
}

/* Progress bar customizations */
.progress[b-9q8v041sqk] {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 20px;
}

.progress-bar[b-9q8v041sqk] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: white;
    transition: width 0.6s ease;
    overflow: visible;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Modal Styling */
.modal-content[b-9q8v041sqk] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.modal-header[b-9q8v041sqk] {
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1.25rem 1.5rem;
}

.modal-header .modal-title[b-9q8v041sqk] {
    color: #ecf0f1;
    font-weight: 600;
}

.modal-body[b-9q8v041sqk] {
    padding: 1.5rem;
    color: #ecf0f1;
}

.modal-footer[b-9q8v041sqk] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(44, 62, 80, 0.4);
    padding: 1rem 1.5rem;
}

/* Flow diagram styling */
.flow-diagram[b-9q8v041sqk] {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-top: 1rem;
}

.diagram-container[b-9q8v041sqk] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nodes-group[b-9q8v041sqk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    width: 100%;
}

.ingredient-group[b-9q8v041sqk] {
    padding: 1rem;
    background-color: rgba(52, 152, 219, 0.1);
    border-radius: 0.5rem;
    border: 1px dashed rgba(52, 152, 219, 0.4);
}

.node[b-9q8v041sqk] {
    padding: 1rem;
    border-radius: 0.5rem;
    min-width: 150px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.raw-material-node[b-9q8v041sqk] {
    background: linear-gradient(135deg, rgba(46, 204, 113, 0.2), rgba(39, 174, 96, 0.2));
    border: 2px solid #27ae60;
}

.ingredient-node[b-9q8v041sqk] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.15), rgba(41, 128, 185, 0.15));
    border: 2px solid #2980b9;
    transform: scale(0.85);
}

.product-node[b-9q8v041sqk] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.2));
    border: 2px solid #8e44ad;
}

.derived-node[b-9q8v041sqk] {
    background: linear-gradient(135deg, rgba(243, 156, 18, 0.2), rgba(230, 126, 34, 0.2));
    border: 2px solid #e67e22;
}

.overflow-node[b-9q8v041sqk] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.2), rgba(142, 68, 173, 0.2));
    border: 2px solid #8e44ad;
    display: flex;
    align-items: center;
    justify-content: center;
}

.node-title[b-9q8v041sqk] {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: #95a5a6;
    margin-bottom: 0.5rem;
}

.node-content[b-9q8v041sqk] {
    font-weight: 600;
    margin-bottom: 0.25rem;
    word-break: break-word;
}

.node-detail[b-9q8v041sqk] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    word-break: break-word;
}

.arrows-container[b-9q8v041sqk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem 0;
    width: 100%;
}

.arrows-join[b-9q8v041sqk] {
    position: relative;
}

.joining-arrow[b-9q8v041sqk] {
    position: relative;
    height: 40px;
    width: 2px;
    background-color: #3498db;
}

.joining-arrow[b-9q8v041sqk]:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: -4px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #3498db;
}

.arrow[b-9q8v041sqk] {
    height: 3px;
    width: 150px;
    position: relative;
    margin: 5px 0;
}

.arrow[b-9q8v041sqk]::after {
    content: '';
    position: absolute;
    right: 0;
    top: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-width: 7px;
    border-left-style: solid;
}

.arrow-primary[b-9q8v041sqk] {
    background-color: #3498db;
}

.arrow-primary[b-9q8v041sqk]::after {
    border-left-color: #3498db;
}

.arrow-warning[b-9q8v041sqk] {
    background-color: #e67e22;
}

.arrow-warning[b-9q8v041sqk]::after {
    border-left-color: #e67e22;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .node[b-9q8v041sqk] {
        min-width: 120px;
        padding: 0.75rem;
    }
    
    .arrow[b-9q8v041sqk] {
        width: 100px;
    }
}

@media (max-width: 576px) {
    .diagram-container[b-9q8v041sqk] {
        transform: rotate(90deg);
        margin: 5rem 0;
    }
    
    .node[b-9q8v041sqk] {
        transform: rotate(-90deg);
    }
    
    .ingredient-node[b-9q8v041sqk] {
        transform: rotate(-90deg) scale(0.85);
    }
}

/* Custom list styling */
ul.list-unstyled[b-9q8v041sqk] {
    padding-left: 0;
    list-style: none;
}

ul.list-unstyled li[b-9q8v041sqk] {
    padding: 0.15rem 0;
}

ul.list-unstyled li:not(:last-child)[b-9q8v041sqk] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Card styling */
.card[b-9q8v041sqk] {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: none;
    border-radius: 0.5rem;
    overflow: hidden;
}

.card.bg-secondary[b-9q8v041sqk] {
    background: linear-gradient(145deg, #7f8c8d, #95a5a6) !important;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.card-header[b-9q8v041sqk] {
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: 600;
    background: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 1rem 1.25rem;
}

.card-header h5[b-9q8v041sqk] {
    margin: 0;
    font-weight: 600;
    color: #ecf0f1;
}

.card-body[b-9q8v041sqk] {
    padding: 1.25rem;
}

.border-primary[b-9q8v041sqk] {
    border-color: #27ae60 !important;
}

.border-success[b-9q8v041sqk] {
    border-color: #8e44ad !important;
}

.border-info[b-9q8v041sqk] {
    border-color: #3498db !important;
}

.border-warning[b-9q8v041sqk] {
    border-color: #f39c12 !important;
}

.border-secondary[b-9q8v041sqk] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Form controls */
.form-control[b-9q8v041sqk], .form-select[b-9q8v041sqk] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-control:focus[b-9q8v041sqk], .form-select:focus[b-9q8v041sqk] {
    background-color: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-label[b-9q8v041sqk] {
    color: #ecf0f1;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-check-input[b-9q8v041sqk] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.form-check-input:checked[b-9q8v041sqk] {
    background-color: #9b59b6;
    border-color: #8e44ad;
}

.form-check-label[b-9q8v041sqk] {
    color: #ecf0f1;
}

/* Input group */
.input-group[b-9q8v041sqk] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.input-group-text[b-9q8v041sqk] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ecf0f1;
    font-weight: 600;
}

/* Detail rows in modal */
.detail-row[b-9q8v041sqk] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.detail-row:last-child[b-9q8v041sqk] {
    border-bottom: none;
}

.detail-label[b-9q8v041sqk] {
    font-weight: 500;
    color: #bdc3c7;
}

.detail-value[b-9q8v041sqk] {
    font-weight: 600;
    color: #ecf0f1;
}

input[type=number][b-9q8v041sqk]::-webkit-inner-spin-button, 
input[type=number][b-9q8v041sqk]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

input[type=number][b-9q8v041sqk] {
    -moz-appearance: textfield;
}
.compact-totals[b-9q8v041sqk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    justify-content: center;
}

.compact-total-item[b-9q8v041sqk] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.05));
    border: 1px solid rgba(155, 89, 182, 0.3);
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    text-align: center;
    transition: all 0.2s ease;
    min-width: 140px;
}

.compact-total-item:hover[b-9q8v041sqk] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(155, 89, 182, 0.2);
    border-color: rgba(155, 89, 182, 0.5);
}

.compact-total-label[b-9q8v041sqk] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #bdc3c7;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.125rem;
}

.compact-total-value[b-9q8v041sqk] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ecf0f1;
}

.totals-section[b-9q8v041sqk] {
    display: none;
}

.table-container[b-9q8v041sqk] {
    max-height: 400px;
    overflow-y: auto;
    border-radius: 0.5rem;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
}

/* Add scrollbar styling for better appearance */
.table-container[b-9q8v041sqk]::-webkit-scrollbar {
    width: 10px;
}

.table-container[b-9q8v041sqk]::-webkit-scrollbar-track {
    background: rgba(52, 73, 94, 0.7);
    border-radius: 5px;
}

.table-container[b-9q8v041sqk]::-webkit-scrollbar-thumb {
    background: rgba(189, 189, 189, 0.95);
    border-radius: 5px;
}

.table-container[b-9q8v041sqk]::-webkit-scrollbar-thumb:hover {
    background: rgba(189, 189, 189, 0.95);
}

/* Table with fixed header */
.table-container table thead[b-9q8v041sqk] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.table-container table th[b-9q8v041sqk] {
    background: rgba(44, 62, 80, 0.95);
}
/* _content/EntWebAppTest/Components/Shared/Preroll/MetrcMovementLog.razor.rz.scp.css */
.section-container[b-u886ihdaus] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-u886ihdaus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h4[b-u886ihdaus] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 .oi[b-u886ihdaus] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-u886ihdaus] {
    margin-bottom: 1rem;
    margin-left: auto;
}

.section-content[b-u886ihdaus] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-u886ihdaus] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-u886ihdaus] {
    margin-left: auto;
}

.btn-toggle[b-u886ihdaus] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-u886ihdaus] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* Table Styles */
.table-responsive[b-u886ihdaus] {
    width: 100%;
}

.table-dark[b-u886ihdaus] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-u886ihdaus], .table-dark td[b-u886ihdaus] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-u886ihdaus] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Button Styles */
.btn-group-sm .btn[b-u886ihdaus] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success[b-u886ihdaus] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-u886ihdaus] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-u886ihdaus] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-u886ihdaus] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-u886ihdaus] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-u886ihdaus] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info[b-u886ihdaus] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-u886ihdaus] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-u886ihdaus] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-u886ihdaus] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-u886ihdaus] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-u886ihdaus] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-u886ihdaus] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-u886ihdaus] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-u886ihdaus] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-u886ihdaus] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-u886ihdaus] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-u886ihdaus] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-u886ihdaus] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State Styling */
.empty-state[b-u886ihdaus] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-u886ihdaus] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-u886ihdaus] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Modal styling */
.modal-backdrop[b-u886ihdaus] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal[b-u886ihdaus] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal.show[b-u886ihdaus] {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog[b-u886ihdaus] {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    transform: translate(0, 0);
    transition: transform 0.3s ease-out;
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-u886ihdaus] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #2c3e50;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-header[b-u886ihdaus] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #4a5f7a;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    background: linear-gradient(135deg, #34495e, #2c3e50);
}

.modal-header .modal-title[b-u886ihdaus] {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
}

.modal-header .btn-close[b-u886ihdaus] {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    filter: invert(1) grayscale(100%) brightness(200%);
}

.modal-body[b-u886ihdaus] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer[b-u886ihdaus] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #4a5f7a;
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.modal-footer > *[b-u886ihdaus] {
    margin: 0.25rem;
}

/* Form styling */
.form-label[b-u886ihdaus] {
    margin-bottom: 0.5rem;
    color: #ecf0f1;
    font-weight: 500;
}

.form-control[b-u886ihdaus], .form-select[b-u886ihdaus] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ecf0f1;
    background-color: #2c3e50;
    background-clip: padding-box;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-u886ihdaus], .form-select:focus[b-u886ihdaus] {
    color: #ecf0f1;
    background-color: #2c3e50;
    border-color: #9b59b6;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(155, 89, 182, 0.25);
}

.form-select[b-u886ihdaus] {
    appearance: none;
    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='%23ecf0f1' 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;
}

.form-control:disabled[b-u886ihdaus], .form-select:disabled[b-u886ihdaus] {
    background-color: #3c5064;
    opacity: 1;
}

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

.alert-warning[b-u886ihdaus] {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning .oi[b-u886ihdaus] {
    color: #f39c12;
}

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

.alert-danger .oi[b-u886ihdaus] {
    color: #e74c3c;
}

.text-muted[b-u886ihdaus] {
    color: #95a5a6 !important;
}
/* _content/EntWebAppTest/Components/Shared/UserImpersonationDropdown.razor.rz.scp.css */
.user-impersonation-dropdown[b-5k4l9fk247] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-5k4l9fk247] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.dropdown-toggle:hover[b-5k4l9fk247] {
    background-color: rgba(255, 255, 255, 0.1);
}

.dropdown-menu[b-5k4l9fk247] {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 300px;
    max-width: 400px;
    background-color: #2d2d2d;
    border-radius: 4px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
    z-index: 1050;
    margin-top: 5px;
    overflow: hidden;
    max-height: 400px;
    overflow-y: auto;
}

.dropdown-menu-end[b-5k4l9fk247] {
    --bs-position: end;
}

.dropdown-menu.show[b-5k4l9fk247] {
    transform: none !important;
    top: 100% !important;
    left: auto !important;
    right: 0 !important;
}

.dropdown-header[b-5k4l9fk247] {
    padding: 10px;
    background-color: #1a1a1a;
}

.dropdown-items[b-5k4l9fk247] {
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-item[b-5k4l9fk247] {
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dropdown-item:hover[b-5k4l9fk247] {
    background-color: #3a3a3a;
}

.dropdown-item.loading[b-5k4l9fk247], .dropdown-item.no-results[b-5k4l9fk247] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    padding: 15px;
    color: #999;
    cursor: default;
}

.dropdown-item.advanced[b-5k4l9fk247], .dropdown-item.more-results[b-5k4l9fk247] {
    padding: 8px 15px;
    text-align: center;
}

.dropdown-divider[b-5k4l9fk247] {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.search-input[b-5k4l9fk247] {
    background-color: #333;
    border: 1px solid #444;
    color: white;
}

.search-input:focus[b-5k4l9fk247] {
    background-color: #444;
    border-color: #666;
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.15);
}

.user-name[b-5k4l9fk247] {
    font-weight: 500;
}

.user-email[b-5k4l9fk247] {
    font-size: 0.85rem;
    color: #999;
}

.user-roles[b-5k4l9fk247] {
    margin-top: 5px;
    display: flex;
    gap: 5px;
}

.role-badge[b-5k4l9fk247] {
    background-color: #375a7f;
    font-size: 0.7rem;
    font-weight: normal;
}
/* _content/EntWebAppTest/Components/WaxDepartment/MetrcLogTracker.razor.rz.scp.css */
.section-container[b-hw9nbjy7yo] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-hw9nbjy7yo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}


.section-header h4[b-hw9nbjy7yo] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 .oi[b-hw9nbjy7yo] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-hw9nbjy7yo] {
    margin-bottom: 1rem;
    margin-left: auto;
}

.section-content[b-hw9nbjy7yo] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-hw9nbjy7yo] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-hw9nbjy7yo] {
    margin-left: auto;
}

.btn-toggle[b-hw9nbjy7yo] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-hw9nbjy7yo] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* Table Styles */
.table-responsive[b-hw9nbjy7yo] {
    width: 100%;
}

.table-dark[b-hw9nbjy7yo] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-hw9nbjy7yo], .table-dark td[b-hw9nbjy7yo] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-hw9nbjy7yo] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Button Styles */
.btn-group-sm .btn[b-hw9nbjy7yo] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-hw9nbjy7yo] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State Styling */
.empty-state[b-hw9nbjy7yo] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-hw9nbjy7yo] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-hw9nbjy7yo] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Text colors for better contrast */
.text-muted[b-hw9nbjy7yo] {
    color: #95a5a6 !important;
}

.text-primary[b-hw9nbjy7yo] {
    color: #9b59b6 !important;
}

.text-success[b-hw9nbjy7yo] {
    color: #27ae60 !important;
}

.text-danger[b-hw9nbjy7yo] {
    color: #e74c3c !important;
}

.text-warning[b-hw9nbjy7yo] {
    color: #f39c12 !important;
}

.text-info[b-hw9nbjy7yo] {
    color: #3498db !important;
}

/* Small text styling */
.small[b-hw9nbjy7yo] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Dashboard actions */
.dashboard-actions[b-hw9nbjy7yo] {
    display: flex;
    gap: 0.5rem;
}

/* Toggle buttons styling */
.btn-group[b-hw9nbjy7yo] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-hw9nbjy7yo] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-hw9nbjy7yo] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-hw9nbjy7yo] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn-primary[b-hw9nbjy7yo] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-primary[b-hw9nbjy7yo] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-stats .row[b-hw9nbjy7yo] {
        --bs-gutter-x: 0.5rem;
    }
    .stat-card[b-hw9nbjy7yo] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .stat-value[b-hw9nbjy7yo] {
        font-size: 2rem;
    }
    .section-header[b-hw9nbjy7yo] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .section-controls[b-hw9nbjy7yo] {
        margin-left: 0;
    }
    .btn-group-sm .btn[b-hw9nbjy7yo] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}


/* Utility */
.w-100[b-hw9nbjy7yo] {
    width: 100%;
}

.collapse-btn[b-hw9nbjy7yo] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}
.collapse-btn:hover[b-hw9nbjy7yo] {
    color: #9b59b6;
}

.d-none[b-hw9nbjy7yo] {
    display: none !important;
}

/* Add these styles for the collapse animation like WaxTimeCorrection */
.section-content[b-hw9nbjy7yo] {
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-card.collapsed .section-content[b-hw9nbjy7yo] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-hw9nbjy7yo] {
    margin-left: auto;
}

.btn-toggle[b-hw9nbjy7yo] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-hw9nbjy7yo] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* _content/EntWebAppTest/Components/WaxDepartment/WaxActiveInventory.razor.rz.scp.css */
.section-card[b-k30pgkl7ip] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

/* Change section-container styling to match Preroll component */
.section-container[b-k30pgkl7ip] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-k30pgkl7ip] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h4[b-k30pgkl7ip] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 i[b-k30pgkl7ip] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-k30pgkl7ip] {
    margin-left: auto;
}

/* Table Styles */
.table-responsive[b-k30pgkl7ip] {
    width: 100%;
}

.table-dark[b-k30pgkl7ip] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-k30pgkl7ip], .table-dark td[b-k30pgkl7ip] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-k30pgkl7ip] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Button Styles */
.btn-group-sm .btn[b-k30pgkl7ip] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-k30pgkl7ip] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info[b-k30pgkl7ip] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-k30pgkl7ip] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-k30pgkl7ip] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-k30pgkl7ip] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State Styling */
.empty-state[b-k30pgkl7ip] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-k30pgkl7ip] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-k30pgkl7ip] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Text colors for better contrast */
.text-muted[b-k30pgkl7ip] {
    color: #95a5a6 !important;
}

.text-primary[b-k30pgkl7ip] {
    color: #9b59b6 !important;
}

.text-success[b-k30pgkl7ip] {
    color: #27ae60 !important;
}

.text-danger[b-k30pgkl7ip] {
    color: #e74c3c !important;
}

.text-warning[b-k30pgkl7ip] {
    color: #f39c12 !important;
}

.text-info[b-k30pgkl7ip] {
    color: #3498db !important;
}

/* Small text styling */
.small[b-k30pgkl7ip] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Dashboard actions */
.dashboard-actions[b-k30pgkl7ip] {
    display: flex;
    gap: 0.5rem;
}

/* Toggle buttons styling */
.btn-group[b-k30pgkl7ip] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-k30pgkl7ip] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-k30pgkl7ip] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-k30pgkl7ip] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn-primary[b-k30pgkl7ip] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-primary[b-k30pgkl7ip] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-stats .row[b-k30pgkl7ip] {
        --bs-gutter-x: 0.5rem;
    }
    .stat-card[b-k30pgkl7ip] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .stat-value[b-k30pgkl7ip] {
        font-size: 2rem;
    }
    .section-header[b-k30pgkl7ip] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .section-controls[b-k30pgkl7ip] {
        margin-left: 0;
    }
    .btn-group-sm .btn[b-k30pgkl7ip] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}

/* Utility */
.w-100[b-k30pgkl7ip] {
    width: 100%;
}

.collapse-btn[b-k30pgkl7ip] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}
.collapse-btn:hover[b-k30pgkl7ip] {
    color: #9b59b6;
}

/* Add these for smooth collapse/expand transition */
.section-content[b-k30pgkl7ip] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-k30pgkl7ip] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-k30pgkl7ip] {
    margin-left: auto;
}

.btn-toggle[b-k30pgkl7ip] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-k30pgkl7ip] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.section-content[b-k30pgkl7ip] {
    max-height: 500px;
    overflow-y: auto;
    padding: 1.5rem;
    background-color: #34495e;
    transition: all 0.3s ease;
    opacity: 1;
}

/* Custom scrollbar styling */
.section-content[b-k30pgkl7ip]::-webkit-scrollbar {
    width: 8px;
}

.section-content[b-k30pgkl7ip]::-webkit-scrollbar-track {
    background: rgba(52, 73, 94, 0.5);
    border-radius: 4px;
}

.section-content[b-k30pgkl7ip]::-webkit-scrollbar-thumb {
    background: rgba(155, 89, 182, 0.7);
    border-radius: 4px;
}

.section-content[b-k30pgkl7ip]::-webkit-scrollbar-thumb:hover {
    background: #9b59b6;
}

/* For Firefox */
.section-content[b-k30pgkl7ip] {
    scrollbar-width: thin;
    scrollbar-color: rgba(155, 89, 182, 0.7) rgba(52, 73, 94, 0.5);
}

/* Make table header sticky */
.table-responsive table thead th[b-k30pgkl7ip] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #2c3e50;
}

/* Keep collapsed state working properly */
.section-container.collapsed .section-content[b-k30pgkl7ip] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

/* Make sure the table stays full width */
.table-responsive[b-k30pgkl7ip] {
    width: 100%;
}
/* _content/EntWebAppTest/Components/WaxDepartment/WaxGramFlowChart.razor.rz.scp.css */
.section-card[b-fvhf0loqec] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

/* Change section-container styling to match Preroll component */
.section-container[b-fvhf0loqec] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-fvhf0loqec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h4[b-fvhf0loqec] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h4 i[b-fvhf0loqec] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-fvhf0loqec] {
    margin-left: auto;
}

/* Table Styles */
.table-responsive[b-fvhf0loqec] {
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
    border-radius: 0.5rem;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
}

.table-dark[b-fvhf0loqec] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-fvhf0loqec], .table-dark td[b-fvhf0loqec] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-fvhf0loqec] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Custom scrollbar styling */
.table-responsive[b-fvhf0loqec]::-webkit-scrollbar {
    width: 8px;
}

.table-responsive[b-fvhf0loqec]::-webkit-scrollbar-track {
    background: rgba(52, 73, 94, 0.5);
    border-radius: 4px;
}

.table-responsive[b-fvhf0loqec]::-webkit-scrollbar-thumb {
    background: rgba(155, 89, 182, 0.7);
    border-radius: 4px;
}

.table-responsive[b-fvhf0loqec]::-webkit-scrollbar-thumb:hover {
    background: #9b59b6;
}

/* For Firefox */
.table-responsive[b-fvhf0loqec] {
    scrollbar-width: thin;
    scrollbar-color: rgba(155, 89, 182, 0.7) rgba(52, 73, 94, 0.5);
}

/* Make table header sticky */
.table-responsive table thead th[b-fvhf0loqec] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #2c3e50;
}

/* Button Styles */
.btn-group-sm .btn[b-fvhf0loqec] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success[b-fvhf0loqec] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-fvhf0loqec] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-fvhf0loqec] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-fvhf0loqec] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-fvhf0loqec] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-fvhf0loqec] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info[b-fvhf0loqec] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-fvhf0loqec] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-fvhf0loqec] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-fvhf0loqec] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-fvhf0loqec] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-fvhf0loqec] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-fvhf0loqec] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-fvhf0loqec] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-fvhf0loqec] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-fvhf0loqec] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-fvhf0loqec] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-fvhf0loqec] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-fvhf0loqec] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State Styling */
.empty-state[b-fvhf0loqec] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-fvhf0loqec] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-fvhf0loqec] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Add these for smooth collapse/expand transition */
.section-content[b-fvhf0loqec] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-fvhf0loqec] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-fvhf0loqec] {
    margin-left: auto;
}

.btn-toggle[b-fvhf0loqec] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-fvhf0loqec] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* Modal Styling */
.modal-content[b-fvhf0loqec] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    border: 1px solid #4a5f7a;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

.modal-header[b-fvhf0loqec] {
    border-bottom: 1px solid rgba(74, 95, 122, 0.5);
    padding: 1.25rem 1.5rem;
}

.modal-header .modal-title[b-fvhf0loqec] {
    color: #ecf0f1;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.modal-header .btn-close[b-fvhf0loqec] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.5rem;
    border-radius: 50%;
}

.modal-body[b-fvhf0loqec] {
    padding: 1.5rem;
    background-color: #34495e;
    color: #ecf0f1;
}

.modal-footer[b-fvhf0loqec] {
    border-top: 1px solid rgba(74, 95, 122, 0.5);
    padding: 1.25rem 1.5rem;
}

/* Detail rows in modal */
.detail-row[b-fvhf0loqec] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.detail-row:last-child[b-fvhf0loqec] {
    border-bottom: none;
}

.detail-label[b-fvhf0loqec] {
    font-weight: 600;
    color: #bdc3c7;
}

.detail-value[b-fvhf0loqec] {
    color: #ecf0f1;
    font-weight: 500;
}

/* Card styling for modal */
.card[b-fvhf0loqec] {
    background: rgba(44, 62, 80, 0.7);
    border: 1px solid rgba(74, 95, 122, 0.5);
    border-radius: 0.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.card.bg-secondary[b-fvhf0loqec] {
    background: rgba(44, 62, 80, 0.7) !important;
}

.card-header[b-fvhf0loqec] {
    background: rgba(52, 73, 94, 0.5);
    border-bottom: 1px solid rgba(74, 95, 122, 0.5);
    padding: 0.75rem 1rem;
}

.card-header h5[b-fvhf0loqec] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1rem;
    font-weight: 600;
}

.card-body[b-fvhf0loqec] {
    padding: 1rem;
}

/* Add styling for clickable rows */
.clickable-row[b-fvhf0loqec] {
    cursor: pointer;
    transition: all 0.2s ease;
}

.clickable-row:hover[b-fvhf0loqec] {
    background: rgba(155, 89, 182, 0.1) !important;
}

/* Display text for percentages */
.display-4[b-fvhf0loqec] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ecf0f1;
}

/* Dashboard actions */
.dashboard-actions[b-fvhf0loqec] {
    display: flex;
    gap: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-stats .row[b-fvhf0loqec] {
        --bs-gutter-x: 0.5rem;
    }
    .stat-card[b-fvhf0loqec] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .stat-value[b-fvhf0loqec] {
        font-size: 2rem;
    }
    .section-header[b-fvhf0loqec] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .section-controls[b-fvhf0loqec] {
        margin-left: 0;
    }
    .btn-group-sm .btn[b-fvhf0loqec] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}
/* _content/EntWebAppTest/Components/WaxDepartment/WaxGramLogs.razor.rz.scp.css */
.section-container[b-us6nyly5ph] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-us6nyly5ph] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-us6nyly5ph] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-us6nyly5ph] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-us6nyly5ph] {
    margin-bottom: 1rem;
    margin-left: auto;
}

.section-content[b-us6nyly5ph] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-us6nyly5ph] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-us6nyly5ph] {
    margin-left: auto;
}

.btn-toggle[b-us6nyly5ph] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-us6nyly5ph] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* Table Styles */
.table-responsive[b-us6nyly5ph] {
    width: 100%;
}

.table-dark[b-us6nyly5ph] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-us6nyly5ph], .table-dark td[b-us6nyly5ph] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-us6nyly5ph] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Button Styles */
.btn-group-sm .btn[b-us6nyly5ph] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success[b-us6nyly5ph] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-us6nyly5ph] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-us6nyly5ph] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-us6nyly5ph] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-us6nyly5ph] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-us6nyly5ph] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info[b-us6nyly5ph] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-us6nyly5ph] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-us6nyly5ph] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-us6nyly5ph] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-us6nyly5ph] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-us6nyly5ph] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-us6nyly5ph] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-us6nyly5ph] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-us6nyly5ph] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-us6nyly5ph] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-us6nyly5ph] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-us6nyly5ph] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-us6nyly5ph] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State Styling */
.empty-state[b-us6nyly5ph] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-us6nyly5ph] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-us6nyly5ph] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Text colors for better contrast */
.text-muted[b-us6nyly5ph] {
    color: #95a5a6 !important;
}

.text-primary[b-us6nyly5ph] {
    color: #9b59b6 !important;
}

.text-success[b-us6nyly5ph] {
    color: #27ae60 !important;
}

.text-danger[b-us6nyly5ph] {
    color: #e74c3c !important;
}

.text-warning[b-us6nyly5ph] {
    color: #f39c12 !important;
}

.text-info[b-us6nyly5ph] {
    color: #3498db !important;
}

/* Small text styling */
.small[b-us6nyly5ph] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Dashboard actions */
.dashboard-actions[b-us6nyly5ph] {
    display: flex;
    gap: 0.5rem;
}

/* Toggle buttons styling */
.btn-group[b-us6nyly5ph] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-us6nyly5ph] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-us6nyly5ph] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-us6nyly5ph] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-stats .row[b-us6nyly5ph] {
        --bs-gutter-x: 0.5rem;
    }
    .stat-card[b-us6nyly5ph] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .stat-value[b-us6nyly5ph] {
        font-size: 2rem;
    }
    .section-header[b-us6nyly5ph] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .section-controls[b-us6nyly5ph] {
        margin-left: 0;
    }
    .btn-group-sm .btn[b-us6nyly5ph] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
}

/* Utility */
.w-100[b-us6nyly5ph] {
    width: 100%;
}

.collapse-btn[b-us6nyly5ph] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}
.collapse-btn:hover[b-us6nyly5ph] {
    color: #9b59b6;
}
/* _content/EntWebAppTest/Components/WaxDepartment/WaxOvertimeSection.razor.rz.scp.css */
.section-card[b-o149j47s9g] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-container[b-o149j47s9g] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-o149j47s9g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-o149j47s9g] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-o149j47s9g] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-controls[b-o149j47s9g] {
    margin-bottom: 1rem;
    margin-left: auto;
    display: flex;
    align-items: center;
    /* Prevent controls from pushing h4 */
}

.section-actions[b-o149j47s9g] {
    margin-left: auto;
}

.btn-toggle[b-o149j47s9g] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-o149j47s9g] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.btn-group[b-o149j47s9g] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-o149j47s9g] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-o149j47s9g] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-o149j47s9g] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn-primary[b-o149j47s9g] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-primary[b-o149j47s9g] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-o149j47s9g] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-success[b-o149j47s9g] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-o149j47s9g] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-o149j47s9g] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-o149j47s9g] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-o149j47s9g] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-o149j47s9g] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-o149j47s9g] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-o149j47s9g] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Badge Styles */
.badge[b-o149j47s9g] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-o149j47s9g] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-o149j47s9g] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-o149j47s9g] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-o149j47s9g] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-o149j47s9g] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-o149j47s9g] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

.table[b-o149j47s9g] {
    margin-bottom: 0;
}

.table-dark[b-o149j47s9g] {
    background: transparent;
}

.table-dark th[b-o149j47s9g] {
    background: rgba(52, 73, 94, 0.7);
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.table-dark td[b-o149j47s9g] {
    background: transparent;
    color: #ecf0f1;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-o149j47s9g] {
    background: rgba(155, 89, 182, 0.1) !important;
    transition: background 0.2s ease;
}

/* Empty State Styling */
.empty-state[b-o149j47s9g] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-o149j47s9g] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-o149j47s9g] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Text colors for better contrast */
.text-muted[b-o149j47s9g] {
    color: #95a5a6 !important;
}

.text-primary[b-o149j47s9g] {
    color: #9b59b6 !important;
}

.text-success[b-o149j47s9g] {
    color: #27ae60 !important;
}

.text-danger[b-o149j47s9g] {
    color: #e74c3c !important;
}

.text-warning[b-o149j47s9g] {
    color: #f39c12 !important;
}

.text-info[b-o149j47s9g] {
    color: #3498db !important;
}

/* Form controls */
.form-select-sm[b-o149j47s9g] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
}

.form-select-sm:focus[b-o149j47s9g] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select-sm option[b-o149j47s9g] {
    background: #34495e;
    color: #ecf0f1;
}

/* Small text styling */
.small[b-o149j47s9g] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .section-header[b-o149j47s9g] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .btn-group-sm .btn[b-o149j47s9g] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
    
    .form-select-sm[b-o149j47s9g] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

.table-responsive[b-o149j47s9g] {
    padding: 0 1rem;
}

.section-content[b-o149j47s9g] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

/* Add this rule to support collapsed state */
.section-container.collapsed .section-content[b-o149j47s9g] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}
/* _content/EntWebAppTest/Components/WaxDepartment/WaxQuickStats.razor.rz.scp.css */
.dashboard-stats[b-slqdcg8e9s] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-slqdcg8e9s] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

.stat-value[b-slqdcg8e9s] {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.stat-label[b-slqdcg8e9s] {
    font-size: 0.9rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .dashboard-stats .row[b-slqdcg8e9s] {
        --bs-gutter-x: 0.5rem;
    }
    
    .stat-card[b-slqdcg8e9s] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    
    .stat-value[b-slqdcg8e9s] {
        font-size: 2rem;
    }
}

/* Mobile-friendly stat cards */
@media (max-width: 767.98px) {
    .stat-card[b-slqdcg8e9s] {
        padding: 0.875rem;
        min-height: auto;
        margin-bottom: 0; /* Row spacing handled by Bootstrap mb-3 */
    }
    
    .stat-value[b-slqdcg8e9s] {
        font-size: 1.75rem;
    }
    
    .stat-label[b-slqdcg8e9s] {
        font-size: 0.8rem;
    }
}

/* Smaller mobile devices */
@media (max-width: 575.98px) {
    .stat-card[b-slqdcg8e9s] {
        padding: 0.75rem;
    }
    
    .stat-value[b-slqdcg8e9s] {
        font-size: 1.5rem;
        margin-bottom: 0.25rem;
    }
}

/* Mobile landscape orientation */
@media (max-width: 991.98px) and (orientation: landscape) {
    .stat-card[b-slqdcg8e9s] {
        padding: 0.5rem;
        min-height: 0;
        margin-bottom: 0.5rem;
    }
    
    .stat-value[b-slqdcg8e9s] {
        font-size: 1.5rem;
        margin-bottom: 0.15rem;
    }
    
    .stat-label[b-slqdcg8e9s] {
        font-size: 0.7rem;
        line-height: 1;
    }
    
    /* Ensure we use the extra horizontal space effectively */
    .row > [class*="col-"][b-slqdcg8e9s] {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .dashboard-stats .row[b-slqdcg8e9s] {
        margin-left: -5px;
        margin-right: -5px;
    }
}
/* _content/EntWebAppTest/Components/WaxDepartment/WaxRecentEntries.razor.rz.scp.css */
.section-card[b-o4nc0r3aok] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
}

.section-container[b-o4nc0r3aok] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-o4nc0r3aok] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-title[b-o4nc0r3aok] {
    display: flex;
    align-items: center;
    min-width: 220px;
}

.section-header h3[b-o4nc0r3aok] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-o4nc0r3aok] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-header h4[b-o4nc0r3aok] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0; /* Prevent shrinking */
    flex-grow: 0;    /* Prevent growing */
    min-width: 0;
}

.section-header h4 .oi[b-o4nc0r3aok],
.btn .oi.oi-clock[b-o4nc0r3aok] {
    color: #9b59b6 !important;
}

.section-content[b-o4nc0r3aok] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-container.collapsed .section-content[b-o4nc0r3aok] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-o4nc0r3aok] {
    margin-left: auto;
}

.section-controls[b-o4nc0r3aok] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    flex-grow: 1;
    justify-content: flex-start;
    padding: 0.5rem 0 1rem 0.5rem;
}

.filter-dropdown-group[b-o4nc0r3aok] {
    min-width: 120px;
    max-width: 180px;
    flex: 1;
}

.btn-toggle[b-o4nc0r3aok] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-o4nc0r3aok] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* Table Styles */
.table-responsive[b-o4nc0r3aok] {
    width: 100%;
}

.table-dark[b-o4nc0r3aok] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-o4nc0r3aok], .table-dark td[b-o4nc0r3aok] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-o4nc0r3aok] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Scrollable table styles */
.table-responsive.height-limited[b-o4nc0r3aok] {
    max-height: 600px;
    overflow-y: auto;
    position: relative;
}

.table-responsive.height-limited table[b-o4nc0r3aok] {
    width: 100%;
    margin-bottom: 0;
}

.table-responsive.height-limited thead[b-o4nc0r3aok] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.table-responsive.height-limited thead th[b-o4nc0r3aok] {
    position: sticky;
    top: 0;
    background-color: #2c3e50;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

/* Button Styles */
.btn-group-sm .btn[b-o4nc0r3aok] {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-success[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
    color: white;
}

.btn-success:hover[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-danger[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-danger:hover[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-primary[b-o4nc0r3aok] {
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.1), rgba(142, 68, 173, 0.1));
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-info[b-o4nc0r3aok] {
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-danger[b-o4nc0r3aok] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.btn-outline-secondary[b-o4nc0r3aok] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.action-buttons[b-o4nc0r3aok] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Badge Styles */
.badge[b-o4nc0r3aok] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: #2c3e50;
}

.bg-info[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #3498db, #2980b9) !important;
    color: white;
}

.bg-primary[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    color: white;
}

.bg-secondary[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State Styling */
.empty-state[b-o4nc0r3aok] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-o4nc0r3aok] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-o4nc0r3aok] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Keep entries limit indicator */
.entries-limit-indicator[b-o4nc0r3aok] {
    background-color: rgba(241, 196, 15, 0.1);
    border-left: 4px solid #f1c40f;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    color: #ecf0f1;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.entries-limit-indicator a[b-o4nc0r3aok] {
    margin-left: 0.5rem;
    color: #3498db;
    text-decoration: none;
    font-weight: 600;
}

.entries-limit-indicator a:hover[b-o4nc0r3aok] {
    text-decoration: underline;
}

/* Text colors for better contrast */
.text-muted[b-o4nc0r3aok] {
    color: #95a5a6 !important;
}

.text-primary[b-o4nc0r3aok] {
    color: #9b59b6 !important;
}

.text-success[b-o4nc0r3aok] {
    color: #27ae60 !important;
}

.text-danger[b-o4nc0r3aok] {
    color: #e74c3c !important;
}

.text-warning[b-o4nc0r3aok] {
    color: #f39c12 !important;
}

.text-info[b-o4nc0r3aok] {
    color: #3498db !important;
}

/* Small text styling */
.small[b-o4nc0r3aok] {
    font-size: 0.825rem;
    font-weight: 500;
}

/* Dashboard actions */
.dashboard-actions[b-o4nc0r3aok] {
    display: flex;
    gap: 0.5rem;
}

/* Toggle buttons styling */
.btn-group[b-o4nc0r3aok] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-o4nc0r3aok] {
    border-radius: 0;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-group .btn:first-child[b-o4nc0r3aok] {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child[b-o4nc0r3aok] {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.btn-primary[b-o4nc0r3aok] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-primary[b-o4nc0r3aok] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

/* Form Select Styles */
.form-select[b-o4nc0r3aok],
.form-select-sm[b-o4nc0r3aok] {
    width: 100%;
    display: block;
    background-color: #232e3c;
    color: #ecf0f1;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    font-size: 1rem;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    transition: border-color 0.2s;
}

.form-select:focus[b-o4nc0r3aok],
.form-select-sm:focus[b-o4nc0r3aok] {
    border-color: #9b59b6;
    outline: none;
    box-shadow: 0 0 0 2px rgba(155, 89, 182, 0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-stats .row[b-o4nc0r3aok] {
        --bs-gutter-x: 0.5rem;
    }
    .stat-card[b-o4nc0r3aok] {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .stat-value[b-o4nc0r3aok] {
        font-size: 2rem;
    }
    .section-header[b-o4nc0r3aok] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    .section-controls[b-o4nc0r3aok] {
        margin-left: 0;
    }
    .btn-group-sm .btn[b-o4nc0r3aok] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
    
    .form-select-sm[b-o4nc0r3aok] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 992px) {
    .section-header[b-o4nc0r3aok] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .section-controls[b-o4nc0r3aok] {
        width: 100%;
        margin: 0.5rem 0;
    }
    
    .action-buttons[b-o4nc0r3aok] {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }
}

/* Utility */
.w-100[b-o4nc0r3aok] {
    width: 100%;
}

.collapse-btn[b-o4nc0r3aok] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}
.collapse-btn:hover[b-o4nc0r3aok] {
    color: #9b59b6;
}

.filter-controls[b-o4nc0r3aok] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.filter-group[b-o4nc0r3aok] {
    min-width: 180px;
    margin-bottom: 0.5rem;
}
/* _content/EntWebAppTest/Components/WaxDepartment/WaxTestResults.razor.rz.scp.css */
.section-container[b-fl138eu0o4] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-container.collapsed .section-content[b-fl138eu0o4] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

.section-header[b-fl138eu0o4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-fl138eu0o4] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-fl138eu0o4] {
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-actions[b-fl138eu0o4] {
    margin-left: auto;
}

.btn-toggle[b-fl138eu0o4] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-fl138eu0o4] {
    color: #9b59b6;
    transform: translateY(-2px);
}

.section-content[b-fl138eu0o4] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 2000px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-controls[b-fl138eu0o4] {
    margin-bottom: 1rem;
}

/* Card Styles */
.card[b-fl138eu0o4] {
    background: transparent;
    border: 1px solid #4a5f7a;
    border-radius: 0.5rem;
    overflow: hidden;
}

.card-header[b-fl138eu0o4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #4a5f7a;
}

.card-header h5[b-fl138eu0o4] {
    font-weight: 600;
}

/* Table Styles */
.table-responsive[b-fl138eu0o4] {
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    position: relative;
}

.table-dark[b-fl138eu0o4] {
    background: transparent;
    color: #ecf0f1;
}

.table-dark th[b-fl138eu0o4], .table-dark td[b-fl138eu0o4] {
    background: transparent;
    color: #ecf0f1;
    vertical-align: middle;
}

.table-dark thead th[b-fl138eu0o4] {
    position: sticky;
    top: 0;
    background-color: #2c3e50;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.table-hover tbody tr:hover[b-fl138eu0o4] {
    background: rgba(155, 89, 182, 0.1);
    transition: background 0.2s;
}

/* Form Controls */
.form-select[b-fl138eu0o4], .form-control[b-fl138eu0o4] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
}

.form-select:focus[b-fl138eu0o4], .form-control:focus[b-fl138eu0o4] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select option[b-fl138eu0o4] {
    background: #34495e;
    color: #ecf0f1;
}

.form-check-input[b-fl138eu0o4] {
    background-color: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
}

.form-check-input:checked[b-fl138eu0o4] {
    background-color: #9b59b6;
    border-color: #9b59b6;
}

.form-check-label[b-fl138eu0o4] {
    color: #ecf0f1;
    cursor: pointer;
    transition: color 0.2s ease;
    user-select: none;
}

.form-check-label:hover[b-fl138eu0o4] {
    color: #9b59b6;
}

.form-label[b-fl138eu0o4] {
    color: #ecf0f1;
    font-weight: 500;
}

/* Button Styles */
.btn[b-fl138eu0o4] {
    transition: all 0.2s ease;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.btn-outline-info[b-fl138eu0o4] {
    background: rgba(52, 152, 219, 0.1);
    border: 1px solid #3498db;
    color: #ecf0f1;
}

.btn-outline-info:hover[b-fl138eu0o4] {
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: white;
}

/* Badge Styles */
.badge[b-fl138eu0o4] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bg-success[b-fl138eu0o4] {
    background: linear-gradient(135deg, #27ae60, #2ecc71) !important;
    color: white;
}

.bg-danger[b-fl138eu0o4] {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    color: white;
}

.bg-warning[b-fl138eu0o4] {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    color: white;
}

.bg-secondary[b-fl138eu0o4] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important;
    color: white;
}

/* Empty State */
.empty-state[b-fl138eu0o4] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-fl138eu0o4] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-fl138eu0o4] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Alert Styles */
.alert-danger[b-fl138eu0o4] {
    background: rgba(231, 76, 60, 0.2);
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

/* Loading Spinner */
.spinner-border[b-fl138eu0o4] {
    color: #9b59b6;
}

/* Responsive */
@media (max-width: 768px) {
    .section-header[b-fl138eu0o4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .section-controls .row[b-fl138eu0o4] {
        --bs-gutter-x: 0.5rem;
    }
    
    .col-md-6[b-fl138eu0o4] {
        margin-bottom: 0.5rem;
    }
}

/* Make input fields more visible on dark backgrounds */
input[type="date"][b-fl138eu0o4] {
    color-scheme: dark;
}
/* _content/EntWebAppTest/Components/WaxDepartment/WaxTimeCorrections.razor.rz.scp.css */
/* Card and Container Styles */
.section-card[b-wjyeea6opl],
.section-container[b-wjyeea6opl] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid #4a5f7a;
    overflow: hidden;
}

.section-card[b-wjyeea6opl] {
    border-radius: 1rem;
}

.section-container[b-wjyeea6opl] {
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

/* Section Header */
.section-header[b-wjyeea6opl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-header h3[b-wjyeea6opl] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-wjyeea6opl] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

/* Section Content */
.section-content[b-wjyeea6opl] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-container.collapsed .section-content[b-wjyeea6opl] {
    max-height: 0;
    padding: 0;
    opacity: 0;
}

/* Controls and Actions */
.section-controls[b-wjyeea6opl] { margin-bottom: 1rem; margin-left: auto; }
.section-actions[b-wjyeea6opl] { margin-left: auto; }

/* Button Base Styles */
.btn[b-wjyeea6opl] {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    transition: all 0.2s ease;
}

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

.btn-toggle[b-wjyeea6opl] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
}

.btn-toggle:hover[b-wjyeea6opl] {
    color: #9b59b6;
    transform: translateY(-2px);
}

/* Button Group */
.btn-group[b-wjyeea6opl] {
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn-group .btn[b-wjyeea6opl] { border-radius: 0; border: none; }
.btn-group .btn:first-child[b-wjyeea6opl] { border-radius: 0.5rem 0 0 0.5rem; }
.btn-group .btn:last-child[b-wjyeea6opl] { border-radius: 0 0.5rem 0.5rem 0; }

/* Button Variants */
.btn-primary[b-wjyeea6opl] { background: linear-gradient(135deg, #9b59b6, #8e44ad); color: white; }
.btn-success[b-wjyeea6opl] { background: linear-gradient(135deg, #27ae60, #2ecc71); color: white; }
.btn-danger[b-wjyeea6opl] { background: linear-gradient(135deg, #e74c3c, #c0392b); color: white; }

.btn-outline-primary[b-wjyeea6opl] {
    background: rgba(155, 89, 182, 0.1);
    border: 1px solid #9b59b6;
    color: #ecf0f1;
}

.btn-outline-primary:hover[b-wjyeea6opl] {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
    color: white;
}

.btn-outline-danger[b-wjyeea6opl] {
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.1), rgba(192, 57, 43, 0.1));
    border: 1px solid #e74c3c;
    color: #ecf0f1;
}

.btn-outline-danger:hover[b-wjyeea6opl] {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: white;
}

.btn-outline-secondary[b-wjyeea6opl] {
    background: linear-gradient(135deg, rgba(127, 140, 141, 0.1), rgba(149, 165, 166, 0.1));
    border: 1px solid #7f8c8d;
    color: #ecf0f1;
}

.btn-outline-secondary:hover[b-wjyeea6opl] {
    background: linear-gradient(135deg, #7f8c8d, #95a5a6);
    color: white;
}

/* Badges */
.badge[b-wjyeea6opl] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.375rem 0.75rem;
    border-radius: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Background Utilities */
.bg-primary[b-wjyeea6opl] { background: linear-gradient(135deg, #9b59b6, #8e44ad) !important; color: white; }
.bg-success[b-wjyeea6opl] { background: linear-gradient(135deg, #27ae60, #2ecc71) !important; color: white; }
.bg-danger[b-wjyeea6opl] { background: linear-gradient(135deg, #e74c3c, #c0392b) !important; color: white; }
.bg-warning[b-wjyeea6opl] { background: linear-gradient(135deg, #f39c12, #e67e22) !important; color: #2c3e50; }
.bg-info[b-wjyeea6opl] { background: linear-gradient(135deg, #3498db, #2980b9) !important; color: white; }
.bg-secondary[b-wjyeea6opl] { background: linear-gradient(135deg, #7f8c8d, #95a5a6) !important; color: white; }

/* Table Styles */
.table[b-wjyeea6opl] { margin-bottom: 0; }
.table-dark[b-wjyeea6opl] { background: transparent; }

.table-dark th[b-wjyeea6opl] {
    background: rgba(52, 73, 94, 0.7);
    color: #ecf0f1;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.table-dark td[b-wjyeea6opl] {
    background: transparent;
    color: #ecf0f1;
    padding: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    vertical-align: middle;
}

.table-hover tbody tr:hover[b-wjyeea6opl] {
    background: rgba(155, 89, 182, 0.1) !important;
    transition: background 0.2s ease;
}

.table-responsive[b-wjyeea6opl] { padding: 0 1rem; }

/* Empty State */
.empty-state[b-wjyeea6opl] {
    text-align: center;
    padding: 3rem 1rem;
    color: #bdc3c7;
    background: rgba(52, 73, 94, 0.2);
    border-radius: 0.5rem;
    margin: 1rem;
}

.empty-state i[b-wjyeea6opl] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
    opacity: 0.6;
}

.empty-state p[b-wjyeea6opl] {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}

/* Text Utilities */
.text-muted[b-wjyeea6opl] { color: #95a5a6 !important; }
.text-primary[b-wjyeea6opl] { color: #9b59b6 !important; }
.text-success[b-wjyeea6opl] { color: #27ae60 !important; }
.text-danger[b-wjyeea6opl] { color: #e74c3c !important; }
.text-warning[b-wjyeea6opl] { color: #f39c12 !important; }
.text-info[b-wjyeea6opl] { color: #3498db !important; }

/* Form Controls */
.form-select-sm[b-wjyeea6opl] {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid #4a5f7a;
    color: #ecf0f1;
    border-radius: 0.5rem;
    padding: 0.375rem 0.75rem;
}

.form-select-sm:focus[b-wjyeea6opl] {
    background: rgba(52, 73, 94, 0.9);
    border-color: #9b59b6;
    box-shadow: 0 0 0 0.2rem rgba(155, 89, 182, 0.25);
    color: #ecf0f1;
}

.form-select-sm option[b-wjyeea6opl] {
    background: #34495e;
    color: #ecf0f1;
}

/* Misc */
.small[b-wjyeea6opl] {
    font-size: 0.825rem;
    font-weight: 500;
}

.collapse-btn[b-wjyeea6opl] {
    background: none;
    border: none;
    color: #ecf0f1;
    font-size: 1.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: color 0.2s;
    display: flex;
    align-items: center;
}

.collapse-btn:hover[b-wjyeea6opl] { color: #9b59b6; }

/* Responsive */
@media (max-width: 768px) {
    .section-header[b-wjyeea6opl] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .btn-group-sm .btn[b-wjyeea6opl] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }
    
    .form-select-sm[b-wjyeea6opl] {
        width: 100%;
        margin-bottom: 0.5rem;
    }
}
/* _content/EntWebAppTest/Components/WaxDepartment/WeeklyReportSection.razor.rz.scp.css */
.info-button[b-zbzdixhikk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #17a2b8;
    color: white;
    font-size: 0.75rem;
    font-weight: bold;
    margin-left: 6px;
    cursor: help;
    border: none;
    transition: background-color 0.2s, transform 0.1s;
}

.info-button:hover[b-zbzdixhikk] {
    background-color: #138496;
    transform: scale(1.1);
}

.tooltip-container[b-zbzdixhikk] {
    position: fixed;
    z-index: 1050;
    max-width: 400px;
    max-height: 400px;
    overflow-y: auto;
    background-color: #343a40;
    color: #f8f9fa;
    border-radius: 6px;
    padding: 12px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}

.tooltip-container.visible[b-zbzdixhikk] {
    opacity: 1;
    visibility: visible;
}

.tooltip-header[b-zbzdixhikk] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #495057;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.tooltip-title[b-zbzdixhikk] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
}

.tooltip-close[b-zbzdixhikk] {
    background: transparent;
    border: none;
    color: #adb5bd;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.tooltip-close:hover[b-zbzdixhikk] {
    color: white;
}

.tooltip-list[b-zbzdixhikk] {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 0.85rem;
}

.tooltip-list li[b-zbzdixhikk] {
    padding: 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tooltip-list li:last-child[b-zbzdixhikk] {
    border-bottom: none;
}

.info-hover-trigger[b-zbzdixhikk] {
    position: relative;
    display: inline-block;
}

.info-hover-tooltip[b-zbzdixhikk] {
    display: none;
    position: absolute;
    z-index: 1000;
    background-color: #343a40;
    color: white;
    border-radius: 4px;
    padding: 10px;
    width: 300px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    top: 100%;
    left: 0;
    margin-top: 5px;
}

.info-hover-trigger:hover .info-hover-tooltip[b-zbzdixhikk] {
    display: block;
}

/* Make sure tooltip doesn't go off screen at edges */
@media (max-width: 768px) {
    .tooltip-container[b-zbzdixhikk] {
        max-width: 80vw;
    }
}

/* Add collapsible container styles from WaxRecentEntries.razor.css */
.section-container[b-zbzdixhikk] {
    background: linear-gradient(145deg, #2c3e50, #34495e);
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #4a5f7a;
}

.section-header[b-zbzdixhikk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    background: linear-gradient(135deg, #34495e, #2c3e50);
    border-bottom: 2px solid #4a5f7a;
}

.section-title[b-zbzdixhikk] {
    display: flex;
    align-items: center;
    min-width: 220px;
}

.section-header h3[b-zbzdixhikk] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #ecf0f1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-header h3 i[b-zbzdixhikk] {
    padding-left: 1rem;
    color: #9b59b6;
    font-size: 1.1rem;
}

.section-header h4[b-zbzdixhikk] {
    margin: 0;
    color: #ecf0f1;
    font-size: 1.1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    min-width: 0;
}

.section-content[b-zbzdixhikk] {
    padding: 1.5rem;
    background-color: #34495e;
    max-height: 1500px;
    transition: all 0.3s ease;
    opacity: 1;
    overflow: hidden;
}

.section-container.collapsed .section-content[b-zbzdixhikk] {
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
}

.section-actions[b-zbzdixhikk] {
    margin-left: auto;
}

.btn-toggle[b-zbzdixhikk] {
    background: transparent;
    border: none;
    color: #ecf0f1;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-toggle:hover[b-zbzdixhikk] {
    color: #9b59b6;
    transform: translateY(-2px);
}