/* _content/FOD.ServiceComponents/Apostillation/FodApostillation.razor.rz.scp.css */
/* FodApostillation Component Styles */

/* Screen reader only - visually hidden but accessible */
.sr-only[b-qijgeoadfl] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.fod-apostillation[b-qijgeoadfl] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-spacing-24, 24px);
}

/* Header Section */
.fod-apostillation__header[b-qijgeoadfl] {
    margin-bottom: var(--fod-spacing-16, 16px);
}

.fod-apostillation__title[b-qijgeoadfl] {
    font-size: var(--fod-font-size-lg, 18px);
    font-weight: var(--fod-font-weight-semibold, 600);
    color: var(--fod-color-text-primary, #1a1a1a);
    margin: 0 0 var(--fod-spacing-8, 8px) 0;
}

.fod-apostillation__subtitle[b-qijgeoadfl] {
    font-size: var(--fod-font-size-sm, 14px);
    color: var(--fod-color-text-secondary, #666);
    margin: 0;
}

/* Section Styling */
.fod-apostillation__section[b-qijgeoadfl] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-spacing-12, 12px);
}

.fod-apostillation__label[b-qijgeoadfl] {
    font-size: var(--fod-font-size-sm, 14px);
    font-weight: var(--fod-font-weight-medium, 500);
    color: var(--fod-color-text-primary, #1a1a1a);
}

/* Loading States */
.fod-apostillation__loading[b-qijgeoadfl],
.fod-apostillation__calculating[b-qijgeoadfl] {
    display: flex;
    align-items: center;
    gap: var(--fod-spacing-8, 8px);
    padding: var(--fod-spacing-16, 16px);
    background-color: var(--fod-color-bg-secondary, #f5f5f5);
    border-radius: var(--fod-border-radius-md, 8px);
    color: var(--fod-color-text-secondary, #666);
    font-size: var(--fod-font-size-sm, 14px);
}

/* Country Selector */
.fod-country-option[b-qijgeoadfl] {
    display: flex;
    align-items: center;
    gap: var(--fod-spacing-8, 8px);
}

.fod-country-flag[b-qijgeoadfl] {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.fod-country-flag--large[b-qijgeoadfl] {
    width: 32px;
    height: 22px;
}

.fod-hague-badge[b-qijgeoadfl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color: var(--fod-color-success-light, #e6f7e6);
    color: var(--fod-color-success, #28a745);
    border-radius: 50%;
    margin-left: auto;
}

/* Selected Country Display */
.fod-apostillation__selected-country[b-qijgeoadfl] {
    display: flex;
    align-items: center;
    gap: var(--fod-spacing-12, 12px);
    padding: var(--fod-spacing-12, 12px) var(--fod-spacing-16, 16px);
    background-color: var(--fod-color-primary-light, #e6f0ff);
    border-radius: var(--fod-border-radius-md, 8px);
    border: 1px solid var(--fod-color-primary-border, #b3d1ff);
}

.fod-country-name[b-qijgeoadfl] {
    font-weight: var(--fod-font-weight-medium, 500);
    color: var(--fod-color-text-primary, #1a1a1a);
}

/* Badge Styles */
.fod-badge[b-qijgeoadfl] {
    display: inline-flex;
    align-items: center;
    padding: var(--fod-spacing-4, 4px) var(--fod-spacing-8, 8px);
    font-size: var(--fod-font-size-xs, 12px);
    font-weight: var(--fod-font-weight-medium, 500);
    border-radius: var(--fod-border-radius-sm, 4px);
}

.fod-badge--success[b-qijgeoadfl] {
    background-color: var(--fod-color-success-light, #e6f7e6);
    color: var(--fod-color-success, #28a745);
}

.fod-badge--info[b-qijgeoadfl] {
    background-color: var(--fod-color-info-light, #bcdcf9);
    color: var(--fod-color-info, #0066cc);
}

/* Term Selection */
.fod-apostillation__term-options[b-qijgeoadfl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--fod-spacing-16, 16px);
}

.fod-apostillation__term-card[b-qijgeoadfl] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--fod-spacing-16, 16px);
    background-color: var(--fod-color-bg-primary, #fff);
    border: 2px solid var(--fod-color-border, #e0e0e0);
    border-radius: var(--fod-border-radius-lg, 12px);
    cursor: pointer;
    transition: all 0.2s ease;
}

.fod-apostillation__term-card:hover[b-qijgeoadfl] {
    border-color: var(--fod-color-primary, #0066cc);
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.15);
}

.fod-apostillation__term-card:focus[b-qijgeoadfl] {
    outline: 2px solid var(--fod-color-primary, #0066cc);
    outline-offset: 2px;
}

.fod-apostillation__term-card--selected[b-qijgeoadfl] {
    border-color: var(--fod-color-primary, #0066cc);
    background-color: var(--fod-color-primary-light, #e6f0ff);
}

.fod-term-card__header[b-qijgeoadfl] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: var(--fod-spacing-12, 12px);
    flex-wrap: wrap;
    margin-right: 20px;
    gap: 0px 10px;
}

.fod-term-card__name[b-qijgeoadfl] {
    font-size: var(--fod-font-size-md, 16px);
    font-weight: var(--fod-font-weight-semibold, 600);
    color: var(--fod-color-text-primary, #1a1a1a);
}

.fod-term-card__body[b-qijgeoadfl] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-spacing-8, 8px);
}

.fod-term-card__duration[b-qijgeoadfl] {
    display: flex;
    align-items: center;
    gap: var(--fod-spacing-8, 8px);
    font-size: var(--fod-font-size-sm, 14px);
    color: var(--fod-color-text-secondary, #666);
}

.fod-term-card__price[b-qijgeoadfl] {
    margin-top: var(--fod-spacing-8, 8px);
}

.fod-term-card__price-value[b-qijgeoadfl] {
    font-size: var(--fod-font-size-lg, 18px);
    font-weight: var(--fod-font-weight-bold, 700);
    color: var(--fod-color-primary, #0066cc);
}

.fod-term-card__description[b-qijgeoadfl] {
    margin-top: var(--fod-spacing-8, 8px);
    font-size: var(--fod-font-size-sm, 14px);
    color: var(--fod-color-text-secondary, #666);
}

.fod-term-card__radio[b-qijgeoadfl] {
    position: absolute;
    top: var(--fod-spacing-16, 16px);
    right: var(--fod-spacing-16, 16px);
}

.fod-radio-indicator[b-qijgeoadfl] {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--fod-color-border, #e0e0e0);
    border-radius: 50%;
    background-color: var(--fod-color-bg-primary, #fff);
    transition: all 0.2s ease;
}

.fod-radio-indicator--checked[b-qijgeoadfl] {
    border-color: var(--fod-color-primary, #0066cc);
    background-color: var(--fod-color-primary, #0066cc);
    box-shadow: inset 0 0 0 4px var(--fod-color-bg-primary, #fff);
}

/* Summary Section */
.fod-apostillation__summary[b-qijgeoadfl] {
    margin-top: var(--fod-spacing-8, 8px);
}

.fod-apostillation__completion-content[b-qijgeoadfl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--fod-spacing-16, 16px);
}

.fod-apostillation__date-display[b-qijgeoadfl] {
    display: flex;
    align-items: center;
    gap: var(--fod-spacing-12, 12px);
}

.fod-date-info[b-qijgeoadfl] {
    display: flex;
    flex-direction: column;
}

.fod-date-label[b-qijgeoadfl] {
    font-size: var(--fod-font-size-xs, 12px);
    color: var(--fod-color-text-secondary, #666);
}

.fod-date-value[b-qijgeoadfl] {
    font-size: var(--fod-font-size-md, 16px);
    font-weight: var(--fod-font-weight-semibold, 600);
    color: var(--fod-color-text-primary, #1a1a1a);
}

.fod-apostillation__price-display[b-qijgeoadfl] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.fod-price-label[b-qijgeoadfl] {
    font-size: var(--fod-font-size-xs, 12px);
    color: var(--fod-color-text-secondary, #666);
}

.fod-price-value[b-qijgeoadfl] {
    font-size: var(--fod-font-size-lg, 18px);
    font-weight: var(--fod-font-weight-bold, 700);
    color: var(--fod-color-primary, #0066cc);
}

/* Price Breakdown */
.fod-price-breakdown[b-qijgeoadfl] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-spacing-4, 4px);
    min-width: 200px;
}

.fod-price-row[b-qijgeoadfl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--fod-spacing-16, 16px);
}

.fod-price-row__label[b-qijgeoadfl] {
    font-size: var(--fod-font-size-sm, 14px);
    color: var(--fod-color-text-secondary, #666);
}

.fod-price-row__value[b-qijgeoadfl] {
    font-size: var(--fod-font-size-sm, 14px);
    color: var(--fod-color-text-primary, #1a1a1a);
    font-weight: var(--fod-font-weight-medium, 500);
}

.fod-price-row--subtotal[b-qijgeoadfl] {
    padding-top: var(--fod-spacing-8, 8px);
    border-top: 1px solid var(--fod-color-border, #e0e0e0);
    margin-top: var(--fod-spacing-4, 4px);
}

.fod-price-row--total[b-qijgeoadfl] {
    padding-top: var(--fod-spacing-8, 8px);
    border-top: 2px solid var(--fod-color-border, #e0e0e0);
    margin-top: var(--fod-spacing-4, 4px);
}

.fod-price-row--total .fod-price-row__label[b-qijgeoadfl] {
    font-weight: var(--fod-font-weight-semibold, 600);
    color: var(--fod-color-text-primary, #1a1a1a);
}

.fod-price-row--total .fod-price-row__value[b-qijgeoadfl] {
    font-size: var(--fod-font-size-lg, 18px);
    font-weight: var(--fod-font-weight-bold, 700);
    color: var(--fod-color-primary, #0066cc);
}

.fod-apostillation__actions[b-qijgeoadfl] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--fod-spacing-12, 12px);
}

/* Error State */
.fod-apostillation__error-content[b-qijgeoadfl] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-spacing-8, 8px);
}

.fod-apostillation__error-content p[b-qijgeoadfl] {
    margin: 0;
}

/* Unavailable State */
.fod-apostillation__unavailable[b-qijgeoadfl] {
    margin: 0;
}

/* Loading State Modifier */
.fod-apostillation--loading[b-qijgeoadfl] {
    opacity: 0.7;
    pointer-events: none;
}

/* Error State Modifier */
.fod-apostillation--error .fod-apostillation__section[b-qijgeoadfl] {
    opacity: 0.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .fod-apostillation__term-options[b-qijgeoadfl] {
        grid-template-columns: 1fr;
    }

    .fod-apostillation__completion-content[b-qijgeoadfl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .fod-apostillation__price-display[b-qijgeoadfl] {
        align-items: flex-start;
    }
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    .fod-apostillation__term-card[b-qijgeoadfl] {
        border-width: 3px;
    }

    .fod-apostillation__term-card--selected[b-qijgeoadfl] {
        border-color: CanvasText;
        background-color: Highlight;
        color: HighlightText;
    }

    .fod-apostillation__term-card:focus[b-qijgeoadfl] {
        outline: 3px solid CanvasText;
        outline-offset: 2px;
    }

    .fod-radio-indicator[b-qijgeoadfl] {
        border-width: 3px;
        border-color: CanvasText;
    }

    .fod-radio-indicator--checked[b-qijgeoadfl] {
        background-color: CanvasText;
    }

    .fod-badge[b-qijgeoadfl] {
        border: 2px solid currentColor;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    .fod-apostillation__term-card[b-qijgeoadfl] {
        transition: none;
    }

    *[b-qijgeoadfl] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Focus Visible Styles (keyboard navigation) */
.fod-apostillation__term-card:focus-visible[b-qijgeoadfl] {
    outline: 3px solid var(--fod-color-primary, #0066cc);
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.25);
}

/* Skip focus styles for mouse users */
.fod-apostillation__term-card:focus:not(:focus-visible)[b-qijgeoadfl] {
    outline: none;
    box-shadow: none;
}
/* _content/FOD.ServiceComponents/Apostillation/FodCountrySelector.razor.rz.scp.css */
/* FodCountrySelector Component Styles */

.fod-country-selector[b-m5uin4g2am] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-spacing-12, 12px);
}

/* Option Styling in Dropdown */
.fod-country-selector__option[b-m5uin4g2am] {
    display: flex;
    align-items: center;
    gap: var(--fod-spacing-8, 8px);
    padding: var(--fod-spacing-4, 4px) 0;
}

.fod-country-selector__name[b-m5uin4g2am] {
    flex: 1;
    color: var(--fod-color-text-primary, #1a1a1a);
}


/* Hague Convention Badge */
.fod-country-selector__hague-badge[b-m5uin4g2am] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: var(--fod-color-success-light, #e6f7e6);
    color: var(--fod-color-success, #28a745);
    border-radius: 50%;
    margin-left: auto;
    flex-shrink: 0;
}

/* Selected Country Display */
.fod-country-selector__selected[b-m5uin4g2am] {
    display: flex;
    align-items: center;
    gap: var(--fod-spacing-12, 12px);
    padding: var(--fod-spacing-12, 12px) var(--fod-spacing-16, 16px);
    background-color: var(--fod-color-primary-light, #e6f0ff);
    border-radius: var(--fod-border-radius-md, 8px);
    border: 1px solid var(--fod-color-primary-border, #b3d1ff);
    margin-top: var(--fod-spacing-8, 8px);
}

.fod-country-selector__selected-info[b-m5uin4g2am] {
    display: flex;
    flex-direction: column;
    gap: var(--fod-spacing-4, 4px);
}

.fod-country-selector__selected-name[b-m5uin4g2am] {
    font-weight: var(--fod-font-weight-medium, 500);
    font-size: var(--fod-font-size-md, 16px);
    color: var(--fod-color-text-primary, #1a1a1a);
}

/* Badge Styles (shared with FodApostillation) */
.fod-badge[b-m5uin4g2am] {
    display: inline-flex;
    align-items: center;
    padding: var(--fod-spacing-2, 2px) var(--fod-spacing-8, 8px);
    font-size: var(--fod-font-size-xs, 12px);
    font-weight: var(--fod-font-weight-medium, 500);
    border-radius: var(--fod-border-radius-sm, 4px);
    width: fit-content;
}

.fod-badge--success[b-m5uin4g2am] {
    background-color: var(--fod-color-success-light, #e6f7e6);
    color: var(--fod-color-success, #28a745);
}

/* State Modifiers */
.fod-country-selector--loading[b-m5uin4g2am] {
    opacity: 0.7;
    pointer-events: none;
}

.fod-country-selector--error[b-m5uin4g2am] {
    /* Error state handled by FodValidationStatus */
}

.fod-country-selector--selected[b-m5uin4g2am] {
    /* Selected state - can be used for additional styling if needed */
}

/* Responsive Design */
@media (max-width: 768px) {
    .fod-country-selector__selected[b-m5uin4g2am] {
        flex-direction: column;
        align-items: flex-start;
    }

    .fod-country-selector__selected-info[b-m5uin4g2am] {
        width: 100%;
    }
}
/* _content/FOD.ServiceComponents/Appointment/AppointmentCalendar.razor.rz.scp.css */
/*#region Columns Wrapper*/

.fod-appointment__columns-wrapper[b-zujbq2s36b] {
    display: flex;
    flex-direction: row;
    flex: 1;
    min-inline-size: 0;
}

.fod-appointment__divider[b-zujbq2s36b] {
    width: 1px;
    background-color: var(--gray-250, #D9D9D9);
    align-self: stretch;
    flex-shrink: 0;
}

/*#endregion Columns Wrapper*/

/*#region Calendar Column*/

.fod-appointment__calendar-column[b-zujbq2s36b] {
    flex: 1;
    padding: var(--spacing-40, 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fod-appointment__calendar[b-zujbq2s36b] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 452px;
    outline: none;
}

.fod-appointment__calendar:focus-visible[b-zujbq2s36b] {
    outline: 2px solid var(--color-border-focus, #1976D2);
    outline-offset: 2px;
}

.fod-appointment__calendar-nav[b-zujbq2s36b] {
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-block-end: var(--spacing-20, 20px);
}

.fod-appointment__calendar-nav-buttons[b-zujbq2s36b] {
    display: flex;
    gap: var(--spacing-12, 12px);
}

.fod-appointment__calendar-nav-buttons[b-zujbq2s36b]  .fod-btn {
    inline-size: 32px;
    block-size: 32px;
    padding: 0;
    border-radius: var(--radius-6, 6px);
    background-color: var(--gray-200, #F1F1F1);
    color: var(--color-text-base-primary, #212121);
    border-color: transparent;
}

.fod-appointment__calendar-nav-buttons[b-zujbq2s36b]  .fod-btn:hover:not(:disabled) {
    background-color: var(--gray-250, #D9D9D9);
    color: var(--color-text-base-primary, #212121);
}

.fod-appointment__calendar-nav-buttons[b-zujbq2s36b]  .fod-btn:active:not(:disabled) {
    background-color: var(--gray-250, #D9D9D9);
}

.fod-appointment__calendar-nav-buttons[b-zujbq2s36b]  .fod-btn:focus:not(:disabled) {
    outline: none;
    box-shadow: none;
}

.fod-appointment__calendar-nav-buttons[b-zujbq2s36b]  .fod-btn:disabled {
    background-color: var(--gray-200, #F1F1F1);
    opacity: 0.5;
}

.fod-appointment__calendar-month[b-zujbq2s36b] {
    font-size: var(--font-size-18, 18px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--black, #121212);
    text-transform: capitalize;
}

.fod-appointment__calendar-grid[b-zujbq2s36b] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-1, 4px);
    width: 100%;
}

.fod-appointment__calendar-header[b-zujbq2s36b] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--spacing-1, 4px);
    margin-block-end: var(--spacing-1, 4px);
}

.fod-appointment__calendar-week[b-zujbq2s36b] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--spacing-1, 4px);
}

.fod-appointment__calendar-day-header[b-zujbq2s36b] {
    display: flex;
    align-items: center;
    justify-content: center;
    block-size: 32px;
    font-size: var(--font-size-12, 12px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--gray-400, #757575);
    text-transform: uppercase;
}

.fod-appointment__calendar-day[b-zujbq2s36b] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    block-size: 48px;
    padding: var(--spacing-6, 6px) var(--spacing-8, 8px);
    border: 1.5px solid transparent;
    border-radius: var(--radius-6, 6px);
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.fod-appointment__calendar-day:hover:not(:disabled):not(.fod-appointment__calendar-day--selected):not(.fod-appointment__calendar-day--disabled)[b-zujbq2s36b] {
    background-color: var(--color-bg-base-hover, #F5F5F5);
}

.fod-appointment__calendar-day:focus-visible[b-zujbq2s36b] {
    outline: none;
}

.fod-appointment__calendar-day-number[b-zujbq2s36b] {
    font-size: var(--font-size-14, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--black, #121212);
}

.fod-appointment__calendar-day--other-month[b-zujbq2s36b] {
    cursor: default;
}

.fod-appointment__calendar-day--other-month.fod-appointment__calendar-day--available[b-zujbq2s36b] {
    cursor: pointer;
}

.fod-appointment__calendar-day--other-month .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--gray-300, #B2B2B2);
}

.fod-appointment__calendar-day--disabled[b-zujbq2s36b] {
    cursor: not-allowed;
    pointer-events: none;
}

.fod-appointment__calendar-day--disabled .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-base-disabled, #BDBDBD);
}

.fod-appointment__calendar-day--available:hover:not(.fod-appointment__calendar-day--selected)[b-zujbq2s36b] {
    border-color: var(--color-border-focus, #0058D2);
    background-color: var(--gray-100, #F5F5F5);
}

.fod-appointment__calendar-day--unavailable .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-base-tertiary, #9E9E9E);
}

.fod-appointment__calendar-day--unavailable:hover[b-zujbq2s36b] {
    cursor: not-allowed;
    background-color: transparent;
}

.fod-appointment__calendar-day--today[b-zujbq2s36b] {
    border: 2px solid var(--color-border-brand-default, #0058D2);
}

.fod-appointment__calendar-day--today .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-brand-default, #0058D2);
    font-weight: var(--font-weight-semibold, 600);
}

.fod-appointment__calendar-day--today:hover:not(:disabled):not(.fod-appointment__calendar-day--selected)[b-zujbq2s36b] {
    background-color: var(--color-bg-brand-subtle, #E3F2FD);
}

.fod-appointment__calendar-day--selected[b-zujbq2s36b] {
    background-color: var(--blue-sky-600, #0058D2);
    border-color: var(--blue-sky-600, #0058D2);
}

.fod-appointment__calendar-day--selected:hover[b-zujbq2s36b] {
    background-color: var(--color-bg-brand-hover, #1565C0);
    border-color: var(--color-bg-brand-hover, #1565C0);
}

.fod-appointment__calendar-day--selected .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-inverse, #ffffff);
    font-weight: var(--font-weight-semibold, 600);
}

.fod-appointment__calendar-day--focused[b-zujbq2s36b] {
    border:2px solid var(--color-border-focus, #0058D2);
}


/*#endregion Calendar Styles*/

/*#region Slots Column*/

.fod-appointment__slots-column[b-zujbq2s36b] {
    flex: 0 0 396px;
    padding: var(--spacing-40, 40px);
    display: flex;
    flex-direction: column;
}

.fod-appointment__slots-header[b-zujbq2s36b] {
    font-size: var(--font-size-18, 18px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--black, #121212);
    margin: 0 0 var(--spacing-24, 24px) 0;
    text-transform: capitalize;
}

/* Slots list container */
.fod-appointment__timeslots[b-zujbq2s36b] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
    max-block-size: 440px;
    overflow-y: auto;
    padding: 4px;
}

/* Slot button */
.fod-appointment__timeslot-wrapper[b-zujbq2s36b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    inline-size: 100%;
    min-block-size: 40px;
    padding: 0 var(--spacing-16, 16px) 0 var(--spacing-40, 40px);
    gap: var(--spacing-4, 4px);
    border: 1px solid var(--gray-250, #D9D9D9);
    border-radius: var(--radius-12, 12px);
    background: transparent;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    text-align: left;
}

.fod-appointment__timeslot-wrapper:hover[b-zujbq2s36b] {
    border: 2px solid var(--blue-sky-600, #0058d2);
}

.fod-appointment__timeslot-wrapper:focus-visible[b-zujbq2s36b] {
    outline: 2px solid var(--color-border-focus, #0058d2);
    outline-offset: 2px;
}

/* Low availability state */
/*.fod-appointment__timeslot-wrapper.fod-appointment__timeslot--low-availability {*/
/*    border-color: var(--gray-250, #D9D9D9);*/
/*}*/

/* Selected state */
.fod-appointment__timeslot-wrapper.fod-appointment__timeslot--selected[b-zujbq2s36b] {
    background-color: var(--gray-100, #f5f5f5);
    border: 1.5px solid var(--blue-sky-600, #0058d2);
}

.fod-appointment__timeslot-time[b-zujbq2s36b] {
    font-size: var(--font-size-14, 14px);
    font-weight: var(--font-weight-medium, 500);
    color: var(--gray-700, #383838);
    white-space: nowrap;
    min-inline-size: 48px;
    flex-shrink: 0;
}

.fod-appointment__timeslot-capacity[b-zujbq2s36b] {
    font-size: var(--font-size-14, 14px);
    color: var(--gray-400, #757575);
}

.fod-appointment__timeslot--low-availability .fod-appointment__timeslot-capacity[b-zujbq2s36b] {
    color: var(--apricot-700, #b54708);
}

.fod-appointment__no-slots[b-zujbq2s36b] {
    padding: var(--spacing-24, 24px);
    text-align: center;
    background: var(--gray-100, #f5f5f5);
    border-radius: var(--radius-12, 12px);
}

.fod-appointment__no-slots p[b-zujbq2s36b] {
    margin: 0;
    color: var(--gray-400, #757575);
}

.fod-appointment__no-slots-hint[b-zujbq2s36b] {
    margin-block-start: var(--spacing-8, 8px);
    font-size: var(--font-size-14, 14px);
}

/*#endregion Slots Column*/

/*#region Dark Theme*/

[data-theme=dark] .fod-appointment__calendar-month[b-zujbq2s36b],
[data-theme=dark] .fod-appointment__slots-header[b-zujbq2s36b],
[data-theme=dark] .fod-appointment__timeslot-time[b-zujbq2s36b] {
    color: var(--color-text-base-primary, #FFFFFF);
}

[data-theme=dark] .fod-appointment__calendar-day-header[b-zujbq2s36b],
[data-theme=dark] .fod-appointment__timeslot-capacity[b-zujbq2s36b],
[data-theme=dark] .fod-appointment__no-slots p[b-zujbq2s36b] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-appointment__divider[b-zujbq2s36b] {
    background-color: var(--color-border-base-default, #424242);
}

[data-theme=dark] .fod-appointment__timeslot-wrapper[b-zujbq2s36b] {
    border-color: var(--color-border-base-default, #424242);
}

[data-theme=dark] .fod-appointment__timeslot-wrapper.fod-appointment__timeslot--selected[b-zujbq2s36b] {
    background-color: var(--color-bg-base-hover, #2D2D2D);
    border-color: var(--color-border-primary, #4DA3FF);
}

[data-theme=dark] .fod-appointment__calendar-day:hover:not(:disabled):not(.fod-appointment__calendar-day--selected):not(.fod-appointment__calendar-day--disabled)[b-zujbq2s36b] {
    background-color: var(--color-bg-base-hover, #2D2D2D);
}

[data-theme=dark] .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-base-primary, #FFFFFF);
}

[data-theme=dark] .fod-appointment__calendar-day--other-month .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-base-tertiary, #757575);
}

[data-theme=dark] .fod-appointment__calendar-day--disabled .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-base-disabled, #5C5C5C);
}

[data-theme=dark] .fod-appointment__calendar-day--today .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-brand-default, #4DA3FF);
}

[data-theme=dark] .fod-appointment__calendar-day--available:hover:not(.fod-appointment__calendar-day--selected)[b-zujbq2s36b] {
    border-color: var(--color-border-focus, #0058D2);
    background-color: var(--color-bg-base-hover, #2D2D2D);
}

[data-theme=dark] .fod-appointment__calendar-day--unavailable .fod-appointment__calendar-day-number[b-zujbq2s36b] {
    color: var(--color-text-base-tertiary, #757575);
}


[data-theme=dark] .fod-appointment__no-slots[b-zujbq2s36b] {
    background-color: var(--color-bg-base-hover, #2D2D2D);
}

/*#endregion Dark Theme*/

/*#region Responsive*/

@media (max-width: 1024px) {
    .fod-appointment__columns-wrapper[b-zujbq2s36b] {
        flex-direction: column;
    }

    .fod-appointment__divider[b-zujbq2s36b] {
        width: 100%;
        height: 1px;
    }

    .fod-appointment__calendar-column[b-zujbq2s36b] {
        padding: var(--spacing-24, 24px);
    }

    .fod-appointment__slots-column[b-zujbq2s36b] {
        flex: auto;
        padding: var(--spacing-24, 24px);
    }
}

@media (max-width: 479px) {
    .fod-appointment__timeslot-time[b-zujbq2s36b] {
        min-inline-size: 0;
    }

    .fod-appointment__timeslot-wrapper[b-zujbq2s36b] {
        flex-wrap: wrap;
    }
}

/*#endregion Responsive*/
/* _content/FOD.ServiceComponents/Appointment/AppointmentConfirmationView.razor.rz.scp.css */
/*#region Confirmation Container*/

.fod-appt-conf[b-qriw9zzbpa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-40, 40px);
    width: 100%;
    padding: var(--spacing-40, 40px);
}

/*#endregion Confirmation Container*/

/*#region Header*/

.fod-appt-conf__header[b-qriw9zzbpa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0;
}

.fod-appt-conf__success-icon[b-qriw9zzbpa] {
    width: 40px;
    height: 40px;
    background-color: #039855;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacing-12, 12px);
    color: var(--white, #ffffff);
    flex-shrink: 0;
}

.fod-appt-conf__title[b-qriw9zzbpa] {
    font-size: var(--font-size-24, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--black, #121212);
    margin: 0 0 4px 0;
}

.fod-appt-conf__subtitle[b-qriw9zzbpa] {
    font-size: var(--font-size-14, 14px);
    color: var(--gray-400, #757575);
    margin: 0;
}

/*#endregion Header*/

/*#region Ticket Card*/

.fod-appt-conf__ticket[b-qriw9zzbpa] {
    width: 100%;
    max-width: 773px;
    background: linear-gradient(279.1deg, #E8F0FB 0%, #E6F5EE 100%);
    border-radius: 12px;
    padding: var(--spacing-24, 24px);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-52, 52px);
    align-items: stretch;
}

/*#endregion Ticket Card*/

/*#region Detail Rows*/

.fod-appt-conf__details[b-qriw9zzbpa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16, 16px);
}

.fod-appt-conf__detail-row[b-qriw9zzbpa] {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: var(--spacing-24, 24px);
    align-items: center;
}

.fod-appt-conf__detail-label[b-qriw9zzbpa] {
    font-size: var(--text-caption-md-font-size, 12px);
    color: var(--gray-700, #383838);
    line-height: 16px;
}

.fod-appt-conf__detail-value[b-qriw9zzbpa] {
    font-size: var(--font-size-14, 14px);
    color: var(--black, #121212);
    display: flex;
    align-items: center;
}

.fod-appt-conf__icon-text[b-qriw9zzbpa] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
}

.fod-appt-conf__icon-text--align-start[b-qriw9zzbpa] {
    align-items: flex-start;
}

.fod-appt-conf__icon-wrapper[b-qriw9zzbpa] {
    display: flex;
    align-items: center;
    height: 20px;
    flex-shrink: 0;
}

.fod-appt-conf__row-icon[b-qriw9zzbpa] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--gray-700, #383838);
}

/*#endregion Detail Rows*/

/*#region Confirmation Code*/

.fod-appt-conf__code-container[b-qriw9zzbpa] {
    background-color: var(--white, #ffffff);
    padding: 2px 8px 2px 12px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    width: fit-content;
}

.fod-appt-conf__code-text[b-qriw9zzbpa] {
    color: var( --green-600,#039855);
    line-height: 24px;
    font-weight: var(--font-weight-semibold, 700);
    font-family: var(--font-family-mono, monospace);
    font-size: var(--text-body-lg-500-font-size, 18px);
}

.fod-appt-conf__code-actions[b-qriw9zzbpa] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
}

.fod-appt-conf__code-divider[b-qriw9zzbpa] {
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: var(--gray-250, #D9D9D9);
    flex-shrink: 0;
}

.fod-appt-conf__copy-btn[b-qriw9zzbpa] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--gray-400, #757575);
    border-radius: 4px;
    transition: color 0.2s, background-color 0.2s;
}

.fod-appt-conf__copy-btn:hover[b-qriw9zzbpa] {
    color: var(--black, #121212);
    background-color: var(--gray-100, #f5f5f5);
}

.fod-appt-conf__copy-btn--copied[b-qriw9zzbpa] {
    color: #039855;
}

/*#endregion Confirmation Code*/

/*#region Ticket Divider*/

.fod-appt-conf__ticket-divider[b-qriw9zzbpa] {
    width: 1px;
    align-self: stretch;
    border-left: 1px solid var(--gray-250, #D9D9D9);
    max-height: 180px;
    flex-shrink: 0;
}

/*#endregion Ticket Divider*/

/*#region QR Code*/

.fod-appt-conf__qr[b-qriw9zzbpa] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    padding-left: 10px;
}

.fod-appt-conf__qr-frame[b-qriw9zzbpa] {
    background-color: var(--white, #ffffff);
    padding: var(--spacing-16, 16px);
    border-radius: 11px;
    box-shadow: 0px 1.3px 4px rgba(0, 0, 0, 0.08), 0px 6.6px 16px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fod-appt-conf__qr-image[b-qriw9zzbpa] {
    width: 148px;
    height: 148px;
    object-fit: cover;
    display: block;
}

/*#endregion QR Code*/

/*#region Action Buttons*/

.fod-appt-conf__actions[b-qriw9zzbpa] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-12, 12px);
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

[b-qriw9zzbpa] .fod-appt-conf__btn-edit {
    background-color: #f1f1f1 !important;
    border-color: #f1f1f1 !important;
    color: var(--black, #121212) !important;
}

[b-qriw9zzbpa] .fod-appt-conf__btn-edit:hover {
    background-color: #e4e4e4 !important;
    border-color: #e4e4e4 !important;
}

/*#endregion Action Buttons*/

/*#region Responsive*/

@media (max-width: 768px) {
    .fod-appt-conf[b-qriw9zzbpa] {
        padding: var(--spacing-24, 24px);
        gap: var(--spacing-24, 24px);
    }

    .fod-appt-conf__ticket[b-qriw9zzbpa] {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .fod-appt-conf__details[b-qriw9zzbpa] {
        padding-right: 0;
        width: 100%;
    }

    .fod-appt-conf__ticket-divider[b-qriw9zzbpa] {
        display: none;
    }

    .fod-appt-conf__qr[b-qriw9zzbpa] {
        padding-left: 0;
    }

    .fod-appt-conf__detail-row[b-qriw9zzbpa] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .fod-appt-conf__detail-label[b-qriw9zzbpa] {
        font-size: var(--font-size-12, 12px);
        color: var(--gray-400, #757575);
    }
}

/*#endregion Responsive*/

/*#region Dark Theme*/

[data-theme=dark] .fod-appt-conf__title[b-qriw9zzbpa] {
    color: var(--color-text-base-primary, #FFFFFF);
}

[data-theme=dark] .fod-appt-conf__subtitle[b-qriw9zzbpa] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-appt-conf__ticket[b-qriw9zzbpa] {
    background: linear-gradient(105deg, rgba(0, 88, 210, 0.2) 0%, rgba(3, 152, 85, 0.15) 100%);
}

[data-theme=dark] .fod-appt-conf__detail-label[b-qriw9zzbpa] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-appt-conf__detail-value[b-qriw9zzbpa] {
    color: var(--color-text-base-primary, #FFFFFF);
}

[data-theme=dark] .fod-appt-conf__row-icon[b-qriw9zzbpa] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-appt-conf__code-container[b-qriw9zzbpa] {
    background-color: var(--color-bg-base-secondary, #2a2a2a);
}

[data-theme=dark] .fod-appt-conf__code-divider[b-qriw9zzbpa] {
    background-color: var(--color-border-base-default, #3a3a3a);
}

[data-theme=dark] .fod-appt-conf__copy-btn[b-qriw9zzbpa] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-appt-conf__copy-btn:hover[b-qriw9zzbpa] {
    color: var(--color-text-base-primary, #FFFFFF);
    background-color: var(--color-bg-base-tertiary, #333333);
}

[data-theme=dark] .fod-appt-conf__ticket-divider[b-qriw9zzbpa] {
    border-color: var(--color-border-base-default, #3a3a3a);
}

[data-theme=dark] .fod-appt-conf__qr-frame[b-qriw9zzbpa] {
    background-color: var(--color-bg-base-secondary, #2a2a2a);
}

[data-theme=dark][b-qriw9zzbpa]  .fod-appt-conf__btn-edit {
    background-color: var(--color-bg-base-secondary, #2a2a2a) !important;
    border-color: var(--color-border-base-default, #3a3a3a) !important;
    color: var(--color-text-base-primary, #FFFFFF) !important;
}

/*#endregion Dark Theme*/

/*#region Utilities*/

.mt-8[b-qriw9zzbpa] {
    margin-block-start: var(--spacing-8, 8px);
}

/*#endregion Utilities*/
/* _content/FOD.ServiceComponents/Appointment/FodAppointment.razor.rz.scp.css */
/*#region Base Styles*/

.fod-appointment[b-kaewvjo6n4] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16, 16px);
    overflow-x: auto;
}

/*#endregion Base Styles*/

/*#region Booking Card*/

.fod-appointment__booking-card[b-kaewvjo6n4] {
    display: flex;
    flex-direction: row;
    background: var(--white, #ffffff);
    border: 0.5px solid var(--gray-250, #D9D9D9);
    border-radius: var(--radius-16, 16px);
    overflow: hidden;
    box-shadow: var(--drop-shadow-100, 0 0 0.5px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.15));
    width: 100%;
}

.fod-appointment__divider[b-kaewvjo6n4] {
    width: 1px;
    background-color: var(--gray-250, #D9D9D9);
    align-self: stretch;
    flex-shrink: 0;
}

.fod-appointment__booking-card--centered[b-kaewvjo6n4] {
    justify-content: center;
}

/*#endregion Booking Card*/

/*#region Info Column*/

.fod-appointment__info-column[b-kaewvjo6n4] {
    flex: 0 0 308px;
    padding: var(--spacing-40, 40px);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-32, 32px);
}

.fod-appointment__institution-name[b-kaewvjo6n4] {
    font-size: var(--font-size-18, 18px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--black, #121212);
    margin: 0;
}

.fod-appointment__info-details[b-kaewvjo6n4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.fod-appointment__detail-row[b-kaewvjo6n4] {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
    padding: var(--spacing-8, 8px) 0;
}

.fod-appointment__detail-row--align-start[b-kaewvjo6n4] {
    align-items: flex-start;
}

.fod-appointment__detail-text[b-kaewvjo6n4] {
    font-size: var(--font-size-14, 14px);
    color: var(--black, #121212);
    line-height: 1.4;
}

/*#endregion Info Column*/

/*#region Calendar Area*/

.fod-appointment__calendar-area[b-kaewvjo6n4] {
    flex: 1;
    min-inline-size: 0;
    display: flex;
    flex-direction: column;
}

/*#endregion Calendar Area*/

/*#region Slot Selected View*/

.fod-appointment__slot-view[b-kaewvjo6n4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-20, 20px);
    padding: 28px var(--spacing-40, 40px) var(--spacing-40, 40px);
}

[b-kaewvjo6n4]  .fod-appointment__go-back{
    width: fit-content;
    left: -25px;
    position: relative;
}

.fod-appointment__slot-view-title[b-kaewvjo6n4] {
    font-size: var(--font-size-20, 20px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--black, #121212);
    margin: 0;
}

.fod-appointment__slot-card[b-kaewvjo6n4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
    background-color: #e8f0fb;
    border: 1px solid var(--blue-700, #0058d2);
    border-radius: 12px;
    padding: var(--spacing-24, 24px);
    max-width: 489px;
}

.fod-appointment__slot-card-row[b-kaewvjo6n4] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-8, 8px);
}

.fod-appointment__slot-card-details[b-kaewvjo6n4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fod-appointment__slot-card-text[b-kaewvjo6n4] {
    font-size: var(--text-body-md-font-size, 16px);
    font-weight: var(--text-body-md-font-weight, 400);
    color: var(--blue-sky-600, #0058d2);
    line-height: 1.5;
}

[b-kaewvjo6n4] .fod-appointment__slot-confirm-btn {
    width: 100%;
    max-width: 489px;
    height: 48px;
    border-radius: 999px !important;
    font-size: var(--font-size-16, 16px) !important;
    font-weight: var(--font-weight-semibold, 600) !important;
    justify-content: center;
}

/*#endregion Slot Selected View*/

/*#region Booking Card Responsive*/

@media (max-width: 1024px) {
    .fod-appointment__booking-card[b-kaewvjo6n4] {
        flex-direction: column;
        max-width: 600px;
    }

    .fod-appointment__divider[b-kaewvjo6n4] {
        width: 100%;
        height: 1px;
    }

    .fod-appointment__info-column[b-kaewvjo6n4] {
        flex: auto;
        width: 100%;
        padding: var(--spacing-24, 24px);
    }

    .fod-appointment__calendar-area[b-kaewvjo6n4] {
        padding: 0;
    }

    .fod-appointment__slot-view[b-kaewvjo6n4] {
        padding: var(--spacing-24, 24px);
    }

    .fod-appointment__slot-card[b-kaewvjo6n4],
    [b-kaewvjo6n4] .fod-appointment__slot-confirm-btn {
        max-width: 100%;
    }
}

/*#endregion Booking Card Responsive*/

/*#region State Styles*/

.fod-appointment__loading[b-kaewvjo6n4],
.fod-appointment__error[b-kaewvjo6n4],
.fod-appointment__empty[b-kaewvjo6n4] {
    padding: var(--spacing-24, 24px);
}

.fod-appointment__empty-content[b-kaewvjo6n4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.fod-appointment__empty-title[b-kaewvjo6n4] {
    font-size: var(--font-size-base, 1rem);
    font-weight: var(--font-weight-semibold, 600);
    margin: 0;
}

.fod-appointment__empty-message[b-kaewvjo6n4] {
    margin: 0;
    font-size: var(--font-size-sm, 0.875rem);
}

.fod-appointment__contact-hint[b-kaewvjo6n4] {
    margin: 0;
    margin-block-start: var(--spacing-8, 8px);
    font-size: var(--font-size-sm, 0.875rem);
}

.fod-appointment__office-info[b-kaewvjo6n4] {
    display: flex;
    gap: var(--spacing-16, 16px);
    font-size: var(--font-size-sm, 0.875rem);
}

.fod-appointment__office-info span[b-kaewvjo6n4] {
    display: flex;
    align-items: center;
    gap: var(--spacing-4, 4px);
}

.fod-appointment--loading[b-kaewvjo6n4] {
    pointer-events: none;
}

.fod-appointment--confirming .fod-appointment__content[b-kaewvjo6n4] {
    opacity: 0.6;
    pointer-events: none;
}

.fod-appointment__confirming-overlay[b-kaewvjo6n4] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: var(--radius-md, 8px);
}

/*#endregion State Styles*/

/*#region Inline Errors & Validation Hints (Task 006)*/

.fod-appointment__inline-error[b-kaewvjo6n4] {
    margin-block-end: var(--spacing-8, 8px);
}

.fod-appointment__validation-hint[b-kaewvjo6n4] {
    margin-block-end: var(--spacing-8, 8px);
}

.fod-appointment__max-retries[b-kaewvjo6n4] {
    margin-block-start: var(--spacing-12, 12px);
    text-align: center;
}

.fod-appointment__max-retries-message[b-kaewvjo6n4] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-base-secondary, #666);
    margin: 0;
    margin-block-end: var(--spacing-4, 4px);
}

/*#endregion Inline Errors & Validation Hints*/

/*#region Accessibility*/

.sr-only[b-kaewvjo6n4] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*#endregion Accessibility*/

/*#region Dark Theme*/

[data-theme=dark] .fod-appointment__summary-value[b-kaewvjo6n4],
[data-theme=dark] .fod-appointment__empty-title[b-kaewvjo6n4] {
    color: var(--color-text-base-primary, #FFFFFF);
}

[data-theme=dark] .fod-appointment__empty-message[b-kaewvjo6n4],
[data-theme=dark] .fod-appointment__contact-hint[b-kaewvjo6n4],
[data-theme=dark] .fod-appointment__max-retries-message[b-kaewvjo6n4] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-appointment__booking-card[b-kaewvjo6n4] {
    background: var(--color-bg-base-primary, #1E1E1E);
    border-color: var(--color-border-base-default, #3a3a3a);
}

[data-theme=dark] .fod-appointment__divider[b-kaewvjo6n4] {
    background-color: var(--color-border-base-default, #3a3a3a);
}

[data-theme=dark] .fod-appointment__institution-name[b-kaewvjo6n4] {
    color: var(--color-text-base-primary, #FFFFFF);
}

[data-theme=dark] .fod-appointment__detail-text[b-kaewvjo6n4] {
    color: var(--color-text-base-secondary, #B0B0B0);
}

[data-theme=dark] .fod-appointment__confirming-overlay[b-kaewvjo6n4] {
    background: rgba(0, 0, 0, 0.8);
}

[data-theme=dark] .fod-appointment__slot-view-title[b-kaewvjo6n4] {
    color: var(--color-text-base-primary, #FFFFFF);
}

[data-theme=dark] .fod-appointment__slot-card[b-kaewvjo6n4] {
    background-color: rgba(0, 88, 210, 0.15);
    border-color: var(--blue-400, #5a9bff);
}

[data-theme=dark] .fod-appointment__slot-card-text[b-kaewvjo6n4] {
    color: var(--blue-300, #93c5fd);
}

[data-theme=dark] .fod-appointment__go-back[b-kaewvjo6n4] {
    color: var(--blue-400, #5a9bff);
}

/*#endregion Dark Theme*/

/*#region Utilities*/

.mt-8[b-kaewvjo6n4] {
    margin-block-start: var(--spacing-8, 8px);
}

.mt-16[b-kaewvjo6n4] {
    margin-block-start: var(--spacing-16, 16px);
}

/*#endregion Utilities*/
/* _content/FOD.ServiceComponents/Beneficiary/BeneficiaryMPowerForm.razor.rz.scp.css */
/* BeneficiaryMPowerForm Styles */

.fod-mpower-section[b-mg46pu2glo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* MPower Lookup Method Selector */
.fod-mpower-lookup-method-selector[b-mg46pu2glo] {
    margin-bottom: 1rem;
}

/* Lookup Row - Field + Search Button */
.fod-lookup-row[b-mg46pu2glo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .fod-lookup-row[b-mg46pu2glo] {
        flex-direction: row;
        align-items: flex-end;
        gap: 1rem;
    }

    .fod-lookup-row > :first-child[b-mg46pu2glo] {
        flex: 1;
    }
}

/* MPower Loading Indicator */
.fod-mpower-loading-indicator[b-mg46pu2glo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    color: var(--fod-color-primary, #2196F3);
    font-size: 0.875rem;
}

/* Spinner */
.fod-spinner-small[b-mg46pu2glo] {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--fod-color-border, #e0e0e0);
    border-top-color: var(--fod-color-primary, #2196F3);
    border-radius: 50%;
    animation: fod-spin-b-mg46pu2glo 0.8s linear infinite;
}

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

/* MPower Error Content */
.fod-mpower-error-content[b-mg46pu2glo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fod-mpower-error-content p[b-mg46pu2glo] {
    margin: 0;
}

.fod-mpower-error-actions[b-mg46pu2glo] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* MPower Data Display - After Successful Lookup */
.fod-mpower-data-display[b-mg46pu2glo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* MPower Badge Container */
.fod-mpower-badge-container[b-mg46pu2glo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--fod-color-success-light, #E8F5E9);
    border: 1px solid var(--fod-color-success, #4CAF50);
    border-radius: 0.5rem;
}

.fod-mpower-badge-container .d-flex[b-mg46pu2glo] {
    display: flex;
}

.fod-mpower-badge-container .align-items-center[b-mg46pu2glo] {
    align-items: center;
}

.fod-mpower-badge-container span[b-mg46pu2glo] {
    font-weight: 600;
    color: var(--fod-color-success-dark, #2E7D32);
    margin-left: 0.5rem;
}

/* MPower No Document Info - Success Message */
.fod-mpower-no-document-info[b-mg46pu2glo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Expiry Warning Text */
.fod-expiry-warning[b-mg46pu2glo] {
    font-weight: 600;
    margin-left: 0.5rem;
}

/* Form Row - Base */
.fod-form-row[b-mg46pu2glo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

/* Two Column Layout for Desktop */
@media (min-width: 768px) {
    .fod-form-row.fod-two-columns[b-mg46pu2glo] {
        flex-direction: row;
        gap: 1.5rem;
    }

    .fod-form-row.fod-two-columns > *[b-mg46pu2glo] {
        flex: 1;
        min-width: 0;
    }
}

/* Field with Badge Wrapper */
.fod-field-with-badge[b-mg46pu2glo] {
    position: relative;
}

/* Read-only Field Styling */
.fod-readonly-field[b-mg46pu2glo] {
    background-color: var(--fod-color-background-disabled, #F5F5F5) !important;
    cursor: not-allowed;
}

.fod-readonly-field.fod-mpower-field[b-mg46pu2glo] {
    background-color: var(--fod-color-info-light, #E3F2FD) !important;
}

/* Accessibility - Focus states */
.fod-mpower-section :focus-visible[b-mg46pu2glo] {
    outline: 2px solid var(--fod-color-primary, #2196F3);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .fod-mpower-badge-container[b-mg46pu2glo] {
        border-width: 2px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .fod-spinner-small[b-mg46pu2glo] {
        animation: none;
    }
}
/* _content/FOD.ServiceComponents/Beneficiary/BeneficiaryOtherForm.razor.rz.scp.css */
/* BeneficiaryOtherForm Styles */

.fod-beneficiary-other-form[b-33a4acbjqb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Entity Type Selector - Horizontal layout */
.fod-entity-type-selector[b-33a4acbjqb] {
    margin-bottom: 1.5rem;
}

/* Natural Person Fields Container */
.fod-natural-person-fields[b-33a4acbjqb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* RSP Validation Visual States */
.fod-natural-person-fields.fod-rsp-valid[b-33a4acbjqb] {
    /* Optional: can add subtle border/background on success */
}

.fod-natural-person-fields.fod-rsp-invalid[b-33a4acbjqb] {
    /* Optional: can add subtle border/background on error */
}

/* Legal Entity Fields Container */
.fod-legal-entity-fields[b-33a4acbjqb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Field with Validation Icon Wrapper */
.fod-field-with-validation[b-33a4acbjqb] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Validation Icon - Positioned inside field */
.fod-field-validation-icon[b-33a4acbjqb] {
    position: absolute;
    right: 0.75rem;
    top: 2.25rem; /* Adjust based on field height with label */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    z-index: 1;
}

/* Valid State - Green checkmark */
.fod-field-validation-icon.fod-validation-success[b-33a4acbjqb] {
    color: var(--fod-color-success, #4CAF50);
}

/* Invalid State - Red cross */
.fod-field-validation-icon.fod-validation-error[b-33a4acbjqb] {
    color: var(--fod-color-error, #F44336);
}

/* Spinner for loading state */
.fod-spinner-small[b-33a4acbjqb] {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--fod-color-border, #e0e0e0);
    border-top-color: var(--fod-color-primary, #2196F3);
    border-radius: 50%;
    animation: fod-spin-b-33a4acbjqb 0.8s linear infinite;
}

@keyframes fod-spin-b-33a4acbjqb {
    to {
        transform: rotate(360deg);
    }
}

/* RSP Validation Status Message */
.fod-rsp-validation-status[b-33a4acbjqb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.fod-rsp-validation-status.loading[b-33a4acbjqb] {
    background-color: var(--fod-color-info-light, #E3F2FD);
    color: var(--fod-color-info, #1976D2);
}

.fod-rsp-validation-status.success[b-33a4acbjqb] {
    background-color: var(--fod-color-success-light, #E8F5E9);
    color: var(--fod-color-success-dark, #2E7D32);
}

.fod-rsp-validation-status.error[b-33a4acbjqb] {
    background-color: var(--fod-color-error-light, #FFEBEE);
    color: var(--fod-color-error, #F44336);
}

/* RSP Error Content with Retry Button */
.fod-rsp-error-content[b-33a4acbjqb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fod-rsp-error-content p[b-33a4acbjqb] {
    margin: 0;
}

/* IDNO Field Wrapper with loading indicator */
.fod-idno-field-wrapper[b-33a4acbjqb] {
    position: relative;
    width: 100%;
}

.fod-rsud-loading-indicator[b-33a4acbjqb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    color: var(--fod-color-primary, #2196F3);
    font-size: 0.875rem;
}

/* Company Name Field Wrapper */
.fod-company-name-field-wrapper[b-33a4acbjqb] {
    position: relative;
    width: 100%;
}

/* Read-only Field Styling */
.fod-readonly-field[b-33a4acbjqb] {
    background-color: var(--fod-color-background-disabled, #F5F5F5) !important;
    cursor: not-allowed;
}

/* Confirmation Dialog */
.fod-confirmation-dialog[b-33a4acbjqb] {
    padding: 1rem;
    margin: 1rem 0;
    background-color: var(--fod-color-warning-light, #FFF8E1);
    border: 1px solid var(--fod-color-warning, #FFC107);
    border-radius: 0.5rem;
}

.fod-confirmation-dialog p[b-33a4acbjqb] {
    margin: 0 0 1rem 0;
    color: var(--fod-color-text-primary, #333);
}

.fod-dialog-actions[b-33a4acbjqb] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* Form Row - Base */
.fod-form-row[b-33a4acbjqb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

/* Accessibility - Focus states */
.fod-beneficiary-other-form :focus-visible[b-33a4acbjqb] {
    outline: 2px solid var(--fod-color-primary, #2196F3);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .fod-rsp-validation-status[b-33a4acbjqb] {
        border: 1px solid currentColor;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .fod-spinner-small[b-33a4acbjqb] {
        animation: none;
    }
}
/* _content/FOD.ServiceComponents/Beneficiary/FodBeneficiaryComponent.razor.rz.scp.css */
/* FodBeneficiaryComponent Styles */

.fod-beneficiary-component[b-22u7peyhiw] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Beneficiary Type Selector */
.fod-beneficiary-type-selector[b-22u7peyhiw] {
    margin-bottom: 1rem;
}

/* Content Area */
.fod-beneficiary-content[b-22u7peyhiw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Confirmation Dialog */
.fod-confirmation-dialog[b-22u7peyhiw] {
    padding: 1rem;
    margin: 1rem 0;
    background-color: var(--fod-color-warning-light, #fff8e1);
    border: 1px solid var(--fod-color-warning, #ffc107);
    border-radius: 0.5rem;
}

.fod-confirmation-dialog p[b-22u7peyhiw] {
    margin: 0 0 1rem 0;
    color: var(--fod-color-text-primary, #333);
}

.fod-dialog-actions[b-22u7peyhiw] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* Power of Attorney Info Message */
.fod-power-of-attorney-info[b-22u7peyhiw] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Loading Overlay */
.fod-loading-overlay[b-22u7peyhiw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 1000;
}

.fod-spinner[b-22u7peyhiw] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--fod-color-border, #e0e0e0);
    border-top-color: var(--fod-color-primary, #0066cc);
    border-radius: 50%;
    animation: fod-spin-b-22u7peyhiw 0.8s linear infinite;
}

@keyframes fod-spin-b-22u7peyhiw {
    to {
        transform: rotate(360deg);
    }
}

/* Validation Errors */
.fod-validation-errors[b-22u7peyhiw] {
    margin-top: 1rem;
}

.fod-error-list[b-22u7peyhiw] {
    margin: 0;
    padding-left: 1.25rem;
}

.fod-error-list li[b-22u7peyhiw] {
    margin-bottom: 0.25rem;
}

/* Accessibility */
.fod-beneficiary-component :focus-visible[b-22u7peyhiw] {
    outline: 3px solid var(--fod-color-primary, #0066cc);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .fod-confirmation-dialog[b-22u7peyhiw] {
        border-width: 2px;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .fod-spinner[b-22u7peyhiw] {
        animation: none;
    }
}
/* _content/FOD.ServiceComponents/Common/ChangeDataWarningDialog.razor.rz.scp.css */
/*#region Base Styles*/

.fod-confirmation-dialog[b-82riywp6w2] {
    padding: var(--spacing-16, 1rem);
}

.fod-confirmation-dialog__message[b-82riywp6w2] {
    margin: 0 0 var(--spacing-24, 1.5rem) 0;
    color: var(--color-text-secondary, #666);
    font-size: var(--text-body-md, 1rem);
    line-height: 1.5;
}

.fod-confirmation-dialog__actions[b-82riywp6w2] {
    display: flex;
    gap: var(--spacing-8, 0.5rem);
    justify-content: flex-end;
}

/*#endregion Base Styles*/
/* _content/FOD.ServiceComponents/Components/Attachments/FodAttachments.razor.rz.scp.css */
/*#region Base Styles*/

.fod-attachments[b-wxsi5iublt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24, 24px);
}

/* Variant: Standard */
.fod-attachments--standard .fod-attachment-item[b-wxsi5iublt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
}

/* Variant: Compact */
.fod-attachments--compact[b-wxsi5iublt] {
    gap: var(--spacing-16, 16px);
}

.fod-attachments--compact .fod-attachment-item[b-wxsi5iublt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 8px);
}

.fod-attachments--compact .fod-attachment-item__name[b-wxsi5iublt] {
    font-size: var(--text-body-sm-font-size, 14px);
}

.fod-attachments--compact .fod-attachment-item__description[b-wxsi5iublt] {
    display: none;
}

/* Variant: Card */
.fod-attachments--card .fod-attachment-item[b-wxsi5iublt] {
    padding: var(--spacing-24, 24px);
    border: 1px solid var(--gray-200, #e5e7eb);
    border-radius: var(--border-radius-8, 8px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: var(--white, #ffffff);
    transition: box-shadow 0.2s ease;
}

.fod-attachments--card .fod-attachment-item:hover[b-wxsi5iublt] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Disabled state */
.fod-attachments--disabled[b-wxsi5iublt] {
    opacity: 0.6;
    pointer-events: none;
}

/*#endregion Base Styles*/

/*#region Empty State*/

.fod-attachments__empty[b-wxsi5iublt] {
    padding: var(--spacing-32, 32px);
    text-align: center;
    color: var(--gray-500, #6b7280);
    background-color: var(--gray-50, #f9fafb);
    border-radius: var(--border-radius-8, 8px);
}

.fod-attachments__empty-text[b-wxsi5iublt] {
    font-size: var(--text-body-sm-font-size, 14px);
}

/*#endregion Empty State*/

/*#region Attachment Item*/

.fod-attachment-item[b-wxsi5iublt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
}

/* Item Header */
.fod-attachment-item__header[b-wxsi5iublt] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    flex-wrap: wrap;
}

.fod-attachment-item__name[b-wxsi5iublt] {
    font-weight: 600;
    font-size: var(--text-body-md-font-size, 16px);
    color: var(--black, #000000);
}

.fod-attachment-item__required[b-wxsi5iublt] {
    color: var(--red-600, #dc2626);
    font-weight: 700;
    margin-inline-start: var(--spacing-2, 2px);
}

.fod-attachment-item__optional[b-wxsi5iublt] {
    font-size: var(--text-body-xs-font-size, 12px);
    color: var(--gray-400, #9ca3af);
    font-weight: 400;
}

/* Description */
.fod-attachment-item__description[b-wxsi5iublt] {
    font-size: var(--text-body-sm-font-size, 14px);
    color: var(--gray-500, #6b7280);
    margin: 0;
    line-height: 1.4;
}

/* Upload area */
.fod-attachment-item__upload[b-wxsi5iublt] {
    inline-size: 100%;
}

/*#endregion Attachment Item*/

/*#region State Styles*/

.fod-attachment-item--uploading[b-wxsi5iublt] {
    position: relative;
}

.fod-attachment-item--uploading[b-wxsi5iublt]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

.fod-attachment-item--uploaded[b-wxsi5iublt] {
    border-inline-start: 3px solid var(--green-600, #16a34a);
    padding-inline-start: var(--spacing-16, 16px);
}

.fod-attachment-item--error[b-wxsi5iublt] {
    border-inline-start: 3px solid var(--red-600, #dc2626);
    padding-inline-start: var(--spacing-16, 16px);
}

/*#endregion State Styles*/

/*#region Status Indicator*/

.fod-attachment-item__status[b-wxsi5iublt] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
}

.fod-attachment-item__status--success[b-wxsi5iublt] {
    color: var(--green-700, #15803d);
}

.fod-attachment-item__status--error[b-wxsi5iublt] {
    color: var(--red-600, #dc2626);
}

/*#endregion Status Indicator*/

/*#region Accessibility*/

.fod-sr-only[b-wxsi5iublt] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*#endregion Accessibility*/

/*#region Dark Theme*/

[data-theme=dark] .fod-attachments__empty[b-wxsi5iublt] {
    color: var(--gray-400, #9ca3af);
    background-color: var(--gray-800, #1f2937);
}

[data-theme=dark] .fod-attachment-item__name[b-wxsi5iublt] {
    color: var(--white, #ffffff);
}

[data-theme=dark] .fod-attachment-item__optional[b-wxsi5iublt] {
    color: var(--gray-500, #6b7280);
}

[data-theme=dark] .fod-attachment-item__description[b-wxsi5iublt] {
    color: var(--gray-400, #9ca3af);
}

[data-theme=dark] .fod-attachments--card .fod-attachment-item[b-wxsi5iublt] {
    border-color: var(--gray-700, #374151);
    background-color: var(--gray-800, #1f2937);
}

[data-theme=dark] .fod-attachment-item--uploading[b-wxsi5iublt]::after {
    background: rgba(0, 0, 0, 0.5);
}

/*#endregion Dark Theme*/

/*#region Responsive*/

@media (max-width: 575.98px) {
    .fod-attachments[b-wxsi5iublt] {
        gap: var(--spacing-16, 16px);
    }

    .fod-attachments--card .fod-attachment-item[b-wxsi5iublt] {
        padding: var(--spacing-16, 16px);
    }

    .fod-attachment-item__name[b-wxsi5iublt] {
        font-size: var(--text-body-sm-font-size, 14px);
    }

    .fod-attachment-item__header[b-wxsi5iublt] {
        gap: var(--spacing-4, 4px);
    }
}

/*#endregion Responsive*/
/* _content/FOD.ServiceComponents/Components/ErrorHandler/FodErrorPopup.razor.rz.scp.css */
/*#region [ Overlay ]*/
.fod-error-popup-overlay[b-6fuby5289j] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(4px);
}

/*#endregion*/

/*#region [ Modal ]*/
.fod-error-popup[b-6fuby5289j] {
    background: var(--color-background-base-default, #ffffff);
    border-radius: 12px;
    padding: 32px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: fod-error-slide-in-b-6fuby5289j 0.3s ease-out;
}

@keyframes fod-error-slide-in-b-6fuby5289j {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/*#endregion*/

/*#region [ Icon ]*/
.fod-error-popup__icon[b-6fuby5289j] {
    text-align: center;
    margin-block-end: 16px;
}

.fod-error-popup__icon svg[b-6fuby5289j] {
    width: 64px;
    height: 64px;
    color: var(--color-background-danger-default);
}

/*#endregion*/

/*#region [ Title & Message ]*/
.fod-error-popup__title[b-6fuby5289j] {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-block-end: 12px;
    color: var(--color-text-base-default);
}

.fod-error-popup__message[b-6fuby5289j] {
    font-size: 16px;
    text-align: center;
    color: var(--color-text-base-secondary);
    margin-block-end: 24px;
    line-height: 1.6;
}

/*#endregion*/

/*#region [ ID Badge ]*/
.fod-error-popup__id-badge[b-6fuby5289j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--color-background-base-secondary, #f3f4f6);
    border-radius: 8px;
    margin-block-end: 16px;
}

.fod-error-popup__id-label[b-6fuby5289j] {
    font-size: 14px;
    color: var(--color-text-base-secondary);
}

.fod-error-popup__id-value[b-6fuby5289j] {
    font-family: ui-monospace, monospace;
    font-size: 14px;
    color: var(--color-text-base-default);
}

.fod-error-popup__copy-btn[b-6fuby5289j] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: var(--color-text-base-secondary);
    transition: color 0.2s, background-color 0.2s;
}

.fod-error-popup__copy-btn:hover[b-6fuby5289j] {
    color: var(--color-text-base-default);
    background-color: var(--color-background-base-secondary-hover);
}

.fod-error-popup__copy-btn svg[b-6fuby5289j] {
    width: 16px;
    height: 16px;
}

/*#endregion*/

/*#region [ Notice ]*/
.fod-error-popup__notice[b-6fuby5289j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-block-end: 16px;
}

.fod-error-popup__notice--success[b-6fuby5289j] {
    background: var(--color-background-positive-secondary);
    border: 1px solid var(--color-border-positive-default);
    color: var(--green-900);
}

.fod-error-popup__notice svg[b-6fuby5289j] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/*#endregion*/

/*#region [ Technical Details ]*/
.fod-error-popup__technical[b-6fuby5289j] {
    margin-block-end: 24px;
}

.fod-error-popup__toggle-btn[b-6fuby5289j] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: var(--color-background-brand-default);
    padding: 8px 0;
}

.fod-error-popup__toggle-btn:hover[b-6fuby5289j] {
    color: var(--color-background-brand-default-hover);
}

.fod-error-popup__chevron[b-6fuby5289j] {
    width: 16px;
    height: 16px;
    transition: transform 0.2s;
}

.fod-error-popup__chevron--up[b-6fuby5289j] {
    transform: rotate(180deg);
}

.fod-error-popup__details[b-6fuby5289j] {
    margin-block-start: 12px;
    padding: 16px;
    background: var(--color-background-base-secondary, #f3f4f6);
    border-radius: 8px;
    font-size: 14px;
}

.fod-error-popup__details dt[b-6fuby5289j] {
    font-weight: 600;
    color: var(--color-text-base-default);
    margin-block-start: 12px;
}

.fod-error-popup__details dt:first-child[b-6fuby5289j] {
    margin-block-start: 0;
}

.fod-error-popup__details dd[b-6fuby5289j] {
    margin-inline-start: 0;
    margin-block-start: 4px;
    color: var(--color-text-base-secondary);
}

.fod-error-popup__details code[b-6fuby5289j] {
    font-family: ui-monospace, monospace;
    font-size: 13px;
    word-break: break-all;
}

.fod-error-popup__stacktrace[b-6fuby5289j] {
    margin: 8px 0 0;
    padding: 12px;
    background: var(--color-background-base-inverse-default);
    border-radius: 6px;
    color: var(--color-background-base-secondary);
    font-size: 12px;
    overflow-x: auto;
    white-space: pre-wrap;
    max-height: 200px;
}

/*#endregion*/

/*#region [ Actions ]*/
.fod-error-popup__actions[b-6fuby5289j] {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

/*#endregion*/

/*#region [ Spinner ]*/
.fod-error-popup__spinner[b-6fuby5289j] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: fod-error-spin-b-6fuby5289j 0.6s linear infinite;
    margin-inline-end: 8px;
}

@keyframes fod-error-spin-b-6fuby5289j {
    to {
        transform: rotate(360deg);
    }
}

/*#endregion*/
/* _content/FOD.ServiceComponents/Components/FieldBadges/FodFieldBadges.razor.rz.scp.css */
/*#region Base Styles*/

.fod-field-badges[b-ntw90p09yu] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    margin-block-start: var(--spacing-4, 4px);
}

.fod-field-badges__lock-icon[b-ntw90p09yu] {
    display: flex;
    align-items: center;
    color: var(--color-text-secondary, #666666);
}

.fod-field-badges__badge[b-ntw90p09yu] {
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-2, 2px) var(--spacing-8, 8px);
    font-size: var(--font-size-xs, 12px);
    font-weight: var(--font-weight-medium, 500);
    border-radius: var(--border-radius-sm, 4px);
}

/*#endregion Base Styles*/

/*#region Badge Types*/

.fod-field-badges__badge--mpass[b-ntw90p09yu] {
    background-color: var(--color-bg-neutral-subtle, #f5f5f5);
    color: var(--color-text-secondary, #666666);
    border: 1px solid var(--color-border-base-default, #e0e0e0);
}

.fod-field-badges__badge--rsud[b-ntw90p09yu] {
    background-color: var(--color-bg-info-subtle, #e8f4fd);
    color: var(--color-text-info, #0066cc);
    border: 1px solid var(--color-border-info, #b3d7f5);
}

.fod-field-badges__badge--mpower[b-ntw90p09yu] {
    background-color: var(--color-bg-success-subtle, #e6f9ed);
    color: var(--color-text-success, #198038);
    border: 1px solid var(--color-border-success, #b3e6c7);
}

/*#endregion Badge Types*/

/*#region Accessibility*/

/* High contrast mode support */
@media (prefers-contrast: high) {
    .fod-field-badges__badge[b-ntw90p09yu] {
        border-width: 2px;
    }
}

/*#endregion Accessibility*/
/* _content/FOD.ServiceComponents/Components/ValidationStatus/FodValidationStatus.razor.rz.scp.css */
/*#region Base Styles*/

.fod-validation-status[b-mjw3teab96] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
    border-radius: var(--border-radius-sm, 4px);
    background-color: var(--color-bg-neutral-subtle, #f5f5f5);
    font-size: var(--font-size-sm, 14px);
    line-height: var(--line-height-base, 1.5);
}

/*#endregion Base Styles*/

/*#region State Variations*/

.fod-validation-status--loading[b-mjw3teab96] {
    background-color: var(--color-bg-info-subtle, #e8f4fd);
    color: var(--color-text-info, #0066cc);
}

.fod-validation-status--valid[b-mjw3teab96] {
    background-color: var(--color-bg-success-subtle, #e6f9ed);
    color: var(--color-text-success, #198038);
}

.fod-validation-status--invalid[b-mjw3teab96] {
    background-color: var(--color-bg-danger-subtle, #fde8e8);
    color: var(--color-text-danger, #d32f2f);
}

.fod-validation-status--warning[b-mjw3teab96] {
    background-color: var(--color-bg-warning-subtle, #fff8e6);
    color: var(--color-text-warning, #b86e00);
}

.fod-validation-status--error[b-mjw3teab96] {
    background-color: var(--color-bg-warning-subtle, #fff8e6);
    color: var(--color-text-warning, #b86e00);
}

/*#endregion State Variations*/

/*#region Spinner*/

.fod-validation-status__spinner[b-mjw3teab96] {
    inline-size: 16px;
    block-size: 16px;
    border: 2px solid var(--color-border-info, #0066cc);
    border-block-start-color: transparent;
    border-radius: 50%;
    animation: fod-validation-spin-b-mjw3teab96 0.8s linear infinite;
    flex-shrink: 0;
}

@keyframes fod-validation-spin-b-mjw3teab96 {
    to {
        transform: rotate(360deg);
    }
}

/*#endregion Spinner*/

/*#region Message*/

.fod-validation-status__message[b-mjw3teab96] {
    flex: 1;
}

/*#endregion Message*/

/*#region Accessibility*/

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .fod-validation-status__spinner[b-mjw3teab96] {
        animation: none;
    }
}

/*#endregion Accessibility*/
/* _content/FOD.ServiceComponents/Components/ValidationStatus/FodValidationStatusIcon.razor.rz.scp.css */
/*#region [ Spinner ]*/
.fod-rsp-loading__spinner[b-qbowakwmyi] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #000;
    border-radius: 50%;
    animation: fod-loading-spin-b-qbowakwmyi 0.6s linear infinite;
    margin-inline-end: 8px;
}

@keyframes fod-loading-spin-b-qbowakwmyi {
    to {
        transform: rotate(360deg);
    }
}

/*#endregion*/
/* _content/FOD.ServiceComponents/Confirmation/Components/CostLineDisplay.razor.rz.scp.css */
.fod-confirmation__cost-line[b-rksz416nsr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--fod-color-border-light, #f1f5f9);
    font-size: 0.875rem;
}

.fod-confirmation__cost-line--sub[b-rksz416nsr] {
    padding-left: 1rem;
    font-size: 0.8125rem;
}

.fod-confirmation__cost-description[b-rksz416nsr] {
    color: var(--fod-color-text-secondary, #64748b);
}

.fod-confirmation__cost-amount[b-rksz416nsr] {
    font-weight: 500;
    color: var(--fod-color-text-primary, #1e293b);
}

.fod-confirmation__cost-total[b-rksz416nsr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0 0.5rem;
    margin-top: 0.5rem;
    border-top: 2px solid var(--fod-color-primary, #0066cc);
}

.fod-confirmation__cost-total-label[b-rksz416nsr] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--fod-color-text-primary, #1e293b);
}

.fod-confirmation__cost-total-amount[b-rksz416nsr] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--fod-color-primary, #0066cc);
}

/* Responsive */
@media (max-width: 640px) {
    .fod-confirmation__cost-total[b-rksz416nsr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* _content/FOD.ServiceComponents/Confirmation/Components/DetailRow.razor.rz.scp.css */
.fod-confirmation__detail-row[b-vml1npktbv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--fod-color-border-light, #f1f5f9);
    gap: 1rem;
}

.fod-confirmation__detail-row:last-child[b-vml1npktbv] {
    border-bottom: none;
}

.fod-confirmation__detail-row dt[b-vml1npktbv] {
    flex: 0 0 40%;
    font-weight: 500;
    color: var(--fod-color-text-secondary, #64748b);
    font-size: 0.875rem;
}

.fod-confirmation__detail-row dd[b-vml1npktbv] {
    flex: 1;
    margin: 0;
    text-align: right;
    color: var(--fod-color-text-primary, #1e293b);
    font-size: 0.875rem;
    word-break: break-word;
}

/* Highlighted row */
.fod-confirmation__detail-row--highlighted[b-vml1npktbv] {
    font-size: 1.05rem;
}

.fod-confirmation__detail-row--highlighted dt[b-vml1npktbv] {
    font-weight: 600;
}

/* Responsive */
@media (max-width: 640px) {
    .fod-confirmation__detail-row[b-vml1npktbv] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .fod-confirmation__detail-row dt[b-vml1npktbv] {
        flex: none;
    }

    .fod-confirmation__detail-row dd[b-vml1npktbv] {
        text-align: left;
    }
}
/* _content/FOD.ServiceComponents/Confirmation/Components/MessageBox.razor.rz.scp.css */
.fod-confirmation__alert[b-3zk8noepno] {
    margin-bottom: 0.5rem;
}
/* _content/FOD.ServiceComponents/Confirmation/Components/SummarySection.razor.rz.scp.css */
/* Individual Section */
.fod-confirmation__section[b-c1jyfu3vha] {
    background-color: var(--fod-color-surface, #ffffff);
    border: 1px solid var(--fod-color-border, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
}

.fod-confirmation__section--cost[b-c1jyfu3vha] {
    border-color: var(--fod-color-primary, #0066cc);
    border-width: 2px;
}

/* Section Header */
.fod-confirmation__section-header[b-c1jyfu3vha] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background-color: var(--fod-color-surface-secondary, #f8fafc);
    border-bottom: 1px solid var(--fod-color-border, #e2e8f0);
}

.fod-confirmation__section-title[b-c1jyfu3vha] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--fod-color-text-primary, #1e293b);
}

/* Section Content */
.fod-confirmation__section-content[b-c1jyfu3vha] {
    padding: 1rem 1.25rem;
}

/* Responsive */
@media (max-width: 640px) {
    .fod-confirmation__section-header[b-c1jyfu3vha] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
}

/* Focus States for Accessibility */
.fod-confirmation__section:focus-within[b-c1jyfu3vha] {
    outline: 2px solid var(--fod-color-primary, #0066cc);
    outline-offset: 2px;
}

/* Print Styles */
@media print {
    .fod-confirmation__section-header button[b-c1jyfu3vha] {
        display: none;
    }
}
/* _content/FOD.ServiceComponents/Confirmation/FodConfirmation.razor.rz.scp.css */
/* FodConfirmation Component Styles */
/* Using BEM naming convention */

/* Container */
.fod-confirmation[b-2le2ypeqnv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    max-width: 900px;
    margin: 0 auto;
}

/* Loading State */
.fod-confirmation__loading[b-2le2ypeqnv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 3rem;
    color: var(--fod-color-text-secondary, #64748b);
}

/* Header */
.fod-confirmation__header[b-2le2ypeqnv] {
    margin-bottom: 0.5rem;
}

.fod-confirmation__header h2[b-2le2ypeqnv] {
    margin: 0 0 0.5rem 0;
    color: var(--fod-color-text-primary, #1e293b);
}

.fod-confirmation__header p[b-2le2ypeqnv] {
    margin: 0;
}

/* Alerts */
.fod-confirmation__alert[b-2le2ypeqnv] {
    margin-bottom: 0.5rem;
}

/* Sections Container */
.fod-confirmation__sections[b-2le2ypeqnv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Individual Section */
.fod-confirmation__section[b-2le2ypeqnv] {
    background-color: var(--fod-color-surface, #ffffff);
    border: 1px solid var(--fod-color-border, #e2e8f0);
    border-radius: 8px;
    overflow: hidden;
}

.fod-confirmation__section--cost[b-2le2ypeqnv] {
    border-color: var(--fod-color-primary, #0066cc);
    border-width: 2px;
}

/* Section Header */
.fod-confirmation__section-header[b-2le2ypeqnv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background-color: var(--fod-color-surface-secondary, #f8fafc);
    border-bottom: 1px solid var(--fod-color-border, #e2e8f0);
}

.fod-confirmation__section-title[b-2le2ypeqnv] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--fod-color-text-primary, #1e293b);
}

/* Section Content */
.fod-confirmation__section-content[b-2le2ypeqnv] {
    padding: 1rem 1.25rem;
}

/* Detail List */
.fod-confirmation__detail-list[b-2le2ypeqnv] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
}

.fod-confirmation__detail-row[b-2le2ypeqnv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--fod-color-border-light, #f1f5f9);
    gap: 1rem;
}

.fod-confirmation__detail-row:last-child[b-2le2ypeqnv] {
    border-bottom: none;
}

.fod-confirmation__detail-row dt[b-2le2ypeqnv] {
    flex: 0 0 40%;
    font-weight: 500;
    color: var(--fod-color-text-secondary, #64748b);
    font-size: 0.875rem;
}

.fod-confirmation__detail-row dd[b-2le2ypeqnv] {
    flex: 1;
    margin: 0;
    text-align: right;
    color: var(--fod-color-text-primary, #1e293b);
    font-size: 0.875rem;
    word-break: break-word;
}

/* Cost Breakdown */
.fod-confirmation__cost-breakdown[b-2le2ypeqnv] {
    display: flex;
    flex-direction: column;
}

.fod-confirmation__cost-line[b-2le2ypeqnv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--fod-color-border-light, #f1f5f9);
    font-size: 0.875rem;
}

.fod-confirmation__cost-description[b-2le2ypeqnv] {
    color: var(--fod-color-text-secondary, #64748b);
}

.fod-confirmation__cost-amount[b-2le2ypeqnv] {
    font-weight: 500;
    color: var(--fod-color-text-primary, #1e293b);
}

.fod-confirmation__cost-total[b-2le2ypeqnv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0 0.5rem;
    margin-top: 0.5rem;
    border-top: 2px solid var(--fod-color-primary, #0066cc);
}

.fod-confirmation__cost-total-label[b-2le2ypeqnv] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--fod-color-text-primary, #1e293b);
}

.fod-confirmation__cost-total-amount[b-2le2ypeqnv] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--fod-color-primary, #0066cc);
}

/* Attachments List */
.fod-confirmation__attachments-list[b-2le2ypeqnv] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fod-confirmation__attachment-item[b-2le2ypeqnv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background-color: var(--fod-color-surface-secondary, #f8fafc);
    border-radius: 4px;
    font-size: 0.875rem;
}

.fod-confirmation__attachment-name[b-2le2ypeqnv] {
    font-weight: 500;
    color: var(--fod-color-text-primary, #1e293b);
}

.fod-confirmation__attachment-file[b-2le2ypeqnv] {
    color: var(--fod-color-text-secondary, #64748b);
    font-size: 0.8125rem;
}

/* MPay Agreement */
.fod-confirmation__mpay-agreement[b-2le2ypeqnv] {
    padding: 1.25rem;
    background-color: var(--fod-color-surface-warning, #fffbeb);
    border: 1px solid var(--fod-color-border-warning, #fcd34d);
    border-radius: 8px;
}

.fod-confirmation__mpay-warning[b-2le2ypeqnv] {
    margin-bottom: 1rem;
}

.fod-confirmation__mpay-checkbox[b-2le2ypeqnv] {
    display: flex;
    align-items: center;
}

/* Validation Errors */
.fod-confirmation__validation-errors ul[b-2le2ypeqnv] {
    margin: 0;
    padding-left: 1.25rem;
}

.fod-confirmation__validation-errors li[b-2le2ypeqnv] {
    margin-bottom: 0.25rem;
}

/* Action Buttons */
.fod-confirmation__actions[b-2le2ypeqnv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
    margin-top: 0.5rem;
    border-top: 1px solid var(--fod-color-border, #e2e8f0);
}

/* Debug Section */
.fod-confirmation__debug[b-2le2ypeqnv] {
    margin-top: 2rem;
    padding: 1rem;
    background-color: var(--fod-color-surface-info, #eff6ff);
    border: 1px dashed var(--fod-color-border-info, #93c5fd);
    border-radius: 8px;
    font-size: 0.8125rem;
}

.fod-confirmation__debug h4[b-2le2ypeqnv] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    color: var(--fod-color-text-secondary, #64748b);
}

.fod-confirmation__debug dl[b-2le2ypeqnv] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.25rem 1rem;
    margin: 0;
}

.fod-confirmation__debug dt[b-2le2ypeqnv] {
    font-weight: 500;
    color: var(--fod-color-text-secondary, #64748b);
}

.fod-confirmation__debug dd[b-2le2ypeqnv] {
    margin: 0;
    color: var(--fod-color-text-primary, #1e293b);
    word-break: break-all;
}

/* Responsive */
@media (max-width: 640px) {
    .fod-confirmation[b-2le2ypeqnv] {
        padding: 1rem;
        gap: 1rem;
    }

    .fod-confirmation__section-header[b-2le2ypeqnv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .fod-confirmation__detail-row[b-2le2ypeqnv] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .fod-confirmation__detail-row dt[b-2le2ypeqnv] {
        flex: none;
    }

    .fod-confirmation__detail-row dd[b-2le2ypeqnv] {
        text-align: left;
    }

    .fod-confirmation__actions[b-2le2ypeqnv] {
        flex-direction: column-reverse;
        gap: 0.75rem;
    }

    .fod-confirmation__actions > *[b-2le2ypeqnv] {
        width: 100%;
    }

    .fod-confirmation__attachment-item[b-2le2ypeqnv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .fod-confirmation__cost-total[b-2le2ypeqnv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}

/* Focus States for Accessibility */
.fod-confirmation__section:focus-within[b-2le2ypeqnv] {
    outline: 2px solid var(--fod-color-primary, #0066cc);
    outline-offset: 2px;
}

/* Print Styles */
@media print {
    .fod-confirmation[b-2le2ypeqnv] {
        padding: 0;
        max-width: none;
    }

    .fod-confirmation__section-header button[b-2le2ypeqnv] {
        display: none;
    }

    .fod-confirmation__actions[b-2le2ypeqnv] {
        display: none;
    }

    .fod-confirmation__mpay-checkbox[b-2le2ypeqnv] {
        display: none;
    }

    .fod-confirmation__debug[b-2le2ypeqnv] {
        display: none;
    }
}
/* _content/FOD.ServiceComponents/Delivery/FodDelivery.razor.rz.scp.css */
.fod-delivery[b-os7j42kefg] {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.fod-delivery__section-title[b-os7j42kefg] {
    font-size: var(--font-size-h3, 1.25rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-primary, #212529);
    margin: 0 0 1rem 0;
}

.fod-sr-only[b-os7j42kefg] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.fod-delivery__address-form[b-os7j42kefg] {
    padding: 1.5rem;
    background-color: var(--color-background-base-default, #ffffff);
    border: 1px solid var(--color-border-base-default, #d0d0d0);
    border-radius: var(--border-radius-8, 8px);
}

.fod-delivery__dialog-overlay[b-os7j42kefg] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.fod-delivery__dialog[b-os7j42kefg] {
    background-color: var(--color-background-base-default, #ffffff);
    border-radius: var(--border-radius-8, 8px);
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.fod-delivery__dialog-header[b-os7j42kefg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-block-end: 1px solid var(--color-border-base-default, #d0d0d0);
}

.fod-delivery__dialog-header h3[b-os7j42kefg] {
    margin: 0;
    font-size: var(--font-size-h3, 1.25rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-primary, #212529);
}

.fod-delivery__dialog-body[b-os7j42kefg] {
    padding: 1.5rem;
}

.fod-delivery__suggestions[b-os7j42kefg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.fod-delivery__suggestion-card[b-os7j42kefg] {
    padding: 1rem;
    text-align: start;
    background-color: var(--color-background-base-subtle, #f8f9fa);
    border: 1px solid var(--color-border-base-default, #d0d0d0);
    border-radius: var(--border-radius-base, 4px);
    cursor: pointer;
    transition: all 0.2s ease;
}

.fod-delivery__suggestion-card:hover[b-os7j42kefg] {
    background-color: var(--color-background-brand-secondary, #e6f2ff);
    border-color: var(--color-background-brand-default, #0066cc);
}

.fod-delivery__suggestion-card:focus[b-os7j42kefg] {
    outline: 2px solid var(--color-background-brand-default, #0066cc);
    outline-offset: 2px;
}


.fod-delivery__error[b-os7j42kefg] {
    padding: 1rem;
    background-color: var(--color-background-danger-secondary, #ffe6e6);
    border-inline-start: 4px solid var(--color-background-danger-default, #dc3545);
    border-radius: var(--border-radius-base, 4px);
    margin-block-end: 1rem;
}

.fod-delivery__error-code[b-os7j42kefg] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #666666);
    margin-block-start: var(--spacing-xs, 0.25rem);
    font-family: monospace;
}

.fod-delivery__validation-info[b-os7j42kefg] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: var(--color-background-info-secondary, #e8f4fd);
    border-inline-start: 4px solid var(--color-background-info-default, #0d6efd);
    border-radius: var(--border-radius-base, 4px);
    margin-block-end: 1rem;
    color: var(--color-text-default, #333333);
    font-size: var(--font-size-sm, 0.875rem);
}

.fod-delivery__validation-info p[b-os7j42kefg] {
    margin: 0;
}

.fod-delivery__loading[b-os7j42kefg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
}

@media (max-width: 768px) {
    .fod-delivery[b-os7j42kefg] {
        padding: 1rem;
    }
}

.fod-delivery__couriers-section[b-os7j42kefg] {
    margin-block-start: var(--spacing-xl, 2rem);
}

.fod-delivery__courier-card[b-os7j42kefg] {
    position: relative;
    padding: var(--spacing-lg, 1.5rem);
    border: 2px solid var(--color-border-base-default, #d0d0d0);
    border-radius: var(--border-radius-8, 8px);
    cursor: pointer;
    will-change: transform;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    background-color: var(--color-background-base-default, #ffffff);
    height: -webkit-fill-available;
}

.fod-delivery__courier-card:hover[b-os7j42kefg] {
    border-color: var(--color-background-brand-default, #0066cc);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.1);
    transform: translateY(-2px);
}

.fod-delivery__courier-card:focus[b-os7j42kefg] {
    outline: 2px solid var(--color-background-brand-default, #0066cc);
    outline-offset: 2px;
}

.fod-delivery__courier-card--selected[b-os7j42kefg] {
    border-color: var(--color-background-brand-default, #0066cc);
    background-color: var(--color-background-brand-secondary, #e6f2ff);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.2);
}

.fod-delivery__courier-card--recommended-border[b-os7j42kefg] {
    border-color: var(--color-border-positive-default, #28a745);
}

.fod-delivery__courier-card--recommended-border.fod-delivery__courier-card--selected[b-os7j42kefg] {
    border-color: var(--color-background-brand-default, #0066cc);
}

.fod-delivery__recommended-badge[b-os7j42kefg] {
    position: absolute;
    inset-block-start: -12px;
    inset-inline-start: var(--spacing-md, 1rem);
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 0.25rem);
    padding: var(--spacing-xs, 0.15rem) var(--spacing-sm, 0.75rem);
    background-color: var(--green-600, #039855);
    color: white;
    border-radius: 12px;
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 600;
    text-transform: uppercase;
}

.fod-delivery__courier-header[b-os7j42kefg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block-end: var(--spacing-md, 1rem);
}

.fod-delivery__courier-name[b-os7j42kefg] {
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
}

.fod-delivery__radio-indicator[b-os7j42kefg] {
    position: absolute;
    inset-block-start: var(--spacing-md, 1rem);
    inset-inline-end: var(--spacing-md, 1rem);
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-border-base-default, #d0d0d0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fod-delivery__courier-card--selected .fod-delivery__radio-indicator[b-os7j42kefg] {
    border-color: var(--color-background-brand-default, #0066cc);
}

.fod-delivery__radio-indicator-dot[b-os7j42kefg] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--color-background-brand-default, #0066cc);
    display: none;
}

.fod-delivery__courier-card--selected .fod-delivery__radio-indicator-dot[b-os7j42kefg] {
    display: block;
}

.fod-delivery__courier-details[b-os7j42kefg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block-end: var(--spacing-sm, 0.75rem);
}

.fod-delivery__courier-detail[b-os7j42kefg] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 0.25rem);
}

.fod-delivery__detail-label[b-os7j42kefg] {
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--color-text-secondary, #6c757d);
    text-transform: uppercase;
}

.fod-delivery__detail-value[b-os7j42kefg] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-primary, #212529);
}

.fod-delivery__courier-price[b-os7j42kefg] {
    display: flex;
    align-items: baseline;
    gap: var(--spacing-xs, 0.25rem);
}

.fod-delivery__price-amount[b-os7j42kefg] {
    font-size: var(--font-size-2xl, 1.5rem);
    font-weight: 700;
    color: var(--color-text-primary, #212529);
}

.fod-delivery__price-currency[b-os7j42kefg] {
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 500;
    color: var(--color-text-secondary, #6c757d);
}

.fod-delivery__courier-description[b-os7j42kefg] {
    padding-block-start: var(--spacing-sm, 0.75rem);
    border-block-start: 1px solid var(--color-border-base-subtle, #e9ecef);
    color: var(--color-text-secondary, #6c757d);
    font-size: var(--font-size-sm, 0.875rem);
    line-height: 1.5;
}

.fod-delivery__courier-actions[b-os7j42kefg] {
    padding-block-start: var(--spacing-lg, 1.5rem);
    border-block-start: 2px solid var(--color-border-base-default, #d0d0d0);
}

.fod-delivery__loading-text[b-os7j42kefg] {
    text-align: center;
}

.fod-delivery__loading-text h3[b-os7j42kefg] {
    margin: 0 0 var(--spacing-sm, 0.5rem) 0;
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
}

.fod-delivery__loading-text p[b-os7j42kefg] {
    margin: 0;
    color: var(--color-text-secondary, #6c757d);
}

.fod-delivery__empty-state[b-os7j42kefg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);
    text-align: center;
}

.fod-delivery__empty-state h3[b-os7j42kefg] {
    margin: 0;
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
}

.fod-delivery__empty-state p[b-os7j42kefg] {
    margin: 0;
    color: var(--color-text-secondary, #6c757d);
    max-width: 500px;
}

.fod-delivery__empty-actions[b-os7j42kefg] {
    margin-block-start: var(--spacing-md, 1rem);
    min-width: 250px;
}

.fod-delivery__summary[b-os7j42kefg] {
    padding: var(--spacing-lg, 1.5rem);
    background-color: var(--color-background-base-default, #ffffff);
    border: 1px solid var(--color-border-base-default, #d0d0d0);
    border-inline-start: 4px solid var(--color-border-positive-default, #28a745);
    border-radius: var(--border-radius-8, 8px);
}

.fod-delivery__tracking-link[b-os7j42kefg] {
    display: inline-block;
    margin-block-start: var(--spacing-xs, 0.25rem);
    color: var(--color-background-brand-default, #0066cc);
    font-size: var(--font-size-sm, 0.875rem);
    text-decoration: none;
    transition: text-decoration 0.2s ease;
}

.fod-delivery__tracking-link:hover[b-os7j42kefg] {
    text-decoration: underline;
}

.fod-delivery__tracking-link:focus[b-os7j42kefg] {
    outline: 2px solid var(--color-background-brand-default, #0066cc);
    outline-offset: 2px;
}

.fod-delivery__success-banner[b-os7j42kefg] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.75rem);
    padding: var(--spacing-md, 1rem);
    background-color: var(--color-background-positive-secondary, #e6f9e6);
    border-radius: var(--border-radius-base, 4px);
    margin-block-end: var(--spacing-lg, 1.5rem);
}

.fod-delivery__success-banner p[b-os7j42kefg] {
    margin: 0;
    font-size: var(--font-size-base, 1rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-positive-default, #28a745);
}

@media (max-width: 768px) {
    .fod-delivery__courier-details[b-os7j42kefg] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md, 1rem);
    }
}

/* Dark mode */
[data-theme=dark] .fod-delivery__section-title[b-os7j42kefg] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-delivery__error-code[b-os7j42kefg] {
    color: var(--color-text-secondary-dark, #adb5bd);
}

[data-theme=dark] .fod-delivery__address-form[b-os7j42kefg] {
    background-color: var(--gray-800, #1f2937);
    border-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-delivery__dialog[b-os7j42kefg] {
    background-color: var(--gray-800, #1f2937);
}

[data-theme=dark] .fod-delivery__dialog-header[b-os7j42kefg] {
    border-block-end-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-delivery__dialog-header h3[b-os7j42kefg] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-delivery__suggestion-card[b-os7j42kefg] {
    background-color: var(--gray-700, #374151);
    border-color: var(--gray-600, #4b5563);
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-delivery__suggestion-card:hover[b-os7j42kefg] {
    background-color: rgba(0, 88, 210, 0.15);
    border-color: var(--color-border-brand-default, #0058D2);
}

[data-theme=dark] .fod-delivery__courier-card[b-os7j42kefg] {
    border-color: var(--gray-700, #374151);
    background-color: var(--gray-800, #1f2937);
}

[data-theme=dark] .fod-delivery__courier-card:hover[b-os7j42kefg] {
    border-color: var(--color-border-brand-default, #0058D2);
    box-shadow: 0 2px 8px rgba(0, 88, 210, 0.2);
}

[data-theme=dark] .fod-delivery__courier-card--selected[b-os7j42kefg] {
    border-color: var(--color-border-brand-default, #0058D2);
    background-color: rgba(0, 88, 210, 0.15);
}

[data-theme=dark] .fod-delivery__courier-card--recommended-border[b-os7j42kefg] {
    border-color: var(--green-600, #16a34a);
}

[data-theme=dark] .fod-delivery__radio-indicator[b-os7j42kefg] {
    border-color: var(--color-border-base-default, #495057);
}

[data-theme=dark] .fod-delivery__courier-card--selected .fod-delivery__radio-indicator[b-os7j42kefg] {
    border-color: var(--color-background-brand-default, #4da3ff);
}

[data-theme=dark] .fod-delivery__radio-indicator-dot[b-os7j42kefg] {
    background-color: var(--color-background-brand-default, #4da3ff);
}

[data-theme=dark] .fod-delivery__error[b-os7j42kefg] {
    background-color: rgba(220, 53, 69, 0.15);
    border-inline-start-color: var(--red-600, #dc2626);
}

[data-theme=dark] .fod-delivery__courier-name[b-os7j42kefg],
[data-theme=dark] .fod-delivery__detail-value[b-os7j42kefg],
[data-theme=dark] .fod-delivery__loading-text h3[b-os7j42kefg],
[data-theme=dark] .fod-delivery__empty-state h3[b-os7j42kefg] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-delivery__detail-label[b-os7j42kefg],
[data-theme=dark] .fod-delivery__price-currency[b-os7j42kefg],
[data-theme=dark] .fod-delivery__courier-description[b-os7j42kefg],
[data-theme=dark] .fod-delivery__loading-text p[b-os7j42kefg],
[data-theme=dark] .fod-delivery__empty-state p[b-os7j42kefg] {
    color: var(--color-text-secondary-dark, #adb5bd);
}

[data-theme=dark] .fod-delivery__courier-description[b-os7j42kefg] {
    border-block-start-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-delivery__courier-actions[b-os7j42kefg] {
    border-block-start-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-delivery__summary[b-os7j42kefg] {
    background-color: var(--gray-800, #1f2937);
    border-color: var(--gray-700, #374151);
    border-inline-start-color: var(--color-border-positive-default, #28a745);
}

[data-theme=dark] .fod-delivery__tracking-link[b-os7j42kefg] {
    color: var(--color-background-brand-default, #3b9eff);
}

[data-theme=dark] .fod-delivery__success-banner[b-os7j42kefg] {
    background-color: rgba(40, 167, 69, 0.15);
}

[data-theme=dark] .fod-delivery__success-banner p[b-os7j42kefg] {
    color: var(--color-text-positive-dark, #4ade80);
}
/* _content/FOD.ServiceComponents/Payment/FodPayment.razor.rz.scp.css */
.fod-payment[b-ikglxaga24] {
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
}

.fod-payment__section-title[b-ikglxaga24] {
    font-size: var(--font-size-h3, 1.25rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-primary, #212529);
    margin: 0 0 1rem 0;
}

.fod-payment__table-wrapper[b-ikglxaga24] {
    border-radius: var(--border-radius-8, 8px);
    overflow: hidden;
    background-color: var(--color-background-base-default, #ffffff);
}

.fod-payment__description-cell[b-ikglxaga24] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 0.25rem);
    width: 100%;
    justify-content: center;
    align-items: center;
}

.fod-payment__description-text[b-ikglxaga24] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-primary, #212529);
}

.fod-payment__category-badge[b-ikglxaga24] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 600;
    text-transform: uppercase;
    width: fit-content;
}

.fod-payment__category-badge--servicefee[b-ikglxaga24] {
    background-color: var(--color-background-brand-secondary, #e6f2ff);
    color: var(--color-text-brand-default, #0066cc);
}

.fod-payment__category-badge--urgencyfee[b-ikglxaga24] {
    background-color: var(--color-background-warning-secondary, #fff8e6);
    color: var(--color-text-warning-default, #cc8800);
}

.fod-payment__category-badge--deliveryfee[b-ikglxaga24] {
    background-color: var(--color-background-info-secondary, #e8f4fd);
    color: var(--color-text-info-default, #0d6efd);
}

.fod-payment__category-badge--receptionfee[b-ikglxaga24] {
    background-color: var(--color-background-positive-secondary, #e6f9e6);
    color: var(--color-text-positive-default, #28a745);
}

.fod-payment__category-badge--processingfee[b-ikglxaga24] {
    background-color: var(--color-background-neutral-secondary, #f0f0f0);
    color: var(--color-text-secondary, #6c757d);
}

.fod-payment__cell-value[b-ikglxaga24] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-primary, #212529);
}

.fod-payment__cell-value--total[b-ikglxaga24] {
    font-weight: var(--font-weight-semibold, 600);
}

.fod-payment__total-row[b-ikglxaga24] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-md, 1rem);
    background-color: var(--color-background-base-subtle, #f8f9fa);
    border-block-start: 2px solid var(--color-border-base-default, #d0d0d0);
}

.fod-payment__total-label[b-ikglxaga24] {
    font-size: var(--font-size-base, 1rem);
    font-weight: 700;
    color: var(--color-text-primary, #212529);
}

.fod-payment__total-amount[b-ikglxaga24] {
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: 700;
    color: var(--color-background-brand-default, #0066cc);
}

.fod-payment__skeleton[b-ikglxaga24] {
    padding: var(--spacing-md, 16px);
}

.fod-payment__skeleton-row[b-ikglxaga24] {
    margin-bottom: var(--spacing-sm, 8px);
}

.fod-payment__empty-state[b-ikglxaga24] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);
    text-align: center;
    gap: var(--spacing-sm, 0.75rem);
}

.fod-payment__empty-state h3[b-ikglxaga24] {
    margin: 0;
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
}

.fod-payment__empty-state p[b-ikglxaga24] {
    margin: 0;
    color: var(--color-text-secondary, #6c757d);
    max-width: 500px;
}

.fod-payment__actions[b-ikglxaga24] {
    padding-block-start: var(--spacing-lg, 1.5rem);
    border-block-start: 2px solid var(--color-border-base-default, #d0d0d0);
}

.fod-payment__redirect[b-ikglxaga24] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);
}

.fod-payment__redirect-content[b-ikglxaga24] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-md, 1rem);
}

.fod-payment__redirect-content h3[b-ikglxaga24] {
    margin: 0;
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary, #212529);
}

.fod-payment__redirect-content p[b-ikglxaga24] {
    margin: 0;
    color: var(--color-text-secondary, #6c757d);
}

.fod-payment__redirect-spinner[b-ikglxaga24] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--color-border-base-default, #d0d0d0);
    border-block-start-color: var(--color-background-brand-default, #0066cc);
    border-radius: 50%;
    animation: fod-payment-spin-b-ikglxaga24 0.8s linear infinite;
}

@keyframes fod-payment-spin-b-ikglxaga24 {
    to {
        transform: rotate(360deg);
    }
}

.fod-payment__success-banner[b-ikglxaga24] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.75rem);
    padding: var(--spacing-md, 1rem);
    background-color: var(--color-background-positive-secondary, #e6f9e6);
    border-radius: var(--border-radius-base, 4px);
    border-inline-start: 4px solid var(--color-border-positive-default, #28a745);
}

.fod-payment__success-message[b-ikglxaga24] {
    margin: 0;
    font-size: var(--font-size-base, 1rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-positive-default, #28a745);
}

.fod-payment__success-transaction[b-ikglxaga24] {
    margin: 0;
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #6c757d);
    font-family: monospace;
}

.fod-payment__success-content[b-ikglxaga24] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 0.25rem);
}

.fod-payment__table-view[b-ikglxaga24] {
    display: block;
}

.fod-payment__card-view[b-ikglxaga24] {
    display: none;
}

.fod-payment__card[b-ikglxaga24] {
    background: var(--color-background-base-default, #ffffff);
    border: 1px solid var(--color-border-base-default, #e0e0e0);
    border-radius: var(--border-radius-8, 8px);
    padding: var(--spacing-md, 1rem);
    margin-block-end: var(--spacing-sm, 0.5rem);
}

.fod-payment__card-header[b-ikglxaga24] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block-end: var(--spacing-sm, 0.5rem);
}

.fod-payment__card-description[b-ikglxaga24] {
    font-weight: 600;
    color: var(--color-text-primary, #212529);
}

.fod-payment__card-body[b-ikglxaga24] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 0.25rem);
}

.fod-payment__card-field[b-ikglxaga24] {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-xs, 0.25rem) 0;
}

.fod-payment__card-label[b-ikglxaga24] {
    color: var(--color-text-secondary, #6c757d);
    font-size: var(--font-size-sm, 0.875rem);
}

.fod-payment__card-value[b-ikglxaga24] {
    font-weight: 500;
    color: var(--color-text-primary, #212529);
}

.fod-payment__card-total[b-ikglxaga24] {
    font-weight: 700;
    color: var(--color-background-brand-default, #0066cc);
}

.fod-payment__card--total[b-ikglxaga24] {
    background: var(--color-background-brand-secondary, #e6f2ff);
    border-color: var(--color-background-brand-default, #0066cc);
}

@media (max-width: 768px) {
    .fod-payment[b-ikglxaga24] {
        padding: 1rem;
    }

    .fod-payment__table-view[b-ikglxaga24] {
        display: none;
    }

    .fod-payment__card-view[b-ikglxaga24] {
        display: block;
    }

    .fod-payment__total-row[b-ikglxaga24] {
        text-align: center;
    }
}

[data-theme=dark] .fod-payment__section-title[b-ikglxaga24] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-payment__table-wrapper[b-ikglxaga24] {
    background-color: var(--gray-800, #1f2937);
    border-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-payment__description-text[b-ikglxaga24],
[data-theme=dark] .fod-payment__cell-value[b-ikglxaga24] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-payment__total-row[b-ikglxaga24] {
    background-color: var(--gray-900, #111827);
    border-block-start-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-payment__total-label[b-ikglxaga24] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-payment__total-amount[b-ikglxaga24] {
    color: var(--color-background-brand-default, #4da3ff);
}

[data-theme=dark] .fod-payment__empty-state h3[b-ikglxaga24],
[data-theme=dark] .fod-payment__redirect-content h3[b-ikglxaga24] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-payment__empty-state p[b-ikglxaga24],
[data-theme=dark] .fod-payment__redirect-content p[b-ikglxaga24] {
    color: var(--color-text-secondary-dark, #adb5bd);
}

[data-theme=dark] .fod-payment__redirect-spinner[b-ikglxaga24] {
    border-color: var(--gray-600, #4b5563);
    border-block-start-color: var(--color-background-brand-default, #4da3ff);
}

[data-theme=dark] .fod-payment__success-banner[b-ikglxaga24] {
    background-color: rgba(40, 167, 69, 0.15);
    border-inline-start-color: var(--color-border-positive-default, #28a745);
}

[data-theme=dark] .fod-payment__success-message[b-ikglxaga24] {
    color: var(--color-text-positive-dark, #4ade80);
}

[data-theme=dark] .fod-payment__success-transaction[b-ikglxaga24] {
    color: var(--color-text-secondary-dark, #adb5bd);
}

[data-theme=dark] .fod-payment__actions[b-ikglxaga24] {
    border-block-start-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-payment__card[b-ikglxaga24] {
    background: var(--gray-800, #1f2937);
    border-color: var(--gray-700, #374151);
}

[data-theme=dark] .fod-payment__card-description[b-ikglxaga24] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-payment__card-value[b-ikglxaga24] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .fod-payment__card-label[b-ikglxaga24] {
    color: var(--color-text-secondary-dark, #adb5bd);
}

[data-theme=dark] .fod-payment__card-total[b-ikglxaga24] {
    color: var(--color-background-brand-default, #4da3ff);
}

[data-theme=dark] .fod-payment__card--total[b-ikglxaga24] {
    background: rgba(0, 102, 204, 0.15);
    border-color: var(--color-background-brand-default, #4da3ff);
}

[data-theme=dark] .fod-payment__category-badge--servicefee[b-ikglxaga24] {
    background-color: rgba(0, 102, 204, 0.15);
    color: var(--color-text-brand-dark, #66b3ff);
}

[data-theme=dark] .fod-payment__category-badge--urgencyfee[b-ikglxaga24] {
    background-color: rgba(204, 136, 0, 0.15);
    color: var(--color-text-warning-dark, #fbbf24);
}

[data-theme=dark] .fod-payment__category-badge--deliveryfee[b-ikglxaga24] {
    background-color: rgba(13, 110, 253, 0.15);
    color: var(--color-text-info-dark, #60a5fa);
}

[data-theme=dark] .fod-payment__category-badge--receptionfee[b-ikglxaga24] {
    background-color: rgba(40, 167, 69, 0.15);
    color: var(--color-text-positive-dark, #4ade80);
}

[data-theme=dark] .fod-payment__category-badge--processingfee[b-ikglxaga24] {
    background-color: rgba(108, 117, 125, 0.15);
    color: var(--color-text-secondary-dark, #adb5bd);
}

.fod-payment--readonly[b-ikglxaga24] {
    opacity: 0.85;
    pointer-events: none;
}

.fod-payment--readonly .fod-payment__table-wrapper[b-ikglxaga24]  .fod-table--hover .fod-table-tr:hover .fod-table-td {
    background-color: transparent;
}

.fod-payment__skip-link[b-ikglxaga24] {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 100;
}

.fod-payment__skip-link:focus[b-ikglxaga24] {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    background: var(--color-background-base-default, #ffffff);
    color: var(--color-text-primary, #212529);
    border: 2px solid var(--color-border-focus, #0d6efd);
    border-radius: var(--border-radius-sm, 0.25rem);
    text-decoration: underline;
}

@media print {
    .fod-payment__actions[b-ikglxaga24] {
        display: none !important;
    }

    .fod-payment__table-wrapper[b-ikglxaga24] {
        border: 1px solid #000;
    }

    .fod-payment__table-wrapper[b-ikglxaga24]  .fod-table-td {
        border-block-end: 1px solid #000;
    }

    .fod-payment__category-badge[b-ikglxaga24] {
        border: 1px solid #000;
        background: transparent !important;
        color: #000 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fod-payment__redirect-spinner[b-ikglxaga24] {
        animation: none;
    }
}

@media (forced-colors: active) {
    .fod-payment[b-ikglxaga24] {
        border: 2px solid ButtonText;
    }

    .fod-payment__total-amount[b-ikglxaga24] {
        font-weight: 700;
        text-decoration: underline;
    }

    .fod-payment__category-badge[b-ikglxaga24] {
        border: 1px solid ButtonText;
    }
}
/* _content/FOD.ServiceComponents/Payment/MPayCallback.razor.rz.scp.css */
.mpay-callback[b-krhwyxrvvu] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: var(--spacing-xl, 2rem);
}

.mpay-callback__card[b-krhwyxrvvu] {
    max-width: 480px;
    width: 100%;
    background-color: var(--color-background-base-default, #ffffff);
    border: 1px solid var(--color-border-base-default, #d0d0d0);
    border-radius: var(--border-radius-8, 8px);
    padding: var(--spacing-3xl, 3rem) var(--spacing-xl, 2rem);
    text-align: center;
}

.mpay-callback__title[b-krhwyxrvvu] {
    font-size: var(--font-size-h2, 1.5rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-primary, #212529);
    margin: 0 0 var(--spacing-xl, 2rem) 0;
}

.mpay-callback__status[b-krhwyxrvvu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    padding: var(--spacing-lg, 1.5rem) 0;
}

.mpay-callback__status-title[b-krhwyxrvvu] {
    font-size: var(--font-size-xl, 1.25rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-primary, #212529);
    margin: 0;
}

.mpay-callback__status-message[b-krhwyxrvvu] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #6c757d);
    margin: 0;
    max-width: 360px;
    line-height: 1.5;
}

.mpay-callback__icon[b-krhwyxrvvu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.mpay-callback__icon--success[b-krhwyxrvvu] {
    color: var(--color-text-positive-default, #28a745);
    background-color: var(--color-background-positive-secondary, #e6f9e6);
}

.mpay-callback__icon--error[b-krhwyxrvvu] {
    color: var(--color-text-destructive-default, #dc3545);
    background-color: var(--color-background-destructive-secondary, #fde8e8);
}

.mpay-callback__spinner[b-krhwyxrvvu] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--color-border-base-default, #d0d0d0);
    border-block-start-color: var(--color-background-brand-default, #0066cc);
    border-radius: 50%;
    animation: mpay-callback-spin-b-krhwyxrvvu 0.8s linear infinite;
}

@keyframes mpay-callback-spin-b-krhwyxrvvu {
    to {
        transform: rotate(360deg);
    }
}

.mpay-callback__transaction-id[b-krhwyxrvvu] {
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--color-text-secondary, #6c757d);
    font-family: monospace;
    margin: var(--spacing-xs, 0.25rem) 0 0 0;
    padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
    background-color: var(--color-background-base-subtle, #f8f9fa);
    border-radius: var(--border-radius-sm, 0.25rem);
}

.mpay-callback__actions[b-krhwyxrvvu] {
    margin-block-start: var(--spacing-xl, 2rem);
    padding-block-start: var(--spacing-lg, 1.5rem);
    border-block-start: 1px solid var(--color-border-base-subtle, #e9ecef);
}

@media (max-width: 768px) {
    .mpay-callback[b-krhwyxrvvu] {
        padding: var(--spacing-md, 1rem);
        min-height: 50vh;
    }

    .mpay-callback__card[b-krhwyxrvvu] {
        padding: var(--spacing-xl, 2rem) var(--spacing-md, 1rem);
    }

    .mpay-callback__title[b-krhwyxrvvu] {
        font-size: var(--font-size-xl, 1.25rem);
    }
}

[data-theme=dark] .mpay-callback__card[b-krhwyxrvvu] {
    background-color: var(--gray-800, #1f2937);
    border-color: var(--gray-700, #374151);
}

[data-theme=dark] .mpay-callback__title[b-krhwyxrvvu] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .mpay-callback__status-title[b-krhwyxrvvu] {
    color: var(--color-text-primary-dark, #f8f9fa);
}

[data-theme=dark] .mpay-callback__status-message[b-krhwyxrvvu] {
    color: var(--color-text-secondary-dark, #adb5bd);
}

[data-theme=dark] .mpay-callback__icon--success[b-krhwyxrvvu] {
    color: var(--color-text-positive-dark, #4ade80);
    background-color: rgba(40, 167, 69, 0.15);
}

[data-theme=dark] .mpay-callback__icon--error[b-krhwyxrvvu] {
    color: var(--color-text-destructive-dark, #f87171);
    background-color: rgba(220, 53, 69, 0.15);
}

[data-theme=dark] .mpay-callback__spinner[b-krhwyxrvvu] {
    border-color: var(--gray-600, #4b5563);
    border-block-start-color: var(--color-background-brand-default, #4da3ff);
}

[data-theme=dark] .mpay-callback__transaction-id[b-krhwyxrvvu] {
    color: var(--color-text-secondary-dark, #adb5bd);
    background-color: var(--gray-900, #111827);
}

[data-theme=dark] .mpay-callback__actions[b-krhwyxrvvu] {
    border-block-start-color: var(--gray-700, #374151);
}

@media (prefers-reduced-motion: reduce) {
    .mpay-callback__spinner[b-krhwyxrvvu] {
        animation: none;
    }
}

@media (forced-colors: active) {
    .mpay-callback__card[b-krhwyxrvvu] {
        border: 2px solid ButtonText;
    }

    .mpay-callback__icon[b-krhwyxrvvu] {
        border: 2px solid ButtonText;
    }
}

@media print {
    .mpay-callback__actions[b-krhwyxrvvu] {
        display: none !important;
    }

    .mpay-callback__spinner[b-krhwyxrvvu] {
        display: none !important;
    }
}
/* _content/FOD.ServiceComponents/ReceptionMode/FodReceptionMode.razor.rz.scp.css */
/*#region Base Styles*/

.fod-reception-mode[b-n7tfp5pcw7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-24, 1.5rem);
}

.fod-reception-mode--strict[b-n7tfp5pcw7] {
    border-inline-start: 4px solid var(--color-warning-base, #f59e0b);
    padding-inline-start: var(--spacing-16, 1rem);
}

.fod-reception-mode--error[b-n7tfp5pcw7] {
    border-inline-start: 4px solid var(--color-danger-base, #dc2626);
    padding-inline-start: var(--spacing-16, 1rem);
}

/*#endregion Base Styles*/

/*#region Section Styles*/

.fod-reception-mode__section-title[b-n7tfp5pcw7] {
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--color-text-primary, #1f2937);
    margin-block-end: var(--spacing-12, 0.75rem);
}

.fod-reception-mode__electronic[b-n7tfp5pcw7],
.fod-reception-mode__paper[b-n7tfp5pcw7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-12, 0.75rem);
}

/*#endregion Section Styles*/

/*#region Electronic Section*/

.fod-reception-mode__electronic-option[b-n7tfp5pcw7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 0.25rem);
}

.fod-reception-mode__helper-text[b-n7tfp5pcw7] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #6b7280);
    margin: 0;
    padding-inline-start: var(--spacing-24, 1.5rem);
}

.fod-reception-mode__info-box[b-n7tfp5pcw7] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-8, 0.5rem);
    padding: var(--spacing-12, 0.75rem);
    background-color: var(--color-info-subtle, #eff6ff);
    border-radius: var(--radius-md, 4px);
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-primary, #1f2937);
}

.fod-reception-mode__info-box[b-n7tfp5pcw7]  .fod-icon {
    flex-shrink: 0;
    color: var(--color-info-base, #3b82f6);
}

.fod-reception-mode__link[b-n7tfp5pcw7] {
    color: var(--color-link-base, #2563eb);
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-4, 0.25rem);
}

.fod-reception-mode__link:hover[b-n7tfp5pcw7] {
    color: var(--color-link-hover, #1d4ed8);
}

.fod-reception-mode__delayed-notice[b-n7tfp5pcw7] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-8, 0.5rem);
    padding: var(--spacing-12, 0.75rem);
    background-color: var(--color-warning-subtle, #fffbeb);
    border-radius: var(--radius-md, 4px);
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-primary, #1f2937);
}

.fod-reception-mode__delayed-notice[b-n7tfp5pcw7]  .fod-icon {
    flex-shrink: 0;
    color: var(--color-warning-base, #f59e0b);
}

/*#endregion Electronic Section*/

/*#region Paper Section*/

.fod-reception-mode__paper-options[b-n7tfp5pcw7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 0.5rem);
    border: none;
    padding: 0;
    margin: 0;
}

.fod-reception-mode__option[b-n7tfp5pcw7] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-12, 0.75rem);
    padding: var(--spacing-12, 0.75rem);
    border: 1px solid var(--color-border-base-default, #e5e7eb);
    border-radius: var(--radius-md, 4px);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.fod-reception-mode__option:hover[b-n7tfp5pcw7] {
    border-color: var(--color-border-base-hover, #d1d5db);
    background-color: var(--color-background-subtle, #f9fafb);
}

.fod-reception-mode__option:has(input:checked)[b-n7tfp5pcw7] {
    border-color: var(--color-primary-base, #2563eb);
    background-color: var(--color-primary-subtle, #eff6ff);
}

.fod-reception-mode__option:has(input:focus-visible)[b-n7tfp5pcw7] {
    outline: 2px solid var(--color-focus-ring, #3b82f6);
    outline-offset: 2px;
}

.fod-reception-mode__option input[type="radio"][b-n7tfp5pcw7] {
    flex-shrink: 0;
    inline-size: var(--spacing-20, 1.25rem);
    block-size: var(--spacing-20, 1.25rem);
    margin: 0;
    accent-color: var(--color-primary-base, #2563eb);
    cursor: pointer;
}

.fod-reception-mode__option-label[b-n7tfp5pcw7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 0.25rem);
    cursor: pointer;
    flex: 1;
}

.fod-reception-mode__option-title[b-n7tfp5pcw7] {
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-text-primary, #1f2937);
}

.fod-reception-mode__option-description[b-n7tfp5pcw7] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #6b7280);
}

.fod-reception-mode__next-step-info[b-n7tfp5pcw7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 0.5rem);
    padding: var(--spacing-12, 0.75rem);
    background-color: var(--color-background-subtle, #f9fafb);
    border-radius: var(--radius-md, 4px);
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-text-secondary, #6b7280);
}

.fod-reception-mode__next-step-info[b-n7tfp5pcw7]  .fod-icon {
    color: var(--color-primary-base, #2563eb);
}

/*#endregion Paper Section*/

/*#region Alerts*/

.fod-reception-mode__alert-content[b-n7tfp5pcw7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-4, 0.25rem);
}

.fod-reception-mode__alert-content strong[b-n7tfp5pcw7] {
    font-weight: var(--font-weight-semibold, 600);
}

.fod-reception-mode__alert-content p[b-n7tfp5pcw7] {
    margin: 0;
}

.fod-reception-mode__documents-list[b-n7tfp5pcw7] {
    margin-block-start: var(--spacing-16, 1rem);
}

.fod-reception-mode__documents-list-header[b-n7tfp5pcw7] {
    font-weight: var(--font-weight-semibold, 600);
    display: block;
    margin-block-end: var(--spacing-8, 0.5rem);
}

.fod-reception-mode__documents-list ul[b-n7tfp5pcw7] {
    margin: 0;
    padding-inline-start: var(--spacing-20, 1.25rem);
    list-style-type: disc;
}

.fod-reception-mode__documents-list li[b-n7tfp5pcw7] {
    margin-block-end: var(--spacing-4, 0.25rem);
    font-size: var(--font-size-sm, 0.875rem);
}

.fod-reception-mode__documents-list li:last-child[b-n7tfp5pcw7] {
    margin-block-end: 0;
}

/*#endregion Alerts*/

/*#region Validation Errors*/

.fod-reception-mode__errors[b-n7tfp5pcw7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-8, 0.5rem);
    padding: var(--spacing-12, 0.75rem);
    background-color: var(--color-danger-subtle, #fef2f2);
    border-radius: var(--radius-md, 4px);
    border-inline-start: 4px solid var(--color-danger-base, #dc2626);
}

.fod-reception-mode__error-message[b-n7tfp5pcw7] {
    margin: 0;
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-danger-base, #dc2626);
}

/*#endregion Validation Errors*/

/*#region Accessibility*/

.sr-only[b-n7tfp5pcw7] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Touch targets - minimum 44x44px for WCAG 2.1 AA */
.fod-reception-mode__option[b-n7tfp5pcw7] {
    min-block-size: 44px;
}

.fod-reception-mode__option input[type="radio"][b-n7tfp5pcw7] {
    min-inline-size: 20px;
    min-block-size: 20px;
}

/* Focus styles for links */
.fod-reception-mode__link:focus[b-n7tfp5pcw7] {
    outline: 2px solid var(--color-focus-ring, #3b82f6);
    outline-offset: 2px;
    border-radius: var(--radius-sm, 2px);
}

.fod-reception-mode__link:focus:not(:focus-visible)[b-n7tfp5pcw7] {
    outline: none;
}

.fod-reception-mode__link:focus-visible[b-n7tfp5pcw7] {
    outline: 2px solid var(--color-focus-ring, #3b82f6);
    outline-offset: 2px;
    border-radius: var(--radius-sm, 2px);
}

/* High contrast mode support */
@media (forced-colors: active) {
    .fod-reception-mode__option:has(input:checked)[b-n7tfp5pcw7] {
        outline: 2px solid CanvasText;
    }

    .fod-reception-mode__option:has(input:focus-visible)[b-n7tfp5pcw7] {
        outline: 3px solid Highlight;
    }

    .fod-reception-mode__info-box[b-n7tfp5pcw7],
    .fod-reception-mode__delayed-notice[b-n7tfp5pcw7],
    .fod-reception-mode__errors[b-n7tfp5pcw7] {
        border: 1px solid CanvasText;
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .fod-reception-mode__option[b-n7tfp5pcw7] {
        transition: none;
    }
}

/*#endregion Accessibility*/

/*#region Responsive*/

@media (max-width: 768px) {
    .fod-reception-mode[b-n7tfp5pcw7] {
        gap: var(--spacing-16, 1rem);
    }

    .fod-reception-mode__option[b-n7tfp5pcw7] {
        padding: var(--spacing-12, 0.75rem);
        min-block-size: 48px;
    }

    .fod-reception-mode__option input[type="radio"][b-n7tfp5pcw7] {
        min-inline-size: 24px;
        min-block-size: 24px;
    }

    .fod-reception-mode__section-title[b-n7tfp5pcw7] {
        font-size: var(--font-size-md, 1rem);
    }

    .fod-reception-mode__info-box[b-n7tfp5pcw7],
    .fod-reception-mode__delayed-notice[b-n7tfp5pcw7],
    .fod-reception-mode__next-step-info[b-n7tfp5pcw7] {
        padding: var(--spacing-16, 1rem);
    }
}

/* Large touch devices (tablets) */
@media (max-width: 1024px) and (pointer: coarse) {
    .fod-reception-mode__option[b-n7tfp5pcw7] {
        min-block-size: 48px;
        padding: var(--spacing-16, 1rem);
    }
}

/*#endregion Responsive*/

/*#region Dark Theme*/

[data-theme="dark"] .fod-reception-mode__section-title[b-n7tfp5pcw7] {
    color: var(--color-text-primary-dark, #f9fafb);
}

[data-theme="dark"] .fod-reception-mode__helper-text[b-n7tfp5pcw7] {
    color: var(--color-text-secondary-dark, #9ca3af);
}

[data-theme="dark"] .fod-reception-mode__option[b-n7tfp5pcw7] {
    border-color: var(--color-border-base-default-dark, #374151);
}

[data-theme="dark"] .fod-reception-mode__option:hover[b-n7tfp5pcw7] {
    border-color: var(--color-border-base-hover-dark, #4b5563);
    background-color: var(--color-background-subtle-dark, #1f2937);
}

[data-theme="dark"] .fod-reception-mode__option-title[b-n7tfp5pcw7] {
    color: var(--color-text-primary-dark, #f9fafb);
}

[data-theme="dark"] .fod-reception-mode__option-description[b-n7tfp5pcw7] {
    color: var(--color-text-secondary-dark, #9ca3af);
}

/*#endregion Dark Theme*/
/* _content/FOD.ServiceComponents/Requestor/FodRequestorComponent.razor.rz.scp.css */
/*#region Base Styles*/

.fod-requestor[b-wd234iqs6g] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-16, 16px);
}

/*#endregion Base Styles*/

/*#region Contact Info Message*/

.fod-requestor__contact-info[b-wd234iqs6g] {
    margin: 0;
    margin-block-start: var(--spacing-8, 8px);
    padding: var(--spacing-12, 12px) var(--spacing-16, 16px);
    background-color: var(--color-bg-info-subtle, #e8f4fd);
    border-radius: var(--border-radius-sm, 4px);
    font-size: var(--font-size-sm, 14px);
    line-height: var(--line-height-base, 1.5);
    color: var(--color-text-secondary, #666666);
}

.fod-requestor__contact-info-link[b-wd234iqs6g] {
    color: var(--color-text-link, #0066cc);
    text-decoration: underline;
    transition: color 0.2s ease;
}

.fod-requestor__contact-info-link:hover[b-wd234iqs6g] {
    color: var(--color-text-link-hover, #004999);
}

.fod-requestor__contact-info-link:focus[b-wd234iqs6g] {
    outline: 2px solid var(--color-focus-ring, #0066cc);
    outline-offset: 2px;
}

/*#endregion Contact Info Message*/

/*#region Beneficiary Section*/

.fod-requestor__beneficiary-section[b-wd234iqs6g] {
    margin-block-start: var(--spacing-16, 16px);
}

/*#endregion Beneficiary Section*/
/* _content/FOD.ServiceComponents/Requestor/LegalEntityForm.razor.rz.scp.css */
/*#region Base Styles*/

.fod-legal-entity-form[b-06nwn0psoq] {
    display: block;
}

/*#endregion Base Styles*/

/*#region Field Badges*/

.fod-legal-entity-form__field-with-badge[b-06nwn0psoq] {
    position: relative;
}

/*#endregion Field Badges*/
/* _content/FOD.ServiceComponents/Requestor/NaturalPersonForm.razor.rz.scp.css */
/*#region Base Styles*/

.fod-natural-person-form[b-ugtxevfii4] {
    display: block;
}

/*#endregion Base Styles*/

/*#region Field Badges*/

.fod-natural-person-form__field-with-badge[b-ugtxevfii4] {
    position: relative;
}

/*#endregion Field Badges*/
/* _content/FOD.ServiceComponents/Wizard/FodWizardComponent.razor.rz.scp.css */
/*#region [Base Styles]*/

.fod-wizard[b-5kju1d6jxy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/*#endregion*/

/*#region [Progress Tracker - FOD Design System]*/

.fod-progress-tracker[b-5kju1d6jxy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-block-end: 1rem;
    position: relative;
}

.fod-progress-tracker--vertical[b-5kju1d6jxy] {
    flex-direction: column;
    width: 200px;
    gap: 0;
}

.fod-progress-step[b-5kju1d6jxy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    min-width: 0;
}

.fod-progress-tracker:not(.fod-progress-tracker--vertical) .fod-progress-step:not(:last-child)[b-5kju1d6jxy]::after {
    content: '';
    position: absolute;
    top: 16px;
    left: calc(50% + 42px);
    width: calc(100% - 84px);
    height: 2px;
    background: var(--color-border-base-default, #d1d5db);
    z-index: 0;
}

.fod-progress-tracker:not(.fod-progress-tracker--vertical) .fod-progress-step--completed:not(:last-child)[b-5kju1d6jxy]::after {
    background: var(--color-background-brand-default, #1976d2);
}

.fod-progress-tracker--vertical .fod-progress-step:not(:last-child)[b-5kju1d6jxy]::after {
    content: '';
    position: absolute;
    left: 16px;
    top: 44px;
    width: 2px;
    height: calc(100% - 40px);
    background: var(--color-border-base-default, #d1d5db);
}

.fod-progress-tracker--vertical .fod-progress-step--completed:not(:last-child)[b-5kju1d6jxy]::after {
    background: var(--color-background-brand-default, #1976d2);
}

.fod-progress-cell[b-5kju1d6jxy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0;
    position: relative;
    z-index: 1;
    background: transparent;
    border: none;
    font-family: inherit;
    cursor: default;
    min-width: 60px;
}

.fod-progress-cell--clickable[b-5kju1d6jxy] {
    cursor: pointer;
}

.fod-progress-cell--clickable:hover:not(:disabled) .fod-progress-step__circle[b-5kju1d6jxy] {
    box-shadow: 0 0 0 4px rgba(25, 118, 210, 0.1);
}

.fod-progress-cell--clickable:disabled[b-5kju1d6jxy] {
    cursor: not-allowed;
    opacity: 0.6;
}

/*
 * FodButton Override Section
 *
 * Note: !important is required here because ::deep (Blazor CSS isolation piercing)
 * has lower specificity than FodButton's internal component styles. This is a known
 * limitation when customizing third-party component appearances for specialized layouts.
 * See: https://learn.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation
 */
[b-5kju1d6jxy] .fod-btn.fod-progress-cell--clickable {
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    min-width: 60px !important;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

[b-5kju1d6jxy] .fod-btn.fod-progress-cell--clickable:hover:not(:disabled) {
    background-color: transparent !important;
}

[b-5kju1d6jxy] .fod-btn.fod-progress-cell--clickable:focus-visible {
    box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.4) !important;
}

[b-5kju1d6jxy] .fod-btn.fod-progress-step-btn:hover {
    background: transparent;
}

/*#endregion*/

/*#region [Step Circle - Base]*/

.fod-progress-step__circle[b-5kju1d6jxy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-weight: 500;
    font-size: 15px;
    flex-shrink: 0;
    transition: all 0.2s ease;
    background: var(--color-background-base-default, #fff);
    border: 2px solid var(--color-border-base-default, #d1d5db);
    color: var(--color-text-base-tertiary, #9ca3af);
}

.fod-progress-step__label[b-5kju1d6jxy] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-base-default, #374151);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-wrap: pretty;
}

/*#endregion*/

/*#region [Step States]*/

.fod-progress-step--current .fod-progress-step__circle[b-5kju1d6jxy] {
    background: var(--color-background-base-default, #fff);
    border: 2px solid var(--color-background-brand-default, #1976d2);
    color: var(--color-background-brand-default, #1976d2);
}

.fod-progress-step--current .fod-progress-step__label[b-5kju1d6jxy] {
    font-weight: 500;
    color: var(--color-text-base-default, #374151);
}

.fod-progress-step--completed .fod-progress-step__circle[b-5kju1d6jxy] {
    background: var(--color-background-brand-default, #1976d2);
    border-color: var(--color-background-brand-default, #1976d2);
    color: var(--white, #fff);
}

.fod-progress-step--completed .fod-progress-step__label[b-5kju1d6jxy] {
    color: var(--color-text-base-default, #374151);
}

.fod-progress-step--incomplete .fod-progress-step__circle[b-5kju1d6jxy] {
    background: var(--color-background-base-default, #fff);
    border: 2px solid var(--color-border-base-default, #d1d5db);
    color: var(--color-text-base-tertiary, #9ca3af);
}

.fod-progress-step--incomplete .fod-progress-step__label[b-5kju1d6jxy] {
    color: var(--color-text-base-tertiary, #9ca3af);
}

.fod-progress-step--blocked .fod-progress-step__circle[b-5kju1d6jxy] {
    background: var(--color-background-base-default, #fff);
    border: 2px solid var(--color-background-danger-default, #ef4444);
    color: var(--color-background-danger-default, #ef4444);
}

.fod-progress-step--blocked .fod-progress-step__label[b-5kju1d6jxy] {
    color: var(--color-text-base-default, #374151);
}

/*#endregion*/

/*#region [Checkmark Icon - FodIcon Override]*/

.fod-progress-step__circle .fod-icon[b-5kju1d6jxy] {
    color: inherit;
}

/*#endregion*/

/*#region [Content Area]*/

.fod-wizard__content[b-5kju1d6jxy] {
    min-block-size: 200px;
    padding: 1rem;
}

/*#endregion*/

/*#region [Navigation]*/

.fod-wizard__navigation[b-5kju1d6jxy] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

/*#endregion*/

/*#region [Body Wrapper]*/

.fod-wizard__body[b-5kju1d6jxy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/*#endregion*/

/*#region [Vertical Layout Overrides]*/

.fod-progress-tracker--vertical .fod-progress-step[b-5kju1d6jxy] {
    flex-direction: row;
    align-items: center;
    padding: 8px 0;
}

.fod-progress-tracker--vertical .fod-progress-cell[b-5kju1d6jxy] {
    flex-direction: row;
    gap: 12px;
    min-width: auto;
}

.fod-progress-tracker--vertical .fod-progress-step__label[b-5kju1d6jxy] {
    text-align: left;
}

/*#endregion*/

/*#region [Vertical Responsive Layout - Side by Side on Desktop]*/

.fod-wizard--vertical .fod-wizard__body[b-5kju1d6jxy] {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
}

.fod-wizard--vertical .fod-progress-tracker[b-5kju1d6jxy] {
    flex-shrink: 0;
    margin-block-end: 0;
}

.fod-wizard--vertical .fod-wizard__content[b-5kju1d6jxy] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 767px) {
    .fod-wizard--vertical .fod-wizard__body[b-5kju1d6jxy] {
        flex-direction: column;
    }

    .fod-wizard--vertical .fod-progress-tracker[b-5kju1d6jxy] {
        width: 100%;
    }
}

/*#endregion*/

/*#region [Mobile Responsive - Hide Labels]*/

@media (max-width: 576px) {
    .fod-progress-tracker:not(.fod-progress-tracker--vertical) .fod-progress-step__label[b-5kju1d6jxy] {
        display: none;
    }

    .fod-progress-tracker:not(.fod-progress-tracker--vertical) .fod-progress-cell[b-5kju1d6jxy] {
        min-width: auto;
        gap: 0;
    }

    .fod-progress-tracker:not(.fod-progress-tracker--vertical) .fod-progress-step__circle[b-5kju1d6jxy] {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .fod-progress-tracker:not(.fod-progress-tracker--vertical) .fod-progress-step:not(:last-child)[b-5kju1d6jxy]::after {
        top: 14px;
        left: calc(50% + 20px);
        width: calc(100% - 40px);
    }

    .fod-progress-tracker--vertical[b-5kju1d6jxy] {
        width: 100%;
    }

    .fod-progress-tracker--vertical .fod-progress-step__circle[b-5kju1d6jxy] {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .fod-progress-tracker--vertical .fod-progress-step:not(:last-child)[b-5kju1d6jxy]::after {
        left: 14px;
        top: 34px;
        height: calc(100% - 40px);
    }
}

/*#endregion*/