@import '_content/InnOne.ObcanPlus.WebShare/InnOne.ObcanPlus.WebShare.xrzjvqjiht.bundle.scp.css';
@import '_content/InnOne.PortalObcana.BlazorClient/InnOne.PortalObcana.BlazorClient.4r9sr595bi.bundle.scp.css';
@import '_content/InnOne.Reservly.BlazorClient/InnOne.Reservly.BlazorClient.zem6n9o8mv.bundle.scp.css';
@import '_content/InnOne.Reservly.BlazorShared/InnOne.Reservly.BlazorShared.mn6tfuwgfn.bundle.scp.css';

/* /Components/Pages/ClientAdditionalData/Home.razor.rz.scp.css */
.databox-card-content[b-vssejbqb7e] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.databox-id-row[b-vssejbqb7e] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
}

    .databox-id-row strong[b-vssejbqb7e] {
        color: #2d3748;
        font-size: 1rem;
    }

.preferred-indicator[b-vssejbqb7e] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    color: white;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(72, 187, 120, 0.3);
    animation: fadeIn-b-vssejbqb7e 0.3s ease;
}

    .preferred-indicator i[b-vssejbqb7e] {
        font-size: 0.875rem;
    }

@keyframes fadeIn-b-vssejbqb7e {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.databox-info-section[b-vssejbqb7e] {
    margin-bottom: 2rem;
}

/* Single DataBox Card */
.single-databox-card[b-vssejbqb7e] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f6f8fb 0%, #ffffff 100%);
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

    .single-databox-card .databox-card-icon[b-vssejbqb7e] {
        flex-shrink: 0;
        width: 48px;
        height: 48px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 1rem;
    }

        .single-databox-card .databox-card-icon i[b-vssejbqb7e] {
            font-size: 1.5rem;
            color: white;
        }

    .single-databox-card .databox-card-content[b-vssejbqb7e] {
        flex-grow: 1;
    }

.databox-label[b-vssejbqb7e] {
    color: #718096;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
}

.databox-card-label > span:first-child[b-vssejbqb7e] {
    display: inline-block;
    vertical-align: middle;
}

.databox-id[b-vssejbqb7e] {
    color: #2d3748;
    font-size: 1rem;
    vertical-align: middle;
    line-height: 1;
}

/* Multiple DataBoxes */
.multiple-databoxes[b-vssejbqb7e] {
    padding: 1rem;
}

.selection-info[b-vssejbqb7e] {
    background: #edf2f7;
    padding: 1rem;
    border-radius: 8px;
    color: #4a5568;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.selection-instruction[b-vssejbqb7e] {
    color: #2d3748;
    font-weight: 500;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.databox-list[b-vssejbqb7e] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.databox-card[b-vssejbqb7e] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

    .databox-card:hover[b-vssejbqb7e] {
        border-color: #2E8B57;
        box-shadow: 0 4px 12px rgba(0, 88, 64, 0.15);
        transform: translateY(-2px);
    }

    .databox-card.selected[b-vssejbqb7e] {
        border-color: #2E8B57;
        background: linear-gradient(135deg, #f2f8f5 0%, #ffffff 100%);
        box-shadow: 0 4px 12px rgba(0, 88, 64, 0.2);
    }

    .databox-card .form-check-input:checked[b-vssejbqb7e] {
        background-color: #005840;
        border-color: #005840;
    }

.databox-checkbox[b-vssejbqb7e] {
    flex-shrink: 0;
    margin-right: 1rem;
}

    .databox-checkbox input[type="checkbox"][b-vssejbqb7e] {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

.databox-card .databox-card-icon[b-vssejbqb7e] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}

    .databox-card .databox-card-icon i[b-vssejbqb7e] {
        font-size: 1.25rem;
        color: white;
    }

.databox-card-content[b-vssejbqb7e] {
    flex-grow: 1;
}

.databox-card-label[b-vssejbqb7e] {
    cursor: pointer;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .databox-card-label strong[b-vssejbqb7e] {
        color: #2d3748;
        font-size: 1rem;
    }

.databox-type-badge[b-vssejbqb7e] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    color: white;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.25rem;
    width: fit-content;
}

@media (max-width: 767.98px) {
    .databox-settings-title[b-vssejbqb7e] {
        margin-top: 2rem;
    }

    .databox-card[b-vssejbqb7e] {
        align-items: flex-start;
    }

    .databox-card-content[b-vssejbqb7e] {
        min-width: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .databox-id-row[b-vssejbqb7e] {
        flex-wrap: wrap;
    }

    .preferred-indicator[b-vssejbqb7e] {
        max-width: 100%;
        margin-top: 0.75rem;
        white-space: normal;
        text-align: center;
    }
}
/* /Components/Pages/DataBox/IsdsError.razor.rz.scp.css */
.isds-error-container[b-ktv5j7338m] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    min-height: 100vh;
    width: 100%;
    padding: 1.5rem;
    background: linear-gradient(180deg, #f4e4e1 0%, #faf1ef 60%, #fdfaf9 100%);
}

.isds-error-card[b-ktv5j7338m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(120, 34, 34, 0.10);
    padding: 3rem 2.5rem 2.5rem;
    max-width: 520px;
    width: 100%;
}

.isds-error-icon[b-ktv5j7338m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e05260 0%, #b02a37 100%);
    margin-bottom: 1.75rem;
}

    .isds-error-icon i[b-ktv5j7338m] {
        font-size: 1.75rem;
        color: #ffffff;
    }

.isds-error-title[b-ktv5j7338m] {
    font-size: 1.375rem;
    font-weight: 600;
    color: #b02a37;
    margin: 0 0 0.75rem;
}

.isds-error-message[b-ktv5j7338m] {
    font-size: 0.9375rem;
    color: #495057;
    line-height: 1.6;
    margin: 0 0 1.5rem;
}

.isds-error-meta[b-ktv5j7338m] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 1.5rem;
}

.isds-error-action[b-ktv5j7338m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #005840;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px 25px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s;
}

    .isds-error-action:hover[b-ktv5j7338m] {
        background-color: #007357;
        color: #ffffff;
    }

.isds-error-details[b-ktv5j7338m] {
    margin-top: 2rem;
    padding: 1rem;
    background: #f8f7f6;
    border-radius: 8px;
    text-align: left;
    width: 100%;
    font-size: 0.8125rem;
    color: #6c757d;
}

    .isds-error-details summary[b-ktv5j7338m] {
        cursor: pointer;
        font-weight: 600;
    }

    .isds-error-details ul[b-ktv5j7338m] {
        list-style: none;
        padding-left: 0;
        margin: 0.5rem 0 0;
    }

    .isds-error-details li[b-ktv5j7338m] {
        padding: 0.25rem 0;
        word-break: break-all;
    }

.isds-error-brand[b-ktv5j7338m] {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2E8B57;
    opacity: 0.7;
}
/* /Components/Pages/DataBox/IsdsSuccess.razor.rz.scp.css */
.isds-processing-container[b-89e4hj6cxk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    min-height: 100vh;
    width: 100%;
    padding: 1.5rem;
    background: linear-gradient(180deg, #d8ece1 0%, #eef7f2 60%, #f7fbf9 100%);
}

.isds-processing-card[b-89e4hj6cxk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(0, 88, 64, 0.10);
    padding: 3rem 2.5rem 2.5rem;
    max-width: 480px;
    width: 100%;
}

.isds-processing-icon[b-89e4hj6cxk] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2E8B57 0%, #005840 100%);
    margin-bottom: 1.75rem;
}

    .isds-processing-icon i[b-89e4hj6cxk] {
        font-size: 1.75rem;
        color: #ffffff;
    }

    .isds-processing-icon[b-89e4hj6cxk]::after {
        content: '';
        position: absolute;
        inset: -12px;
        border-radius: 50%;
        border: 3px solid #eaf7f1;
        border-top-color: #0a7a5a;
        animation: isds-spin-b-89e4hj6cxk 1s linear infinite;
    }

.isds-processing-title[b-89e4hj6cxk] {
    font-size: 1.375rem;
    font-weight: 600;
    color: #005840;
    margin: 0 0 0.75rem;
}

.isds-processing-hint[b-89e4hj6cxk] {
    font-size: 0.9375rem;
    color: #495057;
    line-height: 1.6;
    margin: 0;
}

.isds-processing-brand[b-89e4hj6cxk] {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2E8B57;
    opacity: 0.7;
}

@keyframes isds-spin-b-89e4hj6cxk {
    to {
        transform: rotate(360deg);
    }
}