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

/* /Components/ErrorMessageBar.razor.rz.scp.css */
.error-message-bar-container[b-4q2bll1a74] {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.error-message-bar[b-4q2bll1a74] {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.15);
    transition: all 0.2s ease;
}

.error-message-bar:hover[b-4q2bll1a74] {
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.25);
}

.error-content[b-4q2bll1a74] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.error-title[b-4q2bll1a74] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #dc3545;
    line-height: 1.4;
}

.error-code[b-4q2bll1a74] {
    font-size: 0.85rem;
    color: #6c757d;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    background: rgba(220, 53, 69, 0.1);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
    width: fit-content;
}

.error-description[b-4q2bll1a74] {
    font-size: 0.9rem;
    color: #495057;
    line-height: 1.5;
    margin-top: 0.25rem;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .error-message-bar-container[b-4q2bll1a74] {
        margin-bottom: 0.75rem;
        gap: 0.375rem;
    }

    .error-content[b-4q2bll1a74] {
        gap: 0.2rem;
    }

    .error-title[b-4q2bll1a74] {
        font-size: 0.9rem;
    }

    .error-code[b-4q2bll1a74] {
        font-size: 0.8rem;
        padding: 0.2rem 0.4rem;
    }

    .error-description[b-4q2bll1a74] {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .error-message-bar-container[b-4q2bll1a74] {
        margin-bottom: 0.5rem;
        gap: 0.25rem;
    }

    .error-title[b-4q2bll1a74] {
        font-size: 0.85rem;
    }

    .error-code[b-4q2bll1a74] {
        font-size: 0.75rem;
        padding: 0.15rem 0.3rem;
    }

    .error-description[b-4q2bll1a74] {
        font-size: 0.8rem;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .error-message-bar:active[b-4q2bll1a74] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.error-message-bar:focus-within[b-4q2bll1a74] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .error-message-bar[b-4q2bll1a74] {
        border: 2px solid #dc3545;
    }

    .error-code[b-4q2bll1a74] {
        background: #dc3545;
        color: white;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .error-message-bar[b-4q2bll1a74] {
        transition: none;
    }

    .error-message-bar:hover[b-4q2bll1a74] {
        transform: none;
    }
} 
/* /Components/MobileActionButton.razor.rz.scp.css */
.mobile-action-button[b-wh301debjq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease;
    min-height: 44px;
    min-width: 44px;
    padding: 0.75rem 1rem;
    position: relative;
    overflow: hidden;
}

.mobile-action-button:hover[b-wh301debjq] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.mobile-action-button:active[b-wh301debjq] {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.button-icon-start[b-wh301debjq],
.button-icon-end[b-wh301debjq] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-text[b-wh301debjq] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/* Size variants */
.mobile-action-button[size="small"][b-wh301debjq] {
    min-height: 36px;
    min-width: 36px;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    gap: 0.375rem;
}

.mobile-action-button[size="medium"][b-wh301debjq] {
    min-height: 44px;
    min-width: 44px;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    gap: 0.5rem;
}

.mobile-action-button[size="large"][b-wh301debjq] {
    min-height: 52px;
    min-width: 52px;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    gap: 0.625rem;
}

/* Icon-only buttons */
.mobile-action-button:has(.button-text:empty)[b-wh301debjq],
.mobile-action-button:not(:has(.button-text))[b-wh301debjq] {
    padding: 0.75rem;
    min-width: 44px;
}

.mobile-action-button[size="small"]:has(.button-text:empty)[b-wh301debjq],
.mobile-action-button[size="small"]:not(:has(.button-text))[b-wh301debjq] {
    padding: 0.5rem;
    min-width: 36px;
}

.mobile-action-button[size="large"]:has(.button-text:empty)[b-wh301debjq],
.mobile-action-button[size="large"]:not(:has(.button-text))[b-wh301debjq] {
    padding: 1rem;
    min-width: 52px;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .mobile-action-button[b-wh301debjq] {
        min-height: 48px;
        min-width: 48px;
        padding: 0.875rem 1.125rem;
        gap: 0.625rem;
    }

    .mobile-action-button[size="small"][b-wh301debjq] {
        min-height: 40px;
        min-width: 40px;
        padding: 0.625rem 0.875rem;
    }

    .mobile-action-button[size="large"][b-wh301debjq] {
        min-height: 56px;
        min-width: 56px;
        padding: 1.125rem 1.375rem;
    }

    .button-text[b-wh301debjq] {
        max-width: 150px;
    }
}

@media (max-width: 480px) {
    .mobile-action-button[b-wh301debjq] {
        min-height: 52px;
        min-width: 52px;
        padding: 1rem 1.25rem;
        gap: 0.75rem;
    }

    .mobile-action-button[size="small"][b-wh301debjq] {
        min-height: 44px;
        min-width: 44px;
        padding: 0.75rem 1rem;
    }

    .mobile-action-button[size="large"][b-wh301debjq] {
        min-height: 60px;
        min-width: 60px;
        padding: 1.25rem 1.5rem;
    }

    .button-text[b-wh301debjq] {
        max-width: 120px;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .mobile-action-button:hover[b-wh301debjq] {
        transform: none;
    }

    .mobile-action-button:active[b-wh301debjq] {
        transform: scale(0.95);
    }

    .mobile-action-button:focus[b-wh301debjq] {
        transform: scale(1.02);
    }
}

/* Focus indicators for accessibility */
.mobile-action-button:focus[b-wh301debjq] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.mobile-action-button:focus:not(:focus-visible)[b-wh301debjq] {
    outline: none;
}

/* Disabled state */
.mobile-action-button:disabled[b-wh301debjq] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
    box-shadow: none !important;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .mobile-action-button[b-wh301debjq] {
        border: 2px solid currentColor;
    }

    .mobile-action-button:focus[b-wh301debjq] {
        outline: 3px solid #000;
        outline-offset: 1px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .mobile-action-button[b-wh301debjq] {
        transition: none;
    }

    .mobile-action-button:hover[b-wh301debjq],
    .mobile-action-button:active[b-wh301debjq],
    .mobile-action-button:focus[b-wh301debjq] {
        transform: none;
    }
}

/* Print styles */
@media print {
    .mobile-action-button[b-wh301debjq] {
        border: 1px solid #000;
        background: white !important;
        color: black !important;
        box-shadow: none;
    }
} 
/* /Components/MobileCard.razor.rz.scp.css */
.mobile-card[b-wazgx7q21c] {
    border: 1px solid #dee2e6;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    background: white;
    overflow: visible;
}

.mobile-card:hover[b-wazgx7q21c] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.card-header[b-wazgx7q21c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f8f9fa;
    background: rgba(248, 249, 250, 0.8);
    min-height: 60px;
}

.card-title[b-wazgx7q21c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.card-icon[b-wazgx7q21c] {
    color: #0078d4;
    flex-shrink: 0;
}

.card-title h3[b-wazgx7q21c] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #212529;
    line-height: 1.4;
}

.card-header-content[b-wazgx7q21c] {
    flex: 1;
    margin: 0 1rem;
}

.card-header-actions[b-wazgx7q21c] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-shrink: 0;
}

.card-content[b-wazgx7q21c] {
    padding: 1.5rem;
    padding-bottom: 4rem; /* Prevents content from being hidden under the footer */
}

.card-footer[b-wazgx7q21c] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #f8f9fa;
    background: rgba(248, 249, 250, 0.5);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    min-height: 60px;
    align-items: center;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .mobile-card[b-wazgx7q21c] {
        border-radius: 8px;
        margin: 0.5rem 0;
    }

    .card-header[b-wazgx7q21c] {
        padding: 0.875rem 1.25rem;
        min-height: 56px;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .card-title[b-wazgx7q21c] {
        gap: 0.5rem;
        min-width: 0;
    }

    .card-title h3[b-wazgx7q21c] {
        font-size: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .card-header-content[b-wazgx7q21c] {
        margin: 0 0.5rem;
        order: 3;
        width: 100%;
    }

    .card-header-actions[b-wazgx7q21c] {
        gap: 0.375rem;
    }

    .card-content[b-wazgx7q21c] {
        padding: 1.25rem;
    }

    .card-footer[b-wazgx7q21c] {
        padding: 0.875rem 1.25rem;
        min-height: 52px;
        flex-wrap: wrap;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .mobile-card[b-wazgx7q21c] {
        border-radius: 6px;
        margin: 0.375rem 0;
    }

    .card-header[b-wazgx7q21c] {
        padding: 0.75rem 1rem;
        min-height: 52px;
    }

    .card-title h3[b-wazgx7q21c] {
        font-size: 0.95rem;
    }

    .card-content[b-wazgx7q21c] {
        padding: 1rem;
    }

    .card-footer[b-wazgx7q21c] {
        padding: 0.75rem 1rem;
        min-height: 48px;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .mobile-card:hover[b-wazgx7q21c] {
        transform: none;
    }

    .mobile-card:active[b-wazgx7q21c] {
        transform: scale(0.98);
    }

    .card-header-actions[b-wazgx7q21c]  fluent-button {
        min-width: 44px;
        min-height: 44px;
        padding: 0.75rem;
    }

    .card-footer[b-wazgx7q21c]  fluent-button {
        min-width: 44px;
        min-height: 44px;
        padding: 0.75rem;
    }
}

/* Focus indicators for accessibility */
.mobile-card:focus-within[b-wazgx7q21c] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.card-header-actions[b-wazgx7q21c]  fluent-button:focus,
.card-footer[b-wazgx7q21c]  fluent-button:focus {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .mobile-card[b-wazgx7q21c] {
        border: 2px solid #000;
    }

    .card-header[b-wazgx7q21c] {
        border-bottom: 2px solid #000;
    }

    .card-footer[b-wazgx7q21c] {
        border-top: 2px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .mobile-card[b-wazgx7q21c] {
        transition: none;
    }

    .mobile-card:hover[b-wazgx7q21c] {
        transform: none;
    }
}

/* Print styles */
@media print {
    .mobile-card[b-wazgx7q21c] {
        box-shadow: none;
        border: 1px solid #000;
        break-inside: avoid;
    }

    .card-header-actions[b-wazgx7q21c],
    .card-footer[b-wazgx7q21c] {
        display: none;
    }
} 
/* /Components/MobileDataGrid.razor.rz.scp.css */
.mobile-data-grid-container[b-sosphqwfvs] {
    width: 100%;
    height: 100%;
    overflow-x: auto;
}

/* Mobile-responsive DataGrid styles */
.mobile-data-grid[b-sosphqwfvs] {
    width: 100%;
    min-width: 600px; /* Minimum width to prevent squashing */
}

/* Responsive breakpoints for DataGrid */
@media (max-width: 767px) {
    .mobile-data-grid[b-sosphqwfvs] {
        min-width: 100%;
        font-size: 0.875rem;
    }
    
    /* Make table cells more touch-friendly */
    .mobile-data-grid[b-sosphqwfvs]  td,
    .mobile-data-grid[b-sosphqwfvs]  th {
        padding: 0.75rem 0.5rem;
        min-height: 44px;
    }
    
    /* Reduce column widths on mobile */
    .mobile-data-grid[b-sosphqwfvs]  .fluent-data-grid__header,
    .mobile-data-grid[b-sosphqwfvs]  .fluent-data-grid__row {
        font-size: 0.8rem;
    }
    
    /* Improve button sizing on mobile */
    .mobile-data-grid[b-sosphqwfvs]  .fluent-button {
        min-height: 44px;
        min-width: 44px;
        padding: 0.5rem;
    }
    
    /* Make action buttons more compact */
    .mobile-data-grid[b-sosphqwfvs]  .action-buttons {
        display: flex;
        gap: 0.25rem;
        flex-wrap: wrap;
    }
    
    .mobile-data-grid[b-sosphqwfvs]  .action-buttons .fluent-button {
        flex: 1;
        min-width: 0;
        font-size: 0.75rem;
    }
}

/* Tablet breakpoint */
@media (min-width: 768px) and (max-width: 1023px) {
    .mobile-data-grid[b-sosphqwfvs] {
        min-width: 100%;
    }
    
    .mobile-data-grid[b-sosphqwfvs]  td,
    .mobile-data-grid[b-sosphqwfvs]  th {
        padding: 0.5rem;
    }
}

/* Large screen breakpoint */
@media (min-width: 1024px) {
    .mobile-data-grid[b-sosphqwfvs] {
        min-width: 600px;
    }
    
    .mobile-data-grid[b-sosphqwfvs]  td,
    .mobile-data-grid[b-sosphqwfvs]  th {
        padding: 0.75rem;
    }
}

/* Touch-friendly improvements */
@media (hover: none) and (pointer: coarse) {
    .mobile-data-grid[b-sosphqwfvs]  td,
    .mobile-data-grid[b-sosphqwfvs]  th {
        min-height: 48px;
    }
    
    .mobile-data-grid[b-sosphqwfvs]  .fluent-button {
        min-height: 48px;
        min-width: 48px;
    }
}

/* Accessibility improvements */
.mobile-data-grid[b-sosphqwfvs]  .fluent-data-grid__row:focus-within {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .mobile-data-grid[b-sosphqwfvs]  .fluent-data-grid__header,
    .mobile-data-grid[b-sosphqwfvs]  .fluent-data-grid__row {
        border: 1px solid var(--neutral-foreground-rest);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .mobile-data-grid[b-sosphqwfvs]  .fluent-data-grid__row {
        transition: none;
    }
}

/* Loading state improvements */
.mobile-data-grid[b-sosphqwfvs]  .fluent-spinner {
    margin: 2rem auto;
    display: block;
}

/* Horizontal scroll indicator */
.mobile-data-grid-container[b-sosphqwfvs]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(to right, transparent, var(--neutral-layer-1));
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.mobile-data-grid-container:hover[b-sosphqwfvs]::after {
    opacity: 1;
}

@media (max-width: 767px) {
    .mobile-data-grid-container[b-sosphqwfvs]::after {
        opacity: 1;
    }
} 
/* /Components/ProductBalanceModal.razor.rz.scp.css */
/* Product Balance Modal Styles */
.product-balance-modal[b-vqjpkjj8kp] {
    --modal-width: 90vw;
    --modal-max-width: 600px;
    --modal-height: 90vh;
    --modal-max-height: 700px;
}

.modal-content[b-vqjpkjj8kp] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: var(--modal-height);
    background: var(--neutral-layer-1);
    border-radius: 0.5rem;
    overflow: hidden;
}

.modal-header[b-vqjpkjj8kp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    background: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-rest);
    flex-shrink: 0;
}

.modal-title[b-vqjpkjj8kp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.title-icon[b-vqjpkjj8kp] {
    color: var(--accent-foreground-rest);
}

.modal-body[b-vqjpkjj8kp] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.modal-footer[b-vqjpkjj8kp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: var(--neutral-layer-2);
    border-top: 1px solid var(--neutral-stroke-rest);
    flex-shrink: 0;
}

/* Product Information Section */
.product-info-section h3[b-vqjpkjj8kp],
.location-balances-section h3[b-vqjpkjj8kp] {
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.product-details-grid[b-vqjpkjj8kp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    background: var(--neutral-layer-2);
    padding: 1rem;
    border-radius: 0.375rem;
    border: 1px solid var(--neutral-stroke-rest);
}

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

.detail-item .label[b-vqjpkjj8kp] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-foreground-subtle);
}

.detail-item .value[b-vqjpkjj8kp] {
    font-size: 1rem;
    color: var(--neutral-foreground-rest);
    font-weight: 500;
}

.status-badge[b-vqjpkjj8kp] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: capitalize;
}

.status-badge.active[b-vqjpkjj8kp] {
    background: var(--success-background);
    color: var(--success-foreground);
}

.status-badge.inactive[b-vqjpkjj8kp] {
    background: var(--error-background);
    color: var(--error-foreground);
}

.total-balance[b-vqjpkjj8kp] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

/* Location Balances Section */
.location-balances-grid[b-vqjpkjj8kp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.location-balance-item[b-vqjpkjj8kp] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.375rem;
    padding: 1rem;
    transition: all 0.2s ease;
}

.location-balance-item:hover[b-vqjpkjj8kp] {
    background: var(--neutral-layer-3);
    border-color: var(--neutral-stroke-hover);
}

.location-info[b-vqjpkjj8kp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.location-name[b-vqjpkjj8kp] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    font-size: 1rem;
}

.balance-amount[b-vqjpkjj8kp] {
    font-weight: 600;
    font-size: 1.125rem;
}

.balance-amount.in-stock[b-vqjpkjj8kp] {
    color: var(--success-foreground);
}

.balance-amount.out-of-stock[b-vqjpkjj8kp] {
    color: var(--error-foreground);
}

.balance-indicator[b-vqjpkjj8kp] {
    width: 100%;
    height: 0.5rem;
    background: var(--neutral-stroke-rest);
    border-radius: 0.25rem;
    overflow: hidden;
}

.balance-bar[b-vqjpkjj8kp] {
    height: 100%;
    background: linear-gradient(90deg, var(--success-background) 0%, var(--accent-background) 100%);
    border-radius: 0.25rem;
    transition: width 0.3s ease;
}

/* Loading and Empty States */
.loading-state[b-vqjpkjj8kp],
.no-locations-message[b-vqjpkjj8kp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: var(--neutral-foreground-subtle);
}

.loading-state p[b-vqjpkjj8kp],
.no-locations-message p[b-vqjpkjj8kp] {
    margin: 1rem 0 0 0;
    font-size: 1rem;
}

.no-data-icon[b-vqjpkjj8kp] {
    color: var(--neutral-foreground-subtle);
    opacity: 0.5;
}

/* Responsive Design */
@media (min-width: 768px) {
    .product-balance-modal[b-vqjpkjj8kp] {
        --modal-width: 80vw;
        --modal-max-width: 700px;
    }

    .product-details-grid[b-vqjpkjj8kp] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .modal-header[b-vqjpkjj8kp],
    .modal-body[b-vqjpkjj8kp],
    .modal-footer[b-vqjpkjj8kp] {
        padding: 1.5rem 2rem;
    }

    .location-balances-grid[b-vqjpkjj8kp] {
        gap: 1rem;
    }

    .location-balance-item[b-vqjpkjj8kp] {
        padding: 1.25rem;
    }
}

@media (min-width: 1024px) {
    .product-balance-modal[b-vqjpkjj8kp] {
        --modal-width: 70vw;
        --modal-max-width: 800px;
    }

    .product-details-grid[b-vqjpkjj8kp] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .location-balance-item[b-vqjpkjj8kp],
    .balance-bar[b-vqjpkjj8kp] {
        transition: none;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .modal-content[b-vqjpkjj8kp] {
        border: 2px solid var(--neutral-foreground-rest);
    }

    .location-balance-item[b-vqjpkjj8kp] {
        border: 2px solid var(--neutral-foreground-rest);
    }

    .balance-indicator[b-vqjpkjj8kp] {
        border: 1px solid var(--neutral-foreground-rest);
    }
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
    .location-balance-item:hover[b-vqjpkjj8kp] {
        background: var(--neutral-layer-2);
        border-color: var(--neutral-stroke-rest);
    }

    .modal-footer[b-vqjpkjj8kp] {
        padding: 1.25rem 1.5rem;
    }
} 
/* /Components/StatusMessageBar.razor.rz.scp.css */
.status-message-bar-container[b-ppwbbqievl] {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.status-message-bar[b-ppwbbqievl] {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.status-message-bar:hover[b-ppwbbqievl] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.status-content[b-ppwbbqievl] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
    flex: 1;
}

.status-title[b-ppwbbqievl] {
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.4;
}

.status-message[b-ppwbbqievl] {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #495057;
}

.status-children[b-ppwbbqievl] {
    margin-top: 0.5rem;
}

/* Intent-specific styling */
.status-message-bar[data-intent="success"][b-ppwbbqievl] {
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.15);
}

.status-message-bar[data-intent="success"]:hover[b-ppwbbqievl] {
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.25);
}

.status-message-bar[data-intent="success"] .status-title[b-ppwbbqievl] {
    color: #28a745;
}

.status-message-bar[data-intent="warning"][b-ppwbbqievl] {
    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.15);
}

.status-message-bar[data-intent="warning"]:hover[b-ppwbbqievl] {
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.25);
}

.status-message-bar[data-intent="warning"] .status-title[b-ppwbbqievl] {
    color: #ffc107;
}

.status-message-bar[data-intent="error"][b-ppwbbqievl] {
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.15);
}

.status-message-bar[data-intent="error"]:hover[b-ppwbbqievl] {
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.25);
}

.status-message-bar[data-intent="error"] .status-title[b-ppwbbqievl] {
    color: #dc3545;
}

.status-message-bar[data-intent="info"][b-ppwbbqievl] {
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

.status-message-bar[data-intent="info"]:hover[b-ppwbbqievl] {
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.status-message-bar[data-intent="info"] .status-title[b-ppwbbqievl] {
    color: #007bff;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .status-message-bar-container[b-ppwbbqievl] {
        margin-bottom: 0.75rem;
        gap: 0.375rem;
    }

    .status-content[b-ppwbbqievl] {
        gap: 0.2rem;
    }

    .status-title[b-ppwbbqievl] {
        font-size: 0.9rem;
    }

    .status-message[b-ppwbbqievl] {
        font-size: 0.85rem;
    }

    .status-children[b-ppwbbqievl] {
        margin-top: 0.375rem;
    }
}

@media (max-width: 480px) {
    .status-message-bar-container[b-ppwbbqievl] {
        margin-bottom: 0.5rem;
        gap: 0.25rem;
    }

    .status-title[b-ppwbbqievl] {
        font-size: 0.85rem;
    }

    .status-message[b-ppwbbqievl] {
        font-size: 0.8rem;
    }

    .status-children[b-ppwbbqievl] {
        margin-top: 0.25rem;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .status-message-bar:active[b-ppwbbqievl] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.status-message-bar:focus-within[b-ppwbbqievl] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .status-message-bar[b-ppwbbqievl] {
        border: 2px solid currentColor;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .status-message-bar[b-ppwbbqievl] {
        transition: none;
    }

    .status-message-bar:hover[b-ppwbbqievl] {
        transform: none;
    }
} 
/* /Layout/LoginDisplay.razor.rz.scp.css */
a[b-lkcmjkxyz4] {
    color: var(--fill-color);
}
/* /Pages/Admin/ApiKeys/AdminApiKeys.razor.rz.scp.css */
.api-keys-page[b-hhkr7jfcmt] {
    padding: 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

.filter-section[b-hhkr7jfcmt] {
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.results-summary[b-hhkr7jfcmt] {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    background: var(--neutral-layer-1);
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.results-summary .summary-info[b-hhkr7jfcmt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.results-summary .results-count[b-hhkr7jfcmt] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.api-keys-grid[b-hhkr7jfcmt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.api-keys-list-scrollable[b-hhkr7jfcmt] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.api-keys-list[b-hhkr7jfcmt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
    padding: 0.5rem 0;
}

.api-key-item[b-hhkr7jfcmt] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.api-key-item:hover[b-hhkr7jfcmt] {
    border-color: var(--neutral-stroke-hover);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.api-key-header[b-hhkr7jfcmt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.api-key-header h3[b-hhkr7jfcmt] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    line-height: 1.3;
    flex: 1;
}

.api-key-status[b-hhkr7jfcmt] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.api-key-status.active[b-hhkr7jfcmt] {
    background: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
}

.api-key-status.inactive[b-hhkr7jfcmt] {
    background: var(--neutral-fill-rest);
    color: var(--neutral-foreground-rest);
}

.api-key-details[b-hhkr7jfcmt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-row[b-hhkr7jfcmt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.25rem 0;
}

.detail-row:last-child[b-hhkr7jfcmt] {
    margin-bottom: 0;
}

.detail-row .label[b-hhkr7jfcmt] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    min-width: 80px;
    flex-shrink: 0;
}

.detail-row .value[b-hhkr7jfcmt] {
    color: var(--neutral-foreground-rest);
    text-align: right;
    word-break: break-word;
    flex: 1;
}

.api-key-actions[b-hhkr7jfcmt] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: auto;
}

.loading-state[b-hhkr7jfcmt],
.empty-state[b-hhkr7jfcmt] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    text-align: center;
}

.loading-state p[b-hhkr7jfcmt],
.empty-state p[b-hhkr7jfcmt] {
    margin: 0;
    color: var(--neutral-foreground-rest);
    font-size: 1rem;
}

/* Mobile Responsive Design */
@media (max-width: 768px) {
    .api-keys-page[b-hhkr7jfcmt] {
        padding: 0.5rem;
    }

    .filter-section[b-hhkr7jfcmt] {
        margin-bottom: 0.75rem;
        padding: 0.75rem;
    }

    .results-summary[b-hhkr7jfcmt] {
        margin-bottom: 0.75rem;
    }

    .results-summary .summary-info[b-hhkr7jfcmt] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .api-keys-list[b-hhkr7jfcmt] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .api-key-item[b-hhkr7jfcmt] {
        padding: 0.75rem;
    }

    .api-key-header h3[b-hhkr7jfcmt] {
        font-size: 1rem;
    }

    .api-key-actions[b-hhkr7jfcmt] {
        justify-content: center;
    }

    .detail-row[b-hhkr7jfcmt] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .detail-row .value[b-hhkr7jfcmt] {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .api-keys-page[b-hhkr7jfcmt] {
        padding: 0.25rem;
    }

    .api-key-item[b-hhkr7jfcmt] {
        padding: 0.5rem;
    }

    .api-key-header[b-hhkr7jfcmt] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .api-key-status[b-hhkr7jfcmt] {
        align-self: flex-start;
    }

    .api-key-actions[b-hhkr7jfcmt] {
        flex-direction: column;
        width: 100%;
    }

    .api-key-actions[b-hhkr7jfcmt]  fluent-button {
        width: 100%;
        justify-content: center;
    }
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
    .api-key-item:hover[b-hhkr7jfcmt] {
        transform: none;
        box-shadow: none;
    }

    .api-key-item:active[b-hhkr7jfcmt] {
        background: var(--neutral-layer-2);
        transform: scale(0.98);
    }

    [b-hhkr7jfcmt] fluent-button {
        min-height: 44px;
        min-width: 44px;
    }

    [b-hhkr7jfcmt] fluent-select {
        min-height: 44px;
    }
}

/* Focus States for Accessibility */
.api-key-item:focus-within[b-hhkr7jfcmt] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.api-key-actions[b-hhkr7jfcmt]  fluent-button:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .api-key-item[b-hhkr7jfcmt] {
        border-width: 2px;
    }

    .api-key-header[b-hhkr7jfcmt] {
        border-bottom: 1px solid var(--neutral-stroke-rest);
        padding-bottom: 0.5rem;
    }

    .api-key-actions[b-hhkr7jfcmt] {
        border-top: 1px solid var(--neutral-stroke-rest);
        padding-top: 0.5rem;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .api-key-item[b-hhkr7jfcmt] {
        transition: none;
    }

    .api-key-item:hover[b-hhkr7jfcmt] {
        transform: none;
    }
} 
/* /Pages/Admin/ApiKeys/ApiKeyDialogComponent.razor.rz.scp.css */
.custom-modal-overlay[b-1oe25jghkl] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 1rem;
}

.custom-modal-card[b-1oe25jghkl] {
    background: var(--neutral-layer-1);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.modal-header-row[b-1oe25jghkl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    flex-shrink: 0;
}

.modal-title[b-1oe25jghkl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.modal-title-icon[b-1oe25jghkl] {
    display: flex;
    align-items: center;
}

.modal-close-btn[b-1oe25jghkl] {
    background: none;
    border: none;
    padding: 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-foreground-rest);
    transition: background-color 0.2s ease;
}

.modal-close-btn:hover[b-1oe25jghkl] {
    background: var(--neutral-fill-hover);
}

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

.api-key-form-grid[b-1oe25jghkl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.endpoints-select-section[b-1oe25jghkl],
.scopes-select-section[b-1oe25jghkl] {
    margin-bottom: 1.5rem;
}

.endpoints-label[b-1oe25jghkl],
.scopes-label[b-1oe25jghkl] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: var(--neutral-foreground-rest);
}

.endpoints-categories[b-1oe25jghkl],
.scopes-categories[b-1oe25jghkl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.endpoint-category[b-1oe25jghkl],
.scope-category[b-1oe25jghkl] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 1rem;
    background: var(--neutral-layer-2);
}

.category-header[b-1oe25jghkl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.category-title[b-1oe25jghkl] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    margin: 0;
}

.select-all-btn[b-1oe25jghkl] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background: var(--neutral-fill-rest);
    color: var(--neutral-foreground-rest);
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 28px;
}

.select-all-btn:hover[b-1oe25jghkl] {
    background: var(--neutral-fill-hover);
    border-color: var(--neutral-stroke-hover);
}

.select-all-btn.selected[b-1oe25jghkl] {
    background: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
    border-color: var(--accent-stroke-rest);
}

.select-all-btn.selected:hover[b-1oe25jghkl] {
    background: var(--accent-fill-hover);
    border-color: var(--accent-stroke-hover);
}

.endpoints-list-select[b-1oe25jghkl],
.scopes-list-select[b-1oe25jghkl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0.5rem;
    max-height: 150px;
    overflow-y: auto;
    padding: 0.5rem;
    background: var(--neutral-layer-1);
    border-radius: 4px;
}

.endpoint-checkbox-label[b-1oe25jghkl],
.scope-checkbox-label[b-1oe25jghkl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.endpoint-checkbox-label:hover[b-1oe25jghkl],
.scope-checkbox-label:hover[b-1oe25jghkl] {
    background: var(--neutral-fill-hover);
}

.endpoint-checkbox-label input[type="checkbox"][b-1oe25jghkl],
.scope-checkbox-label input[type="checkbox"][b-1oe25jghkl] {
    margin: 0;
    cursor: pointer;
}

.endpoint-checkbox-name[b-1oe25jghkl],
.scope-checkbox-name[b-1oe25jghkl] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-rest);
    word-break: break-word;
}

.modal-footer-row[b-1oe25jghkl] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--neutral-stroke-rest);
    flex-shrink: 0;
}

.primary-btn[b-1oe25jghkl], .secondary-btn[b-1oe25jghkl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 36px;
}

.primary-btn[b-1oe25jghkl] {
    background: var(--accent-fill-rest);
    color: var(--accent-foreground-rest);
}

.primary-btn:hover[b-1oe25jghkl] {
    background: var(--accent-fill-hover);
}

.secondary-btn[b-1oe25jghkl] {
    background: var(--neutral-fill-rest);
    color: var(--neutral-foreground-rest);
}

.secondary-btn:hover[b-1oe25jghkl] {
    background: var(--neutral-fill-hover);
}

/* Mobile Responsive Design */
@media (max-width: 600px) {
    .custom-modal-card[b-1oe25jghkl] {
        margin: 0.5rem;
        max-height: calc(100vh - 1rem);
    }

    .modal-header-row[b-1oe25jghkl], .modal-footer-row[b-1oe25jghkl], .modal-body-row[b-1oe25jghkl] {
        padding: 1rem;
    }

    .api-key-form-grid[b-1oe25jghkl] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .endpoints-list-select[b-1oe25jghkl],
    .scopes-list-select[b-1oe25jghkl] {
        grid-template-columns: 1fr;
        max-height: 120px;
    }

    .endpoint-category[b-1oe25jghkl],
    .scope-category[b-1oe25jghkl] {
        padding: 0.75rem;
    }

    .category-title[b-1oe25jghkl] {
        font-size: 0.8rem;
    }

    .category-header[b-1oe25jghkl] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .select-all-btn[b-1oe25jghkl] {
        align-self: flex-end;
        font-size: 0.7rem;
        padding: 0.2rem 0.4rem;
        min-height: 24px;
    }

    .modal-footer-row[b-1oe25jghkl] {
        flex-direction: column;
    }

    .primary-btn[b-1oe25jghkl], .secondary-btn[b-1oe25jghkl] {
        width: 100%;
        justify-content: center;
    }
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
    .modal-close-btn[b-1oe25jghkl] {
        min-height: 44px;
        min-width: 44px;
    }

    .primary-btn[b-1oe25jghkl], .secondary-btn[b-1oe25jghkl] {
        min-height: 44px;
    }

    .endpoint-checkbox-label[b-1oe25jghkl],
    .scope-checkbox-label[b-1oe25jghkl] {
        min-height: 44px;
        padding: 0.5rem;
    }
}

/* Focus States for Accessibility */
.modal-close-btn:focus[b-1oe25jghkl],
.primary-btn:focus[b-1oe25jghkl],
.secondary-btn:focus[b-1oe25jghkl] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.endpoint-checkbox-label:focus-within[b-1oe25jghkl],
.scope-checkbox-label:focus-within[b-1oe25jghkl] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.select-all-btn:focus[b-1oe25jghkl] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .custom-modal-card[b-1oe25jghkl] {
        border: 2px solid var(--neutral-stroke-rest);
    }

    .modal-header-row[b-1oe25jghkl],
    .modal-footer-row[b-1oe25jghkl] {
        border-width: 2px;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .modal-close-btn[b-1oe25jghkl],
    .primary-btn[b-1oe25jghkl],
    .secondary-btn[b-1oe25jghkl],
    .endpoint-checkbox-label[b-1oe25jghkl],
    .scope-checkbox-label[b-1oe25jghkl] {
        transition: none;
    }
} 
/* /Pages/Admin/Health/FailedJobs.razor.rz.scp.css */
.failed-jobs-container[b-lqn5118i8s] {
    padding: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.header-card[b-lqn5118i8s] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    border: none;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.header-content[b-lqn5118i8s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
}

.title-section[b-lqn5118i8s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.title-section h1[b-lqn5118i8s] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

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

.loading-card[b-lqn5118i8s] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.loading-content[b-lqn5118i8s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.loading-content p[b-lqn5118i8s] {
    margin: 0;
    color: #666;
    font-size: 1rem;
}

.summary-card[b-lqn5118i8s] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
}

.summary-grid[b-lqn5118i8s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    padding: 1.5rem;
}

.summary-item[b-lqn5118i8s] {
    text-align: center;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

.summary-item:hover[b-lqn5118i8s] {
    transform: translateY(-2px);
}

.summary-value[b-lqn5118i8s] {
    font-size: 2rem;
    font-weight: 700;
    color: #dc3545;
    margin-bottom: 0.5rem;
}

.summary-label[b-lqn5118i8s] {
    font-size: 0.9rem;
    color: #6c757d;
    font-weight: 500;
}

.filters-card[b-lqn5118i8s] {
    border: 1px solid #dee2e6;
}

.filters-content[b-lqn5118i8s] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
    align-items: end;
}

.filter-group[b-lqn5118i8s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group label[b-lqn5118i8s] {
    font-weight: 600;
    color: #495057;
    font-size: 0.9rem;
}

.table-card[b-lqn5118i8s] {
    border: 1px solid #dee2e6;
}

.table-header[b-lqn5118i8s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    background: rgba(255, 255, 255, 0.8);
}

.table-header h2[b-lqn5118i8s] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
}

.table-actions[b-lqn5118i8s] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.results-count[b-lqn5118i8s] {
    font-size: 0.9rem;
    color: #6c757d;
    font-weight: 500;
}

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

.failed-jobs-table[b-lqn5118i8s] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.failed-jobs-table th[b-lqn5118i8s] {
    background: #f8f9fa;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
    position: sticky;
    top: 0;
    z-index: 10;
}

.failed-jobs-table th.sortable[b-lqn5118i8s] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.failed-jobs-table th.sortable:hover[b-lqn5118i8s] {
    background: #e9ecef;
}

.failed-jobs-table th.sortable[b-lqn5118i8s]  fluent-icon {
    margin-left: 0.5rem;
    vertical-align: middle;
}

.failed-jobs-table td[b-lqn5118i8s] {
    padding: 0.75rem;
    border-bottom: 1px solid #f8f9fa;
    vertical-align: top;
}

.failed-jobs-table tr:hover[b-lqn5118i8s] {
    background: #f8f9fa;
}

.job-id[b-lqn5118i8s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.job-id-short[b-lqn5118i8s] {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-weight: 600;
    color: #495057;
}

.reason-cell[b-lqn5118i8s] {
    max-width: 300px;
}

.reason-content[b-lqn5118i8s] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.reason-text[b-lqn5118i8s] {
    flex: 1;
    word-wrap: break-word;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.8rem;
    color: #6c757d;
    line-height: 1.4;
}

.date-cell[b-lqn5118i8s] {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.8rem;
    color: #495057;
    white-space: nowrap;
}

.retry-count[b-lqn5118i8s] {
    text-align: center;
}

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

.pagination[b-lqn5118i8s] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 1px solid #dee2e6;
    background: #f8f9fa;
}

.page-numbers[b-lqn5118i8s] {
    display: flex;
    gap: 0.25rem;
}

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

.no-data h3[b-lqn5118i8s] {
    margin: 1rem 0 0.5rem 0;
    color: #495057;
}

.no-data p[b-lqn5118i8s] {
    margin: 0;
    font-size: 0.9rem;
}

/* Enhanced Mobile Responsive Design */
@media (max-width: 768px) {
    .failed-jobs-container[b-lqn5118i8s] {
        padding: 0.5rem;
        gap: 1rem;
    }

    .header-content[b-lqn5118i8s] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
        padding: 1rem;
    }

    .title-section h1[b-lqn5118i8s] {
        font-size: 1.5rem;
    }

    .actions-section[b-lqn5118i8s] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
    }

    /* Ensure minimum touch target size for mobile */
    .actions-section[b-lqn5118i8s]  fluent-button {
        min-height: 44px;
        min-width: 44px;
        padding: 0.75rem 1rem;
        flex: 1;
        min-width: 0;
    }

    .summary-grid[b-lqn5118i8s] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding: 1rem;
    }

    .summary-item[b-lqn5118i8s] {
        padding: 0.75rem;
    }

    .summary-value[b-lqn5118i8s] {
        font-size: 1.5rem;
    }

    .summary-label[b-lqn5118i8s] {
        font-size: 0.8rem;
    }

    .filters-content[b-lqn5118i8s] {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }

    .filter-group[b-lqn5118i8s] {
        gap: 0.25rem;
    }

    .filter-group label[b-lqn5118i8s] {
        font-size: 0.85rem;
    }

    /* Ensure touch-friendly form controls */
    .filter-group[b-lqn5118i8s]  fluent-select,
    .filter-group[b-lqn5118i8s]  fluent-search {
        min-height: 44px;
        padding: 0.5rem;
    }

    .table-header[b-lqn5118i8s] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
        padding: 1rem;
    }

    .table-header h2[b-lqn5118i8s] {
        font-size: 1.1rem;
    }

    .table-actions[b-lqn5118i8s] {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .results-count[b-lqn5118i8s] {
        font-size: 0.8rem;
    }

    .table-container[b-lqn5118i8s] {
        margin: 0 -1rem;
        padding: 0 1rem;
    }

    .failed-jobs-table[b-lqn5118i8s] {
        min-width: 800px;
        font-size: 0.8rem;
    }

    .failed-jobs-table th[b-lqn5118i8s],
    .failed-jobs-table td[b-lqn5118i8s] {
        padding: 0.5rem;
    }

    .reason-cell[b-lqn5118i8s] {
        max-width: 200px;
    }

    .reason-text[b-lqn5118i8s] {
        font-size: 0.75rem;
    }

    .date-cell[b-lqn5118i8s] {
        font-size: 0.75rem;
    }

    .pagination[b-lqn5118i8s] {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem;
    }

    .page-numbers[b-lqn5118i8s] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.25rem;
    }

    .page-numbers[b-lqn5118i8s]  fluent-button {
        min-height: 44px;
        min-width: 44px;
        padding: 0.5rem;
    }

    .no-data[b-lqn5118i8s] {
        padding: 2rem 1rem;
    }

    .no-data h3[b-lqn5118i8s] {
        font-size: 1.1rem;
    }

    .no-data p[b-lqn5118i8s] {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .failed-jobs-container[b-lqn5118i8s] {
        padding: 0.25rem;
        gap: 0.75rem;
    }

    .title-section h1[b-lqn5118i8s] {
        font-size: 1.25rem;
    }

    .actions-section[b-lqn5118i8s] {
        flex-direction: column;
        width: 100%;
    }

    .actions-section[b-lqn5118i8s]  fluent-button {
        width: 100%;
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
    }

    .summary-grid[b-lqn5118i8s] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .summary-item[b-lqn5118i8s] {
        padding: 0.5rem;
    }

    .summary-value[b-lqn5118i8s] {
        font-size: 1.25rem;
    }

    .summary-label[b-lqn5118i8s] {
        font-size: 0.75rem;
    }

    .filters-content[b-lqn5118i8s] {
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .filter-group label[b-lqn5118i8s] {
        font-size: 0.8rem;
    }

    .table-header[b-lqn5118i8s] {
        padding: 0.75rem;
    }

    .table-header h2[b-lqn5118i8s] {
        font-size: 1rem;
    }

    .table-actions[b-lqn5118i8s] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .results-count[b-lqn5118i8s] {
        text-align: center;
        font-size: 0.75rem;
    }

    .table-container[b-lqn5118i8s] {
        margin: 0 -0.75rem;
        padding: 0 0.75rem;
    }

    .failed-jobs-table[b-lqn5118i8s] {
        min-width: 600px;
        font-size: 0.75rem;
    }

    .failed-jobs-table th[b-lqn5118i8s],
    .failed-jobs-table td[b-lqn5118i8s] {
        padding: 0.4rem;
    }

    .reason-cell[b-lqn5118i8s] {
        max-width: 150px;
    }

    .reason-text[b-lqn5118i8s] {
        font-size: 0.7rem;
    }

    .date-cell[b-lqn5118i8s] {
        font-size: 0.7rem;
    }

    .job-id-short[b-lqn5118i8s] {
        font-size: 0.7rem;
    }

    .pagination[b-lqn5118i8s] {
        padding: 0.75rem;
    }

    .page-numbers[b-lqn5118i8s]  fluent-button {
        font-size: 0.8rem;
        padding: 0.4rem;
    }

    .no-data[b-lqn5118i8s] {
        padding: 1.5rem 0.75rem;
    }

    .no-data h3[b-lqn5118i8s] {
        font-size: 1rem;
    }

    .no-data p[b-lqn5118i8s] {
        font-size: 0.8rem;
    }
}

/* Touch-friendly interactions for mobile */
@media (hover: none) and (pointer: coarse) {
    .summary-item:hover[b-lqn5118i8s] {
        transform: none;
    }

    .failed-jobs-table th.sortable:hover[b-lqn5118i8s] {
        background: #f8f9fa;
    }

    /* Add active states for touch devices */
    .summary-item:active[b-lqn5118i8s] {
        transform: scale(0.98);
        background: #f8f9fa;
    }

    .failed-jobs-table th.sortable:active[b-lqn5118i8s] {
        background: #e9ecef;
    }

    /* Ensure all interactive elements are touch-friendly */
    [b-lqn5118i8s] fluent-button {
        min-height: 44px;
        min-width: 44px;
    }

    [b-lqn5118i8s] fluent-select {
        min-height: 44px;
    }

    [b-lqn5118i8s] fluent-search {
        min-height: 44px;
    }

    /* Improve touch targets for table interactions */
    .failed-jobs-table th.sortable[b-lqn5118i8s] {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

/* Mobile-specific accessibility improvements */
@media (max-width: 768px) {
    /* Ensure proper focus indicators on mobile */
    [b-lqn5118i8s] fluent-button:focus {
        outline: 2px solid #0078d4;
        outline-offset: 2px;
    }

    [b-lqn5118i8s] fluent-select:focus,
    [b-lqn5118i8s] fluent-search:focus {
        outline: 2px solid #0078d4;
        outline-offset: 2px;
    }

    /* Improve text contrast on small screens */
    .summary-label[b-lqn5118i8s] {
        color: #495057;
    }

    .filter-group label[b-lqn5118i8s] {
        color: #212529;
    }

    /* Better spacing for touch interactions */
    .summary-item[b-lqn5118i8s] {
        margin-bottom: 0.5rem;
    }

    .filter-group[b-lqn5118i8s] {
        margin-bottom: 0.5rem;
    }

    /* Enhanced table readability on mobile */
    .failed-jobs-table tr[b-lqn5118i8s] {
        border-bottom: 1px solid #e9ecef;
    }

    .failed-jobs-table tr:nth-child(even)[b-lqn5118i8s] {
        background: #f8f9fa;
    }
}

/* Mobile-specific table optimizations */
@media (max-width: 768px) {
    /* Make table headers more touch-friendly */
    .failed-jobs-table th[b-lqn5118i8s] {
        position: sticky;
        top: 0;
        z-index: 10;
        background: #f8f9fa;
        border-bottom: 2px solid #dee2e6;
    }

    /* Improve table scrolling experience */
    .table-container[b-lqn5118i8s] {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #0078d4 #f8f9fa;
    }

    .table-container[b-lqn5118i8s]::-webkit-scrollbar {
        height: 6px;
    }

    .table-container[b-lqn5118i8s]::-webkit-scrollbar-track {
        background: #f8f9fa;
    }

    .table-container[b-lqn5118i8s]::-webkit-scrollbar-thumb {
        background: #0078d4;
        border-radius: 3px;
    }

    /* Ensure table cells don't wrap unnecessarily */
    .failed-jobs-table td[b-lqn5118i8s] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .reason-cell[b-lqn5118i8s] {
        white-space: normal;
        word-wrap: break-word;
    }
}

/* Print styles for mobile */
@media print {
    .header-card[b-lqn5118i8s],
    .filters-card[b-lqn5118i8s],
    .pagination[b-lqn5118i8s],
    .actions-section[b-lqn5118i8s] {
        display: none !important;
    }

    .failed-jobs-container[b-lqn5118i8s] {
        padding: 0;
        gap: 0;
    }

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

    .failed-jobs-table[b-lqn5118i8s] {
        font-size: 10pt;
        min-width: auto;
    }

    .failed-jobs-table th[b-lqn5118i8s],
    .failed-jobs-table td[b-lqn5118i8s] {
        padding: 0.25rem;
        border: 1px solid #000;
    }

    .table-container[b-lqn5118i8s] {
        overflow: visible;
    }
}

/* Animation for status changes */
@keyframes pulse-b-lqn5118i8s {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.summary-item[data-status="critical"][b-lqn5118i8s] {
    animation: pulse-b-lqn5118i8s 2s infinite;
    border: 2px solid #dc3545;
}

/* Loading animation */
@keyframes spin-b-lqn5118i8s {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-content[b-lqn5118i8s]  fluent-progress-ring {
    animation: spin-b-lqn5118i8s 1s linear infinite;
}

/* Tooltip styling */
[b-lqn5118i8s] fluent-tooltip {
    --tooltip-background: #212529;
    --tooltip-color: white;
    --tooltip-border-radius: 4px;
    --tooltip-padding: 0.5rem;
    --tooltip-font-size: 0.8rem;
    --tooltip-max-width: 300px;
}

/* Badge styling for retry counts */
[b-lqn5118i8s] fluent-badge {
    --badge-background: var(--neutral-fill-rest);
    --badge-color: var(--neutral-foreground-rest);
}

[b-lqn5118i8s] fluent-badge[appearance="warning"] {
    --badge-background: var(--warning-fill-rest);
    --badge-color: var(--warning-foreground-rest);
}

[b-lqn5118i8s] fluent-badge[appearance="error"] {
    --badge-background: var(--error-fill-rest);
    --badge-color: var(--error-foreground-rest);
}

/* Hover effects for interactive elements */
.failed-jobs-table th.sortable:hover[b-lqn5118i8s]  fluent-icon {
    color: #0078d4;
}

.summary-item:hover .summary-value[b-lqn5118i8s] {
    color: #c82333;
}

/* Focus states for accessibility */
.failed-jobs-table th.sortable:focus[b-lqn5118i8s] {
    outline: 2px solid #0078d4;
    outline-offset: -2px;
} 
/* /Pages/Admin/Health/Health.razor.rz.scp.css */
/* Health Page Styles - Mobile-First Design */

.health-container[b-auvupn7xn6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

/* Header Card */
.header-card[b-auvupn7xn6] {
    margin-bottom: 1rem;
}

.header-content[b-auvupn7xn6] {
    padding: 1rem 0;
}

.summary-stats[b-auvupn7xn6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.stat-item[b-auvupn7xn6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.stat-value[b-auvupn7xn6] {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.25rem;
}

.stat-value.success[b-auvupn7xn6] {
    color: #28a745;
}

.stat-value.error[b-auvupn7xn6] {
    color: #dc3545;
}

.stat-label[b-auvupn7xn6] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-subtle);
    font-weight: 500;
}

/* Health List Card */
.health-list-card[b-auvupn7xn6] {
    flex: 1;
}

/* Results Summary */
.results-summary[b-auvupn7xn6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    background: var(--neutral-layer-1);
    border-radius: 0.375rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.results-summary .summary-info[b-auvupn7xn6] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.results-summary .results-count[b-auvupn7xn6] {
    font-weight: bold;
}

/* Health Grid */
.health-grid[b-auvupn7xn6] {
    width: 100%;
}

.health-list-scrollable[b-auvupn7xn6] {
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 0.5rem;
}

.health-list[b-auvupn7xn6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.health-item[b-auvupn7xn6] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.health-item:hover[b-auvupn7xn6] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.health-header[b-auvupn7xn6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

.health-header h3[b-auvupn7xn6] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.health-status[b-auvupn7xn6] {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.health-status.healthy[b-auvupn7xn6] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.health-status.unhealthy[b-auvupn7xn6] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.health-status.degraded[b-auvupn7xn6] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.health-status.unknown[b-auvupn7xn6] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.health-details[b-auvupn7xn6] {
    margin-bottom: 1rem;
}

.detail-row[b-auvupn7xn6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

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

.detail-row .label[b-auvupn7xn6] {
    font-weight: 500;
    color: var(--neutral-foreground-subtle);
    font-size: 0.9rem;
}

.detail-row .value[b-auvupn7xn6] {
    font-weight: 400;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    text-align: right;
}

.health-actions[b-auvupn7xn6] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

/* Loading and Empty States */
.loading-state[b-auvupn7xn6],
.empty-state[b-auvupn7xn6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--neutral-foreground-subtle);
}

.loading-state p[b-auvupn7xn6],
.empty-state p[b-auvupn7xn6] {
    margin: 0;
    font-size: 1rem;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .health-container[b-auvupn7xn6] {
        padding: 0.75rem;
        gap: 0.75rem;
    }

    .summary-stats[b-auvupn7xn6] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .stat-item[b-auvupn7xn6] {
        padding: 0.75rem;
    }

    .stat-value[b-auvupn7xn6] {
        font-size: 1.25rem;
    }

    .results-summary[b-auvupn7xn6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .results-summary .summary-info[b-auvupn7xn6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .health-item[b-auvupn7xn6] {
        padding: 0.875rem;
    }

    .health-header h3[b-auvupn7xn6] {
        font-size: 1rem;
    }

    .health-actions[b-auvupn7xn6] {
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    .detail-row[b-auvupn7xn6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .detail-row .value[b-auvupn7xn6] {
        text-align: left;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .health-container[b-auvupn7xn6] {
        padding: 0.5rem;
        gap: 0.5rem;
    }

    .summary-stats[b-auvupn7xn6] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .health-item[b-auvupn7xn6] {
        padding: 0.75rem;
    }

    .health-header[b-auvupn7xn6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .health-status[b-auvupn7xn6] {
        align-self: flex-start;
    }

    .health-actions[b-auvupn7xn6] {
        justify-content: center;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .health-item:hover[b-auvupn7xn6] {
        transform: none;
    }

    .health-item:active[b-auvupn7xn6] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.health-item:focus-within[b-auvupn7xn6] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.health-actions[b-auvupn7xn6]  fluent-button:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .health-item[b-auvupn7xn6] {
        border: 2px solid var(--neutral-foreground-rest);
    }

    .health-header[b-auvupn7xn6] {
        border-bottom: 2px solid var(--neutral-foreground-rest);
    }

    .health-actions[b-auvupn7xn6] {
        border-top: 2px solid var(--neutral-foreground-rest);
    }

    .stat-item[b-auvupn7xn6] {
        border: 2px solid var(--neutral-foreground-rest);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .health-item[b-auvupn7xn6] {
        transition: none;
    }

    .health-item:hover[b-auvupn7xn6] {
        transform: none;
    }
} 
/* /Pages/Admin/Health/HealthMonitoring.razor.rz.scp.css */
.health-monitoring-container[b-jnl0vatpio] {
    padding: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.header-card[b-jnl0vatpio] {
    background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%);
    color: white;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 120, 212, 0.3);
}

.header-content[b-jnl0vatpio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
}

.title-section[b-jnl0vatpio] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.title-section h1[b-jnl0vatpio] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
}

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

.loading-card[b-jnl0vatpio] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.loading-content[b-jnl0vatpio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.loading-content p[b-jnl0vatpio] {
    margin: 0;
    color: #666;
    font-size: 1rem;
}

.overall-health-card[b-jnl0vatpio] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 1px solid #dee2e6;
}

.card-header[b-jnl0vatpio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    background: rgba(255, 255, 255, 0.8);
}

.card-header h2[b-jnl0vatpio] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
}

.card-header h3[b-jnl0vatpio] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #495057;
}

.health-grid[b-jnl0vatpio] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
}

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

.health-item .label[b-jnl0vatpio] {
    font-weight: 500;
    color: #6c757d;
}

.health-item .value[b-jnl0vatpio] {
    font-weight: 600;
    color: #212529;
}

.metrics-grid[b-jnl0vatpio] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.metric-card[b-jnl0vatpio] {
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
    height: fit-content;
}

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

.metric-content[b-jnl0vatpio] {
    padding: 1.5rem;
}

.metric-item[b-jnl0vatpio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f8f9fa;
}

.metric-item:last-child[b-jnl0vatpio] {
    border-bottom: none;
}

.metric-item .label[b-jnl0vatpio] {
    font-weight: 500;
    color: #6c757d;
    min-width: 100px;
}

.metric-item .value[b-jnl0vatpio] {
    font-weight: 600;
    color: #212529;
    text-align: right;
}

.warnings[b-jnl0vatpio] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.actions[b-jnl0vatpio] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f8f9fa;
}

.circuit-breakers-card[b-jnl0vatpio] {
    border: 1px solid #dee2e6;
}

.header-actions[b-jnl0vatpio] {
    display: flex;
    gap: 0.5rem;
}

.circuit-breakers-grid[b-jnl0vatpio] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
    padding: 1.5rem;
}

.circuit-breaker-item[b-jnl0vatpio] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
    background: #f8f9fa;
    transition: all 0.2s ease;
}

.circuit-breaker-item:hover[b-jnl0vatpio] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.circuit-breaker-header[b-jnl0vatpio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.command-name[b-jnl0vatpio] {
    font-weight: 600;
    color: #495057;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9rem;
}

.circuit-breaker-details[b-jnl0vatpio] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.detail-item[b-jnl0vatpio] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.detail-item .value[b-jnl0vatpio] {
    font-weight: 600;
    color: #212529;
    font-size: 0.9rem;
}

.circuit-breakers-summary[b-jnl0vatpio] {
    display: flex;
    justify-content: space-around;
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    font-weight: 600;
    color: #495057;
}

.failed-jobs-card[b-jnl0vatpio] {
    border: 1px solid #dee2e6;
}

.total-count[b-jnl0vatpio] {
    font-weight: 600;
    color: #dc3545;
    background: #f8d7da;
    padding: 0.25rem 0.75rem;
    border-radius: 16px;
    font-size: 0.9rem;
}

.failed-jobs-table[b-jnl0vatpio] {
    padding: 1.5rem;
}

.failed-jobs-table table[b-jnl0vatpio] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.failed-jobs-table th[b-jnl0vatpio] {
    background: #f8f9fa;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: #495057;
    border-bottom: 2px solid #dee2e6;
}

.failed-jobs-table td[b-jnl0vatpio] {
    padding: 0.75rem;
    border-bottom: 1px solid #f8f9fa;
    vertical-align: top;
}

.failed-jobs-table tr:hover[b-jnl0vatpio] {
    background: #f8f9fa;
}

.reason-cell[b-jnl0vatpio] {
    max-width: 300px;
    word-wrap: break-word;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.8rem;
    color: #6c757d;
}

.show-more[b-jnl0vatpio] {
    margin-top: 1rem;
    text-align: center;
    padding-top: 1rem;
    border-top: 1px solid #f8f9fa;
}

/* Enhanced Mobile Responsive Design */
@media (max-width: 768px) {
    .health-monitoring-container[b-jnl0vatpio] {
        padding: 0.5rem;
        gap: 1rem;
    }

    .header-content[b-jnl0vatpio] {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
        padding: 1rem;
    }

    .title-section h1[b-jnl0vatpio] {
        font-size: 1.5rem;
    }

    .actions-section[b-jnl0vatpio] {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
    }

    /* Ensure minimum touch target size for mobile */
    .actions-section[b-jnl0vatpio]  fluent-button {
        min-height: 44px;
        min-width: 44px;
        padding: 0.75rem 1rem;
    }

    .metrics-grid[b-jnl0vatpio] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .metric-card[b-jnl0vatpio] {
        margin-bottom: 0.5rem;
    }

    .metric-content[b-jnl0vatpio] {
        padding: 1rem;
    }

    .metric-item[b-jnl0vatpio] {
        padding: 0.75rem 0;
    }

    .metric-item .label[b-jnl0vatpio] {
        min-width: 80px;
        font-size: 0.9rem;
    }

    .metric-item .value[b-jnl0vatpio] {
        font-size: 0.9rem;
    }

    .circuit-breakers-grid[b-jnl0vatpio] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        padding: 1rem;
    }

    .circuit-breaker-item[b-jnl0vatpio] {
        padding: 0.75rem;
    }

    .health-grid[b-jnl0vatpio] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        padding: 1rem;
    }

    .health-item[b-jnl0vatpio] {
        padding: 0.75rem 0;
    }

    .failed-jobs-table[b-jnl0vatpio] {
        padding: 1rem;
        overflow-x: auto;
    }

    .failed-jobs-table table[b-jnl0vatpio] {
        min-width: 600px;
        font-size: 0.8rem;
    }

    .failed-jobs-table th[b-jnl0vatpio],
    .failed-jobs-table td[b-jnl0vatpio] {
        padding: 0.5rem;
    }

    .reason-cell[b-jnl0vatpio] {
        max-width: 200px;
    }

    .circuit-breakers-summary[b-jnl0vatpio] {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
        padding: 1rem;
    }

    .card-header[b-jnl0vatpio] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
        padding: 1rem;
    }

    .card-header h2[b-jnl0vatpio] {
        font-size: 1.1rem;
    }

    .card-header h3[b-jnl0vatpio] {
        font-size: 1rem;
    }

    /* Mobile-specific button enhancements */
    .actions[b-jnl0vatpio]  fluent-button {
        width: 100%;
        margin-bottom: 0.5rem;
        min-height: 44px;
    }

    .header-actions[b-jnl0vatpio]  fluent-button {
        min-height: 44px;
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 480px) {
    .health-monitoring-container[b-jnl0vatpio] {
        padding: 0.25rem;
        gap: 0.75rem;
    }

    .title-section h1[b-jnl0vatpio] {
        font-size: 1.25rem;
    }

    .actions-section[b-jnl0vatpio] {
        width: 100%;
    }

    .actions-section[b-jnl0vatpio]  fluent-button {
        flex: 1;
        min-width: 0;
        font-size: 0.9rem;
    }

    .metrics-grid[b-jnl0vatpio] {
        gap: 0.75rem;
    }

    .metric-content[b-jnl0vatpio] {
        padding: 0.75rem;
    }

    .metric-item .label[b-jnl0vatpio] {
        min-width: 70px;
        font-size: 0.85rem;
    }

    .metric-item .value[b-jnl0vatpio] {
        font-size: 0.85rem;
    }

    .circuit-breakers-grid[b-jnl0vatpio] {
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .circuit-breaker-item[b-jnl0vatpio] {
        padding: 0.5rem;
    }

    .command-name[b-jnl0vatpio] {
        font-size: 0.8rem;
    }

    .detail-item .label[b-jnl0vatpio],
    .detail-item .value[b-jnl0vatpio] {
        font-size: 0.8rem;
    }

    .health-grid[b-jnl0vatpio] {
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .failed-jobs-table[b-jnl0vatpio] {
        padding: 0.75rem;
    }

    .failed-jobs-table table[b-jnl0vatpio] {
        min-width: 500px;
        font-size: 0.75rem;
    }

    .failed-jobs-table th[b-jnl0vatpio],
    .failed-jobs-table td[b-jnl0vatpio] {
        padding: 0.4rem;
    }

    .reason-cell[b-jnl0vatpio] {
        max-width: 150px;
        font-size: 0.7rem;
    }

    .card-header[b-jnl0vatpio] {
        padding: 0.75rem;
    }

    .card-header h2[b-jnl0vatpio] {
        font-size: 1rem;
    }

    .card-header h3[b-jnl0vatpio] {
        font-size: 0.9rem;
    }

    /* Enhanced touch targets for small screens */
    [b-jnl0vatpio] fluent-button {
        min-height: 44px;
        min-width: 44px;
    }

    [b-jnl0vatpio] fluent-badge {
        font-size: 0.8rem;
        padding: 0.25rem 0.5rem;
    }
}

/* Touch-friendly interactions for mobile */
@media (hover: none) and (pointer: coarse) {
    .metric-card:hover[b-jnl0vatpio] {
        transform: none;
    }

    .circuit-breaker-item:hover[b-jnl0vatpio] {
        box-shadow: none;
    }

    /* Add active states for touch devices */
    .metric-card:active[b-jnl0vatpio] {
        transform: scale(0.98);
    }

    .circuit-breaker-item:active[b-jnl0vatpio] {
        background: #e9ecef;
    }

    /* Ensure all interactive elements are touch-friendly */
    [b-jnl0vatpio] fluent-button {
        min-height: 44px;
        min-width: 44px;
    }

    [b-jnl0vatpio] fluent-select {
        min-height: 44px;
    }

    [b-jnl0vatpio] fluent-search {
        min-height: 44px;
    }
}

/* Animation for status changes */
@keyframes pulse-b-jnl0vatpio {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.metric-card[data-status="unhealthy"][b-jnl0vatpio] {
    animation: pulse-b-jnl0vatpio 2s infinite;
    border-color: #dc3545;
}

.metric-card[data-status="degraded"][b-jnl0vatpio] {
    border-color: #ffc107;
}

.metric-card[data-status="healthy"][b-jnl0vatpio] {
    border-color: #28a745;
}

/* Loading animation */
@keyframes spin-b-jnl0vatpio {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-content[b-jnl0vatpio]  fluent-progress-ring {
    animation: spin-b-jnl0vatpio 1s linear infinite;
}

/* Status-specific styling */
.status-healthy[b-jnl0vatpio] {
    color: #28a745;
}

.status-degraded[b-jnl0vatpio] {
    color: #ffc107;
}

.status-unhealthy[b-jnl0vatpio] {
    color: #dc3545;
}

.status-unknown[b-jnl0vatpio] {
    color: #6c757d;
}

/* Mobile-specific accessibility improvements */
@media (max-width: 768px) {
    /* Ensure proper focus indicators on mobile */
    [b-jnl0vatpio] fluent-button:focus {
        outline: 2px solid #0078d4;
        outline-offset: 2px;
    }

    /* Improve text contrast on small screens */
    .metric-item .label[b-jnl0vatpio],
    .metric-item .value[b-jnl0vatpio] {
        color: #212529;
    }

    /* Better spacing for touch interactions */
    .metric-item[b-jnl0vatpio] {
        padding: 0.75rem 0;
    }

    .detail-item[b-jnl0vatpio] {
        padding: 0.5rem 0;
    }
}

/* Print styles for mobile */
@media print {
    .header-card[b-jnl0vatpio],
    .actions-section[b-jnl0vatpio],
    .loading-card[b-jnl0vatpio] {
        display: none !important;
    }

    .health-monitoring-container[b-jnl0vatpio] {
        padding: 0;
        gap: 0;
    }

    .metric-card[b-jnl0vatpio] {
        break-inside: avoid;
        margin-bottom: 1rem;
    }

    .failed-jobs-table table[b-jnl0vatpio] {
        font-size: 10pt;
    }
} 
/* /Pages/Admin/Home/AdminHome.razor.rz.scp.css */
.admin-dashboard[b-m5k2mjz2ll] {
    padding: 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

.dashboard-header[b-m5k2mjz2ll] {
    margin-bottom: 2rem;
}

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

.header-title[b-m5k2mjz2ll] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title h1[b-m5k2mjz2ll] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--neutral-foreground-1);
}

.header-icon[b-m5k2mjz2ll] {
    color: var(--accent-foreground-1);
}

.header-actions[b-m5k2mjz2ll] {
    display: flex;
    gap: 0.5rem;
}

.last-updated[b-m5k2mjz2ll] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-3);
}

.stats-grid[b-m5k2mjz2ll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-m5k2mjz2ll] {
    min-height: 120px;
}

.stat-content[b-m5k2mjz2ll] {
    text-align: center;
    padding: 1rem 0;
}

.stat-value[b-m5k2mjz2ll] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.stat-value.success[b-m5k2mjz2ll] { 
    color: var(--success-foreground-1); 
}

.stat-value.warning[b-m5k2mjz2ll] { 
    color: var(--warning-foreground-1); 
}

.stat-value.error[b-m5k2mjz2ll] { 
    color: var(--error-foreground-1); 
}

.stat-value.unknown[b-m5k2mjz2ll] { 
    color: var(--neutral-foreground-3); 
}

.stat-description[b-m5k2mjz2ll] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-3);
}

.dashboard-content[b-m5k2mjz2ll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.overview-card[b-m5k2mjz2ll],
.actions-card[b-m5k2mjz2ll],
.activity-card[b-m5k2mjz2ll],
.circuit-card[b-m5k2mjz2ll] {
    min-height: 200px;
}

.overview-grid[b-m5k2mjz2ll] {
    display: grid;
    gap: 1rem;
}

.overview-item[b-m5k2mjz2ll] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
}

.overview-item fluent-icon[b-m5k2mjz2ll] {
    color: var(--accent-foreground-1);
}

.actions-grid[b-m5k2mjz2ll] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
}

.activity-list[b-m5k2mjz2ll] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.activity-item[b-m5k2mjz2ll] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
}

.activity-icon fluent-icon[b-m5k2mjz2ll] {
    color: var(--accent-foreground-1);
}

.activity-content[b-m5k2mjz2ll] {
    flex: 1;
}

.activity-title[b-m5k2mjz2ll] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.activity-time[b-m5k2mjz2ll] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-3);
}

.activity-status[b-m5k2mjz2ll] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 500;
}

.activity-status.success[b-m5k2mjz2ll] {
    background: var(--success-background-1);
    color: var(--success-foreground-1);
}

.activity-status.warning[b-m5k2mjz2ll] {
    background: var(--warning-background-1);
    color: var(--warning-foreground-1);
}

.activity-status.error[b-m5k2mjz2ll] {
    background: var(--error-background-1);
    color: var(--error-foreground-1);
}

.circuit-list[b-m5k2mjz2ll] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.circuit-item[b-m5k2mjz2ll] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
}

.circuit-name[b-m5k2mjz2ll] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.circuit-details[b-m5k2mjz2ll] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-3);
}

.circuit-details .open[b-m5k2mjz2ll] {
    color: var(--error-foreground-1);
}

.circuit-details .closed[b-m5k2mjz2ll] {
    color: var(--success-foreground-1);
}

.circuit-details .half-open[b-m5k2mjz2ll] {
    color: var(--warning-foreground-1);
}

.empty-state[b-m5k2mjz2ll] {
    text-align: center;
    padding: 2rem;
    color: var(--neutral-foreground-3);
}

.empty-icon[b-m5k2mjz2ll] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.auto-refresh-indicator[b-m5k2mjz2ll] {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--neutral-layer-4);
    border-radius: 2rem;
    font-size: 0.875rem;
    color: var(--neutral-foreground-3);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.auto-refresh-indicator.active[b-m5k2mjz2ll] {
    opacity: 1;
}

.auto-refresh-indicator fluent-icon[b-m5k2mjz2ll] {
    animation: spin-b-m5k2mjz2ll 2s linear infinite;
}

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

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .admin-dashboard[b-m5k2mjz2ll] {
        padding: 0.75rem;
    }

    .header-content[b-m5k2mjz2ll] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .header-actions[b-m5k2mjz2ll] {
        width: 100%;
        justify-content: space-between;
    }

    .stats-grid[b-m5k2mjz2ll] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .dashboard-content[b-m5k2mjz2ll] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .actions-grid[b-m5k2mjz2ll] {
        grid-template-columns: repeat(2, 1fr);
    }

    .activity-item[b-m5k2mjz2ll],
    .circuit-item[b-m5k2mjz2ll] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .auto-refresh-indicator[b-m5k2mjz2ll] {
        bottom: 0.5rem;
        right: 0.5rem;
        left: 0.5rem;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .header-title h1[b-m5k2mjz2ll] {
        font-size: 1.5rem;
    }

    .actions-grid[b-m5k2mjz2ll] {
        grid-template-columns: 1fr;
    }

    .stat-value[b-m5k2mjz2ll] {
        font-size: 1.5rem;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .activity-item:active[b-m5k2mjz2ll],
    .circuit-item:active[b-m5k2mjz2ll] {
        background: var(--neutral-layer-3);
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .overview-item[b-m5k2mjz2ll],
    .activity-item[b-m5k2mjz2ll],
    .circuit-item[b-m5k2mjz2ll] {
        border: 1px solid var(--neutral-stroke-1);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .auto-refresh-indicator fluent-icon[b-m5k2mjz2ll] {
        animation: none;
    }
} 
/* /Pages/Admin/Jobs/Jobs.razor.rz.scp.css */
/* Jobs Page Styles - Mobile-First Design */

.jobs-container[b-1lqnwm6jvm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

/* Header Card */
.header-card[b-1lqnwm6jvm] {
    margin-bottom: 1rem;
}

.header-content[b-1lqnwm6jvm] {
    padding: 1rem 0;
}

.summary-stats[b-1lqnwm6jvm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.stat-item[b-1lqnwm6jvm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.stat-value[b-1lqnwm6jvm] {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.25rem;
}

.stat-value.success[b-1lqnwm6jvm] {
    color: #28a745;
}

.stat-value.warning[b-1lqnwm6jvm] {
    color: #ffc107;
}

.stat-value.error[b-1lqnwm6jvm] {
    color: #dc3545;
}

.stat-label[b-1lqnwm6jvm] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-subtle);
    font-weight: 500;
}

/* Jobs List Card */
.jobs-list-card[b-1lqnwm6jvm] {
    flex: 1;
}

/* Results Summary */
.results-summary[b-1lqnwm6jvm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    background: var(--neutral-layer-1);
    border-radius: 0.375rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.results-summary .summary-info[b-1lqnwm6jvm] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.results-summary .results-count[b-1lqnwm6jvm] {
    font-weight: bold;
}

/* Jobs Grid */
.jobs-grid[b-1lqnwm6jvm] {
    width: 100%;
}

.jobs-list-scrollable[b-1lqnwm6jvm] {
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 0.5rem;
}

.jobs-list[b-1lqnwm6jvm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.job-item[b-1lqnwm6jvm] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.job-item:hover[b-1lqnwm6jvm] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.job-header[b-1lqnwm6jvm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

.job-header h3[b-1lqnwm6jvm] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.job-status[b-1lqnwm6jvm] {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.job-status.active[b-1lqnwm6jvm] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.job-status.paused[b-1lqnwm6jvm] {
    background: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}

.job-status.failed[b-1lqnwm6jvm] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.job-status.stopped[b-1lqnwm6jvm] {
    background: rgba(108, 117, 125, 0.1);
    color: #6c757d;
}

.job-details[b-1lqnwm6jvm] {
    margin-bottom: 1rem;
}

.detail-row[b-1lqnwm6jvm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

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

.detail-row .label[b-1lqnwm6jvm] {
    font-weight: 500;
    color: var(--neutral-foreground-subtle);
    font-size: 0.9rem;
}

.detail-row .value[b-1lqnwm6jvm] {
    font-weight: 400;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    text-align: right;
    max-width: 60%;
    word-break: break-word;
}

.job-actions[b-1lqnwm6jvm] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

/* Loading and Empty States */
.loading-state[b-1lqnwm6jvm],
.empty-state[b-1lqnwm6jvm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--neutral-foreground-subtle);
}

.loading-state p[b-1lqnwm6jvm],
.empty-state p[b-1lqnwm6jvm] {
    margin: 0;
    font-size: 1rem;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .jobs-container[b-1lqnwm6jvm] {
        padding: 0.75rem;
        gap: 0.75rem;
    }

    .summary-stats[b-1lqnwm6jvm] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .stat-item[b-1lqnwm6jvm] {
        padding: 0.75rem;
    }

    .stat-value[b-1lqnwm6jvm] {
        font-size: 1.25rem;
    }

    .results-summary[b-1lqnwm6jvm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .results-summary .summary-info[b-1lqnwm6jvm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .job-item[b-1lqnwm6jvm] {
        padding: 0.875rem;
    }

    .job-header h3[b-1lqnwm6jvm] {
        font-size: 1rem;
    }

    .job-actions[b-1lqnwm6jvm] {
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    .detail-row[b-1lqnwm6jvm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .detail-row .value[b-1lqnwm6jvm] {
        text-align: left;
        font-weight: 500;
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .jobs-container[b-1lqnwm6jvm] {
        padding: 0.5rem;
        gap: 0.5rem;
    }

    .summary-stats[b-1lqnwm6jvm] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .job-item[b-1lqnwm6jvm] {
        padding: 0.75rem;
    }

    .job-header[b-1lqnwm6jvm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .job-status[b-1lqnwm6jvm] {
        align-self: flex-start;
    }

    .job-actions[b-1lqnwm6jvm] {
        justify-content: center;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .job-item:hover[b-1lqnwm6jvm] {
        transform: none;
    }

    .job-item:active[b-1lqnwm6jvm] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.job-item:focus-within[b-1lqnwm6jvm] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.job-actions[b-1lqnwm6jvm]  fluent-button:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .job-item[b-1lqnwm6jvm] {
        border: 2px solid var(--neutral-foreground-rest);
    }

    .job-header[b-1lqnwm6jvm] {
        border-bottom: 2px solid var(--neutral-foreground-rest);
    }

    .job-actions[b-1lqnwm6jvm] {
        border-top: 2px solid var(--neutral-foreground-rest);
    }

    .stat-item[b-1lqnwm6jvm] {
        border: 2px solid var(--neutral-foreground-rest);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .job-item[b-1lqnwm6jvm] {
        transition: none;
    }

    .job-item:hover[b-1lqnwm6jvm] {
        transform: none;
    }
} 
/* /Pages/Admin/Locations/AdminLocations.razor.rz.scp.css */
/* Locations Page Styles - Mobile-First Design */

.locations-container[b-3rxo4qmixh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

/* Header Card */
.header-card[b-3rxo4qmixh] {
    margin-bottom: 1rem;
}

.header-content[b-3rxo4qmixh] {
    padding: 1rem 0;
}

.summary-stats[b-3rxo4qmixh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.stat-item[b-3rxo4qmixh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.stat-value[b-3rxo4qmixh] {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.25rem;
}

.stat-value.success[b-3rxo4qmixh] {
    color: #28a745;
}

.stat-value.error[b-3rxo4qmixh] {
    color: #dc3545;
}

.stat-label[b-3rxo4qmixh] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-subtle);
    font-weight: 500;
}

/* Locations List Card */
.locations-list-card[b-3rxo4qmixh] {
    flex: 1;
}

/* Results Summary */
.results-summary[b-3rxo4qmixh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    background: var(--neutral-layer-1);
    border-radius: 0.375rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.results-summary .summary-info[b-3rxo4qmixh] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.results-summary .results-count[b-3rxo4qmixh] {
    font-weight: bold;
}

/* Locations Grid */
.locations-grid[b-3rxo4qmixh] {
    width: 100%;
}

.locations-list-scrollable[b-3rxo4qmixh] {
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 0.5rem;
}

.locations-list[b-3rxo4qmixh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.location-item[b-3rxo4qmixh] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.location-item:hover[b-3rxo4qmixh] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.location-header[b-3rxo4qmixh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

.location-header h3[b-3rxo4qmixh] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.location-status[b-3rxo4qmixh] {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.location-status.active[b-3rxo4qmixh] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.location-status.inactive[b-3rxo4qmixh] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.location-details[b-3rxo4qmixh] {
    margin-bottom: 1rem;
}

.detail-row[b-3rxo4qmixh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

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

.detail-row .label[b-3rxo4qmixh] {
    font-weight: 500;
    color: var(--neutral-foreground-subtle);
    font-size: 0.9rem;
}

.detail-row .value[b-3rxo4qmixh] {
    font-weight: 400;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    text-align: right;
}

.location-actions[b-3rxo4qmixh] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

/* Loading and Empty States */
.loading-state[b-3rxo4qmixh],
.empty-state[b-3rxo4qmixh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--neutral-foreground-subtle);
}

.loading-state p[b-3rxo4qmixh],
.empty-state p[b-3rxo4qmixh] {
    margin: 0;
    font-size: 1rem;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .locations-container[b-3rxo4qmixh] {
        padding: 0.75rem;
        gap: 0.75rem;
    }

    .summary-stats[b-3rxo4qmixh] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .stat-item[b-3rxo4qmixh] {
        padding: 0.75rem;
    }

    .stat-value[b-3rxo4qmixh] {
        font-size: 1.25rem;
    }

    .results-summary[b-3rxo4qmixh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .results-summary .summary-info[b-3rxo4qmixh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .location-item[b-3rxo4qmixh] {
        padding: 0.875rem;
    }

    .location-header h3[b-3rxo4qmixh] {
        font-size: 1rem;
    }

    .location-actions[b-3rxo4qmixh] {
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    .detail-row[b-3rxo4qmixh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .detail-row .value[b-3rxo4qmixh] {
        text-align: left;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .locations-container[b-3rxo4qmixh] {
        padding: 0.5rem;
        gap: 0.5rem;
    }

    .summary-stats[b-3rxo4qmixh] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .location-item[b-3rxo4qmixh] {
        padding: 0.75rem;
    }

    .location-header[b-3rxo4qmixh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .location-status[b-3rxo4qmixh] {
        align-self: flex-start;
    }

    .location-actions[b-3rxo4qmixh] {
        justify-content: center;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .location-item:hover[b-3rxo4qmixh] {
        transform: none;
    }

    .location-item:active[b-3rxo4qmixh] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.location-item:focus-within[b-3rxo4qmixh] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.location-actions[b-3rxo4qmixh]  fluent-button:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .location-item[b-3rxo4qmixh] {
        border: 2px solid var(--neutral-foreground-rest);
    }

    .location-header[b-3rxo4qmixh] {
        border-bottom: 2px solid var(--neutral-foreground-rest);
    }

    .location-actions[b-3rxo4qmixh] {
        border-top: 2px solid var(--neutral-foreground-rest);
    }

    .stat-item[b-3rxo4qmixh] {
        border: 2px solid var(--neutral-foreground-rest);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .location-item[b-3rxo4qmixh] {
        transition: none;
    }

    .location-item:hover[b-3rxo4qmixh] {
        transform: none;
    }
} 
/* /Pages/Admin/Tenants/AdminTenants.razor.rz.scp.css */
/* Tenants Page Styles - Mobile-First Design */

.tenants-page[b-botfwdscto] {
    --search-height: 3rem;
    --search-border-radius: 0.5rem;
    --search-padding: 0.75rem;
    --grid-gap: 1rem;
    --pagination-gap: 0.5rem;
}

/* Results Summary */
.results-summary[b-botfwdscto] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    background: var(--neutral-layer-1);
    border-radius: 0.375rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.results-summary .summary-info[b-botfwdscto] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.results-summary .results-count[b-botfwdscto] {
    font-weight: bold;
}

/* Tenants Grid */
.tenants-grid[b-botfwdscto] {
    width: 100%;
}

.tenants-list-scrollable[b-botfwdscto] {
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 0.5rem;
}

.tenants-list[b-botfwdscto] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tenant-item[b-botfwdscto] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tenant-item:hover[b-botfwdscto] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.tenant-header[b-botfwdscto] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

.tenant-header h3[b-botfwdscto] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.tenant-status[b-botfwdscto] {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tenant-status.active[b-botfwdscto] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.tenant-status.inactive[b-botfwdscto] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.tenant-details[b-botfwdscto] {
    margin-bottom: 1rem;
}

.detail-row[b-botfwdscto] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

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

.detail-row .label[b-botfwdscto] {
    font-weight: 500;
    color: var(--neutral-foreground-subtle);
    font-size: 0.9rem;
}

.detail-row .value[b-botfwdscto] {
    font-weight: 400;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    text-align: right;
}

.tenant-actions[b-botfwdscto] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

/* Loading and Empty States */
.loading-state[b-botfwdscto],
.empty-state[b-botfwdscto] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--neutral-foreground-subtle);
}

.loading-state p[b-botfwdscto],
.empty-state p[b-botfwdscto] {
    margin: 0;
    font-size: 1rem;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .tenants-page[b-botfwdscto] {
        padding: 0.75rem;
        gap: 1rem;
    }

    .results-summary[b-botfwdscto] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .results-summary .summary-info[b-botfwdscto] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .tenant-item[b-botfwdscto] {
        padding: 0.875rem;
    }

    .tenant-header h3[b-botfwdscto] {
        font-size: 1rem;
    }

    .tenant-actions[b-botfwdscto] {
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    .detail-row[b-botfwdscto] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .detail-row .value[b-botfwdscto] {
        text-align: left;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .tenants-page[b-botfwdscto] {
        padding: 0.5rem;
        gap: 0.75rem;
    }

    .tenant-item[b-botfwdscto] {
        padding: 0.75rem;
    }

    .tenant-header[b-botfwdscto] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .tenant-status[b-botfwdscto] {
        align-self: flex-start;
    }

    .tenant-actions[b-botfwdscto] {
        justify-content: center;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .tenant-item:hover[b-botfwdscto] {
        transform: none;
    }

    .tenant-item:active[b-botfwdscto] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.tenant-item:focus-within[b-botfwdscto] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.tenant-actions[b-botfwdscto]  fluent-button:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .tenant-item[b-botfwdscto] {
        border: 2px solid var(--neutral-foreground-rest);
    }

    .tenant-header[b-botfwdscto] {
        border-bottom: 2px solid var(--neutral-foreground-rest);
    }

    .tenant-actions[b-botfwdscto] {
        border-top: 2px solid var(--neutral-foreground-rest);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .tenant-item[b-botfwdscto] {
        transition: none;
    }

    .tenant-item:hover[b-botfwdscto] {
        transform: none;
    }
} 
/* /Pages/Admin/Tenants/TenantDialogComponent.razor.rz.scp.css */
.custom-modal-overlay[b-ejceuv4t3d] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.25);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-modal-card[b-ejceuv4t3d] {
    background: var(--neutral-layer-1, #fff);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    width: 95vw;
    max-width: 420px;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.modal-header-row[b-ejceuv4t3d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem 0.5rem 1.5rem;
    border-bottom: 1px solid #eee;
    background: var(--neutral-layer-2, #f8f8f8);
}
.modal-title[b-ejceuv4t3d] {
    font-size: 1.25rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.modal-title-icon[b-ejceuv4t3d] {
    display: flex;
    align-items: center;
}
.modal-close-btn[b-ejceuv4t3d] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    color: #888;
    padding: 0.25rem;
    border-radius: 50%;
    transition: background 0.2s;
}
.modal-close-btn:hover[b-ejceuv4t3d] {
    background: #eee;
}
.modal-body-row[b-ejceuv4t3d] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.tenant-form-grid[b-ejceuv4t3d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.platforms-select-section[b-ejceuv4t3d] {
    margin-top: 0.5rem;
}
.platforms-label[b-ejceuv4t3d] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}
.platforms-list-select[b-ejceuv4t3d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 160px;
    overflow-y: auto;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    background: #fafbfc;
}
.platform-checkbox-label[b-ejceuv4t3d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    user-select: none;
}
.platform-checkbox-name[b-ejceuv4t3d] {
    font-size: 1rem;
}
.no-platforms[b-ejceuv4t3d] {
    color: #888;
    font-size: 0.95rem;
    padding: 0.5rem 0;
}
.modal-footer-row[b-ejceuv4t3d] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem 1.25rem 1.5rem;
    border-top: 1px solid #eee;
    background: var(--neutral-layer-2, #f8f8f8);
}
.primary-btn[b-ejceuv4t3d], .secondary-btn[b-ejceuv4t3d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 6px;
    padding: 0.5rem 1.25rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.primary-btn[b-ejceuv4t3d] {
    background: #2563eb;
    color: #fff;
}
.primary-btn:hover[b-ejceuv4t3d] {
    background: #1746a2;
}
.secondary-btn[b-ejceuv4t3d] {
    background: #f3f4f6;
    color: #222;
}
.secondary-btn:hover[b-ejceuv4t3d] {
    background: #e5e7eb;
}
@media (max-width: 600px) {
    .custom-modal-card[b-ejceuv4t3d] {
        max-width: 98vw;
        padding: 0;
    }
    .modal-header-row[b-ejceuv4t3d], .modal-footer-row[b-ejceuv4t3d], .modal-body-row[b-ejceuv4t3d] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
} 
/* /Pages/Admin/Users/User.razor.rz.scp.css */
/* Users Page Styles - Mobile-First Design */

.users-container[b-767ozkruyc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

/* Header Card */
.header-card[b-767ozkruyc] {
    margin-bottom: 1rem;
}

.header-content[b-767ozkruyc] {
    padding: 1rem 0;
}

.summary-stats[b-767ozkruyc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.stat-item[b-767ozkruyc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem;
    background: var(--neutral-layer-2);
    border-radius: 0.5rem;
    border: 1px solid var(--neutral-stroke-rest);
}

.stat-value[b-767ozkruyc] {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--neutral-foreground-rest);
    margin-bottom: 0.25rem;
}

.stat-value.success[b-767ozkruyc] {
    color: #28a745;
}

.stat-value.warning[b-767ozkruyc] {
    color: #ffc107;
}

.stat-value.error[b-767ozkruyc] {
    color: #dc3545;
}

.stat-label[b-767ozkruyc] {
    font-size: 0.875rem;
    color: var(--neutral-foreground-subtle);
    font-weight: 500;
}

/* Users List Card */
.users-list-card[b-767ozkruyc] {
    flex: 1;
}

/* Results Summary */
.results-summary[b-767ozkruyc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    background: var(--neutral-layer-1);
    border-radius: 0.375rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.results-summary .summary-info[b-767ozkruyc] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.results-summary .results-count[b-767ozkruyc] {
    font-weight: bold;
}

/* Users Grid */
.users-grid[b-767ozkruyc] {
    width: 100%;
}

.users-list-scrollable[b-767ozkruyc] {
    max-height: 70vh;
    overflow-y: auto;
    border-radius: 0.5rem;
}

.users-list[b-767ozkruyc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-item[b-767ozkruyc] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.user-item:hover[b-767ozkruyc] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.user-header[b-767ozkruyc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

.user-header h3[b-767ozkruyc] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.user-status[b-767ozkruyc] {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.user-status.active[b-767ozkruyc] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.user-status.inactive[b-767ozkruyc] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.user-details[b-767ozkruyc] {
    margin-bottom: 1rem;
}

.detail-row[b-767ozkruyc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle);
}

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

.detail-row .label[b-767ozkruyc] {
    font-weight: 500;
    color: var(--neutral-foreground-subtle);
    font-size: 0.9rem;
}

.detail-row .value[b-767ozkruyc] {
    font-weight: 400;
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    text-align: right;
}

.user-actions[b-767ozkruyc] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.75rem;
    border-top: 1px solid var(--neutral-stroke-subtle);
}

/* Loading and Empty States */
.loading-state[b-767ozkruyc],
.empty-state[b-767ozkruyc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--neutral-foreground-subtle);
}

.loading-state p[b-767ozkruyc],
.empty-state p[b-767ozkruyc] {
    margin: 0;
    font-size: 1rem;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .users-container[b-767ozkruyc] {
        padding: 0.75rem;
        gap: 0.75rem;
    }

    .summary-stats[b-767ozkruyc] {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .stat-item[b-767ozkruyc] {
        padding: 0.75rem;
    }

    .stat-value[b-767ozkruyc] {
        font-size: 1.25rem;
    }

    .results-summary[b-767ozkruyc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem;
    }

    .results-summary .summary-info[b-767ozkruyc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .user-item[b-767ozkruyc] {
        padding: 0.875rem;
    }

    .user-header h3[b-767ozkruyc] {
        font-size: 1rem;
    }

    .user-actions[b-767ozkruyc] {
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    .detail-row[b-767ozkruyc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .detail-row .value[b-767ozkruyc] {
        text-align: left;
        font-weight: 500;
    }
}

@media (max-width: 480px) {
    .users-container[b-767ozkruyc] {
        padding: 0.5rem;
        gap: 0.5rem;
    }

    .summary-stats[b-767ozkruyc] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .user-item[b-767ozkruyc] {
        padding: 0.75rem;
    }

    .user-header[b-767ozkruyc] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .user-status[b-767ozkruyc] {
        align-self: flex-start;
    }

    .user-actions[b-767ozkruyc] {
        justify-content: center;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .user-item:hover[b-767ozkruyc] {
        transform: none;
    }

    .user-item:active[b-767ozkruyc] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.user-item:focus-within[b-767ozkruyc] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.user-actions[b-767ozkruyc]  fluent-button:focus {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .user-item[b-767ozkruyc] {
        border: 2px solid var(--neutral-foreground-rest);
    }

    .user-header[b-767ozkruyc] {
        border-bottom: 2px solid var(--neutral-foreground-rest);
    }

    .user-actions[b-767ozkruyc] {
        border-top: 2px solid var(--neutral-foreground-rest);
    }

    .stat-item[b-767ozkruyc] {
        border: 2px solid var(--neutral-foreground-rest);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .user-item[b-767ozkruyc] {
        transition: none;
    }

    .user-item:hover[b-767ozkruyc] {
        transform: none;
    }
} 
/* /Pages/Home/Home.razor.rz.scp.css */
.home-container[b-tnmyzsnyf5] {
    padding: 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

.home-container h1[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-1);
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    font-weight: 600;
}

.home-container > p[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-2);
    margin-bottom: 2rem;
    font-size: 1rem;
}

.dashboard-content[b-tnmyzsnyf5] {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .dashboard-content[b-tnmyzsnyf5] {
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
}

.card[b-tnmyzsnyf5] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-2);
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease;
}

.card:hover[b-tnmyzsnyf5] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.card h2[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-1);
    margin: 0 0 1rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    border-bottom: 2px solid var(--accent-fill-1);
    padding-bottom: 0.5rem;
}

.products-grid[b-tnmyzsnyf5] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.product-item[b-tnmyzsnyf5] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-1);
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-item:hover[b-tnmyzsnyf5] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.product-item h3[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-1);
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    font-weight: 500;
}

.product-item .count[b-tnmyzsnyf5] {
    color: var(--accent-foreground-1);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.jobs-summary[b-tnmyzsnyf5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.stats[b-tnmyzsnyf5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat[b-tnmyzsnyf5] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-1);
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
}

.stat-value[b-tnmyzsnyf5] {
    display: block;
    color: var(--accent-foreground-1);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.stat-label[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-2);
    font-size: 0.875rem;
    font-weight: 500;
}

.jobs-list[b-tnmyzsnyf5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.job-item[b-tnmyzsnyf5] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-1);
    border-radius: 6px;
    padding: 1rem;
    transition: background-color 0.2s ease;
}

.job-item:hover[b-tnmyzsnyf5] {
    background: var(--neutral-layer-3);
}

.job-info[b-tnmyzsnyf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.job-info strong[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-1);
    font-size: 0.875rem;
}

.job-status[b-tnmyzsnyf5] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.job-status.active[b-tnmyzsnyf5] {
    background: var(--success-fill-1);
    color: var(--success-foreground-1);
}

.job-status.paused[b-tnmyzsnyf5] {
    background: var(--warning-fill-1);
    color: var(--warning-foreground-1);
}

.job-details[b-tnmyzsnyf5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.job-details small[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-3);
    font-size: 0.75rem;
}

.actions-grid[b-tnmyzsnyf5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
}

.action-btn[b-tnmyzsnyf5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    border: 1px solid var(--neutral-stroke-1);
    border-radius: 8px;
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-1);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    font-weight: 500;
}

.action-btn:hover[b-tnmyzsnyf5] {
    background: var(--neutral-layer-3);
    border-color: var(--neutral-stroke-2);
    transform: translateY(-1px);
}

.action-btn.primary[b-tnmyzsnyf5] {
    background: var(--accent-fill-1);
    color: var(--accent-foreground-1);
    border-color: var(--accent-stroke-1);
}

.action-btn.primary:hover[b-tnmyzsnyf5] {
    background: var(--accent-fill-2);
    border-color: var(--accent-stroke-2);
}

.action-btn span:first-child[b-tnmyzsnyf5] {
    font-size: 1.5rem;
}

.modal-overlay[b-tnmyzsnyf5] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-tnmyzsnyf5] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-2);
    border-radius: 8px;
    max-width: 500px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.modal-header[b-tnmyzsnyf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--neutral-stroke-1);
}

.modal-header h2[b-tnmyzsnyf5] {
    margin: 0;
    color: var(--neutral-foreground-1);
    font-size: 1.25rem;
    font-weight: 600;
}

.close-btn[b-tnmyzsnyf5] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--neutral-foreground-2);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.close-btn:hover[b-tnmyzsnyf5] {
    background: var(--neutral-layer-2);
    color: var(--neutral-foreground-1);
}

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

.modal-body p[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-2);
    margin-bottom: 1rem;
}

.platforms-list h3[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-1);
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
}

.platform-item[b-tnmyzsnyf5] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-1);
    border-radius: 4px;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-1);
    font-size: 0.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.platform-item span:first-child[b-tnmyzsnyf5] {
    flex: 1 1 auto;
    min-width: 0;
}

.platform-item span:last-child[b-tnmyzsnyf5] {
    flex-shrink: 0;
    margin-left: 1.5rem;
}

.platform-management-vertical[b-tnmyzsnyf5] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.platform-actions[b-tnmyzsnyf5] {
    flex: 1;
    min-width: 200px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.platform-action-buttons[b-tnmyzsnyf5] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

/* .platform-management-flex {
    display: flex;
    gap: 2rem;
} */

.platforms-list[b-tnmyzsnyf5] {
    flex: 1;
    min-width: 200px;
}

@media (max-width: 480px) {
    .home-container[b-tnmyzsnyf5] {
        padding: 0.75rem;
    }
    
    .card[b-tnmyzsnyf5] {
        padding: 1rem;
    }
    
    .stats[b-tnmyzsnyf5] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .actions-grid[b-tnmyzsnyf5] {
        grid-template-columns: 1fr;
    }
    
    .modal-content[b-tnmyzsnyf5] {
        margin: 0.5rem;
        max-height: 90vh;
    }
    
    .modal-header[b-tnmyzsnyf5],
    .modal-body[b-tnmyzsnyf5] {
        padding: 1rem;
    }
}

.loading[b-tnmyzsnyf5] {
    opacity: 0.6;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .card[b-tnmyzsnyf5],
    .product-item[b-tnmyzsnyf5],
    .job-item[b-tnmyzsnyf5],
    .action-btn[b-tnmyzsnyf5] {
        transition: none;
    }
}

.action-btn:focus[b-tnmyzsnyf5],
.close-btn:focus[b-tnmyzsnyf5] {
    outline: 2px solid var(--accent-stroke-1);
    outline-offset: 2px;
}

@media (prefers-contrast: high) {
    .card[b-tnmyzsnyf5] {
        border-width: 2px;
    }
    
    .action-btn[b-tnmyzsnyf5] {
        border-width: 2px;
    }
}

.product-search-bar[b-tnmyzsnyf5] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.product-search-summary[b-tnmyzsnyf5] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--neutral-foreground-2);
}

.product-list[b-tnmyzsnyf5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.product-item[b-tnmyzsnyf5] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-1);
    border-radius: 6px;
    padding: 1rem;
    transition: background-color 0.2s ease;
}

.product-item:hover[b-tnmyzsnyf5] {
    background: var(--neutral-layer-3);
}

.product-info[b-tnmyzsnyf5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.product-status[b-tnmyzsnyf5] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
}

.product-status.available[b-tnmyzsnyf5] {
    background: var(--success-fill-1);
    color: var(--success-foreground-1);
}

.product-status.out-of-stock[b-tnmyzsnyf5] {
    background: var(--error-fill-1);
    color: var(--error-foreground-1);
}

.product-details[b-tnmyzsnyf5] {
    display: flex;
    gap: 1.5rem;
    color: var(--neutral-foreground-3);
    font-size: 0.85rem;
}

.product-search-results[b-tnmyzsnyf5] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0.5rem;
}
.product-search-results th[b-tnmyzsnyf5], .product-search-results td[b-tnmyzsnyf5] {
    border: 1px solid var(--neutral-stroke-1);
    padding: 0.5rem 1rem;
    text-align: left;
}
.product-search-results th[b-tnmyzsnyf5] {
    background: var(--neutral-layer-2);
}
.error-message[b-tnmyzsnyf5] {
    color: var(--error-foreground-1);
    margin-bottom: 0.5rem;
}

.product-search-bar-outer[b-tnmyzsnyf5] {
    width: 100%;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
}

.product-search-bar-modern[b-tnmyzsnyf5] {
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--neutral-layer-2);
    border: 1.5px solid var(--neutral-stroke-2);
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    gap: 0.5rem;
    transition: border-color 0.2s;
}
.product-search-bar-modern:focus-within[b-tnmyzsnyf5] {
    border-color: var(--accent-stroke-1);
}

.product-search-bar-modern input[type="text"][b-tnmyzsnyf5] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 1rem;
    padding: 0.5rem 0.25rem;
    color: var(--neutral-foreground-1);
}

.product-search-bar-modern .search-icon[b-tnmyzsnyf5] {
    color: var(--neutral-foreground-3);
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-right: 0.25rem;
}

.product-search-bar-modern .search-btn[b-tnmyzsnyf5] {
    background: var(--accent-fill-1);
    color: var(--accent-foreground-1);
    border: none;
    border-radius: 6px;
    padding: 0.4rem 0.8rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1.1rem;
    transition: background 0.2s, color 0.2s;
}
.product-search-bar-modern .search-btn:hover[b-tnmyzsnyf5] {
    background: var(--accent-fill-2);
    color: var(--accent-foreground-2);
} 
/* /Pages/Home/ProductSearchBar.razor.rz.scp.css */
.product-search-bar-outer[b-ow8lj4o1y5] {
    width: 100%;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
}

.product-search-bar-modern[b-ow8lj4o1y5] {
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--neutral-layer-2);
    border: 1.5px solid var(--neutral-stroke-2);
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    gap: 0.5rem;
    transition: border-color 0.2s;
}
.product-search-bar-modern:focus-within[b-ow8lj4o1y5] {
    border-color: var(--accent-stroke-1);
}

.product-search-bar-modern input[type="text"][b-ow8lj4o1y5] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 1rem;
    padding: 0.5rem 0.25rem;
    color: var(--neutral-foreground-1);
}

.product-search-bar-modern .search-icon[b-ow8lj4o1y5] {
    color: var(--neutral-foreground-3);
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-right: 0.25rem;
}

.product-search-bar-modern .search-btn[b-ow8lj4o1y5] {
    background: var(--accent-fill-1);
    color: var(--accent-foreground-1);
    border: none;
    border-radius: 6px;
    padding: 0.4rem 0.8rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1.1rem;
    transition: background 0.2s, color 0.2s;
}
.product-search-bar-modern .search-btn:hover[b-ow8lj4o1y5] {
    background: var(--accent-fill-2);
    color: var(--accent-foreground-2);
} 
/* /Pages/Locations/Location.razor.rz.scp.css */
.location-container[b-6h1uzewlyj] {
    padding: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.header-card[b-6h1uzewlyj] {
    background: linear-gradient(135deg, #6f42c1 0%, #8e44ad 100%);
    color: white;
    border: none;
    box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
}

.header-card[b-6h1uzewlyj]  .card-title h3 {
    color: white;
}

.header-card[b-6h1uzewlyj]  .card-icon {
    color: white;
}

.header-content[b-6h1uzewlyj] {
    margin-top: 1rem;
}

.tenant-info[b-6h1uzewlyj] {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    backdrop-filter: blur(10px);
}

.tenant-label[b-6h1uzewlyj] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.tenant-code[b-6h1uzewlyj] {
    font-size: 1rem;
    color: white;
    font-weight: 600;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.tenant-name[b-6h1uzewlyj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.5rem;
}

.tenant-description[b-6h1uzewlyj] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}

.summary-stats[b-6h1uzewlyj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.stat-item[b-6h1uzewlyj] {
    text-align: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    backdrop-filter: blur(10px);
    transition: transform 0.2s ease;
}

.stat-item:hover[b-6h1uzewlyj] {
    transform: translateY(-2px);
}

.stat-value[b-6h1uzewlyj] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.5rem;
}

.stat-label[b-6h1uzewlyj] {
    display: block;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.data-grid-card[b-6h1uzewlyj] {
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.data-grid-container[b-6h1uzewlyj] {
    overflow-x: auto;
    border-radius: 8px;
}

.locations-data-grid[b-6h1uzewlyj] {
    width: 100%;
    min-width: 600px;
}

.locations-data-grid[b-6h1uzewlyj]  fluent-data-grid {
    border: none;
    border-radius: 8px;
    overflow: hidden;
}

.locations-data-grid[b-6h1uzewlyj]  fluent-data-grid-row {
    transition: background-color 0.2s ease;
}

.locations-data-grid[b-6h1uzewlyj]  fluent-data-grid-row:hover {
    background-color: #f8f9fa;
}

.locations-data-grid[b-6h1uzewlyj]  fluent-data-grid-cell {
    padding: 0.75rem;
    border-bottom: 1px solid #f8f9fa;
}

.locations-data-grid[b-6h1uzewlyj]  fluent-data-grid-header-cell {
    background: #f8f9fa;
    font-weight: 600;
    color: #495057;
    padding: 1rem 0.75rem;
    border-bottom: 2px solid #dee2e6;
}

.locations-card[b-6h1uzewlyj] {
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.results-summary[b-6h1uzewlyj] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.summary-info[b-6h1uzewlyj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.results-count[b-6h1uzewlyj] {
    font-size: 1rem;
    font-weight: 600;
    color: #495057;
}

.locations-grid[b-6h1uzewlyj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.locations-list-scrollable[b-6h1uzewlyj] {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 0.5rem;
}

.locations-list[b-6h1uzewlyj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.location-item[b-6h1uzewlyj] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
}

.location-item:hover[b-6h1uzewlyj] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-color: #adb5bd;
}

.location-header[b-6h1uzewlyj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.location-header h3[b-6h1uzewlyj] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
}

.location-status[b-6h1uzewlyj] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.location-status.active[b-6h1uzewlyj] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.location-status.inactive[b-6h1uzewlyj] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.location-details[b-6h1uzewlyj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.detail-row[b-6h1uzewlyj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f8f9fa;
}

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

.detail-row .label[b-6h1uzewlyj] {
    font-weight: 600;
    color: #495057;
    min-width: 120px;
}

.detail-row .value[b-6h1uzewlyj] {
    color: #212529;
    text-align: right;
    word-break: break-word;
    max-width: 60%;
}

.location-actions[b-6h1uzewlyj] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.loading-state[b-6h1uzewlyj] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6c757d;
}

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

.empty-state p[b-6h1uzewlyj] {
    margin: 0;
    font-size: 1.1rem;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .location-container[b-6h1uzewlyj] {
        padding: 0.75rem;
        gap: 1rem;
    }

    .search-section[b-6h1uzewlyj] {
        padding: 0.75rem;
        margin-bottom: 1rem;
    }

    .search-controls[b-6h1uzewlyj] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .search-input-group[b-6h1uzewlyj] {
        min-width: auto;
    }

    .filter-controls[b-6h1uzewlyj] {
        justify-content: flex-start;
    }

    .active-filters[b-6h1uzewlyj] {
        margin-top: 0.75rem;
    }

    .filter-tag[b-6h1uzewlyj] {
        font-size: 0.8rem;
        padding: 0.2rem 0.5rem;
    }

    .location-header[b-6h1uzewlyj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .location-header h3[b-6h1uzewlyj] {
        font-size: 1.1rem;
    }

    .location-status[b-6h1uzewlyj] {
        font-size: 0.8rem;
        padding: 0.2rem 0.5rem;
    }

    .detail-row[b-6h1uzewlyj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .detail-row .label[b-6h1uzewlyj] {
        min-width: auto;
        font-size: 0.9rem;
    }

    .detail-row .value[b-6h1uzewlyj] {
        text-align: left;
        max-width: 100%;
        font-size: 0.9rem;
    }

    .location-actions[b-6h1uzewlyj] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .locations-list-scrollable[b-6h1uzewlyj] {
        max-height: 60vh;
    }
}

@media (max-width: 480px) {
    .location-container[b-6h1uzewlyj] {
        padding: 0.5rem;
        gap: 0.75rem;
    }

    .search-section[b-6h1uzewlyj] {
        padding: 0.5rem;
    }

    .search-controls[b-6h1uzewlyj] {
        gap: 0.5rem;
    }

    .active-filters[b-6h1uzewlyj] {
        margin-top: 0.5rem;
    }

    .filter-label[b-6h1uzewlyj] {
        font-size: 0.85rem;
    }

    .filter-tag[b-6h1uzewlyj] {
        font-size: 0.75rem;
        padding: 0.15rem 0.4rem;
    }

    .location-item[b-6h1uzewlyj] {
        padding: 1rem;
    }

    .location-header h3[b-6h1uzewlyj] {
        font-size: 1rem;
    }

    .detail-row .label[b-6h1uzewlyj] {
        font-size: 0.85rem;
    }

    .detail-row .value[b-6h1uzewlyj] {
        font-size: 0.85rem;
    }

    .location-actions[b-6h1uzewlyj] {
        gap: 0.25rem;
    }

    .results-summary[b-6h1uzewlyj] {
        padding: 0.75rem;
    }

    .results-count[b-6h1uzewlyj] {
        font-size: 0.9rem;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .stat-item:hover[b-6h1uzewlyj] {
        transform: none;
    }

    .stat-item:active[b-6h1uzewlyj] {
        transform: scale(0.98);
    }

    .locations-data-grid[b-6h1uzewlyj]  fluent-data-grid-row:active {
        background-color: #e9ecef;
    }
}

/* Focus indicators for accessibility */
.locations-data-grid[b-6h1uzewlyj]  fluent-data-grid-row:focus-within {
    outline: 2px solid #0078d4;
    outline-offset: 1px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .header-card[b-6h1uzewlyj] {
        border: 2px solid white;
    }

    .stat-item[b-6h1uzewlyj] {
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .data-grid-card[b-6h1uzewlyj] {
        border: 2px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .stat-item[b-6h1uzewlyj] {
        transition: none;
    }

    .stat-item:hover[b-6h1uzewlyj] {
        transform: none;
    }

    .locations-data-grid[b-6h1uzewlyj]  fluent-data-grid-row {
        transition: none;
    }
}

/* Print styles */
@media print {
    .header-card[b-6h1uzewlyj] {
        background: white !important;
        color: black !important;
        border: 1px solid #000;
    }

    .stat-item[b-6h1uzewlyj] {
        background: white !important;
        color: black !important;
        border: 1px solid #000;
    }

    .data-grid-container[b-6h1uzewlyj] {
        overflow: visible;
    }

    .locations-data-grid[b-6h1uzewlyj] {
        min-width: auto;
    }
} 

.search-section[b-6h1uzewlyj] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.search-controls[b-6h1uzewlyj] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.search-input-group[b-6h1uzewlyj] {
    flex: 1;
    min-width: 250px;
}

.search-input[b-6h1uzewlyj] {
    width: 100%;
}

.filter-controls[b-6h1uzewlyj] {
    display: flex;
    align-items: center;
}

.filter-checkbox[b-6h1uzewlyj] {
    margin: 0;
}

.active-filters[b-6h1uzewlyj] {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.filter-label[b-6h1uzewlyj] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #495057;
    margin-right: 0.5rem;
}

.filter-tag[b-6h1uzewlyj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: #e3f2fd;
    color: #1976d2;
    border: 1px solid #bbdefb;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 500;
}

.filter-remove[b-6h1uzewlyj] {
    background: none;
    border: none;
    color: #1976d2;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.filter-remove:hover[b-6h1uzewlyj] {
    background-color: rgba(25, 118, 210, 0.1);
}

.clear-filters-btn[b-6h1uzewlyj] {
    background: none;
    border: 1px solid #6c757d;
    color: #6c757d;
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.clear-filters-btn:hover[b-6h1uzewlyj] {
    background-color: #6c757d;
    color: white;
} 
/* /Pages/Login/Login.razor.rz.scp.css */
.login-container[b-uo4z4o8850] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: linear-gradient(135deg, #eeeeee 0%, #eeeeee 100%);
}

.login-content[b-uo4z4o8850] {
    width: 100%;
    max-width: 400px;
}

.login-card[b-uo4z4o8850] {
    background: white;
    border: none;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
}

.login-card[b-uo4z4o8850]  .card-title h3 {
    color: #212529;
    text-align: center;
    margin-bottom: 1rem;
}

.login-card[b-uo4z4o8850]  .card-icon {
    color: #0078d4;
}

.login-form[b-uo4z4o8850] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

.form-label[b-uo4z4o8850] {
    font-weight: 600;
    color: #495057;
    font-size: 0.95rem;
}

.form-input[b-uo4z4o8850] {
    width: 100%;
    min-height: 44px;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
}

.form-input:focus[b-uo4z4o8850] {
    border-color: #0078d4;
    box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.2);
}

.form-actions[b-uo4z4o8850] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.login-button[b-uo4z4o8850] {
    width: 100%;
    min-height: 48px;
    font-size: 1rem;
    font-weight: 600;
}

.login-help[b-uo4z4o8850] {
    text-align: center;
    margin-top: 1rem;
}

.help-text[b-uo4z4o8850] {
    margin: 0;
    color: #6c757d;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .login-container[b-uo4z4o8850] {
        padding: 0.75rem;
    }

    .login-content[b-uo4z4o8850] {
        max-width: 350px;
    }

    .login-form[b-uo4z4o8850] {
        gap: 1.25rem;
    }

    .form-label[b-uo4z4o8850] {
        font-size: 0.9rem;
    }

    .form-input[b-uo4z4o8850] {
        min-height: 48px;
    }

    .login-button[b-uo4z4o8850] {
        min-height: 52px;
        font-size: 0.95rem;
    }

    .help-text[b-uo4z4o8850] {
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .login-container[b-uo4z4o8850] {
        padding: 0.5rem;
    }

    .login-content[b-uo4z4o8850] {
        max-width: 320px;
    }

    .login-form[b-uo4z4o8850] {
        gap: 1rem;
    }

    .form-label[b-uo4z4o8850] {
        font-size: 0.85rem;
    }

    .form-input[b-uo4z4o8850] {
        min-height: 52px;
    }

    .login-button[b-uo4z4o8850] {
        min-height: 56px;
        font-size: 0.9rem;
    }

    .help-text[b-uo4z4o8850] {
        font-size: 0.8rem;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .form-input:focus[b-uo4z4o8850] {
        transform: scale(1.02);
    }

    .login-button:active[b-uo4z4o8850] {
        transform: scale(0.98);
    }
}

/* Focus indicators for accessibility */
.form-input:focus[b-uo4z4o8850] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.login-button:focus[b-uo4z4o8850] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .login-card[b-uo4z4o8850] {
        border: 2px solid #000;
    }

    .form-input[b-uo4z4o8850] {
        border: 2px solid #000;
    }

    .form-input:focus[b-uo4z4o8850] {
        border-color: #0078d4;
        outline: 3px solid #000;
        outline-offset: 1px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .form-input[b-uo4z4o8850] {
        transition: none;
    }

    .form-input:focus[b-uo4z4o8850] {
        transform: none;
    }

    .login-button:active[b-uo4z4o8850] {
        transform: none;
    }
}

/* Print styles */
@media print {
    .login-container[b-uo4z4o8850] {
        background: white;
        min-height: auto;
    }

    .login-card[b-uo4z4o8850] {
        box-shadow: none;
        border: 1px solid #000;
    }
} 
/* /Pages/Products/Products.razor.rz.scp.css */
/* Products Page Styles - Mobile-First Design */

.products-page[b-r12m38pnzx] {
    --search-height: 3rem;
    --search-border-radius: 0.5rem;
    --search-padding: 0.75rem;
    --grid-gap: 1rem;
    --pagination-gap: 0.5rem;
}

/* Search Section */
.search-section[b-r12m38pnzx] {
    width: 100%;
    margin-bottom: 1.5rem; /* Only bottom margin */
}

.search-container[b-r12m38pnzx] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--search-border-radius);
    padding: 0.5rem;
    transition: border-color 0.2s ease;
}

.search-container:focus-within[b-r12m38pnzx] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 2px var(--accent-fill-subtle);
}

.search-container .mobile-action-button[b-r12m38pnzx]{
    width: 30%!important;
}

.search-icon[b-r12m38pnzx] {
    color: var(--neutral-foreground-rest);
    flex-shrink: 0;
}

.search-input[b-r12m38pnzx] {
    flex: 1 1 0;
    min-width: 0;
    border: none;
    background: transparent;
    outline: none;
    font-size: 0.9rem;
    width: 100%;
}

.search-input::deep .fluent-text-field[b-r12m38pnzx] {
    border: none;
    background: transparent;
}

.search-input::deep .fluent-text-field__control[b-r12m38pnzx] {
    border: none;
    background: transparent;
    box-shadow: none;
}

/* Results Summary */
.results-summary[b-r12m38pnzx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    background: var(--neutral-layer-1);
    border-radius: 0.375rem;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.results-summary .summary-info[b-r12m38pnzx] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.results-summary .results-count[b-r12m38pnzx] {
    font-weight: bold;
}

.results-summary .page-info[b-r12m38pnzx] {
    color: var(--neutral-foreground-subtle);
    font-weight: 400;
}

/* Products Grid */
.products-grid[b-r12m38pnzx] {
    margin-bottom: 1.5rem;
}

.products-list-scrollable[b-r12m38pnzx] {
    max-height: 48vh;
    overflow-y: auto;
}

.products-list[b-r12m38pnzx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product-item[b-r12m38pnzx] {
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 0.5rem;
    padding: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-item:hover[b-r12m38pnzx] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.product-header[b-r12m38pnzx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.product-header h3[b-r12m38pnzx] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.product-status[b-r12m38pnzx] {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: uppercase;
}

.product-status.active[b-r12m38pnzx] {
    background: var(--success-fill-subtle);
    color: var(--success-foreground-rest);
}

.product-status.inactive[b-r12m38pnzx] {
    background: var(--error-fill-subtle);
    color: var(--error-foreground-rest);
}

.product-details[b-r12m38pnzx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.detail-row[b-r12m38pnzx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

.detail-row .label[b-r12m38pnzx] {
    font-weight: 500;
    color: var(--neutral-foreground-subtle);
}

.detail-row .value[b-r12m38pnzx] {
    color: var(--neutral-foreground-rest);
}

.product-actions[b-r12m38pnzx] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.loading-state[b-r12m38pnzx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--neutral-foreground-subtle);
}

.empty-state[b-r12m38pnzx] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: var(--neutral-foreground-subtle);
    font-style: italic;
}

/* Pagination Section */
.pagination-section[b-r12m38pnzx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0;
}

.page-numbers[b-r12m38pnzx] {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.page-numbers .mobile-action-button[b-r12m38pnzx] {
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
}

/* Card Actions */
.card-actions[b-r12m38pnzx] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

/* Responsive Design */
@media (min-width: 768px) {
    .search-container[b-r12m38pnzx] {
        padding: 0.75rem;
        gap: 0.75rem;
    }
    
    .search-input[b-r12m38pnzx] {
        font-size: 1rem;
    }
    
    .results-summary[b-r12m38pnzx] {
        font-size: 1rem;
    }
    
    .pagination-section[b-r12m38pnzx] {
        gap: 0.75rem;
        padding: 0.25rem;
    }
    
    .page-numbers[b-r12m38pnzx] {
        gap: 0.5rem;
    }
    
    .page-numbers .mobile-action-button[b-r12m38pnzx] {
        min-width: 3rem;
        height: 3rem;
        padding: 0 0.75rem;
    }
}

@media (min-width: 1024px) {
    .search-container[b-r12m38pnzx] {
        max-width: 600px;
        margin: 0 auto;
    }
    
    .pagination-section[b-r12m38pnzx] {
        max-width: 800px;
        margin: 1.5rem auto 0;
    }
}

@media (max-width: 600px) {
    .results-summary[b-r12m38pnzx] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
        font-size: 0.95rem;
    }
    .pagination-section[b-r12m38pnzx] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

/* Responsive Design for Product List */
@media (min-width: 768px) {
    .products-list[b-r12m38pnzx] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        gap: 1.5rem;
    }
    
    .product-item[b-r12m38pnzx] {
        padding: 1.25rem;
    }
    
    .product-header h3[b-r12m38pnzx] {
        font-size: 1.2rem;
    }
}

@media (min-width: 1024px) {
    .products-list[b-r12m38pnzx] {
        grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
        gap: 2rem;
    }
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
    .search-container[b-r12m38pnzx] {
        min-height: 3.5rem;
    }
    
    .page-numbers .mobile-action-button[b-r12m38pnzx] {
        min-width: 3rem;
        height: 3rem;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .search-container[b-r12m38pnzx] {
        border-width: 2px;
    }
    
    .results-summary[b-r12m38pnzx] {
        border: 1px solid var(--neutral-stroke-rest);
    }
    
    .pagination-section[b-r12m38pnzx] {
        border: 1px solid var(--neutral-stroke-rest);
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .search-container[b-r12m38pnzx] {
        transition: none;
    }
    
    .search-container:focus-within[b-r12m38pnzx] {
        transition: none;
    }
}

/* Loading State */
.products-grid.loading[b-r12m38pnzx] {
    opacity: 0.6;
    pointer-events: none;
}

/* Empty State */
.products-grid:empty[b-r12m38pnzx]::after {
    content: "No products found";
    display: block;
    text-align: center;
    padding: 2rem;
    color: var(--neutral-foreground-subtle);
    font-style: italic;
}

/* Focus Indicators */
.search-container:focus-within[b-r12m38pnzx] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
}

.page-numbers .mobile-action-button:focus[b-r12m38pnzx] {
    outline: 2px solid var(--accent-fill-rest);
    outline-offset: 2px;
} 


/* /Pages/Settings/Setting.razor.rz.scp.css */
.settings-container[b-dt4op675zd] {
    padding: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.header-card[b-dt4op675zd] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    color: white;
    border: none;
    box-shadow: 0 4px 12px rgba(23, 162, 184, 0.3);
}

.header-card[b-dt4op675zd]  .card-title h3 {
    color: white;
}

.header-card[b-dt4op675zd]  .card-icon {
    color: white;
}

.header-content[b-dt4op675zd] {
    margin-top: 1rem;
}

.tenant-info[b-dt4op675zd] {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    backdrop-filter: blur(10px);
}

.tenant-label[b-dt4op675zd] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.tenant-code[b-dt4op675zd] {
    font-size: 1rem;
    color: white;
    font-weight: 600;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.tenant-name[b-dt4op675zd] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.5rem;
}

.tenant-description[b-dt4op675zd] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.5;
}

.summary-stats[b-dt4op675zd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.stat-item[b-dt4op675zd] {
    text-align: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    backdrop-filter: blur(10px);
    transition: transform 0.2s ease;
}

.stat-item:hover[b-dt4op675zd] {
    transform: translateY(-2px);
}

.stat-value[b-dt4op675zd] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin-bottom: 0.5rem;
}

.stat-label[b-dt4op675zd] {
    display: block;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.settings-card[b-dt4op675zd] {
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.settings-list[b-dt4op675zd] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.setting-item[b-dt4op675zd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
}

.setting-item:hover[b-dt4op675zd] {
    background: #e9ecef;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.setting-info[b-dt4op675zd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.setting-label[b-dt4op675zd] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #212529;
}

.setting-name[b-dt4op675zd] {
    font-size: 0.9rem;
    color: #6c757d;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    background: rgba(0, 0, 0, 0.05);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
    width: fit-content;
}

.setting-controls[b-dt4op675zd] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.setting-input[b-dt4op675zd] {
    flex: 1;
    min-width: 200px;
}

.empty-card[b-dt4op675zd] {
    border: 1px solid #dee2e6;
    text-align: center;
}

.empty-content[b-dt4op675zd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
}

.empty-content[b-dt4op675zd]  fluent-icon {
    color: #6c757d;
    opacity: 0.5;
}

.empty-content h3[b-dt4op675zd] {
    margin: 0;
    font-size: 1.25rem;
    color: #495057;
    font-weight: 600;
}

.empty-content p[b-dt4op675zd] {
    margin: 0;
    color: #6c757d;
    font-size: 1rem;
    line-height: 1.5;
}

/* Mobile-first responsive design */
@media (max-width: 768px) {
    .settings-container[b-dt4op675zd] {
        padding: 0.75rem;
        gap: 1rem;
    }

    .tenant-name[b-dt4op675zd] {
        font-size: 1.25rem;
    }

    .tenant-description[b-dt4op675zd] {
        font-size: 0.9rem;
    }

    .summary-stats[b-dt4op675zd] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 0.75rem;
    }

    .stat-item[b-dt4op675zd] {
        padding: 0.75rem;
    }

    .stat-value[b-dt4op675zd] {
        font-size: 1.5rem;
    }

    .stat-label[b-dt4op675zd] {
        font-size: 0.8rem;
    }

    .settings-list[b-dt4op675zd] {
        gap: 1rem;
    }

    .setting-item[b-dt4op675zd] {
        padding: 1rem;
        gap: 0.75rem;
    }

    .setting-label[b-dt4op675zd] {
        font-size: 1rem;
    }

    .setting-name[b-dt4op675zd] {
        font-size: 0.85rem;
    }

    .setting-controls[b-dt4op675zd] {
        gap: 0.75rem;
    }

    .setting-input[b-dt4op675zd] {
        min-width: 150px;
    }

    .empty-content[b-dt4op675zd] {
        padding: 2rem 1rem;
    }

    .empty-content h3[b-dt4op675zd] {
        font-size: 1.1rem;
    }

    .empty-content p[b-dt4op675zd] {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .settings-container[b-dt4op675zd] {
        padding: 0.5rem;
        gap: 0.75rem;
    }

    .tenant-name[b-dt4op675zd] {
        font-size: 1.1rem;
    }

    .tenant-description[b-dt4op675zd] {
        font-size: 0.85rem;
    }

    .summary-stats[b-dt4op675zd] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .stat-item[b-dt4op675zd] {
        padding: 0.625rem;
    }

    .stat-value[b-dt4op675zd] {
        font-size: 1.25rem;
    }

    .stat-label[b-dt4op675zd] {
        font-size: 0.75rem;
    }

    .setting-item[b-dt4op675zd] {
        padding: 0.875rem;
        gap: 0.5rem;
    }

    .setting-label[b-dt4op675zd] {
        font-size: 0.95rem;
    }

    .setting-name[b-dt4op675zd] {
        font-size: 0.8rem;
    }

    .setting-controls[b-dt4op675zd] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .setting-input[b-dt4op675zd] {
        min-width: auto;
    }

    .empty-content[b-dt4op675zd] {
        padding: 1.5rem 0.75rem;
    }

    .empty-content h3[b-dt4op675zd] {
        font-size: 1rem;
    }

    .empty-content p[b-dt4op675zd] {
        font-size: 0.85rem;
    }
}

/* Touch-friendly interactions */
@media (hover: none) and (pointer: coarse) {
    .stat-item:hover[b-dt4op675zd] {
        transform: none;
    }

    .stat-item:active[b-dt4op675zd] {
        transform: scale(0.98);
    }

    .setting-item:hover[b-dt4op675zd] {
        background: #f8f9fa;
    }

    .setting-item:active[b-dt4op675zd] {
        background: #e9ecef;
    }
}

/* Focus indicators for accessibility */
.setting-item:focus-within[b-dt4op675zd] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

.setting-input:focus[b-dt4op675zd] {
    outline: 2px solid #0078d4;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .header-card[b-dt4op675zd] {
        border: 2px solid white;
    }

    .stat-item[b-dt4op675zd] {
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

    .settings-card[b-dt4op675zd] {
        border: 2px solid #000;
    }

    .setting-item[b-dt4op675zd] {
        border: 1px solid #000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .stat-item[b-dt4op675zd] {
        transition: none;
    }

    .stat-item:hover[b-dt4op675zd] {
        transform: none;
    }

    .setting-item[b-dt4op675zd] {
        transition: none;
    }
}

/* Print styles */
@media print {
    .header-card[b-dt4op675zd] {
        background: white !important;
        color: black !important;
        border: 1px solid #000;
    }

    .stat-item[b-dt4op675zd] {
        background: white !important;
        color: black !important;
        border: 1px solid #000;
    }

    .setting-controls[b-dt4op675zd] {
        display: none;
    }
}