/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Pages/Registered/Cards.razor.rz.scp.css */
#previously-linked-container ul[b-zi2tot80ms] {
    list-style: inside square
}

/* /Components/Shared/CardBrandLogo.razor.rz.scp.css */
.card-logo[b-we1mi5q7n1] {
    width:100px; margin-right: 4px;
}
/* /Components/Shared/CardView.razor.rz.scp.css */

#card-view-container .cost-reductions .badge[b-s4za70zu4v] {
    margin-left: 0.25rem;
}

#card-view-container .grid-row-separator[b-s4za70zu4v] {
    border-bottom: 1px dashed #eee;
}


#relatedCardsContainer div.relatedCard[b-s4za70zu4v] {
    list-style-type: none;
    background: #e9e9e9;
    border: solid 1px #ccc;
    margin-right: 10px;
    padding: 10px;
    border-radius: 8px;
    display: inline;
    margin-top: 10px;
}
#relatedCardsContainer div.relatedCard a[b-s4za70zu4v] {
    text-decoration: none;
}
    
/* /Components/Shared/CreditCard.razor.rz.scp.css */

.credit-card-wrapper[b-t17p87e124] {
    /* Defines this element as a container for query units */
    container-type: inline-size;
    display: inline-block;
    perspective: 1000px;
    width: 260px;

    .credit-card {
        width: 100%;
        /* Standard Credit Card Aspect Ratio (ID-1) */
        aspect-ratio: 1.586;

        border-radius: 4cqw; /* Relative radius */
        position: relative;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
        color: #fff;
        font-family: 'Share Tech Mono', monospace;
        overflow: hidden;
        background-image: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3h1v1H1V3zm2-2h1v1H3V1z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"), linear-gradient(135deg, #a8dcea 0%, #86c4e0 100%);
    }

    /* --- EMV Chip --- */

    .chip[b-t17p87e124] {
        position: absolute;
        top: 15cqw; /* Scaled position */
        left: 10cqw;
        width: 12.5cqw; /* Scaled size */
        height: 10cqw;
        background: linear-gradient(135deg, #d9d9d9 0%, #bfbfbf 100%);
        border-radius: 1.5cqw;
        overflow: hidden;
        border: 1px solid #a6a6a6;
    }

    .chip-line[b-t17p87e124] {
        position: absolute;
        width: 100%;
        height: 1px;
        background: #888;
        top: 33%;
    }

    .chip-line:nth-child(2)[b-t17p87e124] {
        top: 66%;
    }

    .chip-line:nth-child(3)[b-t17p87e124] {
        width: 1px;
        height: 100%;
        top: 0;
        left: 33%;
    }

    .chip-line:nth-child(4)[b-t17p87e124] {
        width: 1px;
        height: 100%;
        top: 0;
        left: 66%;
    }

    .chip-main[b-t17p87e124] {
        position: absolute;
        top: 20%;
        left: 20%;
        right: 20%;
        bottom: 20%;
        border: 1px solid #888;
        border-radius: 1cqw;
    }

    /* --- Brand Logo --- */

    .card-brand[b-t17p87e124] {
        position: absolute;
        top: 7.5cqw;
        right: 4.5cqw;
        height: 12.5cqw; /* Height scales with card width */
        display: flex;
        align-items: center;
    }

    [b-t17p87e124] .card-brand img { /* deep: override the default card brand size in child */
        height: 100%;
        width: auto;
        object-fit: contain;
    }

    .brand-placeholder[b-t17p87e124] {
        font-size: 5cqw;
        font-weight: bold;
        opacity: 0.8;
        font-family: sans-serif;
    }

    /* --- Card Number --- */

    .card-number[b-t17p87e124] {
        position: absolute;
        top: 29cqw;
        left: 6cqw;
        right: 10cqw;
        font-size: 7.5cqw; /* Font size relative to container width */
        letter-spacing: 0.5cqw;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        white-space: nowrap;
        display: flex;
        align-items: center;
    }

    /* --- Bottom Details --- */

    .card-details[b-t17p87e124] {
        position: absolute;
        bottom: 7.5cqw;
        left: 10cqw;
        right: 10cqw;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .card-details .form-factor-icon[b-t17p87e124] {
        width: 20px;
        opacity: 0.4;
    }

    .detail-label[b-t17p87e124] {
        display: block;
        font-size: 1.8cqw;
        text-transform: uppercase;
        margin-bottom: 0.5cqw;
        opacity: 0.8;
        font-family: sans-serif;
    }

    .detail-value[b-t17p87e124] {
        font-size: 5cqw;
        letter-spacing: 0.2cqw;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    }

    .card-expiry[b-t17p87e124] {
        text-align: center;
    }

    .expired-sash[b-t17p87e124] {
        position: absolute;
        top: 6cqw;      /* Adjust to move the sash up/down */
        left: -12cqw;   /* Adjust to move the sash left/right */
        width: 40cqw;   /* Needs to be wide enough to cover the corner after rotation */
        background-color: #d93025; /* High-visibility red */
        color: white;
        text-align: center;
        line-height: 7cqw;
        font-size: 3.5cqw;
        font-weight: bold;
        transform: rotate(-45deg);
        z-index: 10;
        box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        letter-spacing: 0.3cqw;
        pointer-events: none; /* Ensure it doesn't block clicks if needed */
    }
}


/* /Components/Shared/Spinner.razor.rz.scp.css */
.spinner-object[b-7mgbdglxl1] {
    height:100px;
    width:100px;
}