/* _content/HiPrivacy.Web/Components/Layout/OnboardingProgressBanner.razor.rz.scp.css */
/* ─── Resume Banner (Figma v2) — floating top bar with animation ─── */

.resume-banner[b-dnwrmdgv04] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 64px;
    background: var(--ob-brand-blue);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    font-family: 'Plus Jakarta Sans', sans-serif;
    will-change: transform, opacity;
    pointer-events: auto;
}

.resume-banner.is-entering[b-dnwrmdgv04] {
    animation: resume-banner-slide-in-b-dnwrmdgv04 360ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

/* Duration must stay in sync with DismissAnimationMs constant in OnboardingProgressBanner.razor */
.resume-banner.is-leaving[b-dnwrmdgv04] {
    animation: resume-banner-slide-out-b-dnwrmdgv04 220ms cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes resume-banner-slide-in-b-dnwrmdgv04 {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes resume-banner-slide-out-b-dnwrmdgv04 {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

.resume-banner-container[b-dnwrmdgv04] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 24px;
    width: 100%;
    max-width: 880px;
    min-height: 64px;
    box-sizing: border-box;
}

.resume-banner-progress-block[b-dnwrmdgv04] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
    min-width: 0;
    min-height: 32px;
}

.resume-banner-text-row[b-dnwrmdgv04] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 20px;
}

.resume-banner-main-text[b-dnwrmdgv04] {
    flex: 1;
    min-width: 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume-banner-steps-text[b-dnwrmdgv04] {
    flex-shrink: 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #111827;
    white-space: nowrap;
}

.resume-banner-progress-track[b-dnwrmdgv04] {
    position: relative;
    width: 100%;
    height: 4px;
    background: #E3F2FD;
    border-radius: 4px;
    overflow: hidden;
}

.resume-banner-progress-bar[b-dnwrmdgv04] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #2A2F6F;
    border-radius: 4px;
    transition: width 320ms ease-out;
}

.resume-banner-btn[b-dnwrmdgv04] {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    gap: 8px;
    min-width: 83px;
    height: 32px;
    background: #2A2F6F;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-align: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 150ms ease-in-out, transform 100ms ease-in-out;
}

.resume-banner-btn:hover[b-dnwrmdgv04] {
    background: #1E2259;
}

.resume-banner-btn:active[b-dnwrmdgv04] {
    transform: translateY(1px);
}

.resume-banner-btn:focus-visible[b-dnwrmdgv04] {
    outline: 2px solid #FFFFFF;
    outline-offset: 2px;
}

.resume-banner-close[b-dnwrmdgv04] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    border-radius: 4px;
    transition: background 150ms ease-in-out;
}

.resume-banner-close:hover[b-dnwrmdgv04] {
    background: rgba(42, 47, 111, 0.08);
}

.resume-banner-close:focus-visible[b-dnwrmdgv04] {
    outline: 2px solid #2A2F6F;
    outline-offset: 2px;
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
    .resume-banner-container[b-dnwrmdgv04] {
        padding: 12px 16px;
        gap: 12px;
    }

    .resume-banner-main-text[b-dnwrmdgv04] {
        font-size: 13px;
    }

    .resume-banner-steps-text[b-dnwrmdgv04] {
        font-size: 12px;
    }
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/AddCustomItemCard.razor.rz.scp.css */
/* Card-specific overrides (base styles via .ob-comp-card) */

.add-item-content[b-1r1rfxqs5s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

/* Title styles via .ob-comp-title */

.add-item-form[b-1r1rfxqs5s] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 32px;
    gap: 16px;
    width: 100%;
    background: var(--ob-comp-surface);
    border: 1px solid var(--ob-comp-surface-border);
    border-radius: 8px;
}

.add-item-form--with-description[b-1r1rfxqs5s] {
    flex-direction: column;
    align-items: stretch;
}

.add-item-fields[b-1r1rfxqs5s] {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex: 1;
    width: 100%;
}

.add-item-form--with-description .add-item-fields[b-1r1rfxqs5s] {
    flex-direction: column;
}

.add-item-form--with-description .add-item-button[b-1r1rfxqs5s] {
    align-self: flex-end;
}

/* Button outside form (direct child of content) */
.add-item-content > .add-item-button[b-1r1rfxqs5s] {
    align-self: flex-end;
}


.add-item-input-wrapper--full[b-1r1rfxqs5s] {
    width: 100%;
}

.add-item-textarea-container[b-1r1rfxqs5s] {
    display: flex;
    width: 100%;
    background: var(--ob-comp-input-bg);
    border: 1px solid var(--ob-comp-input-border);
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
    border-radius: 12px;
    transition: border-color 0.2s ease;
}

.add-item-textarea-container:has(:focus)[b-1r1rfxqs5s] {
    border: 1px solid var(--ob-comp-input-focus-border);
}

.add-item-textarea[b-1r1rfxqs5s] {
    width: 100%;
    border: none;
    background: transparent;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: var(--ob-comp-input-text);
    outline: none;
    padding: 12px;
    resize: vertical;
    min-height: 80px;
}

.add-item-textarea[b-1r1rfxqs5s]::placeholder {
    color: var(--ob-input-placeholder);
}

.add-item-counter[b-1r1rfxqs5s] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
    color: var(--ob-input-placeholder);
    align-self: flex-end;
}

.add-item-input-wrapper[b-1r1rfxqs5s] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    flex: 1;
}

.add-item-label[b-1r1rfxqs5s] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--ob-comp-label);
}

.add-item-input-container[b-1r1rfxqs5s] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
    gap: 8px;
    width: 100%;
    height: 36px;
    background: var(--ob-comp-input-bg);
    border: 1px solid var(--ob-comp-input-border);
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
    border-radius: 12px;
    transition: border-color 0.2s ease;
}

.add-item-input-container:has(:focus)[b-1r1rfxqs5s] {
    border: 1px solid var(--ob-comp-input-focus-border);
}

.add-item-input[b-1r1rfxqs5s] {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: var(--ob-comp-input-text);
    outline: none;
}

.add-item-input[b-1r1rfxqs5s]::placeholder {
    color: var(--ob-input-placeholder);
}

.add-item-error[b-1r1rfxqs5s] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: var(--ob-alert-error-text);
}

.add-item-button[b-1r1rfxqs5s] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    gap: 8px;
    width: auto;
    min-width: 79px;
    height: 36px;
    background: var(--ob-brand-blue);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.add-item-button:hover:not(:disabled)[b-1r1rfxqs5s] {
    background: var(--ob-brand-blue-hover);
}

.add-item-button--disabled[b-1r1rfxqs5s] {
    background: var(--ob-btn-disabled-bg);
    box-shadow: none;
    cursor: not-allowed;
}

[b-1r1rfxqs5s] .add-item-button-icon {
    width: 20px !important;
    height: 20px !important;
    color: var(--ob-text-on-primary) !important;
}

.add-item-button--disabled[b-1r1rfxqs5s]  .add-item-button-icon {
    color: var(--ob-btn-disabled-color) !important;
}

.add-item-button-text[b-1r1rfxqs5s] {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--ob-text-on-primary);
}

.add-item-button--disabled .add-item-button-text[b-1r1rfxqs5s] {
    color: var(--ob-btn-disabled-color);
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/AiSuggestionBanner.razor.rz.scp.css */
.ai-banner[b-g957d1eeyq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    gap: 8px;
    background: rgba(59, 130, 246, 0.06);
    border: 1px solid var(--ob-banner-border);
    box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
    border-radius: 12px;
}

.ai-banner-content[b-g957d1eeyq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 16px;
    width: 100%;
}

.ai-banner-icon[b-g957d1eeyq] {
    width: 37px;
    height: 37px;
    flex-shrink: 0;
}

.ai-banner-text[b-g957d1eeyq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 6px;
    flex: 1;
}

.ai-banner-title[b-g957d1eeyq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: var(--ob-banner-title);
}

.ai-banner-message[b-g957d1eeyq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
    color: var(--ob-banner-message);
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/CheckboxItemCard.razor.rz.scp.css */
/* Card-specific overrides (base styles via .ob-comp-card) */

.checkbox-card-content[b-1juu5k2uu4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    width: 100%;
}

/* Title styles via .ob-comp-title */

.checkbox-card-info[b-1juu5k2uu4] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
    color: var(--ob-input-placeholder);
}

.checkbox-card-empty[b-1juu5k2uu4] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    gap: 16px;
    width: 100%;
    background: var(--ob-comp-surface);
    border: 1px solid var(--ob-comp-surface-border);
    border-radius: 8px;
}

.checkbox-card-empty-text[b-1juu5k2uu4] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
    color: var(--ob-input-placeholder);
}

.checkbox-card-list[b-1juu5k2uu4] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 32px;
    gap: 16px;
    width: 100%;
    background: var(--ob-comp-surface);
    border: 1px solid var(--ob-comp-surface-border);
    border-radius: 8px;
}

/* Checkbox styling */
[b-1juu5k2uu4] .checkbox-card-checkbox {
    margin: 0;
    padding: 0;
}

[b-1juu5k2uu4] .checkbox-card-checkbox .mud-button-root {
    padding: 10px;
    width: 44px;
    height: 44px;
}

[b-1juu5k2uu4] .checkbox-card-checkbox .mud-icon-root {
    width: 20px;
    height: 20px;
}

[b-1juu5k2uu4] .checkbox-card-checkbox .mud-primary-text .mud-icon-root {
    color: var(--ob-checkbox-checked);
}

[b-1juu5k2uu4] .checkbox-card-checkbox .mud-default-text .mud-icon-root {
    color: var(--ob-checkbox-unchecked);
}

[b-1juu5k2uu4] .checkbox-card-checkbox .mud-typography {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--ob-checkbox-label);
}

/* Item with description */
.checkbox-card-item-with-desc[b-1juu5k2uu4] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.checkbox-card-item-with-desc[b-1juu5k2uu4]  .checkbox-card-checkbox {
    padding: 5px 0px;
    margin: 0;
}

.checkbox-card-item-with-desc[b-1juu5k2uu4]  .checkbox-card-checkbox .mud-button-root {
    padding: 0 !important;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.checkbox-card-item-text[b-1juu5k2uu4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.checkbox-card-item-name[b-1juu5k2uu4] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--ob-checkbox-label);
}

.checkbox-card-item-description[b-1juu5k2uu4] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--ob-comp-item-description);
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/ChooseWorkModeCard.razor.rz.scp.css */
/* Card base via .ob-comp-card, title base via .ob-comp-title */
.cwm-title[b-decfe8aumq] {
    margin-bottom: 12px;
}

/* Options grid */
.cwm-options[b-decfe8aumq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
}

/* Option card */
.cwm-option[b-decfe8aumq] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    background: var(--ob-wm-option-bg);
    border: 2px solid var(--ob-wm-option-border);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s ease;
    position: relative;
}

.cwm-option:hover:not(.cwm-option--disabled)[b-decfe8aumq] {
    border-color: var(--ob-brand-blue-check);
}

.cwm-option--selected[b-decfe8aumq] {
    border-color: var(--ob-brand-blue);
}

.cwm-option--selected:hover[b-decfe8aumq] {
    border-color: var(--ob-brand-blue);
}

.cwm-option--disabled[b-decfe8aumq] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Badge area */
.cwm-option-badge-area[b-decfe8aumq] {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.cwm-badge[b-decfe8aumq] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    width: 200px;
    height: 32px;
    background: var(--ob-brand-blue);
    color: var(--ob-text-on-primary);
    border-radius: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
    box-sizing: border-box;
}

/* Top row: icon + check/lock */
.cwm-option-top[b-decfe8aumq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.cwm-option-icon[b-decfe8aumq] {
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    background: var(--ob-wm-icon-bg);
    border: 1px solid var(--ob-wm-icon-border);
    border-radius: 10.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cwm-option-icon svg path[b-decfe8aumq] {
    fill: var(--ob-wm-icon-fill);
}

.cwm-check[b-decfe8aumq] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background: var(--ob-brand-blue);
    border-radius: 24px;
}

.cwm-uncheck[b-decfe8aumq] {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--ob-wm-uncheck-border);
    border-radius: 24px;
}

/* Title */
.cwm-option-title[b-decfe8aumq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--ob-text);
    margin: 16px 0 0 0;
    width: 100%;
}

/* Bottom section: desc + divider + footer */
.cwm-option-bottom[b-decfe8aumq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 180px;
    margin-top: 32px;
}

/* Body */
.cwm-option-body[b-decfe8aumq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    flex: 1;
}

.cwm-option-desc[b-decfe8aumq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-wm-desc);
    margin: 0;
    flex: 1;
}

.cwm-option-warning[b-decfe8aumq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-wm-warning);
    margin: 0;
}

.cwm-option-success[b-decfe8aumq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-status-success);
    margin: 0;
}

/* Divider */
.cwm-divider[b-decfe8aumq] {
    width: 100%;
    height: 1px;
    background: var(--ob-wm-divider);
}

.cwm-divider--blue[b-decfe8aumq] {
    background: var(--ob-wm-divider-blue);
}

/* Footer */
.cwm-option-footer[b-decfe8aumq] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.cwm-option-footer svg path[b-decfe8aumq] {
    fill: var(--ob-wm-footer-icon);
}

.cwm-footer-text[b-decfe8aumq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-wm-footer-text);
}

@media (max-width: 640px) {
    .cwm-options[b-decfe8aumq] {
        grid-template-columns: 1fr;
    }
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/DocumentUploadArea.razor.rz.scp.css */
/* ─── DocumentUploadArea ─── */

.ob-upload-area[b-x9c8hk2v8b] {
    display: contents;
}

/* Drop zone (::deep needed — inside MudFileUpload) */
.ob-upload-area[b-x9c8hk2v8b]  .ob-dropzone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 12px;
    gap: 10px;
    background: var(--ob-dropzone-bg);
    border: 1px dashed var(--ob-input-border);
    box-shadow: var(--ob-input-shadow);
    border-radius: 12px;
    align-self: stretch;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-dropzone:hover {
    border-color: var(--ob-accent);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-dropzone-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.15px;
    color: var(--ob-text);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-dropzone-hint {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.15px;
    color: var(--ob-text-secondary);
}

/* Upload button inside dropzone */
.ob-upload-area[b-x9c8hk2v8b]  .ob-btn--accent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    border: none;
    background: var(--ob-brand-blue-hover);
    color: var(--ob-text-on-primary);
    padding: 4px 12px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-btn--accent:hover:not(:disabled) {
    background: #0B3D91;
}

/* ─── File Table ─── */
.ob-upload-area[b-x9c8hk2v8b]  .ob-file-table-wrapper {
    background: var(--ob-table-bg);
    border-radius: 16px;
    padding: 10px;
    align-self: stretch;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-file-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-file-table thead {
    background: var(--ob-table-header-bg);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-th {
    padding: 6px 12px;
    height: 40px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    color: var(--ob-table-header-text);
    text-align: left;
    background: var(--ob-table-header-bg);
    border-bottom: 1px solid var(--ob-table-border);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-td {
    padding: 6px 12px;
    height: 64px;
    vertical-align: middle;
    border-bottom: 1px solid var(--ob-table-border);
}

/* ─── Name chip ─── */
.ob-upload-area[b-x9c8hk2v8b]  .ob-name-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    gap: 4px;
    background: transparent;
    border: 1px solid var(--ob-name-chip-border);
    border-radius: 12px;
    max-width: 204px;
    height: 32px;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-name-chip svg path {
    fill: var(--ob-name-chip-icon);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-name-chip-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: var(--ob-name-chip-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ─── Size text ─── */
.ob-upload-area[b-x9c8hk2v8b]  .ob-size-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--ob-table-text);
}

/* ─── Status labels ─── */
.ob-upload-area[b-x9c8hk2v8b]  .ob-status {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-status--pending {
    color: var(--ob-status-pending);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-status--ready {
    color: var(--ob-status-ready);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-status--processing {
    color: var(--ob-status-processing);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-status--uploading {
    color: var(--ob-status-uploading);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-status--failed {
    color: var(--ob-status-failed);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-status--type-required {
    color: var(--ob-status-type-required);
}

/* ─── Action buttons ─── */
.ob-upload-area[b-x9c8hk2v8b]  .ob-action-buttons {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 32px;
    padding: 4px 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn--upload {
    background: var(--ob-brand-blue);
    color: var(--ob-text-on-primary);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn--upload:hover:not(:disabled) {
    background: var(--ob-brand-blue-hover);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn--retry {
    background: var(--ob-brand-blue);
    color: var(--ob-text-on-primary);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn--retry:hover:not(:disabled) {
    background: var(--ob-brand-blue-hover);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn--remove {
    background: var(--ob-action-remove-bg);
    color: var(--ob-action-remove-icon);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn--remove:hover:not(:disabled) {
    background: var(--ob-action-remove-hover);
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn--disabled {
    background: var(--ob-action-disabled-bg);
    color: var(--ob-action-disabled-icon);
    box-shadow: none;
    cursor: not-allowed;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ─── Spinner ─── */
.ob-upload-area[b-x9c8hk2v8b]  .ob-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid transparent;
    border-radius: 50%;
    animation: ob-spin-b-x9c8hk2v8b 0.8s linear infinite;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-spinner--white {
    border-color: rgba(255, 255, 255, 0.3);
    border-top-color: #FFFFFF;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-spinner--blue {
    border-color: rgba(59, 130, 246, 0.3);
    border-top-color: #3B82F6;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-action-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 32px;
}

@keyframes ob-spin-b-x9c8hk2v8b {
    to { transform: rotate(360deg); }
}

/* ─── MudSelect overrides for document type dropdown ─── */
.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-input-outlined-border {
    border-radius: 12px !important;
    border-color: var(--ob-select-border) !important;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-input.mud-input-outlined {
    background: var(--ob-select-bg) !important;
    border-radius: 12px !important;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-input-slot,
.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-input-root,
.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-input-root-outlined {
    background: transparent !important;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-select-input {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--ob-select-text) !important;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-input-slot {
    font-size: 14px !important;
}

.ob-upload-area[b-x9c8hk2v8b]  .ob-type-select .mud-input-control-helper-container {
    display: none;
}

/* ─── MudBlazor overrides ─── */
.ob-upload-area[b-x9c8hk2v8b]  .mud-input-control {
    margin-bottom: 0;
}

.ob-upload-area[b-x9c8hk2v8b]  .mud-input-control-input-container {
    position: relative;
}

.ob-upload-area[b-x9c8hk2v8b]  input[type="file"]:disabled {
    pointer-events: none;
}

.ob-upload-area[b-x9c8hk2v8b]  .mud-file-upload {
    align-self: stretch;
}

.ob-upload-area[b-x9c8hk2v8b]  .mud-chip {
    display: none !important;
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/InviteTeamMembersCard.razor.rz.scp.css */
/* Card base via .ob-comp-card */

/* Header row */
.itm-header[b-x5r33753uq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Title base via .ob-comp-title */
.itm-title[b-x5r33753uq] {
    flex: 1;
}

/* New Invite button */
.itm-btn[b-x5r33753uq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    gap: 8px;
    height: 36px;
    background: var(--ob-brand-blue);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}

.itm-btn:hover[b-x5r33753uq] {
    background: var(--ob-brand-blue-hover);
}

.itm-btn-text[b-x5r33753uq] {
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-text-on-primary);
}

/* Content area */
.itm-content[b-x5r33753uq] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 10px;
    gap: 10px;
    background: var(--ob-comp-surface);
    border: 1px solid var(--ob-comp-surface-border);
    border-radius: 8px;
    min-height: 180px;
}

/* Scrollable table wrapper */
.itm-table-scroll[b-x5r33753uq] {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.itm-table-scroll[b-x5r33753uq]::-webkit-scrollbar {
    height: 4px;
}

.itm-table-scroll[b-x5r33753uq]::-webkit-scrollbar-track {
    background: transparent;
}

.itm-table-scroll[b-x5r33753uq]::-webkit-scrollbar-thumb {
    background: var(--ob-table-scrollbar);
    border-radius: 2px;
}

/* Table */
.itm-table[b-x5r33753uq] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Header */
.itm-th[b-x5r33753uq] {
    padding: 0 12px;
    height: 40px;
    min-width: 100px;
    background: var(--ob-table-header-bg);
    border-bottom: 1px solid var(--ob-table-border);
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0.15px;
    color: var(--ob-table-header-color);
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    position: relative;
    overflow: hidden;
}

/* Resize handle */
.itm-th-resize[b-x5r33753uq] {
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%;
    cursor: col-resize;
    z-index: 1;
}

.itm-th-resize:hover[b-x5r33753uq],
.itm-th-resize--active[b-x5r33753uq] {
    background: var(--ob-brand-blue);
}

.itm-th:hover[b-x5r33753uq] {
    background: var(--ob-table-header-hover);
}

.itm-th--sorted[b-x5r33753uq] {
    color: var(--ob-table-header-sorted);
    font-weight: 600;
}

/* Sort/filter icons — float right */
.itm-th-sort[b-x5r33753uq],
.itm-th-filter[b-x5r33753uq] {
    float: right;
    margin-left: 4px;
    color: var(--ob-table-sort-color);
    cursor: pointer;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.itm-th-sort svg[b-x5r33753uq],
.itm-th-filter svg[b-x5r33753uq] {
    vertical-align: middle;
}

.itm-th-filter:hover[b-x5r33753uq],
.itm-th-sort:hover[b-x5r33753uq] {
    color: var(--ob-table-sort-hover);
}

.itm-th-sort--asc .itm-sort-up[b-x5r33753uq] {
    stroke: #059669;
}

.itm-th-sort--desc .itm-sort-down[b-x5r33753uq] {
    stroke: #DC2626;
}

/* Actions column header — sticky right */
.itm-th--actions[b-x5r33753uq] {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
    text-align: center;
    cursor: default;
}

.itm-th--actions:hover[b-x5r33753uq] {
    background: var(--ob-table-header-bg);
}

/* Body cells */
.itm-td[b-x5r33753uq] {
    padding: 6px 12px;
    height: 64px;
    border-bottom: 1px solid var(--ob-table-border);
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itm-table tbody tr:last-child .itm-td[b-x5r33753uq] {
    border-bottom: none;
}

/* Actions column — sticky right, show on hover */
.itm-td--actions[b-x5r33753uq] {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
    padding: 0;
    overflow: visible;
    position: sticky;
    right: 0;
    z-index: 1;
    background: var(--ob-table-actions-bg);
    opacity: 0;
    transition: opacity 0.15s ease;
}

tr:hover .itm-td--actions[b-x5r33753uq],
.itm-td--actions:focus-within[b-x5r33753uq] {
    opacity: 1;
}

.itm-td--actions-visible[b-x5r33753uq] {
    opacity: 1;
}

@media (hover: none) {
    .itm-td--actions[b-x5r33753uq] {
        opacity: 1;
    }
}

.itm-actions[b-x5r33753uq] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

/* Name cell: avatar + text */
.itm-cell-name[b-x5r33753uq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    min-width: 0;
}

.itm-avatar[b-x5r33753uq] {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: var(--ob-table-avatar-bg);
    border: 1px solid var(--ob-table-avatar-border);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-table-avatar-color);
}

.itm-cell-text[b-x5r33753uq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    overflow: hidden;
    min-width: 0;
}

.itm-name[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-table-name);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itm-email[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
    color: var(--ob-table-email);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Chip (role / group) */
.itm-chip[b-x5r33753uq] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    height: 24px;
    background: var(--ob-table-chip-bg);
    border-radius: 12px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--ob-table-chip-color);
    margin-right: 4px;
    white-space: nowrap;
}

.itm-chip--admin[b-x5r33753uq] {
    background: var(--ob-table-chip-admin-bg);
    color: var(--ob-table-chip-admin-color);
}

.itm-chip--dpo[b-x5r33753uq] {
    background: var(--ob-table-chip-dpo-bg);
    color: var(--ob-table-chip-dpo-color);
}

/* Status */
.itm-status[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

/* Action button */
.itm-action-btn[b-x5r33753uq] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    width: 26px;
    height: 26px;
    background: transparent;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.itm-action-btn:hover:not(:disabled)[b-x5r33753uq] {
    background: var(--ob-table-action-hover);
}

.itm-action-btn:disabled[b-x5r33753uq] {
    opacity: 0.4;
    cursor: not-allowed;
}

[b-x5r33753uq] .itm-action-icon {
    font-size: 20px !important;
    color: var(--ob-table-action-icon) !important;
}

/* Loading */
.itm-loading[b-x5r33753uq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    width: 100%;
}

/* Empty state */
.itm-empty[b-x5r33753uq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    gap: 16px;
    width: 100%;
}

.itm-empty-icon[b-x5r33753uq] {
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    background: var(--ob-empty-icon-bg);
    border: 1px solid var(--ob-empty-icon-border);
    border-radius: 10.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itm-empty-title[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: var(--ob-table-name);
    margin: 0;
    width: 100%;
}

.itm-empty-desc[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--ob-text-secondary);
    margin: 0;
    max-width: 90%;
}

/* Footer */
.itm-footer[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-table-header-color);
    margin: 0;
    width: 100%;
}

/* Invite form — extends itm-content */
.itm-invite-form[b-x5r33753uq] {
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 24px;
}

.itm-invite-header[b-x5r33753uq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.itm-invite-title[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--ob-table-name);
    margin: 0;
    flex: 1;
}

/* Text input fields */
.itm-invite-delete[b-x5r33753uq] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--ob-text-secondary);
    border-radius: 12px;
    background: transparent;
    cursor: pointer;
    padding: 0;
    flex-shrink: 0;
}

.itm-invite-delete:hover[b-x5r33753uq] {
    background: var(--ob-table-action-hover);
}

.itm-invite-fields[b-x5r33753uq] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

.itm-invite-field[b-x5r33753uq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.itm-invite-field label[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: var(--ob-form-label);
}

.itm-invite-field input[b-x5r33753uq] {
    box-sizing: border-box;
    height: 36px;
    padding: 8px 12px;
    border: 1px solid var(--ob-form-input-border);
    border-radius: 12px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: var(--ob-table-name);
    background: var(--ob-form-input-bg);
    outline: none;
    width: 100%;
}

.itm-invite-field input:focus[b-x5r33753uq] {
    border-color: var(--ob-brand-blue);
}

.itm-invite-field input[b-x5r33753uq]::placeholder {
    color: var(--ob-input-placeholder);
}

/* Assign Roles section */
.itm-invite-roles-title[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--ob-table-name);
    margin: 0;
    width: 100%;
}

.itm-invite-roles-grid[b-x5r33753uq] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px 12px;
    width: 100%;
}

.itm-invite-role[b-x5r33753uq] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}

.itm-invite-role--disabled[b-x5r33753uq] {
    opacity: 0.5;
    cursor: not-allowed;
}

[b-x5r33753uq] .itm-invite-checkbox {
    margin: 0;
    padding: 0;
}

[b-x5r33753uq] .itm-invite-checkbox .mud-button-root {
    padding: 0;
}

[b-x5r33753uq] .itm-invite-checkbox .mud-icon-root {
    width: 20px;
    height: 20px;
}

[b-x5r33753uq] .itm-invite-checkbox .mud-primary-text .mud-icon-root {
    color: var(--ob-brand-blue);
}

[b-x5r33753uq] .itm-invite-checkbox .mud-default-text .mud-icon-root {
    color: var(--ob-form-checkbox-unchecked);
}

.itm-invite-role-text[b-x5r33753uq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.itm-invite-role-name[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: var(--ob-form-role-name);
}

.itm-invite-role-desc[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.15px;
    color: var(--ob-form-role-desc);
}

/* Invite button */
.itm-send-btn[b-x5r33753uq] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    gap: 8px;
    width: 200px;
    height: 32px;
    background: var(--ob-brand-blue);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    margin: 0 auto;
    transition: background-color 0.2s ease;
    box-sizing: border-box;
}

.itm-send-btn:hover:not(:disabled)[b-x5r33753uq] {
    background: var(--ob-brand-blue-hover);
}

.itm-send-btn:disabled[b-x5r33753uq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.itm-send-btn-text[b-x5r33753uq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-text-on-primary);
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/RiskToleranceCard.razor.rz.scp.css */
.ob-risk-card[b-cp53flzr0y] {
    position: relative;
    box-sizing: border-box;
    background: var(--ob-risk-card-bg);
    border: 1px solid var(--ob-risk-card-border);
    border-radius: 8px;
    padding: 32px 24px;
    cursor: pointer;
    transition: border-color 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    min-height: 329px;
}

.ob-risk-card:hover[b-cp53flzr0y] {
    border-color: var(--ob-risk-card-selected);
}

.ob-risk-card--selected[b-cp53flzr0y] {
    border: 2px solid var(--ob-risk-card-selected);
    padding: 32px 24px 24px;
}

/* ── Header (icon + radio) ── */
.ob-risk-header[b-cp53flzr0y] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.ob-risk-icon-box[b-cp53flzr0y] {
    width: 48px;
    height: 48px;
    border-radius: 10.5px;
    background: var(--ob-risk-icon-bg);
    border: 1px solid var(--ob-risk-icon-border);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--ob-risk-icon-color);
}

.ob-risk-icon-box[b-cp53flzr0y]  .mud-icon-root {
    color: var(--ob-risk-icon-color) !important;
    font-size: 32px;
}

.ob-risk-svg-icon[b-cp53flzr0y] {
    color: inherit;
}

/* Radio circle */
.ob-risk-radio[b-cp53flzr0y] {
    width: 24px;
    height: 24px;
    border-radius: 24px;
    border: 1px solid var(--ob-risk-radio-border);
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s ease;
    box-sizing: border-box;
}

.ob-risk-radio--selected[b-cp53flzr0y] {
    border: none;
    background: var(--ob-risk-card-selected);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0L4.35938 8.64062L0.71875 5L0 5.71875L4 9.71875L4.35938 10.0625L4.71875 9.71875L13.7188 0.71875L13 0Z' fill='%23E3F2FD'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* ── Body ── */
.ob-risk-body[b-cp53flzr0y] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ob-risk-name[b-cp53flzr0y] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--ob-risk-title-color);
    margin-bottom: 32px;
}

.ob-risk-text[b-cp53flzr0y] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-risk-desc-color);
    margin: 0 0 12px 0;
}

.ob-risk-separator[b-cp53flzr0y] {
    height: 1px;
    background: var(--ob-risk-separator);
    margin-bottom: 12px;
}

.ob-risk-recommended[b-cp53flzr0y] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.ob-risk-recommended-label[b-cp53flzr0y] {
    font-weight: 600;
    color: var(--ob-risk-label-color);
    display: block;
}

.ob-risk-recommended-text[b-cp53flzr0y] {
    font-weight: 400;
    color: var(--ob-text-secondary);
    display: block;
}

/* Recommended badge */
.ob-risk-badge[b-cp53flzr0y] {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 32px;
    text-align: center;
    background: var(--ob-risk-card-selected);
    color: var(--ob-text-on-primary);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 32px;
    border-radius: 8px;
    white-space: nowrap;
    box-sizing: border-box;
    z-index: 2;
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/SectionCard.razor.rz.scp.css */
/* Card base via .ob-comp-card */
.section-card[b-i0fjg92djc] {
    overflow: hidden;
}

.section-card-header[b-i0fjg92djc] {
    padding: 0 0 8px;
}

.section-card-subtitle[b-i0fjg92djc] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--ob-text);
    margin: 8px 0 0;
}

@media (prefers-color-scheme: dark) {
    .section-card-subtitle[b-i0fjg92djc] {
        color: var(--ob-text-secondary);
    }
}

/* Title base via .ob-comp-title */
.section-card-title[b-i0fjg92djc] {
    font-weight: 700;
}

.section-card-body[b-i0fjg92djc] {
    padding: 32px;
    border-radius: 8px;
    flex: 1;
    align-self: stretch;
    background: var(--ob-comp-surface);
    border: 1px solid var(--ob-comp-surface-border);
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/WarningBanner.razor.rz.scp.css */
.warning-banner[b-0o96ay3agz] {
    border-radius: 8px;
    padding: 12px 24px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: var(--ob-alert-warning-bg);
    border: none;
    color: var(--ob-text);
    margin: 0;
}


.warning-banner-icon[b-0o96ay3agz] {
    flex-shrink: 0;
    margin-top: 1px;
}
/* _content/HiPrivacy.Web/Components/Onboarding/Shared/WorkflowPreview.razor.rz.scp.css */
.wf-list[b-dtcmcot87m] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wf-step[b-dtcmcot87m] {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 40px;
}

.wf-connector[b-dtcmcot87m] {
    width: 1px;
    height: 20px;
    margin-left: 16px;
    background: var(--ob-card-border);
}

.wf-dot[b-dtcmcot87m] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}

/* Icon color variants */
.wf-step--blue .wf-bg[b-dtcmcot87m] { fill: var(--ob-wf-blue-bg); }
.wf-step--blue .wf-fg[b-dtcmcot87m] { fill: var(--ob-wf-blue-fg); }
.wf-step--warning .wf-bg[b-dtcmcot87m] { fill: var(--ob-wf-warning-bg); }
.wf-step--warning .wf-fg[b-dtcmcot87m] { fill: var(--ob-wf-warning-fg); }

.wf-info[b-dtcmcot87m] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.wf-title[b-dtcmcot87m] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--ob-text);
}

.wf-subtitle[b-dtcmcot87m] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: var(--ob-comp-item-description);
}

.wf-subtitle--warning[b-dtcmcot87m] {
    color: var(--ob-wm-warning);
}
/* _content/HiPrivacy.Web/Components/Pages/Onboarding/CompanyProfile.razor.rz.scp.css */
/* ─── CompanyProfile ─── */

.ob-card[b-na88l8t6wv] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    background: var(--ob-card-bg);
    border: var(--ob-card-border-width) solid var(--ob-card-border);
    border-radius: 16px;
    padding: 32px;
}

.ob-card-title[b-na88l8t6wv] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: var(--ob-text);
    margin: 0;
}

.ob-card-form[b-na88l8t6wv] {
    background: var(--ob-form-bg);
    border: 1px solid var(--ob-form-border);
    border-radius: 8px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
}

.ob-row[b-na88l8t6wv] {
    display: flex;
    gap: 16px;
}

.ob-row > *[b-na88l8t6wv] {
    flex: 1;
    min-width: 0;
}

.ob-loading[b-na88l8t6wv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 64px 0;
}

.ob-error[b-na88l8t6wv] {
    background: var(--ob-alert-error-bg);
    border: 1px solid var(--ob-alert-error-border);
    border-radius: 12px;
    padding: 12px 16px;
    color: var(--ob-alert-error-text);
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
}

/* ─── MudBlazor overrides (::deep for child components) ─── */

[b-na88l8t6wv] .ob-card-form .mud-input-control {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

[b-na88l8t6wv] .ob-card-form .mud-input.mud-input-outlined {
    background: var(--ob-input-bg);
    border-radius: 12px;
}

/* Single-line inputs & selects: 36px height */
[b-na88l8t6wv] .ob-card-form .mud-input.mud-input-outlined:has(> input) {
    height: 36px;
}

[b-na88l8t6wv] .ob-card-form .mud-input-slot {
    font-size: 14px !important;
}

[b-na88l8t6wv] .ob-card-form input.mud-input-slot {
    height: 36px;
    padding: 0 12px !important;
}

[b-na88l8t6wv] .ob-card-form .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: var(--ob-input-border);
    border-radius: 12px;
    box-shadow: var(--ob-input-shadow);
}

[b-na88l8t6wv] .ob-card-form .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--ob-accent);
}

[b-na88l8t6wv] .ob-card-form .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--ob-accent);
}

/* Labels above inputs */
[b-na88l8t6wv] .ob-card-form .mud-input-label-outlined.mud-input-label-inputcontrol {
    position: static !important;
    transform: none !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: var(--ob-text) !important;
    margin-bottom: 6px;
    order: -1;
    pointer-events: auto;
}

/* Remove border notch */
[b-na88l8t6wv] .ob-card-form .mud-input-outlined-border legend {
    display: none !important;
}

/* Placeholder color */
[b-na88l8t6wv] .ob-card-form input::placeholder,
[b-na88l8t6wv] .ob-card-form textarea::placeholder {
    color: var(--ob-input-placeholder) !important;
    opacity: 1 !important;
}

[b-na88l8t6wv] .ob-card-form .mud-input-helper-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    color: var(--ob-text-secondary);
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

[b-na88l8t6wv] .ob-card-form .mud-input {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: var(--ob-text);
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
    .ob-row[b-na88l8t6wv] {
        flex-direction: column;
    }

    .ob-card-form[b-na88l8t6wv] {
        padding: 20px 16px;
    }
}
/* _content/HiPrivacy.Web/Components/Pages/Onboarding/OnboardingComplete.razor.rz.scp.css */
/* ─── Onboarding Complete Page ─── */

.ob-complete-card[b-3tt29wvorq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 32px 32px;
    gap: 24px;
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    background: var(--ob-card-bg);
    border: 2px solid var(--ob-card-border);
    border-radius: 16px;
}

/* ─── Header ─── */
.ob-complete-header[b-3tt29wvorq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.ob-complete-icon[b-3tt29wvorq] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    background: var(--ob-step-completed-icon);
    border: 1px solid var(--ob-step-completed);
    border-radius: 10.5px;
}

.ob-complete-title[b-3tt29wvorq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: var(--ob-step-completed);
    margin: 0;
}

.ob-complete-subtitle[b-3tt29wvorq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: var(--ob-complete-subtitle);
    margin: 0;
}

/* ─── Options section ─── */
.ob-complete-options[b-3tt29wvorq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding-top: 16px;
}

.ob-complete-cards[b-3tt29wvorq] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%;
}

/* ─── Option cards ─── */
.ob-option-card[b-3tt29wvorq] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px 24px;
    gap: 24px;
    flex: 1;
    background: var(--ob-complete-option-bg);
    border: 2px solid var(--ob-accent);
    border-radius: 8px;
    position: relative;
}

/* ─── Recommended badge ─── */
.ob-option-badge[b-3tt29wvorq] {
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    width: 200px;
    height: 32px;
    background: var(--ob-accent);
    border-radius: 8px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: var(--ob-text-on-primary);
    white-space: nowrap;
}

/* ─── Card content ─── */
.ob-option-content[b-3tt29wvorq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    flex: 1;
}

.ob-option-title[b-3tt29wvorq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--ob-complete-option-text);
    margin: 0;
    width: 100%;
}

.ob-option-desc[b-3tt29wvorq] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--ob-complete-option-text);
    margin: 0;
    width: 100%;
    flex: 1;
}

/* ─── Buttons ─── */
.ob-option-btn[b-3tt29wvorq] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    width: 220px;
    height: 32px;
    border-radius: 12px;
    font-family: 'DM Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    border: none;
}

.ob-option-btn--primary[b-3tt29wvorq] {
    background: var(--ob-complete-btn-primary-bg);
    color: var(--ob-text-on-primary);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.2);
}

.ob-option-btn--primary:hover[b-3tt29wvorq] {
    filter: brightness(1.15);
}

.ob-option-btn--outlined[b-3tt29wvorq] {
    background: var(--ob-complete-btn-outlined-bg);
    color: var(--ob-complete-btn-outlined-text);
    border: 1px solid var(--ob-complete-btn-outlined-border);
}

.ob-option-btn--outlined:hover[b-3tt29wvorq] {
    filter: brightness(1.1);
}

.ob-option-btn--text[b-3tt29wvorq] {
    background: transparent;
    color: var(--ob-complete-btn-text-color);
    width: auto;
}

.ob-option-btn--text:hover[b-3tt29wvorq] {
    text-decoration: underline;
}

/* ─── Skip ─── */
.ob-complete-skip[b-3tt29wvorq] {
    display: flex;
    justify-content: center;
    width: 100%;
}
/* _content/HiPrivacy.Web/Components/Pages/Onboarding/RiskTolerance.razor.rz.scp.css */
.ob-risk-wrapper[b-dizgnyvrce] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 32px 32px;
    gap: 24px;
    background: var(--ob-card-bg);
    border: var(--ob-card-border-width) solid var(--ob-card-border);
    border-radius: 16px;
}

.ob-risk-cards[b-dizgnyvrce] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

/* ── Context textarea section ── */
.ob-risk-context[b-dizgnyvrce] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 16px;
    background: var(--ob-form-bg);
    border: 1px solid var(--ob-form-border);
    border-radius: 8px;
    align-self: stretch;
}

.ob-risk-context-header[b-dizgnyvrce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.ob-risk-context-label[b-dizgnyvrce] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--ob-text);
}

.ob-risk-context-optional[b-dizgnyvrce] {
    font-weight: 400;
}

.ob-risk-context-counter[b-dizgnyvrce] {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: var(--ob-risk-context-counter);
}

.ob-risk-context-textarea[b-dizgnyvrce] {
    width: 100%;
    min-height: 80px;
    padding: 8px 12px;
    border: 1px solid var(--ob-risk-textarea-border, var(--ob-input-border));
    border-radius: 12px;
    background: var(--ob-risk-textarea-bg, transparent);
    color: var(--ob-text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    resize: vertical;
    box-sizing: border-box;
}

.ob-risk-context-textarea[b-dizgnyvrce]::placeholder {
    color: var(--ob-input-placeholder);
}

.ob-risk-context-textarea:focus[b-dizgnyvrce] {
    outline: none;
    border-color: var(--ob-risk-textarea-focus, #1565C0);
}

@media (max-width: 768px) {
    .ob-risk-cards[b-dizgnyvrce] {
        flex-direction: column;
    }
}