/* /Components/Dashboard/AccumulatorItemChartCard.razor.rz.scp.css */
/* Minimal custom styles - most styling handled by Bootstrap */

/* Card hover effect */
.deductible-card[b-plj0x69edm] {
    transition: all 0.3s ease;
}

    .deductible-card:hover[b-plj0x69edm] {
        transform: translateY(-2px);
    }

    .deductible-card a[b-plj0x69edm] {
        transition: all 0.3s ease;
    }

        .deductible-card a:hover[b-plj0x69edm] {
            transform: translateX(2px);
        }

            .deductible-card a:hover .bi[b-plj0x69edm] {
                transform: translateX(2px);
            }

/* Chart SVG styling */
.container-chart-svg[b-plj0x69edm] {
    width: 150px;
    height: 150px;
}

.chart-svg[b-plj0x69edm] {
    transform: rotate(-90deg);
}

.chart-progress[b-plj0x69edm] {
    animation: draw-progress-b-plj0x69edm 1s ease-out forwards;
}

/* Chart animation */
@keyframes draw-progress-b-plj0x69edm {
    from {
        stroke-dasharray: 0 100;
    }
}

/* Responsive chart sizing */
@media (max-width: 576px) {
    .deductible-card .chart-svg[b-plj0x69edm] {
        width: 120px !important;
        height: 120px !important;
    }

    /* Use Bootstrap's smaller font size on mobile */
    .deductible-card .fs-5[b-plj0x69edm] {
        font-size: calc(1.25rem * 0.875) !important;
    }
}
/* /Components/Dashboard/FindProvidersCard.razor.rz.scp.css */
/* Find Providers Card - Minimal custom styles */

/* Card hover effect */
.find-providers-card[b-9li73krht4] {
    transition: all 0.3s ease;
}

    .find-providers-card:hover[b-9li73krht4] {
        transform: translateY(-2px);
    }

/* Provider search icon styling */
.provider-search-icon[b-9li73krht4] {
    transition: transform 0.3s ease;
}

.find-providers-card:hover .provider-search-icon[b-9li73krht4] {
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .find-providers-card .provider-search-icon[b-9li73krht4] {
        max-width: 80px !important;
    }

    .find-providers-card .bg-primary.rounded-circle[b-9li73krht4] {
        width: 80px !important;
        height: 80px !important;
    }

    .find-providers-card .fas[b-9li73krht4] {
        font-size: 2rem !important;
    }

    .find-providers-card .border-bottom[b-9li73krht4] {
        width: 80% !important;
    }
}
/* /Components/Dashboard/IDCardCard.razor.rz.scp.css */
.idcard-card[b-3lvotbn406] {
    transition: all 0.3s ease;
}

.idcard-card:hover[b-3lvotbn406] {
    transform: translateY(-2px);
}

.idcard-card .card-header[b-3lvotbn406] {
    border-top-color: #0d6efd !important;
}
/* /Components/Dashboard/InfoActionCard.razor.rz.scp.css */
/* Info Action Card - Minimal custom styles */

/* Card hover effect */
.info-action-card[b-6e50f85beh] {
    transition: all 0.3s ease;
}

    .info-action-card:hover[b-6e50f85beh] {
        transform: translateY(-2px);
    }

/* Action icon styling */
.action-icon[b-6e50f85beh] {
    max-width: 100px;
    height: auto;
    transition: transform 0.3s ease;
}

.info-action-card:hover .action-icon[b-6e50f85beh] {
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .info-action-card .action-icon[b-6e50f85beh] {
        max-width: 80px !important;
    }

    .info-action-card .bg-primary.rounded-circle[b-6e50f85beh] {
        width: 80px !important;
        height: 80px !important;
    }

    .info-action-card .fas[b-6e50f85beh] {
        font-size: 2rem !important;
    }
}
/* /Components/Dashboard/MyClaimsCard.razor.rz.scp.css */
/* Claims Card - Minimal custom styles */

/* Card hover effect */
.my-claims-card[b-6vab370oqg] {
    transition: all 0.3s ease;
}

    .my-claims-card:hover[b-6vab370oqg] {
        transform: translateY(-2px);
    }

/* Claims icon styling */
.my-claims-icon[b-6vab370oqg] {
    transition: transform 0.3s ease;
}

.my-claims-card:hover .my-claims-icon[b-6vab370oqg] {
    transform: scale(1.05);
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .my-claims-card .fs-5[b-6vab370oqg] {
        font-size: calc(1.25rem * 0.875) !important;
    }

    .my-claims-card .my-claims-icon[b-6vab370oqg] {
        max-width: 50px !important;
    }

    .my-claims-card .d-flex.gap-2[b-6vab370oqg] {
        flex-direction: column;
        gap: 0.5rem !important;
    }

    .my-claims-card .btn[b-6vab370oqg] {
        font-size: 0.875rem;
    }
}
/* /Components/Dashboard/NetworkComparisonCard.razor.rz.scp.css */
/* Network Comparison Card - Simplified after component separation */

/* Card hover effect */
.network-comparison-card[b-yyygyervmp] {
    transition: all 0.3s ease;
}

    .network-comparison-card:hover[b-yyygyervmp] {
        transform: translateY(-2px);
    }

/* Responsive adjustments specific to the card layout */
@media (max-width: 768px) {
    .network-comparison-card .col-md-4[b-yyygyervmp] {
        margin-bottom: 1rem;
    }

        .network-comparison-card .col-md-4:last-child[b-yyygyervmp] {
            margin-bottom: 0;
        }
}
/* /Components/Dashboard/SavedToDateCard.razor.rz.scp.css */
/* Saved to Date Card - Minimal custom styles */

/* Card hover effect */
.saved-to-date-card[b-055s9zq2f7] {
    transition: all 0.3s ease;
}

    .saved-to-date-card:hover[b-055s9zq2f7] {
        transform: translateY(-2px);
    }

    /* Savings image/icon styling */
    .saved-to-date-card img[b-055s9zq2f7],
    .saved-to-date-card .bg-success.rounded-circle[b-055s9zq2f7] {
        transition: transform 0.3s ease;
    }

    .saved-to-date-card:hover img[b-055s9zq2f7],
    .saved-to-date-card:hover .bg-success.rounded-circle[b-055s9zq2f7] {
        transform: scale(1.05);
    }

    /* Ensure proper contrast for warning background */
    .saved-to-date-card .bg-warning.bg-opacity-10[b-055s9zq2f7] {
        background-color: rgba(255, 193, 7, 0.1) !important;
    }

/* Responsive adjustments */
@media (max-width: 576px) {
    .saved-to-date-card .fs-4[b-055s9zq2f7] {
        font-size: calc(1.5rem * 0.875) !important;
    }
}
/* /Components/Deductibles/DeductibleCard.razor.rz.scp.css */
.container-chart-svg-large[b-3jql4b73nc] {
    width: 150px;
    height: 150px;
}

.chart-svg-large[b-3jql4b73nc] {
    transform: rotate(-90deg);
}

.chart-bg[b-3jql4b73nc] {
    opacity: 0.3;
}

.chart-progress[b-3jql4b73nc] {
    transition: stroke-dasharray 0.3s ease;
}
/* /Components/Deductibles/FamilyCard.razor.rz.scp.css */
.hover-member-item[b-4j6kqi60l3] {
    transition: all 0.15s ease-in-out;
    cursor: pointer;
}

    .hover-member-item:hover[b-4j6kqi60l3] {
        background-color: var(--bs-secondary-bg-subtle) !important;
    }

    .hover-member-item.active[b-4j6kqi60l3] {
        color: var(--bs-dark) !important;
        background-color: var(--bs-warning) !important;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
        transform: translateY(-2px);
    }
/* /Components/Deductibles/FamilyMemberCard.razor.rz.scp.css */
/* Network amount styling */
.network-amount[b-onzqtnh3o9] {
    font-weight: 700 !important;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}
/* /Components/Deductibles/NetworkComparisonChart.razor.rz.scp.css */
.container-chart-svg-comparison[b-is58y3oxbc] {
    width: 120px;
    height: 120px;
}

.chart-svg-comparison[b-is58y3oxbc] {
    transform: rotate(-90deg);
}

.chart-slice-in-network[b-is58y3oxbc],
.chart-slice-out-network[b-is58y3oxbc] {
    transition: stroke-dasharray 0.3s ease;
}

.progress[b-is58y3oxbc] {
    border-radius: 0;
}
/* /Components/Deductibles/NetworkUsageSection.razor.rz.scp.css */
/* Network Usage Section Component Styles */

/* Network section styling */
.network-section[b-pgqfh79bwi] {
    transition: all 0.3s ease;
}

    .network-section a[b-pgqfh79bwi] {
        transition: all 0.3s ease;
    }

        .network-section a:hover[b-pgqfh79bwi] {
            transform: translateX(2px);
        }

            .network-section a:hover .bi[b-pgqfh79bwi] {
                transform: translateX(2px);
            }

/* Network amount styling */
.network-amount[b-pgqfh79bwi] {
    font-weight: 700 !important;
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}

/* Network label with icon */
.network-label[b-pgqfh79bwi] {
    gap: 0.5rem;
    font-weight: 600;
}

    .network-label .bi-square-fill[b-pgqfh79bwi] {
        font-size: 0.75rem;
    }

.progress-bar[b-pgqfh79bwi] {
    transition: width 0.6s ease;
}

/* Network description styling */
.network-description[b-pgqfh79bwi] {
    padding: 0.5rem 0;
}

    .network-description p[b-pgqfh79bwi] {
        line-height: 1.4;
        margin-bottom: 0;
    }

/* Network link styling */
.network-link[b-pgqfh79bwi] {
    padding-top: 0.25rem;
}

    .network-link a[b-pgqfh79bwi] {
        color: var(--bs-primary);
        font-weight: 500;
        transition: all 0.3s ease;
    }

        .network-link a:hover[b-pgqfh79bwi] {
            color: var(--bs-primary);
            transform: translateX(2px);
            text-decoration: underline !important;
        }

            .network-link a:hover .bi[b-pgqfh79bwi] {
                transform: translateX(2px);
            }

/* Icon transitions */
.bi[b-pgqfh79bwi] {
    transition: all 0.3s ease;
}

/* Color-specific enhancements */
.text-primary[b-pgqfh79bwi] {
    color: var(--bs-primary) !important;
}

.text-info[b-pgqfh79bwi] {
    color: var(--bs-info) !important;
}

.text-warning[b-pgqfh79bwi] {
    color: var(--bs-warning) !important;
}

.bg-primary[b-pgqfh79bwi] {
    background-color: var(--bs-primary) !important;
}

.bg-info[b-pgqfh79bwi] {
    background-color: var(--bs-info) !important;
}

.bg-warning[b-pgqfh79bwi] {
    background-color: var(--bs-warning) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .network-amount[b-pgqfh79bwi] {
        font-size: 1.1rem;
    }
}

@media (max-width: 576px) {
    .network-amount[b-pgqfh79bwi] {
        font-size: 1rem;
    }

    .small[b-pgqfh79bwi] {
        font-size: 0.8rem !important;
    }

    .network-amount-section[b-pgqfh79bwi] {
        padding: 0.75rem !important;
    }
}
/* /Components/Deductibles/NonCoveredCard.razor.rz.scp.css */
.container-chart-svg-large[b-ymdsao10em] {
    width: 150px;
    height: 150px;
}

.chart-svg-large[b-ymdsao10em] {
    transform: rotate(-90deg);
}

.chart-bg[b-ymdsao10em] {
    opacity: 0.3;
}

.chart-progress[b-ymdsao10em] {
    transition: stroke-dasharray 0.3s ease;
}
/* /Components/Deductibles/OutOfPocketMaxCard.razor.rz.scp.css */
.container-chart-svg-large[b-475tamizdy] {
    width: 150px;
    height: 150px;
}

.chart-svg-large[b-475tamizdy] {
    transform: rotate(-90deg);
}

.chart-bg[b-475tamizdy] {
    opacity: 0.3;
}

.chart-progress[b-475tamizdy] {
    transition: stroke-dasharray 0.3s ease;
}
/* /Components/Layout/UserNavBar.razor.rz.scp.css */
/* User Navigation Bar - Clean CSS with Bootstrap Dropdowns */

/* Logo hover effect */
.logo-img[b-qvit3g71l5] {
    opacity: 1;
    transition: opacity 0.3s;
}

.logo-img:hover[b-qvit3g71l5] {
    opacity: 0.8;
}

/* User menu toggle button */
.user-menu-toggle[b-qvit3g71l5] {
    border: none;
    /*background: transparent;*/
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    transition: background-color 0.2s;
}

    .user-menu-toggle:hover[b-qvit3g71l5],
    .user-menu-toggle:focus[b-qvit3g71l5] {
        background-color: var(--bs-secondary-bg-subtle) !important;
        box-shadow: none !important;
    }

/* User initials circle */
.user-initials-circle[b-qvit3g71l5] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #0585cd 0%, #36a1b1 100%);
    font-size: 0.9rem;
}

/* User email text */
.user-email-text[b-qvit3g71l5] {
    font-size: 0.75rem;
}

/* Custom hover colors for dropdown items */
.dropdown-item:hover[b-qvit3g71l5] {
    background-color: rgba(5, 133, 205, 0.1);
    color: #0585cd;
}

.dropdown-item.text-danger:hover[b-qvit3g71l5] {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.account-btn[b-qvit3g71l5] {
    font-size: 0.75rem;
    padding-right: 12px;
}
/* /Components/MyDocuments/MyDocumentsCard.razor.rz.scp.css */
.my-documents-card[b-827ofw1hqy] {
    transition: all 0.3s ease;
}

.my-documents-card:hover[b-827ofw1hqy] {
    transform: translateY(-2px);
}
/* /Components/Pages/Member/ClaimsPage.razor.rz.scp.css */
.table[b-j42yyshn0l] {
    cursor: pointer;
}

@media (min-width: 768px) {
    /* CSS styles for medium screens and up */
    .claim-list[b-j42yyshn0l] {
        max-height: 400px;
    }
}
/* /Components/Shared/CreditCardPreview.razor.rz.scp.css */
/* Credit Card Preview - Clean CSS with proper sizing */
.credit-card-preview[b-f9m0zsb5to] {
    perspective: 1000px;
}

.card-container[b-f9m0zsb5to] {
    position: relative;
    width: 100%;
    margin: 0;
}

.credit-card[b-f9m0zsb5to] {
    width: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.card-front[b-f9m0zsb5to] {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
    color: white;
    background: var(--card-background);
    overflow: hidden;
}

/* Card type specific backgrounds */
.visa[b-f9m0zsb5to] {
    --card-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.mastercard[b-f9m0zsb5to] {
    --card-background: linear-gradient(135deg, #d2b48c 0%, #daa520 100%);
}

.amex[b-f9m0zsb5to] {
    --card-background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.generic[b-f9m0zsb5to] {
    --card-background: linear-gradient(135deg, #2c3e50 0%, #000000 100%);
}

/* SMALL SIZE - 320px � 202px */
.size-small[b-f9m0zsb5to] {
    max-width: 320px;
}

.size-small .credit-card[b-f9m0zsb5to] {
    height: 202px;
}

.size-small .credit-card-top[b-f9m0zsb5to] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 18px 22px 0 22px;
    position: relative;
    z-index: 3;
    height: 45px;
    box-sizing: border-box;
}

.size-small .card-logo[b-f9m0zsb5to] {
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.size-small .generic-card-logo[b-f9m0zsb5to] {
    color: white;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.size-small .card-chip[b-f9m0zsb5to] {
    width: 36px;
    height: 28px;
    background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);
    border-radius: 6px;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: 3px;
}

.size-small .card-chip[b-f9m0zsb5to]::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: linear-gradient(135deg, #fdcb6e 0%, #e84393 100%);
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.size-small .card-chip[b-f9m0zsb5to]::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: linear-gradient(45deg, #f39c12 0%, #d63031 100%);
    border-radius: 1px;
}

.size-small .card-number[b-f9m0zsb5to] {
    padding: 0 22px;
    position: relative;
    z-index: 3;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}

.size-small .number-display[b-f9m0zsb5to] {
    font-family: 'SF Mono', 'Monaco', 'Consolas', 'Roboto Mono', monospace;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 2px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
    width: 100%;
}

.size-small .card-info[b-f9m0zsb5to] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 3;
    padding: 0 22px 18px 22px;
    height: 45px;
    box-sizing: border-box;
}

.size-small .cardholder-info[b-f9m0zsb5to] {
    flex: 1;
    margin-right: 15px;
    min-width: 0;
}

.size-small .expiry-info[b-f9m0zsb5to] {
    text-align: right;
    flex-shrink: 0;
    min-width: 50px;
}

.size-small .label[b-f9m0zsb5to] {
    font-size: 0.6rem;
    opacity: 0.8;
    margin-bottom: 4px;
    letter-spacing: 0.8px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}

.size-small .value[b-f9m0zsb5to] {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* MEDIUM SIZE - 380px � 240px (DEFAULT) */
.size-medium[b-f9m0zsb5to] {
    max-width: 380px;
}

.size-medium .credit-card[b-f9m0zsb5to] {
    height: 240px;
}

.size-medium .credit-card-top[b-f9m0zsb5to] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px 28px 0 28px;
    position: relative;
    z-index: 3;
    height: 60px;
    box-sizing: border-box;
}

.size-medium .card-logo[b-f9m0zsb5to] {
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.size-medium .generic-card-logo[b-f9m0zsb5to] {
    color: white;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.size-medium .card-chip[b-f9m0zsb5to] {
    width: 45px;
    height: 35px;
    background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);
    border-radius: 8px;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: 4px;
}

.size-medium .card-chip[b-f9m0zsb5to]::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    background: linear-gradient(135deg, #fdcb6e 0%, #e84393 100%);
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.size-medium .card-chip[b-f9m0zsb5to]::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background: linear-gradient(45deg, #f39c12 0%, #d63031 100%);
    border-radius: 2px;
}

.size-medium .card-number[b-f9m0zsb5to] {
    padding: 0 28px;
    position: relative;
    z-index: 3;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}

.size-medium .number-display[b-f9m0zsb5to] {
    font-family: 'SF Mono', 'Monaco', 'Consolas', 'Roboto Mono', monospace;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 3px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
    width: 100%;
}

.size-medium .card-info[b-f9m0zsb5to] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 3;
    padding: 0 28px 24px 28px;
    height: 60px;
    box-sizing: border-box;
}

.size-medium .cardholder-info[b-f9m0zsb5to] {
    flex: 1;
    margin-right: 20px;
    min-width: 0;
}

.size-medium .expiry-info[b-f9m0zsb5to] {
    text-align: right;
    flex-shrink: 0;
    min-width: 60px;
}

.size-medium .label[b-f9m0zsb5to] {
    font-size: 0.65rem;
    opacity: 0.8;
    margin-bottom: 6px;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}

.size-medium .value[b-f9m0zsb5to] {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* BIG SIZE - 440px � 278px */
.size-big[b-f9m0zsb5to] {
    max-width: 440px;
}

.size-big .credit-card[b-f9m0zsb5to] {
    height: 278px;
}

.size-big .credit-card-top[b-f9m0zsb5to] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 34px 0 34px;
    position: relative;
    z-index: 3;
    height: 70px;
    box-sizing: border-box;
}

.size-big .card-logo[b-f9m0zsb5to] {
    font-size: 1.7rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.size-big .generic-card-logo[b-f9m0zsb5to] {
    color: white;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.size-big .card-chip[b-f9m0zsb5to] {
    width: 54px;
    height: 42px;
    background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);
    border-radius: 10px;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-top: 5px;
}

.size-big .card-chip[b-f9m0zsb5to]::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: linear-gradient(135deg, #fdcb6e 0%, #e84393 100%);
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.size-big .card-chip[b-f9m0zsb5to]::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: linear-gradient(45deg, #f39c12 0%, #d63031 100%);
    border-radius: 3px;
}

.size-big .card-number[b-f9m0zsb5to] {
    padding: 0 34px;
    position: relative;
    z-index: 3;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
}

.size-big .number-display[b-f9m0zsb5to] {
    font-family: 'SF Mono', 'Monaco', 'Consolas', 'Roboto Mono', monospace;
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: 4px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
    width: 100%;
}

.size-big .card-info[b-f9m0zsb5to] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 3;
    padding: 0 34px 30px 34px;
    height: 70px;
    box-sizing: border-box;
}

.size-big .cardholder-info[b-f9m0zsb5to] {
    flex: 1;
    margin-right: 25px;
    min-width: 0;
}

.size-big .expiry-info[b-f9m0zsb5to] {
    text-align: right;
    flex-shrink: 0;
    min-width: 70px;
}

.size-big .label[b-f9m0zsb5to] {
    font-size: 0.75rem;
    opacity: 0.8;
    margin-bottom: 8px;
    letter-spacing: 1.2px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
}

.size-big .value[b-f9m0zsb5to] {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Common styles */
.placeholder[b-f9m0zsb5to] {
    opacity: 0.6;
    font-style: italic;
}
/* /Components/Shared/DocumentItem.razor.rz.scp.css */
/* Document Item - Shared Component Styles */

/* Document item styling with gray background */
.document-item[b-6jiamxcnw4] {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .document-item:hover[b-6jiamxcnw4] {
        background-color: var(--bs-secondary-bg-subtle) !important;
        transform: translateY(-1px);
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }

/* Bootstrap icon transitions */
.document-item .bi[b-6jiamxcnw4] {
    transition: all 0.3s ease;
}

/* Ensure no text decoration on any links */
.document-item a[b-6jiamxcnw4] {
    text-decoration: none !important;
}

.document-item a:hover[b-6jiamxcnw4] {
    text-decoration: none !important;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .document-item[b-6jiamxcnw4] {
        margin-bottom: 0.5rem !important;
    }

    .document-item .small[b-6jiamxcnw4] {
        font-size: 0.8rem !important;
    }

    .document-item .fs-5[b-6jiamxcnw4] {
        font-size: 1rem !important;
    }
}
/* /Components/Shared/FloatingSupportButton.razor.rz.scp.css */
/* Floating Support Button - Bootstrap enhanced with component-scoped CSS */

.support-img[b-g2r2mg0bf8] {
    width: 9rem;
    height: 9rem;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
/* Hover effects - Bootstrap doesn't have opacity hover utilities */
.support-btn:hover .support-img[b-g2r2mg0bf8] {
    opacity: 0.8 !important;
}

/* Remove focus styles as per legacy requirements */
.support-btn:focus[b-g2r2mg0bf8] {
    outline: none !important;
    box-shadow: none !important;
}

/* Disable text selection and tap highlights */
.support-btn[b-g2r2mg0bf8] {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Responsive adjustments using Bootstrap breakpoints */
@media (max-width: 767.98px) {
    .support-img[b-g2r2mg0bf8] {
        width: 8rem !important;
        height: 8rem !important;
    }
    
    .support-icon[b-g2r2mg0bf8] {
        font-size: 2.5rem !important;
    }
}