/* _content/FedData.UI/Components/Core/Buttons/DocumentButton.razor.rz.scp.css */
/* DocumentButton placeholder — matches FdButton Medium IconOnly sizing */
.fd-doc-btn-placeholder[b-4qi1h53okg] {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Match FdButton --icon-only (default/md): min-width 2.25rem, aspect-ratio 1 */
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    font-size: 1.25rem;
    color: var(--fd-gray-400);
    opacity: 0.4;
}
/* _content/FedData.UI/Components/Core/Display/EntityLink.razor.rz.scp.css */
/* EntityLink — consistent entity navigation link */
.fd-entity-link[b-754y5jir1j] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--fd-primary-500);
    text-decoration: none;
    white-space: nowrap;
}

.fd-entity-link:hover[b-754y5jir1j] {
    text-decoration: underline;
}

/* Prominent variant — for primary entity identifier */
.fd-entity-link--prominent[b-754y5jir1j] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--fd-primary-800);
    text-decoration: underline;
    line-height: 1.2;
}

.fd-entity-link--prominent:hover[b-754y5jir1j] {
    color: var(--fd-primary-600);
}
/* _content/FedData.UI/Components/Core/Display/InfoCard.razor.rz.scp.css */
/*
 * InfoCard Component - Scoped Styles
 *
 * Cross-platform compatible info card
 * Perfect for details/dashboard views
 */

/* ===== CARD CONTAINER ===== */

.fd-info-card[b-x8pzlij4ad] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-lg);
    box-shadow: var(--fd-shadow-sm);
    border: var(--fd-border-width) solid var(--fd-gray-200);
    overflow: hidden;
}

/* ===== CARD HEADER ===== */

.fd-info-card-header[b-x8pzlij4ad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--fd-spacing-4);
    padding: var(--fd-spacing-5) var(--fd-spacing-6);
    background: var(--fd-gray-50);
    border-bottom: var(--fd-border-width) solid var(--fd-gray-200);
}

.fd-info-card-title-section[b-x8pzlij4ad] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-3);
    flex: 1;
    min-width: 0; /* Allow text truncation */
}

.fd-info-card-icon[b-x8pzlij4ad] {
    color: var(--fd-primary-500);
    font-size: var(--fd-text-lg);
    flex-shrink: 0;
}

.fd-info-card-title[b-x8pzlij4ad] {
    font-size: var(--fd-text-base);
    font-weight: var(--fd-font-semibold);
    color: var(--fd-gray-900);
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fd-info-card-actions[b-x8pzlij4ad] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-2);
    flex-shrink: 0;
}

/* ===== CARD BODY ===== */

.fd-info-card-body[b-x8pzlij4ad] {
    padding: var(--fd-spacing-6);
}

/* Remove bottom border from last info-row */
.fd-info-card-body > :last-child[b-x8pzlij4ad] {
    border-bottom: none;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 640px) {
    .fd-info-card-header[b-x8pzlij4ad] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--fd-spacing-3);
    }

    .fd-info-card-actions[b-x8pzlij4ad] {
        width: 100%;
        justify-content: flex-end;
    }

    .fd-info-card-body[b-x8pzlij4ad] {
        padding: var(--fd-spacing-4);
    }
}

/* ===== ACCESSIBILITY ===== */

/* High contrast mode */
@media (prefers-contrast: high) {
    .fd-info-card[b-x8pzlij4ad] {
        border-width: var(--fd-border-width-2);
    }
}
/* _content/FedData.UI/Components/Core/Display/InfoRow.razor.rz.scp.css */
/*
 * InfoRow Component - Scoped Styles
 *
 * Label-value pair row for InfoCard
 * Cross-platform compatible
 */

/* ===== ROW CONTAINER ===== */

.fd-info-row[b-3vtninotq8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--fd-spacing-3) 0;
    border-bottom: var(--fd-border-width) solid var(--fd-gray-100);
    gap: var(--fd-spacing-4);
}

.fd-info-row:last-child[b-3vtninotq8] {
    border-bottom: none;
}

/* ===== LABEL (LEFT SIDE) ===== */

.fd-info-label[b-3vtninotq8] {
    font-size: var(--fd-text-sm);
    color: var(--fd-gray-500);
    font-weight: var(--fd-font-medium);
    flex-shrink: 0;
    min-width: 120px;
    max-width: 200px;
}

/* ===== VALUE (RIGHT SIDE) ===== */

.fd-info-value[b-3vtninotq8] {
    font-size: var(--fd-text-sm);
    color: var(--fd-gray-900);
    text-align: right;
    font-weight: var(--fd-font-medium);
    flex: 1;
    min-width: 0; /* Allow text wrapping */
    word-break: break-word;
}

/* Value style: Text (default) */
.fd-info-value.value-text[b-3vtninotq8] {
    color: var(--fd-gray-900);
}

/* Value style: Code */
.fd-info-value.value-code .fd-code-display[b-3vtninotq8] {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: var(--fd-text-sm);
    color: var(--fd-primary-500);
    background: var(--fd-info-50);
    padding: var(--fd-spacing-1) var(--fd-spacing-2);
    border-radius: var(--fd-border-radius-sm);
    font-weight: var(--fd-font-normal);
}

/* Value style: Badge */
.fd-info-value.value-badge[b-3vtninotq8] {
    display: flex;
    justify-content: flex-end;
}

/* Value style: Custom */
.fd-info-value.value-custom[b-3vtninotq8] {
    /* Allow custom content to dictate styling */
}

/* Empty value placeholder */
.fd-info-empty[b-3vtninotq8] {
    color: var(--fd-gray-400);
    font-style: italic;
}

/* ===== COMPACT VARIANT ===== */
/* Denser styling for card headers, inline displays, etc. */

.fd-info-row.fd-info-row--compact[b-3vtninotq8] {
    padding: 0;
    border-bottom: none;
    gap: 0.35rem;
    justify-content: flex-start;
    align-items: baseline;
    line-height: 1.4;
}

.fd-info-row--compact .fd-info-label[b-3vtninotq8] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    min-width: auto;
    max-width: none;
    white-space: nowrap;
}

.fd-info-row--compact .fd-info-value[b-3vtninotq8] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--fd-text-default);
    text-align: left;
    flex: none;
}

.fd-info-row--compact .fd-info-empty[b-3vtninotq8] {
    font-style: normal;
    color: var(--fd-text-muted);
}

/* ===== RESPONSIVE ===== */

/* Tablet: Scale down compact variant */
@media (max-width: 991.98px) {
    .fd-info-row--compact .fd-info-label[b-3vtninotq8] {
        font-size: 0.7rem;
    }

    .fd-info-row--compact .fd-info-value[b-3vtninotq8] {
        font-size: 0.75rem;
    }
}

/* Phone: Compact variant uses space-between like standard InfoRow */
@media (max-width: 767.98px) {
    .fd-info-row--compact[b-3vtninotq8] {
        flex-direction: row !important;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 0.15rem 0;
        border-bottom: 1px solid var(--fd-gray-100);
    }

    .fd-info-row--compact:last-child[b-3vtninotq8] {
        border-bottom: none;
    }

    .fd-info-row--compact .fd-info-label[b-3vtninotq8] {
        font-size: 0.7rem;
        flex-shrink: 0;
        color: var(--fd-text-muted);
    }

    .fd-info-row--compact .fd-info-value[b-3vtninotq8] {
        font-size: 0.75rem;
        font-weight: 600;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
    }
}

/* Small screens: Stack non-compact rows */
@media (max-width: 640px) {
    /* Only stack non-compact rows */
    .fd-info-row:not(.fd-info-row--compact)[b-3vtninotq8] {
        flex-direction: column;
        gap: var(--fd-spacing-2);
    }

    .fd-info-row:not(.fd-info-row--compact) .fd-info-label[b-3vtninotq8] {
        min-width: auto;
        max-width: none;
    }

    .fd-info-row:not(.fd-info-row--compact) .fd-info-value[b-3vtninotq8] {
        text-align: left;
    }

    .fd-info-row:not(.fd-info-row--compact) .fd-info-value.value-badge[b-3vtninotq8] {
        justify-content: flex-start;
    }
}

/* ===== ACCESSIBILITY ===== */

/* Ensure sufficient contrast in high contrast mode */
@media (prefers-contrast: high) {
    .fd-info-label[b-3vtninotq8] {
        font-weight: var(--fd-font-semibold);
    }

    .fd-info-value[b-3vtninotq8] {
        font-weight: var(--fd-font-semibold);
    }
}
/* _content/FedData.UI/Components/Core/Display/Part.razor.rz.scp.css */
/* holder element for part-name/part-desc.... should fill the contents of its container's width and height - part-name & part-desc will be centered inside...*/
.part-holder[b-ee6ezfklmz] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.part-text[b-ee6ezfklmz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    flex: 1;
    min-width: 0;
}

.part-name[b-ee6ezfklmz] {
    font-size: 1.1em;
    font-weight: 600;
    text-align: start;
    margin-bottom: 1px; /* Space between name and description */
    color: var(--part-name-color, var(--fd-text-default));
}

/* Truncate mode for part name - single line with ellipsis, no wrapping */
.part-name-truncate[b-ee6ezfklmz] {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.part-desc[b-ee6ezfklmz] {
    font-size: .9em;
    font-weight: 400;
    text-align: start;
    color: var(--part-desc-color, var(--fd-text-muted));
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: hidden;
}

/* Truncate mode - single line with ellipsis, no wrapping */
.part-desc-truncate[b-ee6ezfklmz] {
    white-space: nowrap;
    max-width: 100%;
}

/* ── Compact mode ──────────────────────────────────────────────────── */

.part-holder.compact .part-name[b-ee6ezfklmz] {
    font-size: 1em;
    margin-bottom: 0;
}

/* ── Description-only mode ────────────────────────────────────────── */

.part-holder.description-only .part-desc[b-ee6ezfklmz] {
    font-size: 0.9em;
    color: var(--fd-text-default);
}

/* ── Info button ─────────────────────────────────────────────────────── */

.part-info-btn[b-ee6ezfklmz] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-left: 4px;
    font-size: 0.85rem;
    color: var(--fd-text-subtle);
    opacity: 0.4;
    transition: opacity 0.15s ease;
    cursor: default;
}

.part-info-btn:hover[b-ee6ezfklmz] {
    opacity: 1;
}

/* ── Tooltip content rows ────────────────────────────────────────────── */

.part-info-row[b-ee6ezfklmz] {
    display: flex;
    align-items: baseline;
    padding: 2px 0;
    font-size: 0.8125rem;
    gap: 10px;
}

.part-info-label[b-ee6ezfklmz] {
    flex-shrink: 0;
    width: 100px;
    color: var(--fd-text-muted);
    font-size: 0.75rem;
    font-weight: 500;
}

.part-info-value[b-ee6ezfklmz] {
    color: var(--fd-text-default);
    word-break: break-word;
}

.part-info-value-clamp[b-ee6ezfklmz] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--fd-text-default);
    word-break: break-word;
}

.part-info-flags[b-ee6ezfklmz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
/* _content/FedData.UI/Components/Core/Dropdowns/FdDropdown.razor.rz.scp.css */
.fd-dropdown[b-sr1msoas1h] {
    display: inline-block;
    position: relative;
}

.fd-dropdown-panel[b-sr1msoas1h] {
    position: fixed;
    z-index: var(--fd-z-dropdown);
    background: var(--fd-surface-default);
    color: var(--fd-text-default);
    border: 1px solid var(--fd-border-default);
    border-radius: var(--fd-radius-md);
    box-shadow: var(--fd-shadow-lg);
    animation: fd-popover-fadeIn 150ms ease-out;
}

.fd-dropdown-header[b-sr1msoas1h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--fd-border-default);
    font-weight: 600;
    font-size: 0.8125rem;
}

.fd-dropdown-body[b-sr1msoas1h] {
    padding: 0.75rem;
    max-height: 400px;
    overflow-y: auto;
}

.fd-dropdown-footer[b-sr1msoas1h] {
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--fd-border-default);
}

[b-sr1msoas1h] .fd-dropdown-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 4px;
    border-radius: 9px;
    background: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1;
}
/* _content/FedData.UI/Components/Core/Forms/DaySelector.razor.rz.scp.css */
/*
 * DaySelector Component - Scoped Styles
 *
 * Cross-platform compatible styles for Blazor Server, WASM, and MAUI
 * Uses design system CSS variables for consistency
 */

/* ===== CONTAINER ===== */

.day-selector[b-b740tlpwpr] {
    display: flex;
    gap: var(--fd-spacing-2);
    flex-wrap: wrap;
}

/* ===== DAY CHECKBOX (Label Container) ===== */

.day-checkbox[b-b740tlpwpr] {
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
}

.day-checkbox.disabled[b-b740tlpwpr] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Hide the actual checkbox input */
.day-checkbox input[type="checkbox"][b-b740tlpwpr] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* ===== DAY LABEL (Visual Button) ===== */

.day-label[b-b740tlpwpr] {
    display: inline-block;
    padding: var(--fd-spacing-2) var(--fd-spacing-4);
    font-size: var(--fd-text-sm);
    font-weight: var(--fd-font-semibold);
    color: var(--fd-gray-500);
    background: var(--fd-surface-default);
    border: var(--fd-border-width) solid var(--fd-gray-300);
    border-radius: var(--fd-border-radius-md);
    transition: all var(--fd-transition-fast) var(--fd-transition-ease);
    min-width: 3.5rem;
    text-align: center;
}

/* Hover state */
.day-checkbox:hover .day-label[b-b740tlpwpr] {
    border-color: var(--fd-gray-400);
    background: var(--fd-gray-50);
}

/* Selected state */
.day-checkbox.selected .day-label[b-b740tlpwpr] {
    background-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    border-color: var(--fd-primary-500);
}

/* Selected + hover */
.day-checkbox.selected:hover .day-label[b-b740tlpwpr] {
    background-color: var(--fd-primary-600);
    border-color: var(--fd-primary-600);
}

/* Disabled state */
.day-checkbox.disabled .day-label[b-b740tlpwpr] {
    background: var(--fd-gray-100);
    color: var(--fd-gray-400);
    border-color: var(--fd-gray-200);
}

/* Focus visible (keyboard navigation) */
.day-checkbox input[type="checkbox"]:focus-visible + .day-label[b-b740tlpwpr] {
    outline: 2px solid var(--fd-primary-500);
    outline-offset: 2px;
}

/* ===== SIZE VARIANTS ===== */

/* Small size */
.day-selector-small .day-label[b-b740tlpwpr] {
    padding: var(--fd-spacing-1) var(--fd-spacing-3);
    font-size: var(--fd-text-xs);
    min-width: 2.5rem;
}

/* Normal size (default) */
.day-selector-normal .day-label[b-b740tlpwpr] {
    padding: var(--fd-spacing-2) var(--fd-spacing-4);
    font-size: var(--fd-text-sm);
    min-width: 3.5rem;
}

/* Large size */
.day-selector-large .day-label[b-b740tlpwpr] {
    padding: var(--fd-spacing-3) var(--fd-spacing-5);
    font-size: var(--fd-text-base);
    min-width: 4.5rem;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */

@media (max-width: 640px) {
    .day-selector[b-b740tlpwpr] {
        gap: var(--fd-spacing-1);
    }

    .day-label[b-b740tlpwpr] {
        min-width: 2.75rem;
        padding: var(--fd-spacing-1-5) var(--fd-spacing-3);
    }
}

/* ===== ACCESSIBILITY ===== */

/* High contrast mode support */
@media (prefers-contrast: high) {
    .day-label[b-b740tlpwpr] {
        border-width: var(--fd-border-width-2);
    }

    .day-checkbox.selected .day-label[b-b740tlpwpr] {
        border-width: var(--fd-border-width-2);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .day-label[b-b740tlpwpr] {
        transition: none;
    }
}
/* _content/FedData.UI/Components/Core/Forms/FdDateRangePreset.razor.rz.scp.css */
.fd-date-range-group[b-2yr8enmmcm] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 100%;
}

.fd-date-range-label[b-2yr8enmmcm] {
    font-size: 11px;
    font-weight: 600;
    color: var(--fd-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fd-date-range-row[b-2yr8enmmcm] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: fit-content;
    max-width: 100%;
}

.fd-preset-selector[b-2yr8enmmcm] {
    flex: 0 0 auto;
    width: 240px;
}

.fd-preset-select[b-2yr8enmmcm] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--fd-border-default);
    border-radius: 6px;
    background: var(--fd-surface-default);
    font-size: 14px;
    font-weight: 500;
    color: var(--fd-text-default);
    transition: all 0.2s ease;
}

.fd-preset-select:focus[b-2yr8enmmcm] {
    outline: none;
    border-color: var(--fd-primary);
    box-shadow: 0 0 0 2px var(--fd-primary-light);
}

.fd-calculated-date-range[b-2yr8enmmcm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: linear-gradient(135deg, var(--fd-primary-bg) 0%, var(--fd-primary-bg-alt) 100%);
    border: 1px solid var(--fd-primary-border);
    border-radius: 6px;
    font-size: 13px;
    color: var(--fd-text-default);
    font-weight: 500;
    flex: 0 0 auto;
    width: 280px;
}

.fd-calculated-date-range i[b-2yr8enmmcm] {
    color: var(--fd-primary);
    font-size: 14px;
    flex-shrink: 0;
}

.fd-date-range-display[b-2yr8enmmcm] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
}

.fd-range-separator[b-2yr8enmmcm] {
    color: var(--fd-gray-400);
    font-weight: 600;
    padding: 0 2px;
}

.fd-date-value[b-2yr8enmmcm] {
    font-weight: 600;
    color: var(--fd-primary);
    white-space: nowrap;
}

.fd-date-range-custom-inputs[b-2yr8enmmcm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    background: var(--fd-gray-50);
    border: 1px solid var(--fd-border-default);
    border-left: 3px solid var(--fd-primary);
    border-radius: 6px;
    transition: all 0.3s ease;
    max-width: 536px;
}

.fd-date-range-inputs[b-2yr8enmmcm] {
    display: flex;
    gap: 12px;
    width: 100%;
}

.fd-date-input-wrapper[b-2yr8enmmcm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.fd-date-sublabel[b-2yr8enmmcm] {
    font-size: 11px;
    font-weight: 600;
    color: var(--fd-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[b-2yr8enmmcm] .fd-date-input-wrapper input[type="date"] {
    padding: 8px 10px;
    border: 1px solid var(--fd-border-default);
    border-radius: 4px;
    font-size: 13px;
    background: var(--fd-surface-default);
    transition: all 0.2s ease;
    width: 100%;
}

[b-2yr8enmmcm] .fd-date-input-wrapper input[type="date"]:focus {
    outline: none;
    border-color: var(--fd-primary);
    box-shadow: 0 0 0 2px var(--fd-primary-light);
}

@media (max-width: 640px) {
    .fd-date-range-row[b-2yr8enmmcm] {
        flex-direction: column;
        width: 100%;
    }

    .fd-preset-selector[b-2yr8enmmcm],
    .fd-calculated-date-range[b-2yr8enmmcm] {
        width: 100%;
    }

    .fd-date-range-inputs[b-2yr8enmmcm] {
        flex-direction: column;
    }
}
/* _content/FedData.UI/Components/Core/Forms/FdField.razor.rz.scp.css */
.fd-field[b-07ob8hzxvc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

/* Utility: span full width in a CSS grid parent */
.fd-field-full[b-07ob8hzxvc] {
    grid-column: 1 / -1;
}

.fd-field-label[b-07ob8hzxvc] {
    font-weight: 500;
    color: var(--fd-gray-600);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.fd-field-required[b-07ob8hzxvc] {
    color: var(--fd-danger-500);
    font-weight: 700;
}

/* Save indicator dots */
.fd-field-dot[b-07ob8hzxvc] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    vertical-align: middle;
}

.fd-field-dot.saving[b-07ob8hzxvc] {
    background: var(--fd-warning-500);
    animation: fd-field-pulse-b-07ob8hzxvc 0.8s ease-in-out infinite;
}

.fd-field-dot.saved[b-07ob8hzxvc] {
    background: var(--fd-success-500);
    animation: fd-field-fade-out-b-07ob8hzxvc 2s ease-out forwards;
}

.fd-field-dot.error[b-07ob8hzxvc] {
    background: var(--fd-danger-500);
}

@keyframes fd-field-pulse-b-07ob8hzxvc {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}

@keyframes fd-field-fade-out-b-07ob8hzxvc {
    0%, 70% { opacity: 1; }
    100% { opacity: 0; }
}

/* Validation message */
.fd-field-validation[b-07ob8hzxvc] {
    font-size: 0.8rem;
    color: var(--fd-danger-600);
    line-height: 1.3;
}

/* Error border tint on inputs */
.fd-field-has-error[b-07ob8hzxvc]  .form-control,
.fd-field-has-error[b-07ob8hzxvc]  .k-input {
    border-color: var(--fd-danger-400);
}

/* Disabled state */
.fd-field-disabled[b-07ob8hzxvc] {
    opacity: 0.6;
    pointer-events: none;
}
/* _content/FedData.UI/Components/Core/Forms/FdPillSelect.razor.rz.scp.css */
/* FdPillSelect — clickable chip/pill selector for small option sets */

.fd-pill-select[b-w05zt72hxy] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.fd-pill-label[b-w05zt72hxy] {
    font-size: var(--fd-text-xs);
    font-weight: 600;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.fd-pill-required[b-w05zt72hxy] {
    color: var(--fd-danger-500);
    margin-left: 0.125rem;
}

.fd-pill-options[b-w05zt72hxy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Base Pill                                                                   */
/* ═══════════════════════════════════════════════════════════════════════════ */

.fd-pill[b-w05zt72hxy] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.625rem;
    border: 1.5px solid var(--fd-border-default);
    background: var(--fd-surface-default);
    color: var(--fd-text-muted);
    font-size: var(--fd-text-xs);
    font-weight: 500;
    border-radius: var(--fd-radius-full);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    line-height: 1.3;
}

.fd-pill:hover[b-w05zt72hxy] {
    border-color: var(--fd-border-strong);
    color: var(--fd-text-default);
    background: var(--fd-surface-hover);
}

.fd-pill i[b-w05zt72hxy] {
    font-size: 0.7rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Selected State (default — primary)                                          */
/* ═══════════════════════════════════════════════════════════════════════════ */

.fd-pill.selected[b-w05zt72hxy] {
    border-color: var(--fd-primary-400);
    background: var(--fd-primary-50);
    color: var(--fd-primary-700);
    font-weight: 600;
    box-shadow: 0 0 0 1px var(--fd-primary-200);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Color Variants (selected state only)                                        */
/* ═══════════════════════════════════════════════════════════════════════════ */

.fd-pill.fd-pill-primary.selected[b-w05zt72hxy] {
    border-color: var(--fd-primary-400);
    background: var(--fd-primary-50);
    color: var(--fd-primary-700);
    box-shadow: 0 0 0 1px var(--fd-primary-200);
}

.fd-pill.fd-pill-success.selected[b-w05zt72hxy] {
    border-color: var(--fd-success-400);
    background: var(--fd-success-50);
    color: var(--fd-success-700);
    box-shadow: 0 0 0 1px var(--fd-success-200);
}

.fd-pill.fd-pill-warning.selected[b-w05zt72hxy] {
    border-color: var(--fd-warning-400);
    background: var(--fd-warning-50);
    color: var(--fd-warning-700);
    box-shadow: 0 0 0 1px var(--fd-warning-200);
}

.fd-pill.fd-pill-danger.selected[b-w05zt72hxy] {
    border-color: var(--fd-danger-400);
    background: var(--fd-danger-50);
    color: var(--fd-danger-700);
    box-shadow: 0 0 0 1px var(--fd-danger-200);
}

.fd-pill.fd-pill-info.selected[b-w05zt72hxy] {
    border-color: var(--fd-info-400);
    background: var(--fd-info-50);
    color: var(--fd-info-700);
    box-shadow: 0 0 0 1px var(--fd-info-200);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Dark Mode                                                                   */
/* ═══════════════════════════════════════════════════════════════════════════ */

:global([data-fd-theme="dark"]) .fd-pill[b-w05zt72hxy] {
    border-color: var(--fd-gray-600);
    background: var(--fd-gray-800);
    color: var(--fd-gray-400);
}

:global([data-fd-theme="dark"]) .fd-pill:hover[b-w05zt72hxy] {
    border-color: var(--fd-gray-500);
    background: var(--fd-gray-700);
    color: var(--fd-gray-200);
}

:global([data-fd-theme="dark"]) .fd-pill.selected[b-w05zt72hxy] {
    background: var(--fd-primary-900);
    border-color: var(--fd-primary-600);
    color: var(--fd-primary-300);
    box-shadow: 0 0 0 1px var(--fd-primary-800);
}

:global([data-fd-theme="dark"]) .fd-pill.fd-pill-success.selected[b-w05zt72hxy] {
    background: var(--fd-success-900);
    border-color: var(--fd-success-600);
    color: var(--fd-success-300);
}

:global([data-fd-theme="dark"]) .fd-pill.fd-pill-warning.selected[b-w05zt72hxy] {
    background: var(--fd-warning-900);
    border-color: var(--fd-warning-600);
    color: var(--fd-warning-300);
}

:global([data-fd-theme="dark"]) .fd-pill.fd-pill-danger.selected[b-w05zt72hxy] {
    background: var(--fd-danger-900);
    border-color: var(--fd-danger-600);
    color: var(--fd-danger-300);
}

:global([data-fd-theme="dark"]) .fd-pill.fd-pill-info.selected[b-w05zt72hxy] {
    background: var(--fd-info-900);
    border-color: var(--fd-info-600);
    color: var(--fd-info-300);
}
/* _content/FedData.UI/Components/Core/Forms/FormSection.razor.rz.scp.css */
.cursor-pointer[b-onaynef10w] {
    cursor: pointer;
    user-select: none;
}

.cursor-pointer:hover[b-onaynef10w] {
    background-color: var(--fd-surface-hover);
}

.mh-500 .card-body[b-onaynef10w] {
    max-height: 500px;
}
/* _content/FedData.UI/Components/Core/Forms/StatusFilterGroup.razor.rz.scp.css */
/*
 * StatusFilterGroup Component - Scoped Styles
 *
 * Button group for status filtering with responsive labels.
 * Shows short labels on small screens (<768px) and full labels on larger screens.
 * Relies on Bootstrap btn-group and btn-* classes for base styling.
 */

/* ========================================
   Base Button Group Styles
   ======================================== */

/* Ensure buttons don't wrap on smaller screens */
.status-filter-group[b-wnrp4tofvp] {
    flex-wrap: nowrap;
}

/* Subtle hover effect on outline buttons */
.status-filter-group .btn[class*="btn-outline-"]:hover[b-wnrp4tofvp] {
    transform: translateY(-1px);
    transition: transform 0.15s ease;
}

/* Active state enhancement */
.status-filter-group .btn:not([class*="btn-outline-"])[b-wnrp4tofvp] {
    box-shadow: var(--fd-shadow-inner);
}

/* ========================================
   Responsive Label Display
   ======================================== */

/* Default: Show full labels, hide short labels */
.status-filter-group .label-full[b-wnrp4tofvp] {
    display: inline;
}

.status-filter-group .label-short[b-wnrp4tofvp] {
    display: none;
}

/* Small screens (< 768px): Show short labels, hide full labels */
@media (max-width: 767.98px) {
    .status-filter-group .label-full[b-wnrp4tofvp] {
        display: none;
    }

    .status-filter-group .label-short[b-wnrp4tofvp] {
        display: inline;
    }

    /* Slightly reduce button padding on small screens */
    .status-filter-group .btn[b-wnrp4tofvp] {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}
/* _content/FedData.UI/Components/Core/Forms/ToggleSwitch.razor.rz.scp.css */
/*
 * ToggleSwitch Component - Scoped Styles
 *
 * Cross-platform compatible toggle switch
 * Uses design system CSS variables
 */

/* ===== CONTAINER (LABEL) ===== */

.toggle-switch[b-k0jfkgp7i6] {
    display: inline-flex;
    align-items: center;
    gap: var(--fd-spacing-4);
    cursor: pointer;
    user-select: none;
}

.toggle-switch.disabled[b-k0jfkgp7i6] {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Hide the actual checkbox */
.toggle-switch input[type="checkbox"][b-k0jfkgp7i6] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* ===== TOGGLE SLIDER ===== */

.toggle-slider[b-k0jfkgp7i6] {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    background: var(--fd-gray-300);
    border-radius: var(--fd-border-radius-full);
    transition: all var(--fd-transition-base) var(--fd-transition-ease);
    flex-shrink: 0;
}

/* Slider knob (the circle that moves) */
.toggle-slider[b-k0jfkgp7i6]::before {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-full);
    transition: all var(--fd-transition-base) var(--fd-transition-ease);
    box-shadow: var(--fd-shadow-xs);
}

/* Checked state - slider background */
.toggle-switch input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6] {
    background: var(--fd-primary-500);
}

/* Checked state - slider knob moves right */
.toggle-switch input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6]::before {
    transform: translateX(1.5rem);
}

/* Hover state */
.toggle-switch:hover .toggle-slider[b-k0jfkgp7i6] {
    background: var(--fd-gray-400);
}

.toggle-switch:hover input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6] {
    background: var(--fd-primary-600);
}

/* Focus state (keyboard navigation) */
.toggle-switch input[type="checkbox"]:focus-visible ~ .toggle-slider[b-k0jfkgp7i6] {
    outline: 2px solid var(--fd-primary-500);
    outline-offset: 2px;
}

/* Disabled state */
.toggle-switch.disabled .toggle-slider[b-k0jfkgp7i6] {
    background: var(--fd-gray-200);
}

.toggle-switch.disabled input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6] {
    background: var(--fd-gray-400);
}

/* ===== TOGGLE LABEL ===== */

.toggle-label[b-k0jfkgp7i6] {
    display: inline-flex;
    align-items: center;
    gap: var(--fd-spacing-2);
    font-size: var(--fd-text-sm);
    color: var(--fd-gray-700);
}

.toggle-label i[b-k0jfkgp7i6] {
    font-size: var(--fd-text-base);
}

/* ===== SIZE VARIANTS ===== */

/* Small */
.toggle-switch-small .toggle-slider[b-k0jfkgp7i6] {
    width: 2.5rem;
    height: 1.25rem;
}

.toggle-switch-small .toggle-slider[b-k0jfkgp7i6]::before {
    width: 1rem;
    height: 1rem;
}

.toggle-switch-small input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6]::before {
    transform: translateX(1.25rem);
}

.toggle-switch-small .toggle-label[b-k0jfkgp7i6] {
    font-size: var(--fd-text-xs);
}

/* Normal (default) */
.toggle-switch-normal .toggle-slider[b-k0jfkgp7i6] {
    width: 3rem;
    height: 1.5rem;
}

.toggle-switch-normal .toggle-slider[b-k0jfkgp7i6]::before {
    width: 1.25rem;
    height: 1.25rem;
}

.toggle-switch-normal input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6]::before {
    transform: translateX(1.5rem);
}

.toggle-switch-normal .toggle-label[b-k0jfkgp7i6] {
    font-size: var(--fd-text-sm);
}

/* Large */
.toggle-switch-large .toggle-slider[b-k0jfkgp7i6] {
    width: 3.5rem;
    height: 1.75rem;
}

.toggle-switch-large .toggle-slider[b-k0jfkgp7i6]::before {
    width: 1.5rem;
    height: 1.5rem;
}

.toggle-switch-large input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6]::before {
    transform: translateX(1.75rem);
}

.toggle-switch-large .toggle-label[b-k0jfkgp7i6] {
    font-size: var(--fd-text-base);
}

/* ===== ACCESSIBILITY ===== */

/* High contrast mode */
@media (prefers-contrast: high) {
    .toggle-slider[b-k0jfkgp7i6] {
        border: 2px solid var(--fd-gray-600);
    }

    .toggle-switch input[type="checkbox"]:checked ~ .toggle-slider[b-k0jfkgp7i6] {
        border-color: var(--fd-primary-700);
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .toggle-slider[b-k0jfkgp7i6],
    .toggle-slider[b-k0jfkgp7i6]::before {
        transition: none;
    }
}
/* _content/FedData.UI/Components/Core/Progress/ProgressBar.razor.rz.scp.css */
/* ProgressBar component styles */

/* Default (Medium) */
.progress-bar-container[b-igjxc8ibk4] {
    position: relative;
    height: 25px;
}

.progress-bar-md[b-igjxc8ibk4] {
    height: 25px;
}

/* Small - compact bar, no text */
.progress-bar-sm[b-igjxc8ibk4] {
    height: 12px;
}

/* Large - prominent bar */
.progress-bar-lg[b-igjxc8ibk4] {
    height: 36px;
}

/* Theme the Bootstrap .progress track for dark mode */
.progress-bar-container[b-igjxc8ibk4] {
    --bs-progress-bg: var(--fd-gray-200);
    --bs-progress-border-radius: var(--fd-border-radius-md);
}

/* Percentage text overlay - centered over entire bar */
.progress-text[b-igjxc8ibk4] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fd-text-sm);
    font-weight: var(--fd-font-semibold);
    color: var(--fd-text-on-warning);
    pointer-events: none;
    z-index: 1;
}

/* 100% complete: white text on solid green fill */
.progress-text--complete[b-igjxc8ibk4] {
    color: var(--fd-text-on-success);
}

/* N/A state - centered text */
.progress-na[b-igjxc8ibk4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--fd-text-muted);
    font-size: var(--fd-text-sm);
}

/* Dark mode: slightly darker track */
[data-fd-theme="dark"] .progress-bar-container[b-igjxc8ibk4] {
    --bs-progress-bg: var(--fd-gray-100);
}
/* _content/FedData.UI/Components/Core/State/ContentPlaceholder.razor.rz.scp.css */
/*
 * FedData Design System - Content Placeholder
 * Used for pages that are under construction or awaiting content
 */

.fd-content-placeholder[b-xb2l87tdfw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    flex: 1;
    min-height: 0;
    border: 2px dashed var(--fd-border-default);
    border-radius: 0.5rem;
}

.fd-content-placeholder i[b-xb2l87tdfw] {
    font-size: 4rem;
    color: var(--fd-text-muted);
    margin-bottom: 1rem;
}

.fd-content-placeholder p[b-xb2l87tdfw] {
    margin: 0;
    font-size: 1rem;
}
/* _content/FedData.UI/Components/Core/State/FdLoadingOverlay.razor.rz.scp.css */
.fd-loading-overlay[b-fk67rexd9c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--fd-surface-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(8px);
    flex-direction: column;
}

.fd-loading-content[b-fk67rexd9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.fd-loading-spinner[b-fk67rexd9c] {
    width: 48px;
    height: 48px;
    border: 4px solid color-mix(in srgb, var(--fd-text-inverse) 20%, transparent);
    border-top-color: var(--fd-success-500);
    border-radius: 50%;
    animation: fd-spin-b-fk67rexd9c 0.8s linear infinite;
}

.fd-loading-text[b-fk67rexd9c] {
    color: var(--fd-text-on-primary);
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
}

@keyframes fd-spin-b-fk67rexd9c {
    to {
        transform: rotate(360deg);
    }
}
/* _content/FedData.UI/Components/Core/State/GlobalLoadingOverlay.razor.rz.scp.css */
.global-loading-overlay[b-speu4j5wxc] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--fd-surface-overlay-light);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--fd-z-toast);
    backdrop-filter: blur(4px);
    animation: fadeIn-b-speu4j5wxc 0.2s ease-in;
}

.global-loading-content[b-speu4j5wxc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--fd-space-4);
}

.global-loading-message[b-speu4j5wxc] {
    margin: 0;
    font-size: var(--fd-text-base);
    color: var(--fd-text-muted);
    font-weight: var(--fd-font-medium);
}

@keyframes fadeIn-b-speu4j5wxc {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Dark mode support */
[data-fd-theme="dark"] .global-loading-overlay[b-speu4j5wxc] {
    background: var(--fd-surface-overlay);
}

[data-fd-theme="dark"] .global-loading-message[b-speu4j5wxc] {
    color: var(--fd-gray-400);
}
/* _content/FedData.UI/Components/Core/State/LoadingSpinner.razor.rz.scp.css */
/* Centered mode - fills available flex space and centers the spinner */
.loading-spinner-centered[b-mu2a8gbpz2] {
    align-items: center;
    flex: 1;
    min-height: 40vh;
}
/* _content/FedData.UI/Components/Core/State/SaveIndicator.razor.rz.scp.css */
.save-indicator[b-sww0kz7uvp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: var(--fd-border-radius-md);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all var(--fd-transition-base);
}

.save-indicator i[b-sww0kz7uvp],
.save-indicator .spinner-border[b-sww0kz7uvp] {
    font-size: 1rem;
}

.save-indicator.state-saved[b-sww0kz7uvp] {
    color: var(--fd-success-700);
    background-color: var(--fd-success-50);
    animation: fadeOut-b-sww0kz7uvp 3s ease-out 2s forwards;
}

.save-indicator.state-unsaved[b-sww0kz7uvp] {
    color: var(--fd-warning-700);
    background-color: var(--fd-warning-50);
}

.save-indicator.state-unsaved i[b-sww0kz7uvp] {
    color: var(--fd-warning-500);
    font-size: 1.5rem;
    animation: pulse-b-sww0kz7uvp 2s ease-in-out infinite;
}

.save-indicator.state-saving[b-sww0kz7uvp] {
    color: var(--fd-info-700);
    background-color: var(--fd-info-50);
}

.save-indicator.state-error[b-sww0kz7uvp] {
    color: var(--fd-danger-700);
    background-color: var(--fd-danger-50);
}

@keyframes pulse-b-sww0kz7uvp {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

@keyframes fadeOut-b-sww0kz7uvp {
    to {
        opacity: 0;
        transform: scale(0.95);
    }
}
/* _content/FedData.UI/Components/Core/Tabs/Tab.razor.rz.scp.css */
/* Tab Button */
.tab-button[b-gzk8vdenis] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-2);
    padding: var(--fd-spacing-3) var(--fd-spacing-5);
    background: transparent;
    border: none;
    border-radius: var(--fd-border-radius-md);
    font-size: var(--fd-text-sm);
    font-weight: var(--fd-font-medium);
    color: var(--fd-gray-600);
    cursor: pointer;
    transition: all var(--fd-transition-fast) var(--fd-transition-ease);
    white-space: nowrap;
    position: relative;
}

.tab-button i[b-gzk8vdenis] {
    font-size: var(--fd-text-lg);
}

.tab-button:hover[b-gzk8vdenis] {
    background: var(--fd-gray-50);
    color: var(--fd-gray-700);
}

.tab-button.active[b-gzk8vdenis] {
    background: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
}

.tab-button.active:hover[b-gzk8vdenis] {
    background: var(--fd-primary-600);
}

/* Tab Badge */
.tab-badge[b-gzk8vdenis] {
    font-size: var(--fd-text-xs);
    padding: 0.125rem 0.5rem;
    margin-left: var(--fd-spacing-1);
}

/* Badge Loading State */
.tab-badge-loading[b-gzk8vdenis] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--fd-gray-400);
    margin-left: var(--fd-spacing-1);
    animation: badge-pulse-b-gzk8vdenis 1.2s ease-in-out infinite;
}

@keyframes badge-pulse-b-gzk8vdenis {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

/* Responsive Design */
@media (max-width: 768px) {
    .tab-button[b-gzk8vdenis] {
        padding: var(--fd-spacing-3) var(--fd-spacing-4, 1rem);
        font-size: var(--fd-text-sm);
        flex: 1;
        justify-content: center;
    }

    .tab-button i[b-gzk8vdenis] {
        font-size: var(--fd-text-xl);
    }

    .tab-label[b-gzk8vdenis] {
        display: none;
    }

    .tab-badge[b-gzk8vdenis] {
        position: absolute;
        top: 0.25rem;
        right: 0.25rem;
        font-size: 0.625rem;
        padding: 0.0625rem 0.375rem;
    }

    .tab-badge-loading[b-gzk8vdenis] {
        position: absolute;
        top: 0.25rem;
        right: 0.25rem;
        width: 6px;
        height: 6px;
        margin-left: 0;
    }
}
/* _content/FedData.UI/Components/Core/Tabs/TabContainer.razor.rz.scp.css */
/* Tab Container */
.tab-container[b-owhk9g9vur] {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Tabs Wrapper - Contains the tab navigation */
.tabs-wrapper[b-owhk9g9vur] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-shadow-sm);
    margin-bottom: var(--fd-spacing-3);
    border: var(--fd-border-width) solid var(--fd-gray-200);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tabs-inner[b-owhk9g9vur] {
    min-width: fit-content;
}

.tabs-nav[b-owhk9g9vur] {
    display: flex;
    padding: var(--fd-spacing-2);
    gap: var(--fd-spacing-1);
    border-bottom: none;
}

/* Tab Content Wrapper */
.tab-content-wrapper[b-owhk9g9vur] {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    animation: tabFadeIn-b-owhk9g9vur 0.25s ease;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Flow Content Mode
   Removes flex constraints so content flows naturally with page scroll.
   Use for detail pages where tab content should expand to natural height.
   ═══════════════════════════════════════════════════════════════════════════ */

.tab-container--flow[b-owhk9g9vur] {
    flex: initial;
    min-height: initial;
}

.tab-content-wrapper--flow[b-owhk9g9vur] {
    flex: initial;
    min-height: initial;
    display: block;
}

@keyframes tabFadeIn-b-owhk9g9vur {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Bottom Dock Mode
   Tabs fixed to bottom of viewport for mobile detail pages.
   ═══════════════════════════════════════════════════════════════════════════ */

.tab-container--dock-bottom[b-owhk9g9vur] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.tabs-wrapper--docked[b-owhk9g9vur] {
    flex-shrink: 0;
    order: 2;
    margin-bottom: 0;
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid var(--fd-gray-200);
    box-shadow: var(--fd-shadow-sm);
    background: var(--fd-surface-default);
    z-index: 10;
}

.tabs-wrapper--docked .tabs-nav[b-owhk9g9vur] {
    justify-content: space-around;
    padding: 0.25rem 0;
    gap: 0;
}

.tabs-wrapper--docked .tabs-nav[b-owhk9g9vur]  .tab-button {
    flex: 1;
    flex-direction: column;
    gap: 0.125rem;
    padding: 0.375rem 0.25rem;
    border-radius: 0;
    font-size: 0.625rem;
    position: relative;
}

.tabs-wrapper--docked .tabs-nav[b-owhk9g9vur]  .tab-button.active {
    background: transparent;
    color: var(--fd-primary-500);
}

.tabs-wrapper--docked .tabs-nav[b-owhk9g9vur]  .tab-button.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 25%;
    right: 25%;
    height: 2px;
    background: var(--fd-primary-500);
    border-radius: 0 0 2px 2px;
}

.tabs-wrapper--docked .tabs-nav[b-owhk9g9vur]  .tab-button i {
    font-size: 1.25rem;
}

.tabs-wrapper--docked .tabs-nav[b-owhk9g9vur]  .tab-label {
    display: block;
    font-size: 0.625rem;
    line-height: 1;
}

.tab-content-wrapper--docked[b-owhk9g9vur] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    order: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
    .tabs-nav[b-owhk9g9vur] {
        padding: var(--fd-spacing-2);
        gap: var(--fd-spacing-1);
    }

    .tabs-wrapper[b-owhk9g9vur] {
        margin-bottom: var(--fd-spacing-6);
    }
}

/* Print styles */
@media print {
    .tabs-wrapper[b-owhk9g9vur] {
        display: none;
    }
}
/* _content/FedData.UI/Components/Core/Tabs/TabPanel.razor.rz.scp.css */
/* Tab Panel */
.tab-panel[b-cp0n32viy5] {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    animation: tabPanelSlideIn-b-cp0n32viy5 0.25s ease;
}

/* Flow Content Mode - removes flex constraints for natural page scrolling */
.tab-panel--flow[b-cp0n32viy5] {
    flex: initial;
    min-height: initial;
    display: block;
}

@keyframes tabPanelSlideIn-b-cp0n32viy5 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .tab-panel[b-cp0n32viy5] {
        width: 100%;
    }
}
/* _content/FedData.UI/Components/DevTools/ApiErrorTestingPage.razor.rz.scp.css */
.api-error-testing[b-bzvbuwcq2b] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
}

.test-layout[b-bzvbuwcq2b] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 1024px) {
    .test-layout[b-bzvbuwcq2b] {
        grid-template-columns: 1fr;
    }
}

/* Trigger Panel */
.trigger-panel[b-bzvbuwcq2b] {
    background: var(--fd-bg-surface, hsl(0, 0%, 100%));
    border: 1px solid var(--fd-border-default, hsl(220, 13%, 90%));
    border-radius: 8px;
    padding: 1.25rem;
}

.trigger-panel h3[b-bzvbuwcq2b] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.panel-desc[b-bzvbuwcq2b] {
    font-size: 0.8125rem;
    color: var(--fd-text-secondary, hsl(220, 10%, 46%));
    margin: 0 0 1rem;
    line-height: 1.4;
}

.trigger-grid[b-bzvbuwcq2b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.trigger-btn[b-bzvbuwcq2b] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--fd-border-default, hsl(220, 13%, 90%));
    border-radius: 6px;
    background: var(--fd-bg-surface, hsl(0, 0%, 100%));
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.trigger-btn:hover:not(:disabled)[b-bzvbuwcq2b] {
    border-color: var(--fd-border-strong, hsl(220, 13%, 75%));
    background: var(--fd-bg-subtle, hsl(220, 20%, 96%));
}

.trigger-btn:disabled[b-bzvbuwcq2b] {
    opacity: 0.6;
    cursor: not-allowed;
}

.trigger-code[b-bzvbuwcq2b] {
    font-weight: 600;
    font-size: 0.8125rem;
    min-width: 110px;
    white-space: nowrap;
}

.trigger-desc[b-bzvbuwcq2b] {
    font-size: 0.8125rem;
    color: var(--fd-text-secondary, hsl(220, 10%, 46%));
    flex: 1;
}

.trigger-spinner[b-bzvbuwcq2b] {
    width: 14px;
    height: 14px;
    border: 2px solid var(--fd-border-default, hsl(220, 13%, 90%));
    border-top-color: var(--fd-primary, hsl(216, 90%, 52%));
    border-radius: 50%;
    animation: spin-b-bzvbuwcq2b 0.6s linear infinite;
}

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

/* Color accents for trigger buttons */
.btn-auth .trigger-code[b-bzvbuwcq2b] { color: var(--fd-danger, hsl(0, 72%, 51%)); }
.btn-forbidden .trigger-code[b-bzvbuwcq2b] { color: var(--fd-warning, hsl(38, 92%, 50%)); }
.btn-notfound .trigger-code[b-bzvbuwcq2b] { color: var(--fd-text-secondary, hsl(220, 10%, 46%)); }
.btn-validation .trigger-code[b-bzvbuwcq2b] { color: var(--fd-info, hsl(199, 89%, 48%)); }
.btn-business .trigger-code[b-bzvbuwcq2b] { color: var(--fd-warning, hsl(38, 92%, 50%)); }
.btn-server .trigger-code[b-bzvbuwcq2b] { color: var(--fd-danger, hsl(0, 72%, 51%)); }
.btn-timeout .trigger-code[b-bzvbuwcq2b] { color: var(--fd-danger, hsl(0, 72%, 51%)); }

/* Results Panel */
.results-panel[b-bzvbuwcq2b] {
    background: var(--fd-bg-surface, hsl(0, 0%, 100%));
    border: 1px solid var(--fd-border-default, hsl(220, 13%, 90%));
    border-radius: 8px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
}

.results-header[b-bzvbuwcq2b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.results-header h3[b-bzvbuwcq2b] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.clear-btn[b-bzvbuwcq2b] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    color: var(--fd-text-secondary, hsl(220, 10%, 46%));
    background: transparent;
    border: 1px solid var(--fd-border-default, hsl(220, 13%, 90%));
    border-radius: 4px;
    cursor: pointer;
}

.clear-btn:hover[b-bzvbuwcq2b] {
    background: var(--fd-bg-subtle, hsl(220, 20%, 96%));
}

.results-empty[b-bzvbuwcq2b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 3rem 1rem;
    color: var(--fd-text-tertiary, hsl(220, 10%, 60%));
    font-size: 0.875rem;
}

.results-empty i[b-bzvbuwcq2b] {
    font-size: 2rem;
    opacity: 0.5;
}

.results-list[b-bzvbuwcq2b] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 500px;
    overflow-y: auto;
}

.result-row[b-bzvbuwcq2b] {
    padding: 0.625rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    border-left: 3px solid transparent;
}

.result-row.handled[b-bzvbuwcq2b] {
    background: hsla(142, 72%, 29%, 0.06);
    border-left-color: var(--fd-success, hsl(142, 72%, 29%));
}

.result-row.passthrough[b-bzvbuwcq2b] {
    background: hsla(38, 92%, 50%, 0.06);
    border-left-color: var(--fd-warning, hsl(38, 92%, 50%));
}

.result-main[b-bzvbuwcq2b] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    flex-wrap: wrap;
}

.result-time[b-bzvbuwcq2b] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--fd-text-tertiary, hsl(220, 10%, 60%));
}

.result-status[b-bzvbuwcq2b] {
    font-weight: 700;
    font-family: monospace;
    font-size: 0.8125rem;
    padding: 0.0625rem 0.375rem;
    border-radius: 3px;
    background: var(--fd-bg-subtle, hsl(220, 20%, 96%));
}

.result-status.status-401[b-bzvbuwcq2b],
.result-status.status-500[b-bzvbuwcq2b] {
    color: var(--fd-danger, hsl(0, 72%, 51%));
}

.result-status.status-403[b-bzvbuwcq2b],
.result-status.status-400[b-bzvbuwcq2b] {
    color: var(--fd-warning, hsl(38, 92%, 50%));
}

.result-status.status-404[b-bzvbuwcq2b] {
    color: var(--fd-text-secondary, hsl(220, 10%, 46%));
}

.result-status.status-0[b-bzvbuwcq2b] {
    color: var(--fd-danger, hsl(0, 72%, 51%));
}

.result-class[b-bzvbuwcq2b] {
    font-weight: 500;
}

.result-handled[b-bzvbuwcq2b] {
    margin-left: auto;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
}

.handled .result-handled[b-bzvbuwcq2b] {
    color: var(--fd-success, hsl(142, 72%, 29%));
    background: hsla(142, 72%, 29%, 0.1);
}

.passthrough .result-handled[b-bzvbuwcq2b] {
    color: var(--fd-warning, hsl(38, 92%, 50%));
    background: hsla(38, 92%, 50%, 0.1);
}

.result-error[b-bzvbuwcq2b] {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    color: var(--fd-text-secondary, hsl(220, 10%, 46%));
    padding-left: 0.25rem;
}

.result-validation[b-bzvbuwcq2b] {
    margin-top: 0.375rem;
    font-size: 0.75rem;
}

.result-validation summary[b-bzvbuwcq2b] {
    cursor: pointer;
    color: var(--fd-info, hsl(199, 89%, 48%));
    font-weight: 500;
}

.result-validation ul[b-bzvbuwcq2b] {
    margin: 0.375rem 0 0;
    padding-left: 1.25rem;
    color: var(--fd-text-secondary, hsl(220, 10%, 46%));
}

.result-validation li[b-bzvbuwcq2b] {
    margin-bottom: 0.25rem;
}
/* _content/FedData.UI/Components/DevTools/DevToolsPage.razor.rz.scp.css */
.dev-tools[b-qnflvmq0ax] {
    padding: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.dev-tools-header[b-qnflvmq0ax] {
    margin-bottom: 1.5rem;
}

    .dev-tools-header h1[b-qnflvmq0ax] {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 0.25rem;
    }

.dev-tools-actions[b-qnflvmq0ax] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
}

.dev-tools-summary[b-qnflvmq0ax] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-qnflvmq0ax] {
    background: var(--fd-surface-raised);
    border: 1px solid var(--fd-border-default);
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
}

    .summary-card.success[b-qnflvmq0ax] {
        border-left: 4px solid var(--fd-success-500);
    }

    .summary-card.warning[b-qnflvmq0ax] {
        border-left: 4px solid var(--fd-warning-500);
    }

    .summary-card.danger[b-qnflvmq0ax] {
        border-left: 4px solid var(--fd-danger-500);
    }

.summary-value[b-qnflvmq0ax] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.summary-label[b-qnflvmq0ax] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

.timestamp-info[b-qnflvmq0ax] {
    font-size: 0.875rem;
    color: var(--fd-text-muted);
    margin-bottom: 1.5rem;
    padding: 0.5rem;
    background: var(--fd-surface-sunken);
    border-radius: 4px;
}

.state-category[b-qnflvmq0ax] {
    margin-bottom: 2rem;
}

.category-header[b-qnflvmq0ax] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--fd-border-default);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.state-grid[b-qnflvmq0ax] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.state-card[b-qnflvmq0ax] {
    background: var(--fd-surface-raised);
    border: 1px solid var(--fd-border-default);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.15s;
}

    .state-card:hover[b-qnflvmq0ax] {
        box-shadow: var(--fd-shadow-sm);
    }

    .state-card.error[b-qnflvmq0ax] {
        border-color: var(--fd-danger-500);
        background: var(--fd-danger-50);
    }

    .state-card.expired[b-qnflvmq0ax] {
        border-color: var(--fd-warning-500);
        background: var(--fd-warning-50);
    }

    .state-card.fresh[b-qnflvmq0ax] {
        border-color: var(--fd-success-500);
    }

.state-card-header[b-qnflvmq0ax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--fd-surface-sunken);
    border-bottom: 1px solid var(--fd-border-default);
}

.state-name[b-qnflvmq0ax] {
    font-weight: 600;
    font-size: 0.9rem;
}

.state-card-body[b-qnflvmq0ax] {
    padding: 1rem;
}

.state-metrics[b-qnflvmq0ax] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.metric[b-qnflvmq0ax] {
    display: flex;
    flex-direction: column;
}

.metric-label[b-qnflvmq0ax] {
    font-size: 0.7rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metric-value[b-qnflvmq0ax] {
    font-weight: 600;
    font-size: 0.9rem;
}

.state-error[b-qnflvmq0ax] {
    font-size: 0.8rem;
    color: var(--fd-danger-500);
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: var(--fd-danger-50);
    border-radius: 4px;
}

.state-metadata[b-qnflvmq0ax] {
    margin-top: 0.75rem;
    font-size: 0.8rem;
}

    .state-metadata summary[b-qnflvmq0ax] {
        cursor: pointer;
        color: var(--fd-text-muted);
        user-select: none;
    }

        .state-metadata summary:hover[b-qnflvmq0ax] {
            color: var(--fd-text-default);
        }

.metadata-list[b-qnflvmq0ax] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: var(--fd-surface-sunken);
    border-radius: 4px;
}

.metadata-item[b-qnflvmq0ax] {
    display: flex;
    gap: 0.5rem;
    padding: 0.15rem 0;
}

.metadata-key[b-qnflvmq0ax] {
    color: var(--fd-text-muted);
    min-width: 100px;
}

.metadata-value[b-qnflvmq0ax] {
    font-family: monospace;
    word-break: break-all;
}

.bg-success-subtle[b-qnflvmq0ax] {
    background-color: var(--fd-success-100) !important;
    color: var(--fd-success-900) !important;
}

.bg-warning-subtle[b-qnflvmq0ax] {
    background-color: var(--fd-warning-100) !important;
    color: var(--fd-warning-900) !important;
}

.bg-danger-subtle[b-qnflvmq0ax] {
    background-color: var(--fd-danger-100) !important;
    color: var(--fd-danger-900) !important;
}

.bg-secondary-subtle[b-qnflvmq0ax] {
    background-color: var(--fd-gray-200) !important;
    color: var(--fd-gray-600) !important;
}

.bg-info-subtle[b-qnflvmq0ax] {
    background-color: var(--fd-info-100) !important;
    color: var(--fd-info-900) !important;
}

/* Container & Layout */
.devtools-container[b-qnflvmq0ax] {
    padding: 1.5rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
    font-size: 0.875rem;
}

/* Hub View */
.devtools-hub[b-qnflvmq0ax] {
    max-width: 900px;
    margin: 0 auto;
}

.hub-header[b-qnflvmq0ax] {
    text-align: center;
    margin-bottom: 2rem;
}

    .hub-header h1[b-qnflvmq0ax] {
        font-size: 1.75rem;
        font-weight: 600;
        margin: 0 0 0.5rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }

        .hub-header h1 i[b-qnflvmq0ax] {
            color: var(--fd-primary-500);
        }

.hub-subtitle[b-qnflvmq0ax] {
    color: var(--fd-text-muted);
    font-size: 1rem;
    margin: 0;
}

.hub-options[b-qnflvmq0ax] {
    margin-top: 1rem;
}

.fab-toggle[b-qnflvmq0ax] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    background: var(--fd-surface-sunken);
    border: 1px solid var(--fd-border-default);
    border-radius: 20px;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    cursor: pointer;
    transition: all 0.15s;
}

    .fab-toggle:hover[b-qnflvmq0ax] {
        background: var(--fd-surface-hover);
        border-color: var(--fd-primary-300);
    }

    .fab-toggle input[b-qnflvmq0ax] {
        display: none;
    }

    .fab-toggle i[b-qnflvmq0ax] {
        font-size: 0.85rem;
    }

.hub-cards[b-qnflvmq0ax] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.hub-card[b-qnflvmq0ax] {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.5rem;
    background: var(--fd-surface-raised);
    border: 1px solid var(--fd-border-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

    .hub-card:hover[b-qnflvmq0ax] {
        border-color: var(--fd-primary-500);
        box-shadow: var(--fd-shadow-md);
        transform: translateY(-2px);
    }

.card-icon[b-qnflvmq0ax] {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    background: var(--fd-primary-100);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .card-icon i[b-qnflvmq0ax] {
        font-size: 1.5rem;
        color: var(--fd-primary-600);
    }

.card-content[b-qnflvmq0ax] {
    flex: 1;
    min-width: 0;
}

    .card-content h2[b-qnflvmq0ax] {
        font-size: 1.25rem;
        font-weight: 600;
        margin: 0 0 0.35rem 0;
    }

.card-desc[b-qnflvmq0ax] {
    color: var(--fd-text-muted);
    margin: 0 0 1rem 0;
    line-height: 1.5;
}

.card-details[b-qnflvmq0ax] {
    background: var(--fd-surface-sunken);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

    .card-details h4[b-qnflvmq0ax] {
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--fd-text-muted);
        margin: 0 0 0.5rem 0;
    }

    .card-details ul[b-qnflvmq0ax] {
        margin: 0;
        padding-left: 1.25rem;
        font-size: 0.8rem;
        line-height: 1.6;
    }

    .card-details li[b-qnflvmq0ax] {
        margin-bottom: 0.25rem;
    }

    .card-details strong[b-qnflvmq0ax] {
        color: var(--fd-text-default);
    }

.card-stats[b-qnflvmq0ax] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.mini-stat[b-qnflvmq0ax] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: var(--fd-text-muted);
}

    .mini-stat.has-data[b-qnflvmq0ax] {
        color: var(--fd-success-500);
    }

    .mini-stat.pinned[b-qnflvmq0ax] {
        color: var(--fd-purple-500);
    }

    .mini-stat.error[b-qnflvmq0ax] {
        color: var(--fd-danger-500);
    }

.card-arrow[b-qnflvmq0ax] {
    flex-shrink: 0;
    color: var(--fd-text-muted);
    opacity: 0.4;
    transition: opacity 0.2s;
    align-self: center;
}

.hub-card:hover .card-arrow[b-qnflvmq0ax] {
    opacity: 1;
    color: var(--fd-primary-500);
}

/* View Navigation */
.view-nav[b-qnflvmq0ax] {
    margin-bottom: 1rem;
}

.back-btn[b-qnflvmq0ax] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: none;
    border: 1px solid var(--fd-border-default);
    border-radius: 6px;
    color: var(--fd-text-default);
    cursor: pointer;
    font-size: 0.875rem;
    transition: all 0.15s;
}

    .back-btn:hover[b-qnflvmq0ax] {
        background: var(--fd-surface-hover);
        border-color: var(--fd-primary-500);
        color: var(--fd-primary-600);
    }

/* View Content */
.view-content[b-qnflvmq0ax] {
    display: flex;
    flex-direction: column;
}

.view-header[b-qnflvmq0ax] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-shrink: 0;
}

.view-title h1[b-qnflvmq0ax] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .view-title h1 i[b-qnflvmq0ax] {
        color: var(--fd-primary-500);
    }

.view-subtitle[b-qnflvmq0ax] {
    font-size: 0.8rem;
    color: var(--fd-text-muted);
}

.view-actions[b-qnflvmq0ax] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

    .view-actions .btn[b-qnflvmq0ax] {
        padding: 0.35rem 0.6rem;
    }

.auto-refresh-toggle[b-qnflvmq0ax] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    cursor: pointer;
    margin-left: 0.5rem;
}

/* State Inspector Styles */
.devtools-summary[b-qnflvmq0ax] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.summary-stat[b-qnflvmq0ax] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 1rem;
    background: var(--fd-surface-raised);
    border: 1px solid var(--fd-border-default);
    border-radius: 6px;
    min-width: 70px;
}

    .summary-stat.fresh[b-qnflvmq0ax] {
        border-left: 3px solid var(--fd-success-500);
    }

    .summary-stat.has-data[b-qnflvmq0ax] {
        border-left: 3px solid var(--fd-info-500);
    }

    .summary-stat.empty[b-qnflvmq0ax] {
        border-left: 3px solid var(--fd-gray-500);
    }

    .summary-stat.warning[b-qnflvmq0ax] {
        border-left: 3px solid var(--fd-warning-500);
    }

    .summary-stat.error[b-qnflvmq0ax] {
        border-left: 3px solid var(--fd-danger-500);
    }

    .summary-stat.pinned[b-qnflvmq0ax] {
        border-left: 3px solid var(--fd-purple-500);
    }

.stat-value[b-qnflvmq0ax] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}

.stat-label[b-qnflvmq0ax] {
    font-size: 0.7rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    margin-top: 0.25rem;
}

.devtools-table-container[b-qnflvmq0ax] {
    flex: 1;
    overflow: auto;
    border: 1px solid var(--fd-border-default);
    border-radius: 6px;
    background: var(--fd-surface-raised);
}

.devtools-table[b-qnflvmq0ax] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

    .devtools-table thead[b-qnflvmq0ax] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .devtools-table th[b-qnflvmq0ax] {
        background: var(--fd-surface-sunken);
        padding: 0.5rem 0.75rem;
        text-align: left;
        font-weight: 600;
        font-size: 0.7rem;
        text-transform: uppercase;
        color: var(--fd-text-muted);
        border-bottom: 1px solid var(--fd-border-default);
    }

    .devtools-table td[b-qnflvmq0ax] {
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid var(--fd-border-muted);
        vertical-align: middle;
    }

.col-pin[b-qnflvmq0ax] {
    width: 36px;
    text-align: center;
}

.col-status[b-qnflvmq0ax] {
    width: 28px;
    text-align: center;
}

.col-name[b-qnflvmq0ax] {
    width: 150px;
}

.col-desc[b-qnflvmq0ax] {
    width: auto;
}

.col-records[b-qnflvmq0ax] {
    width: 70px;
    text-align: right;
}

.col-age[b-qnflvmq0ax] {
    width: 100px;
    text-align: right;
}

.col-ttl[b-qnflvmq0ax] {
    width: 70px;
    text-align: right;
}

.col-triggers[b-qnflvmq0ax] {
    width: 36px;
    text-align: center;
}

.category-row td[b-qnflvmq0ax] {
    background: var(--fd-surface-sunken);
    font-weight: 600;
    font-size: 0.8rem;
    padding: 0.4rem 0.75rem;
}

.category-row i[b-qnflvmq0ax] {
    margin-right: 0.5rem;
    opacity: 0.7;
}

.category-count[b-qnflvmq0ax] {
    background: var(--fd-border-default);
    color: var(--fd-text-muted);
    padding: 0.1rem 0.5rem;
    border-radius: 10px;
    font-size: 0.7rem;
    margin-left: 0.5rem;
}

.state-row[b-qnflvmq0ax] {
    cursor: pointer;
    transition: background 0.1s;
}

    .state-row:hover[b-qnflvmq0ax] {
        background: var(--fd-surface-hover);
    }

    .state-row.has-data[b-qnflvmq0ax] {
        background: color-mix(in srgb, var(--fd-info-500) 5%, transparent);
    }

    .state-row.error[b-qnflvmq0ax] {
        background: color-mix(in srgb, var(--fd-danger-500) 8%, transparent);
    }

    .state-row.expired[b-qnflvmq0ax] {
        background: color-mix(in srgb, var(--fd-warning-500) 8%, transparent);
    }

.pin-btn[b-qnflvmq0ax] {
    background: none;
    border: none;
    padding: 0.2rem;
    cursor: pointer;
    color: var(--fd-text-muted);
    opacity: 0.4;
    transition: opacity 0.15s;
}

    .pin-btn:hover[b-qnflvmq0ax], .pin-btn.pinned[b-qnflvmq0ax] {
        opacity: 1;
    }

    .pin-btn.pinned[b-qnflvmq0ax] {
        color: var(--fd-purple-500);
    }

.status-dot[b-qnflvmq0ax] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--fd-gray-500);
}

    .status-dot.loaded[b-qnflvmq0ax] {
        background: var(--fd-success-500);
    }

    .status-dot.fresh[b-qnflvmq0ax] {
        background: var(--fd-success-500);
    }

    .status-dot.active[b-qnflvmq0ax] {
        background: var(--fd-success-500);
    }

    .status-dot.has-state[b-qnflvmq0ax] {
        background: var(--fd-info-500);
    }

    .status-dot.has-selections[b-qnflvmq0ax] {
        background: var(--fd-info-500);
    }

    .status-dot.empty[b-qnflvmq0ax] {
        background: var(--fd-gray-400);
    }

    .status-dot.uninitialized[b-qnflvmq0ax] {
        background: var(--fd-gray-400);
    }

    .status-dot.loading[b-qnflvmq0ax] {
        background: var(--fd-primary-500);
        animation: pulse 1s infinite;
    }

    .status-dot.expired[b-qnflvmq0ax] {
        background: var(--fd-warning-500);
    }

    .status-dot.error[b-qnflvmq0ax] {
        background: var(--fd-danger-500);
    }

    .status-dot.warning[b-qnflvmq0ax] {
        background: var(--fd-warning-500);
    }

@@keyframes pulse {
    0%[b-qnflvmq0ax], 100%[b-qnflvmq0ax] {
        opacity: 1;
    }

    50%[b-qnflvmq0ax] {
        opacity: 0.4;
    }
}

.state-name[b-qnflvmq0ax] {
    font-weight: 500;
}

.state-desc[b-qnflvmq0ax] {
    color: var(--fd-text-muted);
    font-size: 0.75rem;
}

.no-data[b-qnflvmq0ax] {
    color: var(--fd-text-subtle);
}

.has-records[b-qnflvmq0ax] {
    font-weight: 600;
    color: var(--fd-info-500);
}

.expired[b-qnflvmq0ax] {
    color: var(--fd-warning-600);
}

.trigger-info[b-qnflvmq0ax] {
    color: var(--fd-text-muted);
    cursor: help;
}

.expanded-row td[b-qnflvmq0ax] {
    background: var(--fd-surface-sunken);
    padding: 0;
}

.expanded-content[b-qnflvmq0ax] {
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
    border-left: 3px solid var(--fd-primary-500);
    margin-left: 36px;
}

.expanded-section[b-qnflvmq0ax] {
    margin-bottom: 0.35rem;
}

    .expanded-section strong[b-qnflvmq0ax] {
        color: var(--fd-text-muted);
        margin-right: 0.5rem;
    }

.error-msg[b-qnflvmq0ax] {
    color: var(--fd-danger-500);
    margin-left: 0.5rem;
}

.metadata-inline[b-qnflvmq0ax] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.meta-item[b-qnflvmq0ax] {
    background: var(--fd-surface-raised);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.75rem;
}

.view-footer[b-qnflvmq0ax] {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    text-align: right;
    flex-shrink: 0;
}

.auto-badge[b-qnflvmq0ax] {
    background: var(--fd-success-500);
    color: var(--fd-text-on-primary);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.65rem;
    margin-left: 0.5rem;
}

/* Who Am I Styles */
.whoami-content[b-qnflvmq0ax] {
    flex: 1;
    overflow-y: hidden;
}

.user-summary[b-qnflvmq0ax] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    background: var(--fd-surface-raised);
    border: 1px solid var(--fd-border-default);
    border-radius: 8px;
    margin-bottom: 1.25rem;
}

.user-avatar[b-qnflvmq0ax] {
    width: 64px;
    height: 64px;
    background: var(--fd-primary-100);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .user-avatar i[b-qnflvmq0ax] {
        font-size: 2rem;
        color: var(--fd-primary-600);
    }

.user-info[b-qnflvmq0ax] {
    flex: 1;
}

    .user-info h2[b-qnflvmq0ax] {
        margin: 0;
        font-size: 1.25rem;
    }

.user-email[b-qnflvmq0ax] {
    margin: 0.25rem 0 0 0;
    color: var(--fd-text-muted);
    font-size: 0.875rem;
}

.user-badge[b-qnflvmq0ax] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

    .user-badge.authenticated[b-qnflvmq0ax] {
        background: color-mix(in srgb, var(--fd-success-500) 10%, transparent);
        color: var(--fd-success-500);
    }

.claims-section[b-qnflvmq0ax] {
    background: var(--fd-surface-raised);
    border: 1px solid var(--fd-border-default);
    border-radius: 8px;
    overflow: hidden;
}

.claims-header[b-qnflvmq0ax] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--fd-surface-sunken);
    border-bottom: 1px solid var(--fd-border-default);
}

    .claims-header h3[b-qnflvmq0ax] {
        margin: 0;
        font-size: 0.9rem;
        font-weight: 600;
    }

.claims-count[b-qnflvmq0ax] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    background: var(--fd-border-default);
    padding: 0.2rem 0.6rem;
    border-radius: 10px;
}

.claims-search[b-qnflvmq0ax] {
    margin-left: auto;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--fd-border-default);
    border-radius: 4px;
    font-size: 0.8rem;
    width: 200px;
    background: var(--fd-surface-sunken);
    color: var(--fd-text-default);
}

.claims-search[b-qnflvmq0ax]::placeholder {
    color: var(--fd-text-subtle);
}

.claims-search:focus[b-qnflvmq0ax] {
    outline: none;
    border-color: var(--fd-primary-500);
    background: var(--fd-surface-default);
}

.claims-table-container[b-qnflvmq0ax] {
    overflow-y: hidden;
}

.claims-table[b-qnflvmq0ax] {
    width: 100%;
    border-collapse: collapse;
}

    .claims-table th[b-qnflvmq0ax] {
        background: var(--fd-surface-sunken);
        padding: 0.5rem 1rem;
        text-align: left;
        font-size: 0.7rem;
        text-transform: uppercase;
        color: var(--fd-text-muted);
        font-weight: 600;
        position: sticky;
        top: 0;
    }

    .claims-table td[b-qnflvmq0ax] {
        padding: 0.5rem 1rem;
        border-bottom: 1px solid var(--fd-border-muted);
        vertical-align: middle;
    }

    .claims-table tr:hover[b-qnflvmq0ax] {
        background: var(--fd-surface-hover);
    }

    .claims-table tr.role-claim[b-qnflvmq0ax] {
        background: color-mix(in srgb, var(--fd-purple-500) 5%, transparent);
    }

    .claims-table tr.permission-claim[b-qnflvmq0ax] {
        background: color-mix(in srgb, var(--fd-info-500) 5%, transparent);
    }

.claim-type[b-qnflvmq0ax] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.claim-badge[b-qnflvmq0ax] {
    font-size: 0.6rem;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
}

    .claim-badge.identity[b-qnflvmq0ax] {
        background: var(--fd-primary-100);
        color: var(--fd-primary-700);
    }

    .claim-badge.role[b-qnflvmq0ax] {
        background: var(--fd-purple-100);
        color: var(--fd-purple-700);
    }

    .claim-badge.permission[b-qnflvmq0ax] {
        background: var(--fd-success-100);
        color: var(--fd-success-800);
    }

    .claim-badge.custom[b-qnflvmq0ax] {
        background: var(--fd-warning-100);
        color: var(--fd-warning-800);
    }

.claim-type-text[b-qnflvmq0ax] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.claim-value[b-qnflvmq0ax] {
    font-family: monospace;
    font-size: 0.8rem;
    word-break: break-all;
}

.not-authenticated[b-qnflvmq0ax] {
    text-align: center;
    padding: 3rem;
    color: var(--fd-text-muted);
}

    .not-authenticated i[b-qnflvmq0ax] {
        font-size: 4rem;
        color: var(--fd-danger-500);
        margin-bottom: 1rem;
    }

    .not-authenticated h2[b-qnflvmq0ax] {
        margin: 0 0 0.5rem 0;
    }
/* _content/FedData.UI/Components/DevTools/PinnedStatesPanel.razor.rz.scp.css */
.pinned-panel[b-41jq2z5gd5] {
    position: fixed;
    bottom: 0;
    left: var(--sidebar-width, 250px);
    right: 0;
    background: var(--fd-surface-raised);
    border-top: 1px solid var(--fd-border-default);
    box-shadow: var(--fd-shadow-md);
    z-index: 100;
    transition: left 0.2s;
}

:root[data-sidebar-collapsed="true"] .pinned-panel[b-41jq2z5gd5] {
    left: var(--sidebar-collapsed-width, 60px);
}

.pinned-panel.collapsed .pinned-content[b-41jq2z5gd5] {
    display: none;
}

.pinned-header[b-41jq2z5gd5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.75rem;
    background: var(--fd-surface-sunken);
    cursor: pointer;
    user-select: none;
}

.pinned-title[b-41jq2z5gd5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6f42c1;
}

.pinned-count[b-41jq2z5gd5] {
    background: #6f42c1;
    color: var(--fd-text-on-primary);
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 0.65rem;
}

.pinned-actions[b-41jq2z5gd5] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.action-btn[b-41jq2z5gd5] {
    background: none;
    border: none;
    padding: 0.2rem 0.35rem;
    cursor: pointer;
    color: var(--fd-text-muted);
    border-radius: 3px;
}

.action-btn:hover[b-41jq2z5gd5] {
    background: var(--fd-surface-hover);
    color: var(--fd-text-default);
}

.action-btn.whoami-btn[b-41jq2z5gd5] {
    color: rgba(111, 66, 193, 0.7);
}

.action-btn.whoami-btn:hover[b-41jq2z5gd5] {
    background: rgba(111, 66, 193, 0.15);
    color: #6f42c1;
}

.action-btn.devtools-btn[b-41jq2z5gd5] {
    color: rgba(13, 110, 253, 0.7);
    text-decoration: none;
}

.action-btn.devtools-btn:hover[b-41jq2z5gd5] {
    background: rgba(13, 110, 253, 0.15);
    color: var(--fd-primary-500);
}

.action-divider[b-41jq2z5gd5] {
    width: 1px;
    height: 16px;
    background: var(--fd-border-default);
    margin: 0 0.25rem;
}

.auto-toggle[b-41jq2z5gd5] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    cursor: pointer;
    font-size: 0.65rem;
    padding: 0.15rem 0.35rem;
    border-radius: 3px;
    color: var(--fd-text-muted);
}

.auto-toggle:hover[b-41jq2z5gd5] {
    background: var(--fd-surface-hover);
}

.auto-toggle input[b-41jq2z5gd5] {
    display: none;
}

.auto-toggle span.active[b-41jq2z5gd5] {
    color: var(--fd-success-500);
    font-weight: 600;
}

.collapse-icon[b-41jq2z5gd5] {
    color: var(--fd-text-muted);
    margin-left: 0.25rem;
}

.pinned-content[b-41jq2z5gd5] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    overflow-x: auto;
    align-items: flex-start;
}

/* State Picker */
.state-picker[b-41jq2z5gd5] {
    flex-shrink: 0;
    width: 220px;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-border-default);
    border-radius: 4px;
    font-size: 0.75rem;
    max-height: 250px;
    display: flex;
    flex-direction: column;
}

.picker-header[b-41jq2z5gd5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.5rem;
    background: var(--fd-surface-sunken);
    border-bottom: 1px solid var(--fd-border-muted);
    font-weight: 600;
}

.close-picker[b-41jq2z5gd5] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--fd-text-muted);
    line-height: 1;
}

.close-picker:hover[b-41jq2z5gd5] {
    color: var(--fd-text-default);
}

.picker-search[b-41jq2z5gd5] {
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--fd-border-muted);
}

.picker-search input[b-41jq2z5gd5] {
    width: 100%;
    border: 1px solid var(--fd-border-default);
    border-radius: 3px;
    padding: 0.25rem 0.4rem;
    font-size: 0.7rem;
}

.picker-list[b-41jq2z5gd5] {
    overflow-y: auto;
    flex: 1;
}

.picker-category[b-41jq2z5gd5] {
    padding: 0.25rem 0.5rem;
    background: var(--fd-surface-sunken);
    font-weight: 600;
    font-size: 0.65rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
    position: sticky;
    top: 0;
}

.picker-item[b-41jq2z5gd5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.5rem;
    cursor: pointer;
    transition: background 0.1s;
}

.picker-item:hover[b-41jq2z5gd5] {
    background: var(--fd-surface-hover);
}

.picker-item.pinned[b-41jq2z5gd5] {
    background: rgba(111, 66, 193, 0.1);
}

.picker-item .item-name[b-41jq2z5gd5] {
    flex: 1;
}

.picker-item .item-count[b-41jq2z5gd5] {
    font-size: 0.65rem;
    color: var(--fd-info-500);
    font-weight: 600;
}

.picker-item .pin-icon[b-41jq2z5gd5] {
    color: var(--fd-text-muted);
    opacity: 0.3;
}

.picker-item:hover .pin-icon[b-41jq2z5gd5],
.picker-item.pinned .pin-icon[b-41jq2z5gd5] {
    opacity: 1;
}

.picker-item.pinned .pin-icon[b-41jq2z5gd5] {
    color: #6f42c1;
}

/* Pinned Cards */
.pinned-card[b-41jq2z5gd5] {
    flex-shrink: 0;
    min-width: 160px;
    max-width: 200px;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-border-default);
    border-radius: 4px;
    font-size: 0.75rem;
    cursor: pointer;
    transition: box-shadow 0.15s, border-color 0.15s;
}

.pinned-card:hover[b-41jq2z5gd5] {
    box-shadow: 0 2px 8px rgba(111, 66, 193, 0.15);
}

.pinned-card.inspecting[b-41jq2z5gd5] {
    border-color: #6f42c1;
    box-shadow: 0 0 0 2px rgba(111, 66, 193, 0.25);
}

.pinned-card.has-data[b-41jq2z5gd5] {
    border-left: 3px solid var(--fd-info-500);
}

.pinned-card.error[b-41jq2z5gd5] {
    border-left: 3px solid var(--fd-danger-500);
}

.pinned-card.expired[b-41jq2z5gd5] {
    border-left: 3px solid var(--fd-warning-500);
}

.card-header[b-41jq2z5gd5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.5rem;
    background: var(--fd-surface-sunken);
    border-bottom: 1px solid var(--fd-border-muted);
}

.status-dot[b-41jq2z5gd5] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--fd-gray-600);
    flex-shrink: 0;
}

.status-dot.loaded[b-41jq2z5gd5] { background: var(--fd-success-500); }
.status-dot.fresh[b-41jq2z5gd5] { background: var(--fd-success-500); }
.status-dot.active[b-41jq2z5gd5] { background: var(--fd-success-500); }
.status-dot.has-state[b-41jq2z5gd5] { background: var(--fd-info-500); }
.status-dot.has-selections[b-41jq2z5gd5] { background: var(--fd-info-500); }
.status-dot.empty[b-41jq2z5gd5] { background: var(--fd-gray-500); }
.status-dot.uninitialized[b-41jq2z5gd5] { background: var(--fd-gray-500); }
.status-dot.loading[b-41jq2z5gd5] { background: var(--fd-primary-500); animation: pulse-b-41jq2z5gd5 1s infinite; }
.status-dot.expired[b-41jq2z5gd5] { background: var(--fd-warning-500); }
.status-dot.error[b-41jq2z5gd5] { background: var(--fd-danger-500); }
.status-dot.warning[b-41jq2z5gd5] { background: var(--fd-warning-500); }

@keyframes pulse-b-41jq2z5gd5 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.card-name[b-41jq2z5gd5] {
    font-weight: 600;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-category[b-41jq2z5gd5] {
    font-size: 0.6rem;
    color: var(--fd-text-muted);
    background: var(--fd-border-default);
    padding: 0.1rem 0.25rem;
    border-radius: 3px;
}

.unpin-btn[b-41jq2z5gd5] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--fd-text-muted);
    opacity: 0.5;
    line-height: 1;
}

.unpin-btn:hover[b-41jq2z5gd5] {
    opacity: 1;
    color: var(--fd-danger-500);
}

.card-body[b-41jq2z5gd5] {
    padding: 0.35rem 0.5rem;
}

.card-stats[b-41jq2z5gd5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem;
}

.stat[b-41jq2z5gd5] {
    display: flex;
    flex-direction: column;
}

.stat-label[b-41jq2z5gd5] {
    font-size: 0.6rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
}

.stat-value[b-41jq2z5gd5] {
    font-weight: 500;
}

.stat-value.has-data[b-41jq2z5gd5] {
    color: var(--fd-info-500);
}

.stat-value.expired[b-41jq2z5gd5] {
    color: var(--fd-warning-600);
}

.empty-hint[b-41jq2z5gd5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--fd-text-muted);
    font-size: 0.75rem;
    padding: 0.5rem;
}

/* Who Am I Popover */
.whoami-popover[b-41jq2z5gd5] {
    position: fixed;
    bottom: 130px;
    right: 16px;
    width: 320px;
    max-height: 400px;
    background: var(--fd-surface-raised);
    border: 1px solid var(--fd-border-default);
    border-radius: 8px;
    box-shadow: var(--fd-shadow-lg);
    z-index: 101;
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    transition: max-height 0.3s ease;
}

.whoami-popover.expanded[b-41jq2z5gd5] {
    max-height: 70vh;
}

.whoami-header[b-41jq2z5gd5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    background: var(--fd-surface-sunken);
    border-bottom: 1px solid var(--fd-border-muted);
    font-weight: 600;
    border-radius: 8px 8px 0 0;
    flex-shrink: 0;
}

.whoami-header i[b-41jq2z5gd5] {
    margin-right: 0.35rem;
    color: #6f42c1;
}

.close-btn[b-41jq2z5gd5] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--fd-text-muted);
    padding: 0;
    line-height: 1;
}

.close-btn:hover[b-41jq2z5gd5] {
    color: var(--fd-text-default);
}

.whoami-body[b-41jq2z5gd5] {
    padding: 0.75rem;
    overflow-y: auto;
    flex: 1;
}

.user-row[b-41jq2z5gd5] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.user-row .label[b-41jq2z5gd5] {
    color: var(--fd-text-muted);
    min-width: 50px;
}

.user-row .value[b-41jq2z5gd5] {
    font-weight: 500;
    word-break: break-word;
}

.claims-section[b-41jq2z5gd5] {
    margin-top: 0.75rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--fd-border-muted);
}

.section-title[b-41jq2z5gd5] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--fd-text-muted);
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.claim-badge[b-41jq2z5gd5] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    font-size: 0.7rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.claim-badge.role[b-41jq2z5gd5] {
    background: #f3e8ff;
    color: #6f42c1;
}

.claim-badge.perm[b-41jq2z5gd5] {
    background: var(--fd-success-100);
    color: var(--fd-success-700);
}

.claims-table[b-41jq2z5gd5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.claim-row[b-41jq2z5gd5] {
    display: flex;
    gap: 0.5rem;
    padding: 0.25rem 0.4rem;
    background: var(--fd-surface-sunken);
    border-radius: 3px;
    font-size: 0.7rem;
}

.claim-row .claim-type[b-41jq2z5gd5] {
    color: var(--fd-text-muted);
    min-width: 80px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: monospace;
    font-size: 0.65rem;
}

.claim-row .claim-value[b-41jq2z5gd5] {
    flex: 1;
    font-weight: 500;
    word-break: break-word;
}

.show-more-btn[b-41jq2z5gd5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 100%;
    padding: 0.4rem;
    margin-top: 0.5rem;
    background: var(--fd-primary-100);
    border: 1px solid var(--fd-primary-200);
    border-radius: 4px;
    color: var(--fd-primary-600);
    font-size: 0.7rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.show-more-btn:hover[b-41jq2z5gd5] {
    background: var(--fd-primary-200);
}

.not-auth[b-41jq2z5gd5] {
    color: var(--fd-text-muted);
    text-align: center;
    padding: 1rem;
}
/* _content/FedData.UI/Components/DevTools/PropertyTreeNode.razor.rz.scp.css */
/* PropertyTreeNode - Tree node styling for property inspection */

.prop-node[b-y6k5o7xn94] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.72rem;
    line-height: 1.5;
}

.prop-node-row[b-y6k5o7xn94] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.4rem;
    border-radius: 2px;
    transition: background 0.1s;
    min-height: 22px;
}

.prop-node-row:hover[b-y6k5o7xn94] {
    background: var(--fd-surface-hover);
}

.prop-node-row:hover .prop-copy-btn[b-y6k5o7xn94] {
    opacity: 1;
}

.prop-node-chevron[b-y6k5o7xn94] {
    width: 16px;
    cursor: pointer;
    color: var(--fd-text-muted);
    flex-shrink: 0;
    text-align: center;
}

.prop-node-chevron:hover[b-y6k5o7xn94] {
    color: var(--fd-text-default);
}

.prop-node-chevron.invisible[b-y6k5o7xn94] {
    visibility: hidden;
}

.prop-name[b-y6k5o7xn94] {
    color: #9c27b0;
    font-weight: 500;
    flex-shrink: 0;
}

.prop-name.index-name[b-y6k5o7xn94] {
    color: var(--fd-gray-600);
}

.prop-separator[b-y6k5o7xn94] {
    color: var(--fd-text-muted);
    flex-shrink: 0;
}

.prop-type[b-y6k5o7xn94] {
    color: var(--fd-info-500);
    font-size: 0.65rem;
    background: rgba(38, 166, 154, 0.1);
    padding: 0 0.25rem;
    border-radius: 2px;
    flex-shrink: 0;
}

.prop-value[b-y6k5o7xn94] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Value category colors */
.prop-value.value-null[b-y6k5o7xn94] {
    color: var(--fd-gray-500);
    font-style: italic;
}

.prop-value.value-bool[b-y6k5o7xn94] {
    color: var(--fd-danger-500);
    font-weight: 600;
}

.prop-value.value-number[b-y6k5o7xn94] {
    color: var(--fd-primary-500);
}

.prop-value.value-string[b-y6k5o7xn94] {
    color: var(--fd-success-500);
}

.prop-value.value-datetime[b-y6k5o7xn94] {
    color: var(--fd-warning-500);
}

.prop-value.value-enum[b-y6k5o7xn94] {
    color: #9c27b0;
}

.prop-value.value-guid[b-y6k5o7xn94] {
    color: var(--fd-gray-600);
    font-size: 0.68rem;
}

.prop-value.value-collection[b-y6k5o7xn94],
.prop-value.value-object[b-y6k5o7xn94] {
    color: var(--fd-text-muted);
    font-style: italic;
}

.prop-value.value-warning[b-y6k5o7xn94] {
    color: var(--fd-warning-500);
    font-style: italic;
}

.prop-value.value-error[b-y6k5o7xn94] {
    color: var(--fd-danger-500);
    font-style: italic;
}

.prop-count[b-y6k5o7xn94] {
    font-size: 0.6rem;
    color: var(--fd-info-500);
    background: rgba(23, 162, 184, 0.15);
    padding: 0.05rem 0.3rem;
    border-radius: 8px;
    font-weight: 600;
    flex-shrink: 0;
}

.prop-truncated[b-y6k5o7xn94] {
    color: var(--fd-warning-500);
    font-weight: bold;
    flex-shrink: 0;
}

.prop-copy-btn[b-y6k5o7xn94] {
    background: none;
    border: none;
    padding: 0.1rem 0.25rem;
    cursor: pointer;
    color: var(--fd-text-muted);
    opacity: 0;
    transition: opacity 0.15s, color 0.15s;
    flex-shrink: 0;
    border-radius: 2px;
}

.prop-copy-btn:hover[b-y6k5o7xn94] {
    color: var(--fd-primary-500);
    background: rgba(13, 110, 253, 0.1);
}

.prop-node-children[b-y6k5o7xn94] {
    /* Children are indented via inline padding-left */
}

.prop-loading[b-y6k5o7xn94] {
    color: var(--fd-text-muted);
    font-style: italic;
    padding: 0.25rem 0;
}

.prop-loading i[b-y6k5o7xn94] {
    animation: spin-b-y6k5o7xn94 1s linear infinite;
}

@keyframes spin-b-y6k5o7xn94 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
/* _content/FedData.UI/Components/DevTools/StateInspectorPopover.razor.rz.scp.css */
/* StateInspectorPopover - Inspector panel styling */

.inspector-backdrop[b-ri65erztfj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    background: transparent;
}

.inspector-panel[b-ri65erztfj] {
    position: fixed;
    z-index: 9999 !important;
    background: var(--fd-surface-raised) !important;
    border: 1px solid var(--fd-border-default);
    border-radius: 8px;
    box-shadow: var(--fd-shadow-lg);
    display: flex;
    flex-direction: column;
    animation: inspector-slide-up-b-ri65erztfj 0.15s ease-out;
}

@keyframes inspector-slide-up-b-ri65erztfj {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Header */
.inspector-header[b-ri65erztfj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: var(--fd-surface-sunken);
    border-bottom: 1px solid var(--fd-border-muted);
    border-radius: 8px 8px 0 0;
    flex-shrink: 0;
}

.inspector-title[b-ri65erztfj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.inspector-title .status-dot[b-ri65erztfj] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--fd-gray-600);
    flex-shrink: 0;
}

.inspector-title .status-dot.loaded[b-ri65erztfj],
.inspector-title .status-dot.fresh[b-ri65erztfj],
.inspector-title .status-dot.active[b-ri65erztfj] { background: var(--fd-success-500); }
.inspector-title .status-dot.has-state[b-ri65erztfj],
.inspector-title .status-dot.hasstate[b-ri65erztfj],
.inspector-title .status-dot.has-selections[b-ri65erztfj],
.inspector-title .status-dot.hasselections[b-ri65erztfj] { background: var(--fd-info-500); }
.inspector-title .status-dot.empty[b-ri65erztfj],
.inspector-title .status-dot.uninitialized[b-ri65erztfj] { background: var(--fd-gray-500); }
.inspector-title .status-dot.loading[b-ri65erztfj] { background: var(--fd-primary-500); animation: pulse-b-ri65erztfj 1s infinite; }
.inspector-title .status-dot.expired[b-ri65erztfj] { background: var(--fd-warning-500); }
.inspector-title .status-dot.error[b-ri65erztfj] { background: var(--fd-danger-500); }
.inspector-title .status-dot.warning[b-ri65erztfj] { background: var(--fd-warning-500); }

@keyframes pulse-b-ri65erztfj {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.inspector-title .name[b-ri65erztfj] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--fd-text-default);
}

.inspector-title .category[b-ri65erztfj] {
    font-size: 0.65rem;
    color: var(--fd-text-muted);
    background: var(--fd-border-default);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
}

.inspector-actions[b-ri65erztfj] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.inspector-actions .action-btn[b-ri65erztfj] {
    background: none;
    border: none;
    padding: 0.25rem 0.4rem;
    cursor: pointer;
    color: var(--fd-text-muted);
    border-radius: 3px;
    transition: all 0.15s;
}

.inspector-actions .action-btn:hover[b-ri65erztfj] {
    background: var(--fd-surface-hover);
    color: var(--fd-text-default);
}

.inspector-actions .action-btn.close:hover[b-ri65erztfj] {
    background: rgba(220, 53, 69, 0.15);
    color: var(--fd-danger-500);
}

/* Stats row */
.inspector-stats[b-ri65erztfj] {
    display: flex;
    gap: 1rem;
    padding: 0.4rem 0.75rem;
    background: var(--fd-surface-default);
    border-bottom: 1px solid var(--fd-border-muted);
    font-size: 0.7rem;
    flex-shrink: 0;
}

.inspector-stats .stat[b-ri65erztfj] {
    display: flex;
    flex-direction: column;
}

.inspector-stats .stat-label[b-ri65erztfj] {
    font-size: 0.6rem;
    color: var(--fd-text-muted);
    text-transform: uppercase;
}

.inspector-stats .stat-value[b-ri65erztfj] {
    font-weight: 500;
}

.inspector-stats .stat-value.has-data[b-ri65erztfj] {
    color: var(--fd-info-500);
}

.inspector-stats .stat-value.expired[b-ri65erztfj] {
    color: var(--fd-warning-600);
}

/* Tree container */
.inspector-tree[b-ri65erztfj] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
    background: var(--fd-surface-default);
    border-radius: 0 0 8px 8px;
}

.tree-loading[b-ri65erztfj],
.tree-error[b-ri65erztfj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--fd-text-muted);
    font-size: 0.8rem;
}

.tree-loading i[b-ri65erztfj] {
    animation: spin-b-ri65erztfj 1s linear infinite;
}

.tree-error[b-ri65erztfj] {
    color: var(--fd-danger-500);
}

.tree-error i[b-ri65erztfj] {
    color: var(--fd-danger-500);
}

@keyframes spin-b-ri65erztfj {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Copy toast */
.copy-toast[b-ri65erztfj] {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--fd-success-500);
    color: var(--fd-text-on-primary);
    padding: 0.35rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    animation: toast-fade-b-ri65erztfj 1.5s ease-out forwards;
    z-index: 10;
}

@keyframes toast-fade-b-ri65erztfj {
    0% { opacity: 0; transform: translate(-50%, 8px); }
    15% { opacity: 1; transform: translate(-50%, 0); }
    85% { opacity: 1; transform: translate(-50%, 0); }
    100% { opacity: 0; transform: translate(-50%, -8px); }
}
/* _content/FedData.UI/Components/Domain/Address/AddressPopover.razor.rz.scp.css */
/* Address Popover Container */
.fd-address-popover-container[b-jr91xolspk] {
    position: relative;
    display: inline-block;
}

/* Trigger Element */
.fd-address-popover-trigger[b-jr91xolspk] {
    cursor: pointer;
    user-select: none;
}

.fd-address-popover-trigger:hover[b-jr91xolspk] {
    opacity: 0.8;
}

/* Backdrop Overlay - Invisible layer to detect outside clicks */
.fd-address-popover-backdrop[b-jr91xolspk] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    background: transparent;
    cursor: default;
}

/* Popover Content - Fixed Positioning (escapes parent stacking context) */
.fd-address-popover-content-fixed[b-jr91xolspk] {
    position: fixed;
    padding: 0.75rem;
    background: var(--fd-surface-raised) !important;
    color: var(--fd-text-default) !important;
    border: 1px solid var(--fd-border-default);
    border-radius: 0.375rem;
    box-shadow: var(--fd-shadow-lg);
    z-index: 9999 !important;
    animation: fadeInDown-b-jr91xolspk 0.2s ease-in-out;
    min-width: 200px;
}

/* Ensure all text inside popover is dark */
.fd-address-popover-content-fixed[b-jr91xolspk],
.fd-address-popover-content-fixed *[b-jr91xolspk] {
    color: var(--fd-text-default) !important;
}

/* Override any muted text to be slightly lighter but still visible */
.fd-address-popover-content-fixed .text-muted[b-jr91xolspk] {
    color: var(--fd-text-muted) !important;
}

/* Animation */
@keyframes fadeInDown-b-jr91xolspk {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/FedData.UI/Components/Domain/Badges/WarehouseCode.razor.rz.scp.css */
/* WarehouseCode — compact warehouse abbreviation badge */
.fd-warehouse-code[b-bit9d6c2x0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--fd-gray-700);
    cursor: help;
    padding: 0.2rem 0.4rem;
    background-color: var(--fd-gray-200);
    border-radius: 4px;
    white-space: nowrap;
}
/* _content/FedData.UI/Components/Domain/Cards/CardInventoryLine.razor.rz.scp.css */
/* CardInventoryLine — unified inventory/part line row */

.card-inv-line[b-fxmsq2zqle] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--fd-gray-100);
    gap: 0.75rem;
    min-width: 0;
}

.card-inv-line--last[b-fxmsq2zqle] {
    border-bottom: none;
}

.card-inv-line:hover[b-fxmsq2zqle] {
    background-color: var(--fd-gray-50);
}

/* Line number circle */
.card-inv-line__num[b-fxmsq2zqle] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    width: 24px;
    height: 24px;
    background-color: var(--fd-gray-200);
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--fd-gray-600);
    flex-shrink: 0;
}

/* Info container — fills available space */
.card-inv-line__info[b-fxmsq2zqle] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Parts row: part number + SKU + project badge inline */
.card-inv-line__parts[b-fxmsq2zqle] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
    flex-wrap: wrap;
}

/* Primary part number (bold) */
.card-inv-line__part-no[b-fxmsq2zqle] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--fd-gray-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0;
}

/* Secondary SKU (lighter) */
.card-inv-line__part-sku[b-fxmsq2zqle] {
    font-size: 0.75rem;
    color: var(--fd-gray-400);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Part description (truncated) */
.card-inv-line__desc[b-fxmsq2zqle] {
    font-size: 0.8rem;
    color: var(--fd-text-muted);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

/* Customer PO */
.card-inv-line__po[b-fxmsq2zqle] {
    font-size: 0.75rem;
    color: var(--fd-gray-500);
}

.card-inv-line__po-label[b-fxmsq2zqle] {
    color: var(--fd-gray-400);
}

/* Quantity box */
.card-inv-line__qty[b-fxmsq2zqle] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding: 0.25rem 0.5rem;
    background: var(--fd-gray-50);
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--fd-gray-800);
    flex-shrink: 0;
}

/* Timestamp */
.card-inv-line__time[b-fxmsq2zqle] {
    text-align: right;
    min-width: 65px;
    font-size: 0.8rem;
    color: var(--fd-gray-500);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ========================================
   Responsive
   ======================================== */
@media (max-width: 768px) {
    .card-inv-line[b-fxmsq2zqle] {
        padding: 0.5rem 0.625rem;
        gap: 0.5rem;
    }

    /* Hide line number on mobile — not essential, saves horizontal space */
    .card-inv-line__num[b-fxmsq2zqle] {
        display: none;
    }

    /* Qty stays right-aligned, slightly smaller */
    .card-inv-line__qty[b-fxmsq2zqle] {
        min-width: 50px;
        font-size: 0.9rem;
        padding: 0.2rem 0.375rem;
        align-self: flex-start;
    }

    /* Timestamp below qty area */
    .card-inv-line__time[b-fxmsq2zqle] {
        font-size: 0.75rem;
    }

    .card-inv-line__part-no[b-fxmsq2zqle] {
        font-size: 0.85rem;
    }

    .card-inv-line__desc[b-fxmsq2zqle] {
        -webkit-line-clamp: 1;
        font-size: 0.75rem;
    }
}

@media (max-width: 576px) {
    .card-inv-line__qty[b-fxmsq2zqle] {
        min-width: 44px;
        font-size: 0.85rem;
    }
}
/* _content/FedData.UI/Components/Domain/Cards/ShipmentItemCard.razor.rz.scp.css */
/* ========================================
   ShipmentItemCard Styles (Shared)
   ======================================== */

.shipment-item[b-jbm18bj51y] {
    background-color: var(--fd-surface-sunken);
    color: var(--fd-gray-700);
    border-bottom: 1px solid var(--fd-gray-200);
}

.shipment-item:last-child[b-jbm18bj51y] {
    border-bottom: none;
}

/* Alert state for shipment items requiring label upload */
.shipment-item-alert[b-jbm18bj51y] {
    background-color: var(--fd-danger-100);
    border-left: 3px solid var(--fd-danger-500);
}

.shipment-item-alert .shipment-item-header[b-jbm18bj51y] {
    background-color: var(--fd-danger-100);
}

.shipment-item-header[b-jbm18bj51y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
}

.expand-btn[b-jbm18bj51y] {
    padding: 0.25rem;
    border: none;
    background: transparent;
    color: var(--fd-text-muted);
    cursor: pointer;
    border-radius: 0.25rem;
}

.expand-btn:hover[b-jbm18bj51y] {
    background-color: var(--fd-gray-200);
    color: var(--fd-text-default);
}

.item-type-icon[b-jbm18bj51y] {
    display: flex;
    align-items: center;
}

.item-title[b-jbm18bj51y] {
    flex: 1;
    font-size: 0.975rem;
    min-width: 0;
}

.item-title .item-name-link[b-jbm18bj51y] {
    display: block;
    font-size: 0.975rem;
    font-weight: 700;
    color: var(--fd-text-link);
    text-decoration: underline;
}

.item-title .item-name-link:hover[b-jbm18bj51y] {
    color: var(--fd-text-link-hover);
}

.item-title strong[b-jbm18bj51y] {
    display: block;
    font-size: 0.975rem;
    color: var(--fd-text-default);
}

.item-type[b-jbm18bj51y] {
    font-size: 0.975rem;
    color: var(--fd-text-muted);
}

.item-alert-message[b-jbm18bj51y] {
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;
    color: var(--fd-danger-800);
}

.item-alert-message .alert-text[b-jbm18bj51y] {
    font-weight: 500;
}

.item-alert-message a[b-jbm18bj51y] {
    color: var(--fd-text-link);
    text-decoration: underline;
}

.item-dimensions[b-jbm18bj51y] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    font-size: 0.8125rem;
    color: var(--fd-gray-700);
    text-align: right;
}

.item-dimensions strong[b-jbm18bj51y] {
    font-weight: 600;
}

/* Dimension display variants */
.item-dimensions .dim-short[b-jbm18bj51y],
.item-dimensions .wt-short[b-jbm18bj51y] {
    display: none;
}

.item-dimensions .dim-full[b-jbm18bj51y],
.item-dimensions .wt-full[b-jbm18bj51y] {
    display: inline;
}

.item-media[b-jbm18bj51y] {
    display: flex;
    gap: 0.25rem;
}

/* FdButton needs position:relative so absolute-positioned badge overlays anchor to it */
.item-media[b-jbm18bj51y]  .fd-btn {
    position: relative;
}

.media-btn[b-jbm18bj51y] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0.3rem 0.5rem;
    border: 1px solid var(--fd-border-default);
    background: var(--fd-surface-default);
    border-radius: 0.375rem;
    color: var(--fd-gray-700);
    cursor: pointer;
    transition: all 0.15s ease;
}

.media-btn:hover[b-jbm18bj51y] {
    background-color: var(--fd-surface-sunken);
    border-color: var(--fd-gray-500);
}

.media-btn-warning[b-jbm18bj51y] {
    border-color: var(--fd-danger-500);
    color: var(--fd-danger-500);
}

.media-count[b-jbm18bj51y] {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: var(--fd-gray-500);
    color: var(--fd-surface-default);
    font-size: 0.625rem;
    padding: 0.125rem 0.25rem;
    border-radius: 0.625rem;
    font-weight: 600;
    min-width: 14px;
    text-align: center;
}

.media-count-warning[b-jbm18bj51y] {
    position: absolute;
    top: -4px;
    right: -4px;
    color: var(--fd-danger-500);
    font-size: 0.75rem;
}

/* Hierarchical indentation for shipment item contents */
.shipment-item-contents[b-jbm18bj51y] {
    margin-left: .8rem;
    margin-right: .8rem;
    margin-bottom: .8rem;
    border-left: 2px solid var(--fd-border-default);
    padding: 0;
    background-color: var(--fd-surface-sunken);
    border-top: 1px solid var(--fd-gray-200);
}

/* ========================================
   Responsive Styles
   ======================================== */

/* Tablet: Scale down slightly */
@media (max-width: 991.98px) {
    .shipment-item-header[b-jbm18bj51y] {
        gap: 0.5rem;
        padding: 0.4rem 0.75rem;
    }

    .item-title[b-jbm18bj51y] {
        font-size: 0.9rem;
    }

    .item-title .item-name-link[b-jbm18bj51y] {
        font-size: 0.9rem;
    }

    .item-type[b-jbm18bj51y] {
        font-size: 0.8rem;
    }

    .item-dimensions[b-jbm18bj51y] {
        font-size: 0.75rem;
    }

    .media-btn[b-jbm18bj51y] {
        padding: 0.25rem 0.4rem;
    }
}

/* Phone: Significant restructuring */
@media (max-width: 767.98px) {
    .shipment-item-header[b-jbm18bj51y] {
        flex-wrap: nowrap;
        gap: 0.35rem;
        padding: 0.35rem 0.5rem;
        align-items: center;
    }

    .expand-btn[b-jbm18bj51y] {
        padding: 0.15rem;
        flex-shrink: 0;
    }

    .item-type-icon[b-jbm18bj51y] {
        flex-shrink: 0;
    }

    .item-title[b-jbm18bj51y] {
        flex: 1 1 0;
        min-width: 0;
        font-size: 0.85rem;
        display: flex;
        flex-direction: column;
    }

    .item-title .item-name-link[b-jbm18bj51y] {
        font-size: 0.8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .item-type[b-jbm18bj51y] {
        font-size: 0.7rem;
    }

    /* Switch to abbreviated dimensions */
    .item-dimensions .dim-full[b-jbm18bj51y],
    .item-dimensions .wt-full[b-jbm18bj51y] {
        display: none;
    }

    .item-dimensions .dim-short[b-jbm18bj51y],
    .item-dimensions .wt-short[b-jbm18bj51y] {
        display: inline;
    }

    /* Dimensions stay inline, pushed right after item-type */
    .item-dimensions[b-jbm18bj51y] {
        flex: 0 0 auto;
        flex-direction: row;
        gap: 0.5rem;
        text-align: right;
        font-size: 0.65rem;
        color: var(--fd-text-muted);
        font-weight: 500;
        margin-left: auto;
        white-space: nowrap;
    }

    .item-media[b-jbm18bj51y] {
        gap: 0.15rem;
        flex-shrink: 0;
    }

    .media-btn[b-jbm18bj51y] {
        padding: 0.2rem 0.35rem;
        font-size: 0.8rem;
    }

    .media-count[b-jbm18bj51y] {
        font-size: 0.55rem;
        padding: 0.1rem 0.2rem;
        min-width: 12px;
    }

    /* Hide View Details button on phone - item name is now a link */
    .view-details-btn[b-jbm18bj51y] {
        display: none;
    }

    /* Alert message responsive */
    .item-alert-message[b-jbm18bj51y] {
        font-size: 0.7rem;
        flex: 1 1 100%;
        order: 9;
        margin-top: 0.25rem;
    }

    .shipment-item-contents[b-jbm18bj51y] {
        margin-left: 0.4rem;
        margin-right: 0.4rem;
        margin-bottom: 0.4rem;
    }
}

/* Spacer after expanded contents */
.shipment-item-spacer[b-jbm18bj51y] {
    height: 5px;
}
/* _content/FedData.UI/Components/Domain/Cards/ShipmentItemCardChild.razor.rz.scp.css */
/* ========================================
   ShipmentItemCardChild Styles (Shared)
   ======================================== */

.child-shipment-item[b-12to6p4w1w] {
    background-color: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.25rem;
    margin: 0.5rem 0;
}

.child-item-header[b-12to6p4w1w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: var(--fd-surface-sunken);
    cursor: pointer;
}

.child-item-header .item-title[b-12to6p4w1w] {
    flex: 1;
}

.child-item-header .item-title strong[b-12to6p4w1w] {
    font-size: 0.9rem;
}

.child-item-header .item-title .item-name-link[b-12to6p4w1w] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--fd-text-link);
    text-decoration: underline;
}

.child-item-header .item-title .item-name-link:hover[b-12to6p4w1w] {
    color: var(--fd-text-link-hover);
}

.child-item-header .item-type[b-12to6p4w1w] {
    font-size: 0.8rem;
    color: var(--fd-text-muted);
}

.child-item-contents[b-12to6p4w1w] {
    margin-left: 1.5rem;
    border-left: 2px solid var(--fd-gray-200);
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
}

.expand-btn[b-12to6p4w1w] {
    padding: 0.25rem;
    border: none;
    background: transparent;
    color: var(--fd-text-muted);
    cursor: pointer;
    border-radius: 0.25rem;
}

.expand-btn:hover[b-12to6p4w1w] {
    background-color: var(--fd-gray-200);
    color: var(--fd-text-default);
}

/* ========================================
   Responsive Styles
   ======================================== */

/* Tablet: Scale down slightly */
@media (max-width: 991.98px) {
    .child-item-header[b-12to6p4w1w] {
        gap: 0.35rem;
        padding: 0.4rem 0.5rem;
    }

    .child-item-header .item-title strong[b-12to6p4w1w],
    .child-item-header .item-title .item-name-link[b-12to6p4w1w] {
        font-size: 0.85rem;
    }

    .child-item-header .item-type[b-12to6p4w1w] {
        font-size: 0.75rem;
    }
}

/* Phone: Further reductions */
@media (max-width: 767.98px) {
    .child-shipment-item[b-12to6p4w1w] {
        margin: 0.35rem 0;
    }

    .child-item-header[b-12to6p4w1w] {
        gap: 0.25rem;
        padding: 0.35rem 0.4rem;
    }

    .child-item-header .item-title strong[b-12to6p4w1w],
    .child-item-header .item-title .item-name-link[b-12to6p4w1w] {
        font-size: 0.8rem;
    }

    .child-item-header .item-type[b-12to6p4w1w] {
        font-size: 0.7rem;
    }

    .child-item-contents[b-12to6p4w1w] {
        margin-left: 0.75rem;
        padding-left: 0.35rem;
    }

    .expand-btn[b-12to6p4w1w] {
        padding: 0.15rem;
    }
}
/* _content/FedData.UI/Components/Domain/Cards/ShipmentItemInventoryTable.razor.rz.scp.css */
/* ========================================
   ShipmentItemInventoryTable Styles (Shared)
   ======================================== */

.contents-table[b-mpsrbl8xdq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.contents-table thead[b-mpsrbl8xdq] {
    background-color: var(--fd-gray-200);
    border-bottom: 1px solid lightgray;
}

.contents-table th[b-mpsrbl8xdq] {
    padding: 0.25rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.8125rem;
}

.contents-table tbody tr[b-mpsrbl8xdq] {
    border-bottom: 1px solid var(--fd-gray-200);
}

.contents-table tbody tr:last-child[b-mpsrbl8xdq] {
    border-bottom: none;
}

.contents-table td[b-mpsrbl8xdq] {
    padding: 0.25rem;
    vertical-align: middle;
}

.line-number[b-mpsrbl8xdq] {
    font-weight: 600;
    color: var(--fd-text-default);
    text-align: center;
    width: 40px;
}

.part-info[b-mpsrbl8xdq] {
    display: flex;
    flex-direction: column;
}

.part-info strong[b-mpsrbl8xdq] {
    color: var(--fd-text-default);
}

.part-desc[b-mpsrbl8xdq] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
}

.part-sku[b-mpsrbl8xdq] {
    color: var(--fd-text-muted);
    font-size: 0.8125rem;
}

.qty[b-mpsrbl8xdq] {
    font-weight: 700;
    font-size: 1rem;
    padding-right:.75rem !important;
    color: var(--fd-text-default);
}

/* On Shipment column */
.on-shipment-header[b-mpsrbl8xdq] {
    width: 100px;
}

.on-shipment-cell[b-mpsrbl8xdq] {
    width: 100px;
}

.on-shipment-cell i[b-mpsrbl8xdq] {
    font-size: 1.1rem;
}

.on-shipment-qty[b-mpsrbl8xdq] {
    font-weight: 600;
    color: var(--fd-primary-500);
}

/* Pending items variation */
.contents-table.pending-items[b-mpsrbl8xdq] {
    background-color: var(--fd-surface-sunken);
    color: var(--fd-gray-700);
    border: 1px solid lightgray;
}

/* ========================================
   Responsive Styles
   ======================================== */

/* Tablet: Scale down slightly */
@media (max-width: 991.98px) {
    .contents-table[b-mpsrbl8xdq] {
        font-size: 0.8rem;
    }

    .contents-table th[b-mpsrbl8xdq] {
        padding: 0.2rem 0.5rem;
        font-size: 0.75rem;
    }

    .contents-table td[b-mpsrbl8xdq] {
        padding: 0.2rem 0.35rem;
    }

    .line-number[b-mpsrbl8xdq] {
        width: 32px;
    }

    .qty[b-mpsrbl8xdq] {
        font-size: 0.9rem;
    }
}

/* Phone: Card-like layout for inventory rows */
@media (max-width: 767.98px) {
    /* Hide table headers on mobile */
    .contents-table thead[b-mpsrbl8xdq] {
        display: none;
    }

    .contents-table[b-mpsrbl8xdq],
    .contents-table tbody[b-mpsrbl8xdq] {
        display: block;
        width: 100%;
    }

    /* Each row becomes a positioned container */
    .contents-table tbody tr[b-mpsrbl8xdq] {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0.4rem 0.25rem;
        padding-left: 1.5rem;
        gap: 0.1rem;
        position: relative;
        min-height: 2.5rem;
    }

    .contents-table td[b-mpsrbl8xdq] {
        display: block;
        padding: 0;
    }

    /* Line number - small at left */
    .line-number[b-mpsrbl8xdq] {
        position: absolute;
        left: 0;
        top: 0.4rem;
        width: 1.25rem;
        font-size: 0.6rem;
        text-align: center;
    }

    /* Part info container - full width */
    .contents-table td:nth-child(2)[b-mpsrbl8xdq] {
        flex: 1 1 100%;
        min-width: 0;
        padding-right: 2rem;
    }

    .part-info[b-mpsrbl8xdq] {
        display: flex;
        flex-direction: column;
    }

    /* Part SKU - first line */
    .part-info strong[b-mpsrbl8xdq] {
        font-size: 0.75rem;
    }

    /* Description - full width below */
    .part-desc[b-mpsrbl8xdq] {
        font-size: 0.65rem;
        margin-top: 0.1rem;
    }

    /* Customer PO - top right, next to part SKU */
    .contents-table td.part-sku[b-mpsrbl8xdq] {
        position: absolute;
        right: 1.75rem;
        top: 0.4rem;
        font-size: 0.6rem;
        color: var(--fd-text-muted);
        max-width: 35%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Quantity - right side */
    .contents-table td:nth-child(4)[b-mpsrbl8xdq] {
        position: absolute;
        right: 0.25rem;
        top: 0.4rem;
    }

    .qty[b-mpsrbl8xdq] {
        font-size: 0.8rem;
        font-weight: 700;
        padding-right: 0 !important;
    }

    .on-shipment-header[b-mpsrbl8xdq],
    .on-shipment-cell[b-mpsrbl8xdq] {
        display: none;
    }
}

/* Delete column header width */
.delete-col-header[b-mpsrbl8xdq] {
    width: 40px;
}
/* _content/FedData.UI/Components/Domain/Orders/OrderLinesGrid.razor.rz.scp.css */
/* OrderLinesGrid component styles */

.order-lines-grid-container[b-r7mq5eb5ug] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Ensure grid fits within container */
[b-r7mq5eb5ug] .order-lines-grid {
    flex: 1;
    min-height: 0;
}

/* Wrap grid in card for consistent styling */
[b-r7mq5eb5ug] .order-lines-grid .k-grid-content {
    overflow-x: auto;
    overflow-y: auto;
}

/* Grid row footer */
.grid-row-footer[b-r7mq5eb5ug] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    background: var(--fd-gray-100);
    border-top: 1px solid var(--fd-gray-300);
    font-size: 0.875rem;
    color: var(--fd-text-muted);
}


/* N/A value styling */
.grid-na-value[b-r7mq5eb5ug] {
    color: var(--fd-text-subtle);
}

/* Spin animation for refresh button */
.spin[b-r7mq5eb5ug] {
    animation: spin-b-r7mq5eb5ug 1s linear infinite;
}

@keyframes spin-b-r7mq5eb5ug {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Purple text for reserved quantities */
.text-purple[b-r7mq5eb5ug] {
    color: var(--fd-accent-600) !important;
}
/* _content/FedData.UI/Components/Domain/Orders/PurchaseOrderSummary.razor.rz.scp.css */
.fd-po-summary[b-zg5xgkjjyx] {
    display: flex;
    flex-direction: column;
    gap: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
}

/* ── Header ─────────────────────────────────────────────────── */

.fd-po-summary-header[b-zg5xgkjjyx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 2px;
    border-bottom: 2px solid var(--fd-primary-500);
}

.fd-po-summary-title[b-zg5xgkjjyx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
}

.fd-po-summary-icon[b-zg5xgkjjyx] {
    color: var(--fd-primary-500);
    font-size: 1rem;
}

/* ── Vendor bar ─────────────────────────────────────────────── */

.fd-po-summary-vendor[b-zg5xgkjjyx] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 0;
    font-weight: 500;
    border-bottom: 1px solid var(--fd-border-muted);
}

/* ── Sections ───────────────────────────────────────────────── */

.fd-po-summary-section[b-zg5xgkjjyx] {
    padding: 8px 0 6px;
    border-bottom: 1px solid var(--fd-border-muted);
}

.fd-po-summary-section:last-child[b-zg5xgkjjyx] {
    border-bottom: none;
    padding-bottom: 0;
}

.fd-po-summary-section-label[b-zg5xgkjjyx] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fd-text-subtle);
    margin-bottom: 6px;
}

.fd-po-summary-section-icon[b-zg5xgkjjyx] {
    font-size: 0.75rem;
    color: var(--fd-text-subtle);
    flex-shrink: 0;
}

/* ── References ─────────────────────────────────────────────── */

.fd-po-summary-refs[b-zg5xgkjjyx] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.fd-po-summary-ref[b-zg5xgkjjyx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.fd-po-summary-ref-label[b-zg5xgkjjyx] {
    color: var(--fd-text-muted);
    font-size: 0.75rem;
    flex-shrink: 0;
}

.fd-po-summary-ref-value[b-zg5xgkjjyx] {
    font-weight: 500;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Quantity / progress ────────────────────────────────────── */

.fd-po-summary-qty-row[b-zg5xgkjjyx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fd-po-summary-qty-stats[b-zg5xgkjjyx] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.fd-po-summary-qty-value[b-zg5xgkjjyx] {
    font-weight: 600;
    font-size: 0.875rem;
}

.fd-po-summary-progress[b-zg5xgkjjyx] {
    width: 100%;
}

/* ── Financials ─────────────────────────────────────────────── */

.fd-po-summary-financials[b-zg5xgkjjyx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fd-po-summary-financial-row[b-zg5xgkjjyx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.fd-po-summary-financial-row span:first-child[b-zg5xgkjjyx] {
    color: var(--fd-text-muted);
    font-size: 0.75rem;
}

/* ── Dates ──────────────────────────────────────────────────── */

.fd-po-summary-dates[b-zg5xgkjjyx] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.fd-po-summary-date[b-zg5xgkjjyx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.fd-po-summary-date-label[b-zg5xgkjjyx] {
    color: var(--fd-text-muted);
    font-size: 0.75rem;
    flex-shrink: 0;
}

/* ── Payment terms ──────────────────────────────────────────── */

.fd-po-summary-terms[b-zg5xgkjjyx] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.fd-po-summary-term[b-zg5xgkjjyx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.fd-po-summary-term-label[b-zg5xgkjjyx] {
    color: var(--fd-text-muted);
    font-size: 0.75rem;
    flex-shrink: 0;
}
/* _content/FedData.UI/Components/Domain/Orders/SalesOrderLinesGrid.razor.rz.scp.css */
.fd-so-lines-grid[b-hfou3rss07] {
    display: flex;
    flex-direction: column;
}

.fd-so-lines-header[b-hfou3rss07] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.fd-so-lines-desc[b-hfou3rss07] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 200px;
}

.fd-so-lines-po-list[b-hfou3rss07] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1px;
    line-height: 1.5;
}

.fd-so-lines-po[b-hfou3rss07] {
    white-space: nowrap;
}
/* _content/FedData.UI/Components/Domain/Tracking/TrackingRecordDetail.razor.rz.scp.css */
.fd-tracking-detail[b-hdko5do142] {
    display: flex;
    flex-direction: column;
}

.fd-tracking-detail-header[b-hdko5do142] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
}

.fd-tracking-sort-hint[b-hdko5do142] {
    font-size: 0.6875rem;
    color: var(--fd-text-subtle);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ── Grid table ──────────────────────────────────────────────────── */

.fd-tracking-grid[b-hdko5do142] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.fd-tracking-grid thead th[b-hdko5do142] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--fd-text-muted);
    padding: 5px 8px;
    border-bottom: 2px solid var(--fd-border-default);
    white-space: nowrap;
    text-align: left;
}

.fd-tracking-grid tbody td[b-hdko5do142] {
    padding: 6px 8px;
    vertical-align: top;
}

/* ── Row shading ─────────────────────────────────────────────────── */

.fd-tracking-row-shaded[b-hdko5do142] {
    background: var(--fd-surface-sunken);
}

/* Border between record groups (data row of next record) */
.fd-tracking-data-row[b-hdko5do142] {
    border-top: 1px solid var(--fd-border-muted);
    position: relative;
}

.fd-tracking-data-row:first-child[b-hdko5do142] {
    border-top: none;
}

/* ── Column widths ───────────────────────────────────────────────── */

.col-date[b-hdko5do142] {
    width: 80px;
    white-space: nowrap;
}

.col-status[b-hdko5do142] {
    width: 140px;
    max-width: 180px;
}

.col-item[b-hdko5do142] {
    width: 100px;
    max-width: 120px;
}

.col-qty[b-hdko5do142] {
    width: 44px;
    text-align: right;
}

.col-supplier[b-hdko5do142] {
    width: 150px;
    max-width: 180px;
}

.col-tracking[b-hdko5do142] {
    width: auto;
}

/* ── Ellipsis truncation (item #, supplier) ──────────────────────── */

.fd-tracking-ellipsis[b-hdko5do142] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Multi-line clamp (status, other free-text fields) ───────────── */

.fd-tracking-line-clamp[b-hdko5do142] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* ── Date cell ───────────────────────────────────────────────────── */

.fd-tracking-date-row[b-hdko5do142] {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 3px;
}

.fd-tracking-date-label[b-hdko5do142] {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--fd-text-subtle);
    text-transform: uppercase;
    width: 24px;
    flex-shrink: 0;
}

/* ── Delivered badge ─────────────────────────────────────────────── */

.fd-tracking-delivered-badge[b-hdko5do142] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--fd-success-700);
    background: var(--fd-success-50);
    padding: 0 4px;
    border-radius: var(--fd-radius-sm);
    margin-top: 1px;
}

[data-fd-theme="dark"] .fd-tracking-delivered-badge[b-hdko5do142] {
    color: var(--fd-success-300);
    background: hsl(var(--fd-success-hue, 142) 40% 15%);
}

/* ── Hover-revealed creation timestamp ───────────────────────────── */

.col-created-hover[b-hdko5do142] {
    width: 0;
    padding: 0 !important;
    border: none;
    position: relative;
    overflow: visible;
}

.fd-tracking-created[b-hdko5do142] {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 0.625rem;
    color: var(--fd-text-subtle);
    opacity: 0;
    white-space: nowrap;
    pointer-events: none;
    transition: opacity 150ms ease;
    background: var(--fd-surface-default);
    padding: 1px 6px;
    border-radius: var(--fd-radius-sm);
    border: 1px solid var(--fd-border-muted);
    box-shadow: var(--fd-shadow-sm);
}

.fd-tracking-row-shaded .fd-tracking-created[b-hdko5do142] {
    background: var(--fd-surface-sunken);
}

.fd-tracking-data-row:hover .fd-tracking-created[b-hdko5do142] {
    opacity: 1;
}

/* ── Notes sub-row ───────────────────────────────────────────────── */

.fd-tracking-notes-row td[b-hdko5do142] {
    padding: 0 6px 5px 6px;
}

.fd-tracking-notes-cell[b-hdko5do142] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    word-break: break-word;
    line-height: 1.4;
}

.fd-tracking-notes-label[b-hdko5do142] {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--fd-text-subtle);
    margin-right: 4px;
}

/* ── Expandable text (tracking # and notes) ──────────────────────── */

.fd-tracking-truncated[b-hdko5do142],
.fd-tracking-expanded[b-hdko5do142] {
    font-size: inherit;
    word-break: break-word;
}

.fd-tracking-toggle[b-hdko5do142] {
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 0 2px;
    font-size: 0.75rem;
    color: var(--fd-primary-500);
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
}

.fd-tracking-toggle:hover[b-hdko5do142] {
    text-decoration: underline;
}
/* _content/FedData.UI/Components/Domain/Tracking/TrackingSummaryCell.razor.rz.scp.css */
.fd-tracking-cell[b-thpvfh2w3v] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px 0;
}

.fd-tracking-row[b-thpvfh2w3v] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-height: 1.3em;
}

.fd-tracking-sep[b-thpvfh2w3v] {
    color: var(--fd-text-subtle);
    user-select: none;
}

.fd-tracking-label[b-thpvfh2w3v] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--fd-text-subtle);
    white-space: nowrap;
}

.fd-tracking-notes[b-thpvfh2w3v] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* _content/FedData.UI/Components/Features/Auth/AppAccessDenied.razor.rz.scp.css */
.app-access-denied-container[b-vetxwe24qv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: var(--fd-surface-page);
    padding: var(--fd-space-5, 20px);
}

.app-access-denied-card[b-vetxwe24qv] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-radius-lg, 8px);
    box-shadow: var(--fd-shadow-md);
    padding: var(--fd-space-10, 40px);
    text-align: center;
    max-width: 480px;
    width: 100%;
}

.app-access-denied-logo[b-vetxwe24qv] {
    margin-bottom: var(--fd-space-5, 20px);
}

.app-access-denied-logo img[b-vetxwe24qv] {
    height: 40px;
    width: auto;
}

.app-access-denied-card h2[b-vetxwe24qv] {
    margin: 0 0 12px 0;
    color: var(--fd-text-default);
    font-size: var(--fd-text-xl, 20px);
    font-weight: 600;
}

.app-access-denied-message[b-vetxwe24qv] {
    margin: 0 0 8px 0;
    color: var(--fd-text-muted);
    line-height: var(--fd-leading-normal, 1.5);
    font-size: 0.9375rem;
}

.app-access-denied-submessage[b-vetxwe24qv] {
    margin: 0 0 16px 0;
    color: var(--fd-text-subtle);
    font-size: 0.8125rem;
}

/* Available app links */
.app-access-denied-apps[b-vetxwe24qv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 24px;
}

.app-access-denied-app-link[b-vetxwe24qv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--fd-border-default);
    border-radius: var(--fd-radius-md, 6px);
    background: var(--fd-surface-default);
    color: var(--fd-text-default);
    text-decoration: none;
    transition: all var(--fd-transition-fast, 150ms);
    font-weight: 500;
    font-size: 0.9375rem;
}

.app-access-denied-app-link:hover[b-vetxwe24qv] {
    background: var(--fd-surface-hover);
    border-color: var(--fd-primary-500);
    color: var(--fd-primary-500);
    text-decoration: none;
}

.app-access-denied-app-link i:first-child[b-vetxwe24qv] {
    font-size: 1.25rem;
    width: 1.5rem;
    text-align: center;
    color: var(--fd-text-muted);
}

.app-access-denied-app-link:hover i:first-child[b-vetxwe24qv] {
    color: var(--fd-primary-500);
}

.app-access-denied-app-link span[b-vetxwe24qv] {
    flex: 1;
    text-align: left;
}

.app-access-denied-app-link i:last-child[b-vetxwe24qv] {
    font-size: 0.875rem;
    color: var(--fd-text-subtle);
    transition: transform var(--fd-transition-fast, 150ms);
}

.app-access-denied-app-link:hover i:last-child[b-vetxwe24qv] {
    color: var(--fd-primary-500);
    transform: translateX(3px);
}

/* Action buttons */
.app-access-denied-actions[b-vetxwe24qv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

.app-access-denied-btn-primary[b-vetxwe24qv] {
    display: inline-block;
    background-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    padding: 12px 30px;
    border-radius: var(--fd-radius-md, 6px);
    text-decoration: none;
    font-weight: 500;
    transition: background-color var(--fd-transition-base, 200ms);
}

.app-access-denied-btn-primary:hover[b-vetxwe24qv] {
    background-color: var(--fd-primary-600);
    color: var(--fd-text-on-primary);
    text-decoration: none;
}

.app-access-denied-btn-secondary[b-vetxwe24qv] {
    display: inline-block;
    color: var(--fd-text-muted);
    padding: 8px 16px;
    border-radius: var(--fd-radius-md, 6px);
    text-decoration: none;
    font-size: 0.8125rem;
    transition: color var(--fd-transition-base, 200ms);
}

.app-access-denied-btn-secondary:hover[b-vetxwe24qv] {
    color: var(--fd-primary-500);
    text-decoration: none;
}
/* _content/FedData.UI/Components/Features/Auth/AuthError.razor.rz.scp.css */
.auth-error-container[b-m0jxqb70oz] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: var(--fd-surface-page);
    padding: var(--fd-space-5, 20px);
}

.auth-error-card[b-m0jxqb70oz] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-radius-lg, 8px);
    box-shadow: var(--fd-shadow-md);
    padding: var(--fd-space-10, 40px);
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.auth-error-icon[b-m0jxqb70oz] {
    color: var(--fd-danger-500);
    margin-bottom: var(--fd-space-5, 20px);
}

.auth-error-card h2[b-m0jxqb70oz] {
    margin: 0 0 15px 0;
    color: var(--fd-text-default);
    font-size: var(--fd-text-2xl, 24px);
}

.auth-error-card p[b-m0jxqb70oz] {
    margin: 0 0 25px 0;
    color: var(--fd-text-muted);
    line-height: var(--fd-leading-normal, 1.5);
}

.auth-error-help[b-m0jxqb70oz] {
    font-size: var(--fd-text-sm, 14px);
    color: var(--fd-text-subtle);
}

.btn-signin[b-m0jxqb70oz] {
    display: inline-block;
    background-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    padding: 12px 30px;
    border-radius: var(--fd-radius-md, 6px);
    text-decoration: none;
    font-weight: var(--fd-font-medium, 500);
    transition: background-color var(--fd-transition-base, 200ms);
}

.btn-signin:hover[b-m0jxqb70oz] {
    background-color: var(--fd-primary-600);
    color: var(--fd-text-on-primary);
    text-decoration: none;
}
/* _content/FedData.UI/Components/Features/Auth/IdleTimeoutMonitor.razor.rz.scp.css */
.idle-timeout-warning[b-3aailh1ppx] {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: var(--fd-danger-500);
    color: var(--fd-text-on-danger);
    padding: 8px 16px;
    border-radius: var(--fd-radius-base, 4px);
    font-size: var(--fd-text-sm, 14px);
    font-weight: var(--fd-font-medium, 500);
    z-index: var(--fd-z-toast, 9999);
    box-shadow: var(--fd-shadow-lg);
    display: flex;
    align-items: center;
    gap: 8px;
}

.idle-timeout-icon[b-3aailh1ppx] {
    font-size: 16px;
}

.idle-timeout-warning strong[b-3aailh1ppx] {
    font-weight: var(--fd-font-bold, 700);
    min-width: 20px;
    display: inline-block;
    text-align: center;
}
/* _content/FedData.UI/Components/Features/Auth/SessionExpired.razor.rz.scp.css */
.session-expired-container[b-r6a75w5mz5] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: var(--fd-surface-page);
    padding: var(--fd-space-5, 20px);
}

.session-expired-card[b-r6a75w5mz5] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-radius-lg, 8px);
    box-shadow: var(--fd-shadow-md);
    padding: var(--fd-space-10, 40px);
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.session-expired-icon[b-r6a75w5mz5] {
    color: var(--fd-danger-500);
    margin-bottom: var(--fd-space-5, 20px);
}

.session-expired-card h2[b-r6a75w5mz5] {
    margin: 0 0 15px 0;
    color: var(--fd-text-default);
    font-size: var(--fd-text-2xl, 24px);
}

.session-expired-card p[b-r6a75w5mz5] {
    margin: 0 0 25px 0;
    color: var(--fd-text-muted);
    line-height: var(--fd-leading-normal, 1.5);
}

.btn-signin[b-r6a75w5mz5] {
    display: inline-block;
    background-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    padding: 12px 30px;
    border-radius: var(--fd-radius-md, 6px);
    text-decoration: none;
    font-weight: var(--fd-font-medium, 500);
    transition: background-color var(--fd-transition-base, 200ms);
}

.btn-signin:hover[b-r6a75w5mz5] {
    background-color: var(--fd-primary-600);
    color: var(--fd-text-on-primary);
    text-decoration: none;
}
/* _content/FedData.UI/Components/Features/Auth/SignedOut.razor.rz.scp.css */
.signed-out-container[b-qhderjvowk] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: var(--fd-surface-page);
    padding: var(--fd-space-5, 20px);
}

.signed-out-card[b-qhderjvowk] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-radius-lg, 8px);
    box-shadow: var(--fd-shadow-md);
    padding: var(--fd-space-10, 40px);
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.signed-out-icon[b-qhderjvowk] {
    color: var(--fd-success-500);
    margin-bottom: var(--fd-space-5, 20px);
}

.signed-out-card h2[b-qhderjvowk] {
    margin: 0 0 15px 0;
    color: var(--fd-text-default);
    font-size: var(--fd-text-2xl, 24px);
}

.signed-out-card p[b-qhderjvowk] {
    margin: 0 0 25px 0;
    color: var(--fd-text-muted);
    line-height: var(--fd-leading-normal, 1.5);
}

.btn-signin[b-qhderjvowk] {
    display: inline-block;
    background-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    padding: 12px 30px;
    border-radius: var(--fd-radius-md, 6px);
    text-decoration: none;
    font-weight: var(--fd-font-medium, 500);
    transition: background-color var(--fd-transition-base, 200ms);
}

.btn-signin:hover[b-qhderjvowk] {
    background-color: var(--fd-primary-600);
    color: var(--fd-text-on-primary);
    text-decoration: none;
}
/* _content/FedData.UI/Components/Features/Auth/SigningOut.razor.rz.scp.css */
/* SigningOut component styles */

.signing-out-wrapper[b-f428z5j5ep] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
/* _content/FedData.UI/Components/Features/Documents/DocumentContainer.razor.rz.scp.css */
/* ============================================
   DocumentContainer - Main Container Styles
   ============================================ */

.document-container[b-eh9jxtz5d8] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--fd-gray-200);
    border-radius: var(--fd-radius-md, 8px);
    background: var(--fd-surface-default);
    overflow: hidden;
}

.document-container.maximized[b-eh9jxtz5d8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    z-index: var(--fd-z-fixed); /* 1030 - below modals (1050) */
    border-radius: 0;
    border: none;
    min-height: 100vh !important;
}

.document-container.maximized .document-body[b-eh9jxtz5d8] {
    flex: 1;
    height: calc(100vh - 50px); /* Account for toolbar height */
}

/* ============================================
   Address Bar Wrapper
   ============================================ */

.document-address-wrapper[b-eh9jxtz5d8] {
    padding: 0.375rem 0.75rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-gray-200);
}

/* ============================================
   Document Body - Three Pane Layout
   ============================================ */

.document-body[b-eh9jxtz5d8] {
    display: flex;
    flex: 1;
    overflow: hidden;
    position: relative;
    min-height: 0; /* Critical for flex children to respect overflow */
    height: 0; /* Combined with flex: 1, this establishes a definite height */
    align-items: stretch; /* Explicitly stretch children to fill height */
}

.document-loading[b-eh9jxtz5d8],
.document-error[b-eh9jxtz5d8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 3rem;
    flex: 1;
    color: var(--fd-gray-500);
}

.document-error i[b-eh9jxtz5d8] {
    font-size: 2.5rem;
    color: var(--fd-danger-500);
}

/* Navigation Pane */
.document-nav-pane[b-eh9jxtz5d8] {
    flex-shrink: 0;
    border-right: 1px solid var(--fd-gray-200);
    overflow: auto;
    background: var(--fd-gray-50);
    align-self: stretch; /* Stretch to fill parent height */
    min-height: 0; /* Allow flex shrinking */
}

/* File List Pane */
.document-file-pane[b-eh9jxtz5d8] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0; /* Allow flex item to shrink below content size */
    min-height: 0; /* Allow flex shrinking in column direction */
    align-self: stretch; /* Stretch to fill parent height */
}

/* Preview Pane */
.document-preview-pane[b-eh9jxtz5d8] {
    flex-shrink: 0;
    border-left: 1px solid var(--fd-gray-200);
    overflow: hidden;
    background: var(--fd-gray-50);
    display: flex;
    flex-direction: column;
    align-self: stretch; /* Stretch to fill parent height */
    min-height: 0; /* Allow flex shrinking */
}

/* Resize Handles */
.pane-resize-handle-wrapper[b-eh9jxtz5d8] {
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
}

.pane-resize-handle[b-eh9jxtz5d8] {
    width: 6px;
    cursor: col-resize;
    background: transparent;
    position: relative;
    flex-shrink: 0;
    z-index: 10;
    transition: background-color 0.15s ease;
}

.pane-resize-handle:hover[b-eh9jxtz5d8] {
    background: var(--fd-primary-200);
}

.pane-resize-handle.resizing[b-eh9jxtz5d8] {
    background: var(--fd-primary-400);
}

/* Visual indicator line in the center */
.pane-resize-handle .resize-indicator[b-eh9jxtz5d8] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 24px;
    background: var(--fd-gray-300);
    border-radius: 2px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.pane-resize-handle:hover .resize-indicator[b-eh9jxtz5d8] {
    opacity: 1;
}

.pane-resize-handle.resizing .resize-indicator[b-eh9jxtz5d8] {
    background: var(--fd-surface-default);
    opacity: 1;
}

/* ============================================
   DocumentToolbar Styles
   ============================================ */

[b-eh9jxtz5d8] .document-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-gray-200);
    gap: 0.5rem;
}

[b-eh9jxtz5d8] .toolbar-left,
[b-eh9jxtz5d8] .toolbar-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-eh9jxtz5d8] .toolbar-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.375rem 0.625rem;
    border: 1px solid var(--fd-gray-300);
    border-radius: var(--fd-radius-sm, 4px);
    background: var(--fd-surface-default);
    color: var(--fd-gray-700);
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-eh9jxtz5d8] .toolbar-btn:hover {
    background: var(--fd-gray-100);
    border-color: var(--fd-gray-400);
}

[b-eh9jxtz5d8] .toolbar-btn.active {
    background: var(--fd-primary-50);
    border-color: var(--fd-primary-500);
    color: var(--fd-primary-600);
}

[b-eh9jxtz5d8] .toolbar-btn-primary {
    background: var(--fd-primary-500);
    border-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
}

[b-eh9jxtz5d8] .toolbar-btn-primary:hover {
    background: var(--fd-primary-600);
    border-color: var(--fd-primary-600);
}

[b-eh9jxtz5d8] .toolbar-title {
    font-weight: 600;
    color: var(--fd-gray-800);
    margin-left: 0.5rem;
}

[b-eh9jxtz5d8] .toolbar-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.375rem;
    border-radius: 9999px;
    background: var(--fd-gray-500);
    color: var(--fd-text-inverse);
    font-size: 0.75rem;
    font-weight: 500;
}

[b-eh9jxtz5d8] .btn-text {
    display: none;
}

@media (min-width: 768px) {
    [b-eh9jxtz5d8] .btn-text {
        display: inline;
    }
}

/* ============================================
   DocumentFolderTree Styles
   ============================================ */

[b-eh9jxtz5d8] .document-folder-tree {
    padding: 0.5rem;
}

[b-eh9jxtz5d8] .folder-tree-loading,
[b-eh9jxtz5d8] .folder-tree-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    color: var(--fd-gray-500);
}

[b-eh9jxtz5d8] .folder-tree-empty i {
    font-size: 1.5rem;
}

/* ============================================
   DocumentFileList Styles
   ============================================ */

[b-eh9jxtz5d8] .document-file-list {
    display: flex;
    flex-direction: column;
    flex: 1; /* Fill parent flex container */
    min-height: 0; /* Allow flex shrinking */
}

[b-eh9jxtz5d8] .file-list-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    flex: 1;
    color: var(--fd-gray-500);
}

/* EmptyState component inside file list should fill available space */
[b-eh9jxtz5d8] .document-file-list > .fd-empty-state {
    flex: 1;
}

[b-eh9jxtz5d8] .file-list-header {
    display: grid;
    grid-template-columns: 1fr 80px 100px 100px;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-gray-200);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--fd-gray-600);
    text-transform: uppercase;
}

[b-eh9jxtz5d8] .file-list-body {
    flex: 1;
    overflow-y: auto;
}

[b-eh9jxtz5d8] .file-list-item {
    display: grid;
    grid-template-columns: 48px 1fr 80px 100px 100px;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--fd-gray-100);
    align-items: center;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

[b-eh9jxtz5d8] .file-list-item:hover {
    background: var(--fd-gray-50);
}

[b-eh9jxtz5d8] .file-list-item.selected {
    background: var(--fd-primary-50);
    border-left: 3px solid var(--fd-primary-500);
}

[b-eh9jxtz5d8] .file-item-thumbnail {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--fd-radius-sm, 4px);
    background: var(--fd-gray-100);
}

[b-eh9jxtz5d8] .thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

[b-eh9jxtz5d8] .thumbnail-icon,
[b-eh9jxtz5d8] .thumbnail-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

[b-eh9jxtz5d8] .thumbnail-icon i,
[b-eh9jxtz5d8] .thumbnail-fallback i {
    font-size: 1.25rem;
    color: var(--fd-gray-400);
}

[b-eh9jxtz5d8] .file-item-info {
    min-width: 0;
}

[b-eh9jxtz5d8] .file-name {
    font-weight: 500;
    color: var(--fd-gray-900);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-eh9jxtz5d8] .file-meta {
    font-size: 0.75rem;
    color: var(--fd-gray-500);
    margin-top: 0.125rem;
}

[b-eh9jxtz5d8] .file-item-size,
[b-eh9jxtz5d8] .file-item-date {
    font-size: 0.875rem;
    color: var(--fd-gray-600);
}

[b-eh9jxtz5d8] .file-item-actions {
    display: flex;
    gap: 0.25rem;
}

[b-eh9jxtz5d8] .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--fd-radius-sm, 4px);
    background: transparent;
    color: var(--fd-gray-500);
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-eh9jxtz5d8] .action-btn:hover {
    background: var(--fd-gray-200);
    color: var(--fd-gray-700);
}

[b-eh9jxtz5d8] .action-btn-danger:hover {
    background: var(--fd-danger-100);
    color: var(--fd-danger-600);
}

[b-eh9jxtz5d8] .file-list-footer {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--fd-gray-200);
    background: var(--fd-gray-50);
    flex-shrink: 0;
}

/* ============================================
   DocumentPreview Styles
   ============================================ */

[b-eh9jxtz5d8] .document-preview {
    display: flex;
    flex-direction: column;
    flex: 1; /* Fill parent flex container */
    min-height: 0; /* Allow flex shrinking */
}

[b-eh9jxtz5d8] .preview-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    flex: 1;
    color: var(--fd-gray-500);
    text-align: center;
}

/* EmptyState component inside preview should fill available space */
[b-eh9jxtz5d8] .document-preview > .fd-empty-state {
    flex: 1;
}

[b-eh9jxtz5d8] .preview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--fd-gray-200);
    background: var(--fd-surface-default);
}

[b-eh9jxtz5d8] .preview-filename {
    font-weight: 500;
    font-size: 0.875rem;
    color: var(--fd-gray-800);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

[b-eh9jxtz5d8] .preview-actions {
    display: flex;
    gap: 0.25rem;
}

[b-eh9jxtz5d8] .preview-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--fd-radius-sm, 4px);
    background: transparent;
    color: var(--fd-gray-500);
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-eh9jxtz5d8] .preview-btn:hover {
    background: var(--fd-gray-200);
    color: var(--fd-gray-700);
}

[b-eh9jxtz5d8] .preview-content {
    flex: 1;
    overflow: auto;
    background: var(--fd-gray-100);
    min-height: 0; /* Critical for flex children to respect overflow */
    position: relative;
}

/* Telerik viewers need explicit height constraints */
[b-eh9jxtz5d8] .preview-content .k-pdfviewer,
[b-eh9jxtz5d8] .preview-content .k-spreadsheet {
    height: 100% !important;
    max-height: 100% !important;
}

[b-eh9jxtz5d8] .preview-image-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 1rem;
    overflow: auto;
}

[b-eh9jxtz5d8] .preview-image {
    max-width: 100%;
    max-height: 100%;
    cursor: zoom-in;
    transition: transform 0.2s ease;
}

[b-eh9jxtz5d8] .preview-image.zoomed {
    cursor: zoom-out;
}

[b-eh9jxtz5d8] .image-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--fd-surface-default);
    border-top: 1px solid var(--fd-gray-200);
}

[b-eh9jxtz5d8] .control-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--fd-gray-300);
    border-radius: var(--fd-radius-sm, 4px);
    background: var(--fd-surface-default);
    color: var(--fd-gray-600);
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-eh9jxtz5d8] .control-btn:hover:not(:disabled) {
    background: var(--fd-gray-100);
}

[b-eh9jxtz5d8] .control-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

[b-eh9jxtz5d8] .zoom-level {
    min-width: 48px;
    text-align: center;
    font-size: 0.875rem;
    color: var(--fd-gray-600);
}

/* ============================================
   Upload Dialog Styles
   ============================================ */

[b-eh9jxtz5d8] .upload-dialog {
    padding: 0.5rem 0;
}

[b-eh9jxtz5d8] .upload-zone {
    border: 2px dashed var(--fd-gray-300);
    border-radius: var(--fd-radius-md, 8px);
    background: var(--fd-gray-50);
    transition: all 0.2s ease;
}

[b-eh9jxtz5d8] .upload-zone.drag-over {
    border-color: var(--fd-primary-500);
    background: var(--fd-primary-50);
}

[b-eh9jxtz5d8] .upload-zone-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    text-align: center;
    color: var(--fd-gray-600);
}

[b-eh9jxtz5d8] .upload-zone-content i {
    font-size: 2.5rem;
    color: var(--fd-gray-400);
    margin-bottom: 0.5rem;
}

[b-eh9jxtz5d8] .upload-text {
    margin-bottom: 0.75rem;
}

[b-eh9jxtz5d8] .upload-hint {
    font-size: 0.75rem;
    color: var(--fd-gray-500);
}

[b-eh9jxtz5d8] .selected-files {
    border: 1px solid var(--fd-gray-200);
    border-radius: var(--fd-radius-md, 8px);
    padding: 1rem;
}

[b-eh9jxtz5d8] .selected-file-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    background: var(--fd-gray-50);
    border-radius: var(--fd-radius-sm, 4px);
    margin-bottom: 0.5rem;
}

[b-eh9jxtz5d8] .selected-file-item:last-child {
    margin-bottom: 0;
}

[b-eh9jxtz5d8] .selected-file-item .file-name {
    flex: 1;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-eh9jxtz5d8] .selected-file-item .file-size {
    font-size: 0.875rem;
    color: var(--fd-gray-500);
}

[b-eh9jxtz5d8] .btn-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--fd-radius-sm, 4px);
    background: transparent;
    color: var(--fd-gray-400);
    cursor: pointer;
}

[b-eh9jxtz5d8] .btn-remove:hover {
    background: var(--fd-danger-100);
    color: var(--fd-danger-600);
}

[b-eh9jxtz5d8] .total-size {
    font-size: 0.875rem;
    color: var(--fd-gray-600);
    text-align: right;
}

[b-eh9jxtz5d8] .upload-progress {
    padding: 0.5rem 0;
}

[b-eh9jxtz5d8] .upload-progress-item {
    margin-bottom: 1rem;
}

[b-eh9jxtz5d8] .progress-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.375rem;
}

[b-eh9jxtz5d8] .progress-filename {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-eh9jxtz5d8] .progress-status {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
}

[b-eh9jxtz5d8] .progress-status.uploading { color: var(--fd-primary-600); }
[b-eh9jxtz5d8] .progress-status.complete { color: var(--fd-success-600); }
[b-eh9jxtz5d8] .progress-status.failed { color: var(--fd-danger-600); }
[b-eh9jxtz5d8] .progress-status.cancelled { color: var(--fd-gray-500); }
[b-eh9jxtz5d8] .progress-status.pending { color: var(--fd-gray-400); }

[b-eh9jxtz5d8] .progress-error {
    font-size: 0.75rem;
}

[b-eh9jxtz5d8] .overall-progress {
    padding-top: 1rem;
    border-top: 1px solid var(--fd-gray-200);
}

/* ============================================
   Edit Dialog Styles
   ============================================ */

[b-eh9jxtz5d8] .edit-dialog {
    padding: 0.5rem 0;
}

[b-eh9jxtz5d8] .file-preview-small {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--fd-gray-50);
    border-radius: var(--fd-radius-md, 8px);
}

[b-eh9jxtz5d8] .file-icon {
    font-size: 2rem;
    color: var(--fd-gray-400);
}

[b-eh9jxtz5d8] .file-info {
    display: flex;
    flex-direction: column;
}

[b-eh9jxtz5d8] .file-original-name {
    font-weight: 500;
    color: var(--fd-gray-800);
}

[b-eh9jxtz5d8] .file-size {
    font-size: 0.875rem;
    color: var(--fd-gray-500);
}

/* ============================================
   Responsive Adjustments
   ============================================ */

@media (max-width: 768px) {
    [b-eh9jxtz5d8] .file-list-header {
        display: none;
    }

    [b-eh9jxtz5d8] .file-list-item {
        grid-template-columns: 40px 1fr auto;
    }

    [b-eh9jxtz5d8] .file-item-size,
    [b-eh9jxtz5d8] .file-item-date {
        display: none;
    }

    [b-eh9jxtz5d8] .document-nav-pane,
    [b-eh9jxtz5d8] .document-preview-pane {
        display: none;
    }

    [b-eh9jxtz5d8] .document-container.maximized .document-nav-pane,
    [b-eh9jxtz5d8] .document-container.maximized .document-preview-pane {
        display: block;
        position: absolute;
        background: var(--fd-surface-default);
        z-index: 10;
    }
}

/* ============================================
   Document Modal Styles (Edit, Upload, Delete)
   ============================================ */

/* File Preview Info (Edit Modal) */
[b-eh9jxtz5d8] .file-preview-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--fd-gray-50);
    border-radius: var(--fd-radius-md, 8px);
    margin-bottom: 1rem;
}

[b-eh9jxtz5d8] .file-preview-icon {
    font-size: 2rem;
    color: var(--fd-gray-400);
}

[b-eh9jxtz5d8] .file-preview-details {
    display: flex;
    flex-direction: column;
}

[b-eh9jxtz5d8] .file-preview-name {
    font-weight: 500;
    color: var(--fd-gray-800);
}

[b-eh9jxtz5d8] .file-preview-size {
    font-size: 0.875rem;
    color: var(--fd-gray-500);
}

/* Form Groups */
[b-eh9jxtz5d8] .form-group {
    margin-bottom: 1rem;
}

[b-eh9jxtz5d8] .form-group:last-child {
    margin-bottom: 0;
}

[b-eh9jxtz5d8] .form-label {
    display: block;
    font-weight: 500;
    color: var(--fd-gray-700);
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
}

[b-eh9jxtz5d8] .form-control {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--fd-gray-300);
    border-radius: var(--fd-radius-md, 6px);
    font-size: 0.875rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

[b-eh9jxtz5d8] .form-control:focus {
    outline: none;
    border-color: var(--fd-primary-500);
    box-shadow: var(--fd-focus-ring);
}

[b-eh9jxtz5d8] textarea.form-control {
    resize: vertical;
    min-height: 80px;
}

[b-eh9jxtz5d8] .form-select {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--fd-gray-300);
    border-radius: var(--fd-radius-md, 6px);
    font-size: 0.875rem;
    background-color: var(--fd-surface-default);
    cursor: pointer;
}

[b-eh9jxtz5d8] .form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

[b-eh9jxtz5d8] .form-check-input {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
}

[b-eh9jxtz5d8] .form-check-label {
    font-size: 0.875rem;
    color: var(--fd-gray-700);
}

[b-eh9jxtz5d8] .form-text {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
}

/* Upload Dropzone */
[b-eh9jxtz5d8] .upload-options {
    margin-bottom: 1rem;
}

[b-eh9jxtz5d8] .upload-dropzone {
    position: relative;
    border: 2px dashed var(--fd-gray-300);
    border-radius: var(--fd-radius-md, 8px);
    background: var(--fd-gray-50);
    transition: all 0.2s ease;
    cursor: pointer;
}

[b-eh9jxtz5d8] .upload-dropzone:hover {
    border-color: var(--fd-primary-400);
    background: var(--fd-primary-50);
}

[b-eh9jxtz5d8] .upload-dropzone.drag-over {
    border-color: var(--fd-primary-500);
    background: var(--fd-primary-50);
}

[b-eh9jxtz5d8] .upload-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

[b-eh9jxtz5d8] .upload-dropzone-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    text-align: center;
    color: var(--fd-gray-600);
    pointer-events: none;
}

[b-eh9jxtz5d8] .upload-dropzone-content i {
    font-size: 2.5rem;
    color: var(--fd-gray-400);
    margin-bottom: 0.5rem;
}

[b-eh9jxtz5d8] .upload-text {
    margin: 0;
    font-weight: 500;
}

[b-eh9jxtz5d8] .upload-or {
    margin: 0.5rem 0;
    color: var(--fd-gray-400);
    font-size: 0.875rem;
}

[b-eh9jxtz5d8] .upload-hint {
    margin: 0.75rem 0 0 0;
    font-size: 0.75rem;
    color: var(--fd-gray-500);
}

/* Selected Files List */
[b-eh9jxtz5d8] .selected-files {
    margin-top: 1rem;
    border: 1px solid var(--fd-gray-200);
    border-radius: var(--fd-radius-md, 8px);
    padding: 1rem;
}

[b-eh9jxtz5d8] .selected-files h6 {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--fd-gray-700);
}

[b-eh9jxtz5d8] .selected-files-list {
    max-height: 200px;
    overflow-y: auto;
}

[b-eh9jxtz5d8] .selected-file-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: var(--fd-gray-50);
    border-radius: var(--fd-radius-sm, 4px);
    margin-bottom: 0.5rem;
}

[b-eh9jxtz5d8] .selected-file-item:last-child {
    margin-bottom: 0;
}

[b-eh9jxtz5d8] .selected-file-item i {
    color: var(--fd-gray-500);
    flex-shrink: 0;
}

[b-eh9jxtz5d8] .selected-file-name {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-eh9jxtz5d8] .selected-file-size {
    font-size: 0.75rem;
    color: var(--fd-gray-500);
    flex-shrink: 0;
}

[b-eh9jxtz5d8] .btn-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--fd-radius-sm, 4px);
    background: transparent;
    color: var(--fd-gray-400);
    cursor: pointer;
    flex-shrink: 0;
}

[b-eh9jxtz5d8] .btn-remove:hover {
    background: var(--fd-danger-100);
    color: var(--fd-danger-600);
}

[b-eh9jxtz5d8] .selected-files-total {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--fd-gray-200);
    font-size: 0.875rem;
    color: var(--fd-gray-600);
    text-align: right;
}

/* Upload Progress */
[b-eh9jxtz5d8] .upload-progress-container h5 {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--fd-gray-800);
}

[b-eh9jxtz5d8] .upload-progress-item {
    margin-bottom: 1rem;
}

[b-eh9jxtz5d8] .upload-progress-item:last-of-type {
    margin-bottom: 0;
}

[b-eh9jxtz5d8] .progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.375rem;
}

[b-eh9jxtz5d8] .progress-filename {
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
}

[b-eh9jxtz5d8] .progress-status {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

[b-eh9jxtz5d8] .progress-status.uploading { color: var(--fd-primary-600); }
[b-eh9jxtz5d8] .progress-status.complete { color: var(--fd-success-600); }
[b-eh9jxtz5d8] .progress-status.failed { color: var(--fd-danger-600); }
[b-eh9jxtz5d8] .progress-status.cancelled { color: var(--fd-gray-500); }
[b-eh9jxtz5d8] .progress-status.pending { color: var(--fd-gray-400); }

[b-eh9jxtz5d8] .progress {
    height: 6px;
    background: var(--fd-gray-200);
    border-radius: 3px;
    overflow: hidden;
}

[b-eh9jxtz5d8] .progress-bar {
    height: 100%;
    transition: width 0.3s ease;
}

[b-eh9jxtz5d8] .progress-bar.bg-primary { background: var(--fd-primary-500); }
[b-eh9jxtz5d8] .progress-bar.bg-success { background: var(--fd-success-500); }
[b-eh9jxtz5d8] .progress-bar.bg-danger { background: var(--fd-danger-500); }
[b-eh9jxtz5d8] .progress-bar.bg-warning { background: var(--fd-warning-500); }

[b-eh9jxtz5d8] .progress-bar-striped {
    background-image: linear-gradient(
        45deg,
        color-mix(in srgb, var(--fd-text-inverse) 15%, transparent) 25%,
        transparent 25%,
        transparent 50%,
        color-mix(in srgb, var(--fd-text-inverse) 15%, transparent) 50%,
        color-mix(in srgb, var(--fd-text-inverse) 15%, transparent) 75%,
        transparent 75%,
        transparent
    );
    background-size: 1rem 1rem;
}

[b-eh9jxtz5d8] .progress-bar-animated {
    animation: progress-bar-stripes-b-eh9jxtz5d8 1s linear infinite;
}

@keyframes progress-bar-stripes-b-eh9jxtz5d8 {
    from { background-position: 1rem 0; }
    to { background-position: 0 0; }
}

[b-eh9jxtz5d8] .progress-error {
    font-size: 0.75rem;
    color: var(--fd-danger-600);
    margin-top: 0.25rem;
}

[b-eh9jxtz5d8] .overall-progress {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--fd-gray-200);
}

/* FD Button Styles (for modals) */
[b-eh9jxtz5d8] .fd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--fd-radius-md, 6px);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s ease;
}

[b-eh9jxtz5d8] .fd-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-eh9jxtz5d8] .fd-btn-primary {
    background: var(--fd-primary-500);
    border-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
}

[b-eh9jxtz5d8] .fd-btn-primary:hover:not(:disabled) {
    background: var(--fd-primary-600);
    border-color: var(--fd-primary-600);
}

[b-eh9jxtz5d8] .fd-btn-secondary {
    background: var(--fd-surface-default);
    border-color: var(--fd-gray-300);
    color: var(--fd-gray-700);
}

[b-eh9jxtz5d8] .fd-btn-secondary:hover:not(:disabled) {
    background: var(--fd-gray-50);
    border-color: var(--fd-gray-400);
}

[b-eh9jxtz5d8] .fd-btn-danger {
    background: var(--fd-danger-500);
    border-color: var(--fd-danger-500);
    color: var(--fd-text-on-primary);
}

[b-eh9jxtz5d8] .fd-btn-danger:hover:not(:disabled) {
    background: var(--fd-danger-600);
    border-color: var(--fd-danger-600);
}

[b-eh9jxtz5d8] .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.15rem;
}
/* _content/FedData.UI/Components/Features/Documents/DocumentToolbar.razor.rz.scp.css */
/* ============================================
   DocumentToolbar - Windows Explorer Ribbon Style
   ============================================ */

.document-toolbar[b-fe2mqwyox2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.375rem 0.75rem;
    background: linear-gradient(to bottom, var(--fd-surface-default) 0%, var(--fd-surface-sunken) 100%);
    border-bottom: 1px solid var(--fd-gray-200);
    min-height: 40px;
}

.toolbar-left[b-fe2mqwyox2],
.toolbar-right[b-fe2mqwyox2] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Separator between button groups */
.toolbar-separator[b-fe2mqwyox2] {
    width: 1px;
    height: 24px;
    background: var(--fd-gray-300);
    margin: 0 0.5rem;
}

/* Standard toolbar button */
.toolbar-btn[b-fe2mqwyox2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    border: 1px solid transparent;
    border-radius: var(--fd-radius-sm, 4px);
    background: transparent;
    color: var(--fd-gray-600);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all 0.1s ease;
    white-space: nowrap;
}

.toolbar-btn:hover[b-fe2mqwyox2] {
    background: var(--fd-gray-100);
    border-color: var(--fd-gray-200);
    color: var(--fd-gray-800);
}

.toolbar-btn:active[b-fe2mqwyox2] {
    background: var(--fd-gray-200);
}

.toolbar-btn.active[b-fe2mqwyox2] {
    background: var(--fd-primary-50);
    border-color: var(--fd-primary-200);
    color: var(--fd-primary-700);
}

.toolbar-btn.active:hover[b-fe2mqwyox2] {
    background: var(--fd-primary-100);
}

/* Disabled state */
.toolbar-btn:disabled[b-fe2mqwyox2] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Primary action button (Upload) */
.toolbar-btn-primary[b-fe2mqwyox2] {
    background: var(--fd-primary-500);
    border-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
}

.toolbar-btn-primary:hover[b-fe2mqwyox2] {
    background: var(--fd-primary-600);
    border-color: var(--fd-primary-600);
    color: var(--fd-text-on-primary);
}

.toolbar-btn-primary:active[b-fe2mqwyox2] {
    background: var(--fd-primary-700);
}

/* Icon styling */
.toolbar-btn i[b-fe2mqwyox2] {
    font-size: 1rem;
}

/* Button text - hide on small screens */
.btn-text[b-fe2mqwyox2] {
    display: none;
}

@media (min-width: 640px) {
    .btn-text[b-fe2mqwyox2] {
        display: inline;
    }
}

/* Title section */
.toolbar-title[b-fe2mqwyox2] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--fd-gray-800);
    margin: 0 0.5rem;
    white-space: nowrap;
}

/* File count badge */
.toolbar-badge[b-fe2mqwyox2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.375rem;
    height: 1.375rem;
    padding: 0 0.5rem;
    border-radius: 9999px;
    background: var(--fd-gray-200);
    color: var(--fd-gray-700);
    font-size: 0.75rem;
    font-weight: 600;
}

/* View options group */
.view-options[b-fe2mqwyox2] {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    padding: 0.125rem;
    background: var(--fd-gray-100);
    border-radius: var(--fd-radius-sm, 4px);
    border: 1px solid var(--fd-gray-200);
}

.view-btn[b-fe2mqwyox2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 26px;
    border: none;
    border-radius: 3px;
    background: transparent;
    color: var(--fd-gray-500);
    cursor: pointer;
    transition: all 0.1s ease;
}

.view-btn:hover[b-fe2mqwyox2] {
    background: var(--fd-gray-200);
    color: var(--fd-gray-700);
}

.view-btn.active[b-fe2mqwyox2] {
    background: var(--fd-surface-default);
    color: var(--fd-primary-600);
    box-shadow: var(--fd-shadow-sm);
}

/* Dropdown button style */
.toolbar-dropdown[b-fe2mqwyox2] {
    position: relative;
}

.toolbar-dropdown-btn[b-fe2mqwyox2] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.toolbar-dropdown-btn[b-fe2mqwyox2]::after {
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    margin-left: 0.25rem;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .document-toolbar[b-fe2mqwyox2] {
        padding: 0.25rem 0.5rem;
    }

    .toolbar-title[b-fe2mqwyox2] {
        display: none;
    }

    .toolbar-btn[b-fe2mqwyox2] {
        padding: 0.375rem;
    }
}
/* _content/FedData.UI/Components/Features/Documents/ExplorerAddressBar.razor.rz.scp.css */
/* ============================================
   ExplorerAddressBar - Windows Explorer Style
   ============================================ */

.explorer-address-bar[b-6wcug9pxa8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-300);
    border-radius: var(--fd-radius-sm, 4px);
    min-height: 32px;
}

.address-icon[b-6wcug9pxa8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--fd-primary-500);
    flex-shrink: 0;
}

.address-icon i[b-6wcug9pxa8] {
    font-size: 1rem;
}

/* Breadcrumb container */
.address-breadcrumbs[b-6wcug9pxa8] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

/* Breadcrumb item (button) */
.breadcrumb-item[b-6wcug9pxa8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    border: none;
    border-radius: var(--fd-radius-sm, 4px);
    background: transparent;
    color: var(--fd-gray-600);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all 0.1s ease;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-item span[b-6wcug9pxa8] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-item:hover[b-6wcug9pxa8] {
    background: var(--fd-gray-100);
    color: var(--fd-gray-800);
}

.breadcrumb-item.active[b-6wcug9pxa8] {
    background: var(--fd-primary-50);
    color: var(--fd-primary-700);
    font-weight: 500;
}

.breadcrumb-item.active:hover[b-6wcug9pxa8] {
    background: var(--fd-primary-100);
}

.breadcrumb-item i[b-6wcug9pxa8] {
    font-size: 0.875rem;
}

/* Separator */
.breadcrumb-separator[b-6wcug9pxa8] {
    display: flex;
    align-items: center;
    color: var(--fd-gray-400);
    font-size: 0.625rem;
    flex-shrink: 0;
}

/* Action buttons */
.address-actions[b-6wcug9pxa8] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.address-btn[b-6wcug9pxa8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: var(--fd-radius-sm, 4px);
    background: transparent;
    color: var(--fd-gray-500);
    cursor: pointer;
    transition: all 0.1s ease;
}

.address-btn:hover[b-6wcug9pxa8] {
    background: var(--fd-gray-100);
    color: var(--fd-gray-700);
}

.address-btn:active[b-6wcug9pxa8] {
    background: var(--fd-gray-200);
}

/* Responsive - hide extra text on small screens */
@media (max-width: 480px) {
    .breadcrumb-item[b-6wcug9pxa8] {
        max-width: 80px;
    }

    .breadcrumb-item i + span[b-6wcug9pxa8] {
        display: none;
    }
}
/* _content/FedData.UI/Components/Features/Documents/ExplorerFileList.razor.rz.scp.css */
/* ============================================
   ExplorerFileList - Windows Explorer Style
   ============================================ */

.explorer-file-list[b-4jsr9vlog3] {
    display: flex;
    flex-direction: column;
    flex: 1; /* Fill parent flex container */
    min-height: 0; /* Allow flex shrinking */
    font-size: 0.8125rem;
    background: var(--fd-surface-default);
}

.explorer-file-loading[b-4jsr9vlog3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    flex: 1;
    color: var(--fd-gray-500);
}

/* EmptyState component should fill available space */
.explorer-file-list > .fd-empty-state[b-4jsr9vlog3] {
    flex: 1;
}

/* ============================================
   Header Row
   ============================================ */

.explorer-file-header[b-4jsr9vlog3] {
    display: flex;
    align-items: center;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-gray-200);
    padding: 0;
    font-weight: 600;
    color: var(--fd-gray-600);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    flex-shrink: 0;
}

.header-cell[b-4jsr9vlog3] {
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    border-right: 1px solid var(--fd-gray-200);
}

.header-cell:last-child[b-4jsr9vlog3] {
    border-right: none;
}

.header-cell.sortable[b-4jsr9vlog3] {
    cursor: pointer;
    user-select: none;
}

.header-cell.sortable:hover[b-4jsr9vlog3] {
    background: var(--fd-gray-100);
}

.header-cell .sort-icon[b-4jsr9vlog3] {
    font-size: 0.625rem;
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
}

.header-cell.sortable:hover .sort-icon[b-4jsr9vlog3] {
    opacity: 0.5;
}

.header-cell.sort-asc .sort-icon[b-4jsr9vlog3],
.header-cell.sort-desc .sort-icon[b-4jsr9vlog3] {
    opacity: 1;
}

.header-cell.sort-desc .sort-icon[b-4jsr9vlog3] {
    transform: rotate(180deg);
}

/* Column widths */
.header-checkbox[b-4jsr9vlog3],
.file-checkbox[b-4jsr9vlog3] {
    width: 32px;
    flex-shrink: 0;
    justify-content: center;
}

.header-name[b-4jsr9vlog3],
.file-name[b-4jsr9vlog3] {
    flex: 1;
    min-width: 200px;
}

.header-type[b-4jsr9vlog3],
.file-type[b-4jsr9vlog3] {
    width: 100px;
    flex-shrink: 0;
}

.header-size[b-4jsr9vlog3],
.file-size[b-4jsr9vlog3] {
    width: 80px;
    flex-shrink: 0;
    text-align: right;
    justify-content: flex-end;
}

.header-date[b-4jsr9vlog3],
.file-date[b-4jsr9vlog3] {
    width: 110px;
    flex-shrink: 0;
}

.header-actions[b-4jsr9vlog3],
.file-actions[b-4jsr9vlog3] {
    width: 100px;
    flex-shrink: 0;
    justify-content: center;
}

/* ============================================
   File Rows
   ============================================ */

.explorer-file-body[b-4jsr9vlog3] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.explorer-file-row[b-4jsr9vlog3] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--fd-gray-100);
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.explorer-file-row:hover[b-4jsr9vlog3] {
    background: var(--fd-gray-50);
}

.explorer-file-row.selected[b-4jsr9vlog3] {
    background: var(--fd-primary-50);
}

.explorer-file-row.selected:hover[b-4jsr9vlog3] {
    background: var(--fd-primary-100);
}

.file-cell[b-4jsr9vlog3] {
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 40px;
}

/* File name with icon */
.file-icon[b-4jsr9vlog3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.file-icon i[b-4jsr9vlog3] {
    font-size: 1.125rem;
}

.file-thumbnail[b-4jsr9vlog3] {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 2px;
}

/* File icon colors */
.file-icon-red[b-4jsr9vlog3] { color: var(--fd-danger-500); }
.file-icon-blue[b-4jsr9vlog3] { color: var(--fd-primary-500); }
.file-icon-green[b-4jsr9vlog3] { color: var(--fd-success-600); }
.file-icon-yellow[b-4jsr9vlog3] { color: var(--fd-warning-500); }
.file-icon-gray[b-4jsr9vlog3] { color: var(--fd-gray-500); }

.file-name-text[b-4jsr9vlog3] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--fd-gray-900);
}

.file-private-icon[b-4jsr9vlog3] {
    font-size: 0.625rem;
    color: var(--fd-gray-400);
    margin-left: 0.25rem;
}

/* Folder row styling */
.explorer-folder-row[b-4jsr9vlog3] {
    cursor: default;
}

.explorer-folder-row:hover[b-4jsr9vlog3] {
    background: var(--fd-gray-50);
}

.folder-file-count[b-4jsr9vlog3] {
    font-size: 0.6875rem;
    color: var(--fd-gray-500);
    background: var(--fd-gray-100);
    padding: 0.125rem 0.375rem;
    border-radius: 9999px;
    margin-left: 0.5rem;
}

.file-type[b-4jsr9vlog3] {
    color: var(--fd-gray-600);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-size[b-4jsr9vlog3] {
    color: var(--fd-gray-600);
    font-variant-numeric: tabular-nums;
}

.file-date[b-4jsr9vlog3] {
    color: var(--fd-gray-500);
}

/* Action buttons */
.file-actions[b-4jsr9vlog3] {
    gap: 0.25rem;
    justify-content: center;
}

.action-btn[b-4jsr9vlog3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--fd-gray-500);
    cursor: pointer;
    transition: all 0.15s ease;
}

.action-btn:hover[b-4jsr9vlog3] {
    background: var(--fd-gray-200);
    color: var(--fd-gray-700);
}

.action-btn-danger:hover[b-4jsr9vlog3] {
    background: var(--fd-danger-100);
    color: var(--fd-danger-600);
}

/* ============================================
   Footer
   ============================================ */

.explorer-file-footer[b-4jsr9vlog3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid var(--fd-gray-200);
    background: var(--fd-gray-50);
    flex-shrink: 0;
}

.file-count[b-4jsr9vlog3] {
    font-size: 0.75rem;
    color: var(--fd-gray-500);
}

/* Small button variant */
.fd-btn-sm[b-4jsr9vlog3] {
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
}

/* ============================================
   Checkbox styling
   ============================================ */

input[type="checkbox"][b-4jsr9vlog3] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    accent-color: var(--fd-primary-500);
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 768px) {
    .header-type[b-4jsr9vlog3],
    .file-type[b-4jsr9vlog3],
    .header-date[b-4jsr9vlog3],
    .file-date[b-4jsr9vlog3] {
        display: none;
    }

    .header-size[b-4jsr9vlog3],
    .file-size[b-4jsr9vlog3] {
        width: 60px;
    }

    .header-name[b-4jsr9vlog3],
    .file-name[b-4jsr9vlog3] {
        min-width: 150px;
    }
}
/* _content/FedData.UI/Components/Features/Documents/ExplorerFolderTree.razor.rz.scp.css */
/* ============================================
   ExplorerFolderTree - Windows Explorer Style
   ============================================ */

.explorer-tree[b-rbhwevjg6q] {
    padding: 0.25rem;
    font-size: 0.8125rem;
    user-select: none;
}

.explorer-tree-loading[b-rbhwevjg6q],
.explorer-tree-empty[b-rbhwevjg6q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    color: var(--fd-gray-500);
}

.explorer-tree-empty i[b-rbhwevjg6q] {
    font-size: 1.5rem;
}

.explorer-tree-items[b-rbhwevjg6q] {
    /* Container for all root nodes */
}

/* ============================================
   Explorer Tree Node
   ============================================ */

[b-rbhwevjg6q] .explorer-node {
    /* Node container */
}

[b-rbhwevjg6q] .explorer-node-row {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    cursor: default;
    min-height: 26px;
    transition: background-color 0.1s ease;
}

[b-rbhwevjg6q] .explorer-node-row.selectable {
    cursor: pointer;
}

[b-rbhwevjg6q] .explorer-node-row:hover {
    background: var(--fd-gray-100);
}

[b-rbhwevjg6q] .explorer-node-row.selected {
    background: var(--fd-primary-100);
}

[b-rbhwevjg6q] .explorer-node-row.selected:hover {
    background: var(--fd-primary-200);
}

/* Chevron (expand/collapse) */
[b-rbhwevjg6q] .explorer-node-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--fd-gray-500);
    cursor: pointer;
}

[b-rbhwevjg6q] .explorer-node-chevron:hover {
    color: var(--fd-gray-700);
}

[b-rbhwevjg6q] .explorer-node-chevron.invisible {
    visibility: hidden;
}

[b-rbhwevjg6q] .explorer-node-chevron i {
    font-size: 0.625rem;
}

/* Folder icon */
[b-rbhwevjg6q] .explorer-node-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

[b-rbhwevjg6q] .explorer-node-icon i {
    font-size: 1rem;
}

/* Icon colors - Windows Explorer style */
[b-rbhwevjg6q] .folder-icon-yellow {
    color: var(--fd-warning-500);
}

[b-rbhwevjg6q] .folder-icon-blue {
    color: var(--fd-primary-500);
}

[b-rbhwevjg6q] .folder-icon-green {
    color: var(--fd-success-500);
}

/* Folder name */
[b-rbhwevjg6q] .explorer-node-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--fd-gray-800);
}

[b-rbhwevjg6q] .explorer-node-row.selected .explorer-node-name {
    color: var(--fd-primary-900);
    font-weight: 500;
}

/* File count badge */
[b-rbhwevjg6q] .explorer-node-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 0.375rem;
    border-radius: 9px;
    background: var(--fd-gray-200);
    color: var(--fd-gray-600);
    font-size: 0.6875rem;
    font-weight: 600;
    flex-shrink: 0;
}

[b-rbhwevjg6q] .explorer-node-row.selected .explorer-node-badge {
    background: var(--fd-primary-200);
    color: var(--fd-primary-800);
}

/* Children container */
[b-rbhwevjg6q] .explorer-node-children {
    /* Children are indented via padding-left on the row */
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 768px) {
    .explorer-tree[b-rbhwevjg6q] {
        font-size: 0.875rem;
    }

    [b-rbhwevjg6q] .explorer-node-row {
        min-height: 32px;
        padding: 0.375rem 0.5rem;
    }
}
/* _content/FedData.UI/Components/Features/Documents/ImageGallery.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   ImageGallery Component Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.image-gallery[b-6zgqdhl1y7] {
    display: flex;
    flex-direction: column;
    background: var(--fd-gray-900);
    border-radius: 0.5rem;
    overflow: hidden;
    min-height: 500px;
}

.image-gallery.loading[b-6zgqdhl1y7] {
    justify-content: center;
    align-items: center;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Loading & Empty States
   ═══════════════════════════════════════════════════════════════════════════ */

.gallery-loading[b-6zgqdhl1y7],
.gallery-empty[b-6zgqdhl1y7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--fd-gray-500);
    text-align: center;
    flex: 1;
}

.gallery-empty i[b-6zgqdhl1y7] {
    opacity: 0.5;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Header
   ═══════════════════════════════════════════════════════════════════════════ */

.gallery-header[b-6zgqdhl1y7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--fd-gray-800);
    color: var(--fd-text-on-primary);
    min-height: 52px;
}

.selected-filename[b-6zgqdhl1y7] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    margin-right: 1rem;
}

.gallery-actions .btn[b-6zgqdhl1y7] {
    color: var(--fd-text-on-primary);
    border-color: color-mix(in srgb, var(--fd-text-inverse) 30%, transparent);
}

.gallery-actions .btn:hover[b-6zgqdhl1y7] {
    background: color-mix(in srgb, var(--fd-text-inverse) 10%, transparent);
    border-color: color-mix(in srgb, var(--fd-text-inverse) 50%, transparent);
}

.gallery-actions .dropdown-menu[b-6zgqdhl1y7] {
    min-width: 220px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Main Image Area
   ═══════════════════════════════════════════════════════════════════════════ */

.gallery-main[b-6zgqdhl1y7] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fd-gray-950);
    min-height: 400px;
    outline: none;
}

.gallery-main:focus[b-6zgqdhl1y7] {
    outline: none;
}

.main-image-container[b-6zgqdhl1y7] {
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1rem;
}

.main-image[b-6zgqdhl1y7] {
    max-width: 100%;
    max-height: 600px;
    object-fit: contain;
    box-shadow: 0 4px 20px var(--fd-surface-overlay);
    transition: opacity 0.2s ease;
}

.main-image.loading[b-6zgqdhl1y7] {
    opacity: 0.3;
}

.image-loader[b-6zgqdhl1y7] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Navigation Areas
   ═══════════════════════════════════════════════════════════════════════════ */

.nav-area[b-6zgqdhl1y7] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.2s ease, background 0.2s ease;
}

.nav-area:hover[b-6zgqdhl1y7] {
    opacity: 1;
}

.nav-left[b-6zgqdhl1y7] {
    left: 0;
    background: linear-gradient(to right, var(--fd-surface-overlay), transparent);
    padding-left: 0.5rem;
}

.nav-right[b-6zgqdhl1y7] {
    right: 0;
    background: linear-gradient(to left, var(--fd-surface-overlay), transparent);
    padding-right: 0.5rem;
}

.nav-area i[b-6zgqdhl1y7] {
    font-size: 2rem;
    color: var(--fd-text-on-primary);
    text-shadow: 0 2px 4px var(--fd-surface-overlay);
}

/* Show navigation on gallery hover */
.gallery-main:hover .nav-area[b-6zgqdhl1y7] {
    opacity: 0.7;
}

.gallery-main:hover .nav-area:hover[b-6zgqdhl1y7] {
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Image Counter
   ═══════════════════════════════════════════════════════════════════════════ */

.image-counter[b-6zgqdhl1y7] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    background: color-mix(in srgb, var(--fd-gray-900) 60%, transparent);
    color: var(--fd-text-on-primary);
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.85rem;
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Thumbnail Strip
   ═══════════════════════════════════════════════════════════════════════════ */

.thumbnail-strip[b-6zgqdhl1y7] {
    background: var(--fd-gray-600);
    padding: 0.75rem;
    min-height: 130px;
}

.thumbnail-container[b-6zgqdhl1y7] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 0.25rem;
}

/* Custom scrollbar for thumbnails */
.thumbnail-container[b-6zgqdhl1y7]::-webkit-scrollbar {
    height: 6px;
}

.thumbnail-container[b-6zgqdhl1y7]::-webkit-scrollbar-track {
    background: var(--fd-gray-700);
    border-radius: 3px;
}

.thumbnail-container[b-6zgqdhl1y7]::-webkit-scrollbar-thumb {
    background: var(--fd-gray-500);
    border-radius: 3px;
}

.thumbnail-container[b-6zgqdhl1y7]::-webkit-scrollbar-thumb:hover {
    background: var(--fd-gray-400);
}

.thumbnail-item[b-6zgqdhl1y7] {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 0.25rem;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    border: 2px solid transparent;
}

.thumbnail-item:hover[b-6zgqdhl1y7] {
    opacity: 0.8;
    transform: scale(1.02);
}

.thumbnail-item.selected[b-6zgqdhl1y7] {
    opacity: 1;
    border-color: var(--fd-text-on-primary);
    box-shadow: 0 0 10px color-mix(in srgb, var(--fd-text-inverse) 50%, transparent);
}

.thumbnail-item img[b-6zgqdhl1y7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   Dark Mode: Keep gallery dark-themed
   The gray scale inverts in dark mode, so gray-900 becomes near-white.
   Image viewers should always have dark chrome to make images pop.
   ═══════════════════════════════════════════════════════════════════════════ */

[data-fd-theme="dark"] .image-gallery[b-6zgqdhl1y7] {
    background: var(--fd-gray-100);
}

[data-fd-theme="dark"] .gallery-header[b-6zgqdhl1y7] {
    background: var(--fd-gray-200);
    color: var(--fd-gray-900);
}

[data-fd-theme="dark"] .selected-filename[b-6zgqdhl1y7] {
    color: var(--fd-gray-900);
}

[data-fd-theme="dark"] .gallery-actions .btn[b-6zgqdhl1y7] {
    color: var(--fd-gray-900);
    border-color: color-mix(in srgb, var(--fd-gray-900) 30%, transparent);
}

[data-fd-theme="dark"] .gallery-actions .btn:hover[b-6zgqdhl1y7] {
    background: color-mix(in srgb, var(--fd-gray-900) 10%, transparent);
    border-color: color-mix(in srgb, var(--fd-gray-900) 50%, transparent);
}

[data-fd-theme="dark"] .gallery-main[b-6zgqdhl1y7] {
    background: var(--fd-gray-50);
}

[data-fd-theme="dark"] .gallery-loading[b-6zgqdhl1y7],
[data-fd-theme="dark"] .gallery-empty[b-6zgqdhl1y7] {
    color: var(--fd-gray-500);
}

[data-fd-theme="dark"] .nav-area i[b-6zgqdhl1y7] {
    color: var(--fd-gray-900);
}

[data-fd-theme="dark"] .image-counter[b-6zgqdhl1y7] {
    background: color-mix(in srgb, var(--fd-gray-100) 60%, transparent);
    color: var(--fd-gray-900);
}

[data-fd-theme="dark"] .thumbnail-strip[b-6zgqdhl1y7] {
    background: var(--fd-gray-300);
}

[data-fd-theme="dark"] .thumbnail-container[b-6zgqdhl1y7]::-webkit-scrollbar-track {
    background: var(--fd-gray-200);
}

[data-fd-theme="dark"] .thumbnail-container[b-6zgqdhl1y7]::-webkit-scrollbar-thumb {
    background: var(--fd-gray-500);
}

[data-fd-theme="dark"] .thumbnail-container[b-6zgqdhl1y7]::-webkit-scrollbar-thumb:hover {
    background: var(--fd-gray-600);
}

[data-fd-theme="dark"] .thumbnail-item.selected[b-6zgqdhl1y7] {
    border-color: var(--fd-gray-900);
    box-shadow: 0 0 10px color-mix(in srgb, var(--fd-gray-900) 50%, transparent);
}

/* ═══════════════════════════════════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 576px) {
    .gallery-header[b-6zgqdhl1y7] {
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.5rem;
    }

    .selected-filename[b-6zgqdhl1y7] {
        margin-right: 0;
        font-size: 0.8rem;
    }

    .thumbnail-item[b-6zgqdhl1y7] {
        width: 70px;
        height: 70px;
    }

    .thumbnail-strip[b-6zgqdhl1y7] {
        min-height: 100px;
    }

    .nav-area[b-6zgqdhl1y7] {
        width: 20%;
    }

    .nav-area i[b-6zgqdhl1y7] {
        font-size: 1.5rem;
    }
}
/* _content/FedData.UI/Components/Features/Documents/PaneResizeHandle.razor.rz.scp.css */
/* Pane Resize Handle */
.pane-resize-handle[b-f5dyqxqcd9] {
    width: 5px;
    cursor: col-resize;
    background: transparent;
    position: relative;
    flex-shrink: 0;
    z-index: 10;
    transition: background-color 0.15s ease;
}

.pane-resize-handle:hover[b-f5dyqxqcd9] {
    background: var(--fd-primary-200);
}

.pane-resize-handle.resizing[b-f5dyqxqcd9] {
    background: var(--fd-primary-400);
}

/* Visual indicator line in the center */
.resize-indicator[b-f5dyqxqcd9] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 24px;
    background: var(--fd-gray-300);
    border-radius: 2px;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.pane-resize-handle:hover .resize-indicator[b-f5dyqxqcd9],
.pane-resize-handle.resizing .resize-indicator[b-f5dyqxqcd9] {
    opacity: 1;
}

.pane-resize-handle.resizing .resize-indicator[b-f5dyqxqcd9] {
    background: var(--fd-surface-default);
}
/* _content/FedData.UI/Components/Features/Error/Error.razor.rz.scp.css */
.error-page[b-pqo4pkpjk8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem;
    background: var(--fd-bg-page, hsl(220, 20%, 97%));
}

.error-card[b-pqo4pkpjk8] {
    text-align: center;
    max-width: 480px;
    width: 100%;
    padding: 3rem 2.5rem;
    background: var(--fd-bg-surface, hsl(0, 0%, 100%));
    border-radius: 12px;
    border: 1px solid var(--fd-border-default, hsl(220, 13%, 90%));
    box-shadow: 0 4px 24px hsla(220, 20%, 10%, 0.08);
}

.error-icon[b-pqo4pkpjk8] {
    font-size: 3.5rem;
    color: var(--fd-danger, hsl(0, 72%, 51%));
    margin-bottom: 1.25rem;
    line-height: 1;
}

.error-card h1[b-pqo4pkpjk8] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--fd-text-primary, hsl(220, 20%, 14%));
    margin: 0 0 0.75rem;
}

.error-message[b-pqo4pkpjk8] {
    font-size: 0.9375rem;
    color: var(--fd-text-secondary, hsl(220, 10%, 46%));
    margin: 0 0 1.5rem;
    line-height: 1.5;
}

.error-request-id[b-pqo4pkpjk8] {
    font-size: 0.8125rem;
    color: var(--fd-text-tertiary, hsl(220, 10%, 60%));
    margin-bottom: 1.5rem;
    padding: 0.625rem 1rem;
    background: var(--fd-bg-subtle, hsl(220, 20%, 96%));
    border-radius: 6px;
}

.error-request-id .label[b-pqo4pkpjk8] {
    font-weight: 500;
    margin-right: 0.375rem;
}

.error-request-id code[b-pqo4pkpjk8] {
    font-size: 0.75rem;
    word-break: break-all;
}

.error-action[b-pqo4pkpjk8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: hsl(0, 0%, 100%);
    background: var(--fd-primary, hsl(216, 90%, 52%));
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.error-action:hover[b-pqo4pkpjk8] {
    background: var(--fd-primary-hover, hsl(216, 90%, 45%));
}

.error-action:focus-visible[b-pqo4pkpjk8] {
    outline: 2px solid var(--fd-primary, hsl(216, 90%, 52%));
    outline-offset: 2px;
}
/* _content/FedData.UI/Components/Features/Grids/FdColumnChooser.razor.rz.scp.css */
/* ── Column List ── */

.fd-cc-list[b-c70tloaf1w] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fd-cc-item[b-c70tloaf1w] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    border-radius: var(--fd-radius-sm, 4px);
    border: 2px solid transparent;
    transition: background 120ms ease, opacity 120ms ease;
    user-select: none;
}

.fd-cc-item:hover[b-c70tloaf1w] {
    background: var(--fd-surface-hover, rgba(0,0,0,0.04));
}

.fd-cc-item--hidden[b-c70tloaf1w] {
    opacity: 0.55;
}

.fd-cc-item--dragging[b-c70tloaf1w] {
    opacity: 0.35;
    background: var(--fd-surface-hover, rgba(0,0,0,0.04));
}

.fd-cc-item--drop-above[b-c70tloaf1w] {
    border-top-color: var(--fd-primary-500, #2563eb);
}

.fd-cc-item--drop-below[b-c70tloaf1w] {
    border-bottom-color: var(--fd-primary-500, #2563eb);
}

.fd-cc-drag-handle[b-c70tloaf1w] {
    color: var(--fd-text-muted, #6b7280);
    cursor: grab;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    font-size: 1rem;
}

.fd-cc-drag-handle:active[b-c70tloaf1w] {
    cursor: grabbing;
}

.fd-cc-label[b-c70tloaf1w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    cursor: pointer;
    font-size: 0.8125rem;
    margin: 0;
    line-height: 1.4;
}

.fd-cc-label input[type="checkbox"][b-c70tloaf1w] {
    flex-shrink: 0;
    cursor: pointer;
    accent-color: var(--fd-primary-500, #2563eb);
}

/* Touch drag clone — positioned fixed on body */
[b-c70tloaf1w] .fd-cc-item--touch-clone {
    position: fixed;
    z-index: 99999;
    pointer-events: none;
    opacity: 0.85;
    background: var(--fd-surface-default, #fff);
    border: 1px solid var(--fd-primary-500, #2563eb);
    border-radius: var(--fd-radius-sm, 4px);
    box-shadow: var(--fd-shadow-lg, 0 4px 12px rgba(0,0,0,0.15));
    padding: 0.375rem 0.5rem;
}
/* _content/FedData.UI/Components/Features/Grids/FdGridLayouts.razor.rz.scp.css */
/* ── Grid Layouts Dropdown ── */

/* ── Processing Overlay ── */

.fd-gl-body[b-z1hgtw83al] {
    position: relative;
}

.fd-gl-overlay[b-z1hgtw83al] {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--fd-surface-default, #fff) 80%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: var(--fd-radius-sm, 4px);
}

.fd-gl-spinner[b-z1hgtw83al] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--fd-gray-200, #e5e7eb);
    border-top-color: var(--fd-primary-500);
    border-radius: 50%;
    animation: fd-gl-spin-b-z1hgtw83al 0.8s linear infinite;
}

@keyframes fd-gl-spin-b-z1hgtw83al {
    to { transform: rotate(360deg); }
}

/* ── Layout List ── */

.fd-gl-list[b-z1hgtw83al] {
    display: flex;
    flex-direction: column;
}

.fd-gl-row[b-z1hgtw83al] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    border-radius: var(--fd-radius-sm, 4px);
    cursor: pointer;
    transition: background-color 0.1s ease;
}

.fd-gl-row:hover[b-z1hgtw83al] {
    background: var(--fd-surface-hover, rgba(0,0,0,0.04));
}

/* ── Selected Row (replaces checkmark) ── */

.fd-gl-row--active[b-z1hgtw83al] {
    background: var(--fd-primary-100, hsl(210, 79%, 95%));
}

.fd-gl-row--active:hover[b-z1hgtw83al] {
    background: var(--fd-primary-150, hsl(210, 79%, 92%));
}

.fd-gl-row--active .fd-gl-row-name[b-z1hgtw83al] {
    font-weight: 600;
    color: var(--fd-primary-700, hsl(210, 79%, 35%));
}

.fd-gl-row-name[b-z1hgtw83al] {
    flex: 1;
    min-width: 0;
    font-size: 0.8125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Modified Indicator ── */

.fd-gl-modified[b-z1hgtw83al] {
    color: var(--fd-warning-500, #f59e0b);
    font-weight: 700;
    margin-left: 0.125rem;
}

/* ── Row Actions ── */

.fd-gl-row-actions[b-z1hgtw83al] {
    display: flex;
    gap: 0.125rem;
    margin-left: auto;
    flex-shrink: 0;
}

.fd-gl-action-btn[b-z1hgtw83al] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: var(--fd-gray-500);
    cursor: pointer;
    font-size: 0.75rem;
    opacity: 0;
    transition: opacity 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

/* Show all action buttons on hover or when row is active */
.fd-gl-row:hover .fd-gl-action-btn[b-z1hgtw83al],
.fd-gl-row--active .fd-gl-action-btn[b-z1hgtw83al] {
    opacity: 1;
}

/* Invisible spacer to align buttons across rows with different action counts */
.fd-gl-action-spacer[b-z1hgtw83al] {
    width: 24px;
    flex-shrink: 0;
}

/* Always show active-state icons (filled star, filled share) regardless of hover */
.fd-gl-star--active[b-z1hgtw83al],
.fd-gl-share--active[b-z1hgtw83al] {
    opacity: 1;
}

.fd-gl-action-btn:hover[b-z1hgtw83al] {
    background: var(--fd-gray-200);
    color: var(--fd-gray-700);
}

.fd-gl-action-btn--danger:hover[b-z1hgtw83al] {
    background: var(--fd-danger-100);
    color: var(--fd-danger-600);
}

/* ── Rename Button ── */

.fd-gl-action-btn--rename[b-z1hgtw83al] {
    color: var(--fd-gray-400);
}

.fd-gl-action-btn--rename:hover[b-z1hgtw83al] {
    color: var(--fd-primary-500);
    background: transparent;
}

/* ── Star (Default) Button ── */

.fd-gl-star-btn[b-z1hgtw83al] {
    color: var(--fd-gray-400);
}

.fd-gl-star-btn:hover[b-z1hgtw83al] {
    color: var(--fd-warning-500, #f59e0b);
    background: transparent;
}

.fd-gl-star--active[b-z1hgtw83al] {
    color: var(--fd-warning-500, #f59e0b);
}

.fd-gl-star--active:hover[b-z1hgtw83al] {
    color: var(--fd-warning-600, #d97706);
}

/* ── Update Button Highlight ── */

.fd-gl-action-btn--update[b-z1hgtw83al] {
    color: var(--fd-primary-500);
}

.fd-gl-action-btn--update:hover[b-z1hgtw83al] {
    background: var(--fd-primary-100);
    color: var(--fd-primary-600);
}

/* ── Save Input ── */

.fd-gl-save[b-z1hgtw83al] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding-top: 0.5rem;
    margin-top: 0.25rem;
    border-top: 1px solid var(--fd-border-default, #e5e7eb);
}

.fd-gl-save input[type="text"][b-z1hgtw83al] {
    flex: 1;
    min-width: 0;
}

.fd-gl-save-btn[b-z1hgtw83al] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: var(--fd-radius-sm, 4px);
    background: var(--fd-primary-500);
    color: var(--fd-text-on-primary, #fff);
    cursor: pointer;
    font-size: 0.8125rem;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
}

.fd-gl-save-btn:hover[b-z1hgtw83al] {
    opacity: 0.85;
}

.fd-gl-save-btn:disabled[b-z1hgtw83al] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ── Share Button ── */

.fd-gl-share-btn[b-z1hgtw83al] {
    color: var(--fd-gray-400);
}

.fd-gl-share-btn:hover[b-z1hgtw83al] {
    color: var(--fd-info-500, #06b6d4);
    background: transparent;
}

.fd-gl-share--active[b-z1hgtw83al] {
    color: var(--fd-info-500, #06b6d4);
}

.fd-gl-share--active:hover[b-z1hgtw83al] {
    color: var(--fd-info-600, #0891b2);
}

/* ── Shared Section ── */

.fd-gl-shared-section[b-z1hgtw83al] {
    padding-top: 0.5rem;
    margin-top: 0.25rem;
    border-top: 1px solid var(--fd-border-default, #e5e7eb);
}

.fd-gl-section-header[b-z1hgtw83al] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--fd-text-muted, #6b7280);
    padding: 0.25rem 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.fd-gl-section-header i[b-z1hgtw83al] {
    font-size: 0.75rem;
}

.fd-gl-shared-name[b-z1hgtw83al] {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.25;
}

.fd-gl-shared-owner[b-z1hgtw83al] {
    display: block;
    font-size: 0.6875rem;
    color: var(--fd-text-muted, #6b7280);
    line-height: 1.25;
}

.fd-gl-row--shared[b-z1hgtw83al] {
    cursor: pointer;
}

.fd-gl-row--shared:hover[b-z1hgtw83al] {
    background: var(--fd-surface-hover, rgba(0,0,0,0.04));
}

/* ── Copy Button ── */

.fd-gl-action-btn--copy[b-z1hgtw83al] {
    color: var(--fd-primary-500);
}

.fd-gl-action-btn--copy:hover[b-z1hgtw83al] {
    background: var(--fd-primary-100);
    color: var(--fd-primary-600);
}

/* ── Inline Rename ── */

.fd-gl-rename-input[b-z1hgtw83al] {
    width: 100%;
    padding: 0.125rem 0.375rem;
    font-size: 0.8125rem;
    border: 1px solid var(--fd-primary-400);
    border-radius: var(--fd-radius-sm, 4px);
    background: var(--fd-surface-default, #fff);
    color: var(--fd-text-default, #1f2937);
    outline: none;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--fd-primary-500) 20%, transparent);
}

.fd-gl-rename-input:focus[b-z1hgtw83al] {
    border-color: var(--fd-primary-500);
}

.fd-gl-edit-error[b-z1hgtw83al] {
    display: block;
    font-size: 0.6875rem;
    color: var(--fd-danger-500, #ef4444);
    line-height: 1.25;
    margin-top: 0.125rem;
    white-space: normal;
}

/* ── Info Panel ── */

.fd-gl-info[b-z1hgtw83al] {
    margin-bottom: 0;
}

.fd-gl-info-section[b-z1hgtw83al] {
    margin-bottom: 0.375rem;
}

.fd-gl-info-title[b-z1hgtw83al] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--fd-text-muted, #6b7280);
    margin-bottom: 0.125rem;
}

.fd-gl-info-item[b-z1hgtw83al] {
    font-size: 0.75rem;
    padding: 0.0625rem 0;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.fd-gl-info-item--included[b-z1hgtw83al] {
    color: var(--fd-text-default, #1f2937);
}

.fd-gl-info-item--included i[b-z1hgtw83al] {
    color: var(--fd-success-500, #22c55e);
    font-size: 0.6875rem;
}

.fd-gl-info-item--excluded[b-z1hgtw83al] {
    color: var(--fd-text-muted, #6b7280);
}

.fd-gl-info-item--excluded i[b-z1hgtw83al] {
    color: var(--fd-text-muted, #6b7280);
    font-size: 0.625rem;
}
/* _content/FedData.UI/Components/Features/Grids/GridFooter.razor.rz.scp.css */
/*
 * GridFooter Component - Scoped Styles
 *
 * Standardized footer for grids and card views
 */

.grid-row-footer[b-ggbfh8c5g5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: linear-gradient(to bottom, var(--fd-surface-sunken), var(--fd-gray-100));
    border-top: 1px solid var(--fd-border-default);
    font-size: 13px;
    color: var(--fd-text-muted);
}

.grid-row-footer strong[b-ggbfh8c5g5] {
    color: var(--fd-gray-700);
}

.grid-footer-left[b-ggbfh8c5g5] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.grid-footer-right[b-ggbfh8c5g5] {
    white-space: nowrap;
}
/* _content/FedData.UI/Components/Features/HtmlEditor/HtmlCodeEditor.razor.rz.scp.css */
/* HTML Code Editor — Split pane Monaco + live preview */

.html-code-editor[b-hmcfec0czy] {
    display: flex;
    flex-direction: column;
    /* Use viewport calc as bulletproof sizing — 90vh dialog minus ~60px header minus ~60px footer */
    height: calc(90vh - 120px);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Tab Bar                                                                     */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-tab-bar[b-hmcfec0czy] {
    display: flex;
    gap: 0;
    padding: 0 0.5rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-border-default);
    flex-shrink: 0;
}

.hce-tab[b-hmcfec0czy] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border: none;
    background: transparent;
    color: var(--fd-text-muted);
    font-size: var(--fd-text-sm);
    font-weight: 500;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all var(--fd-transition-base);
}

.hce-tab:hover[b-hmcfec0czy] {
    color: var(--fd-text-default);
    background: var(--fd-surface-hover);
}

.hce-tab.active[b-hmcfec0czy] {
    color: var(--fd-primary-600);
    border-bottom-color: var(--fd-primary-500);
}

.hce-tab i[b-hmcfec0czy] {
    font-size: 0.875rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Editor Tab Wrapper                                                          */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-editor-tab[b-hmcfec0czy] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Toolbar                                                                     */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-toolbar-separator[b-hmcfec0czy] {
    width: 1px;
    height: 1rem;
    background: var(--fd-border-default);
    margin: 0 0.25rem;
}

.hce-toolbar[b-hmcfec0czy] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-border-default);
    flex-shrink: 0;
}

.hce-toolbar-label[b-hmcfec0czy] {
    font-size: var(--fd-text-xs);
    font-weight: 600;
    color: var(--fd-text-muted);
    margin-right: 0.25rem;
    white-space: nowrap;
}

.hce-tool-btn[b-hmcfec0czy] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--fd-border-default);
    background: var(--fd-surface-default);
    color: var(--fd-text-muted);
    font-size: var(--fd-text-xs);
    font-weight: 500;
    border-radius: var(--fd-radius-sm);
    cursor: pointer;
    transition: all var(--fd-transition-base);
    white-space: nowrap;
}

.hce-tool-btn:hover[b-hmcfec0czy] {
    background: var(--fd-surface-hover);
    color: var(--fd-text-default);
    border-color: var(--fd-border-strong);
}

.hce-tool-btn i[b-hmcfec0czy] {
    font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Templates Dropdown                                                         */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-dropdown[b-hmcfec0czy] {
    position: relative;
}

.hce-dropdown-backdrop[b-hmcfec0czy] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.hce-dropdown-menu[b-hmcfec0czy] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    min-width: 180px;
    padding: 0.25rem 0;
    margin-top: 0.25rem;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-border-default);
    border-radius: var(--fd-radius-md);
    box-shadow: var(--fd-shadow-lg);
}

.hce-dropdown-item[b-hmcfec0czy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.375rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--fd-text-default);
    font-size: var(--fd-text-xs);
    cursor: pointer;
    transition: background var(--fd-transition-base);
    text-align: left;
    white-space: nowrap;
}

.hce-dropdown-item:hover[b-hmcfec0czy] {
    background: var(--fd-surface-hover);
}

.hce-dropdown-item i[b-hmcfec0czy] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    width: 1rem;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Image Picker Bar                                                            */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-image-picker-bar[b-hmcfec0czy] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: var(--fd-gray-50);
    border-bottom: 1px solid var(--fd-border-default);
    flex-shrink: 0;
}

:global([data-fd-theme="dark"]) .hce-image-picker-bar[b-hmcfec0czy] {
    background: var(--fd-gray-800);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Split Pane                                                                  */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-split-pane[b-hmcfec0czy] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.hce-editor-pane[b-hmcfec0czy] {
    flex: 1 1 50%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 0;
}

.hce-monaco-container[b-hmcfec0czy] {
    flex: 1;
    min-height: 0;
}

.hce-resize-handle[b-hmcfec0czy] {
    width: 5px;
    cursor: col-resize;
    background: var(--fd-gray-100);
    flex-shrink: 0;
    transition: background var(--fd-transition-base);
}

.hce-resize-handle:hover[b-hmcfec0czy] {
    background: var(--fd-primary-200);
}

.hce-preview-pane[b-hmcfec0czy] {
    flex: 1 1 50%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid var(--fd-border-default);
}

.hce-preview-iframe[b-hmcfec0czy] {
    width: 100%;
    flex: 1;
    border: none;
    background: white;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Loading State                                                               */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-loading[b-hmcfec0czy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    color: var(--fd-text-muted);
    font-size: var(--fd-text-sm);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Full Preview Tab                                                            */
/* ═══════════════════════════════════════════════════════════════════════════ */

.hce-full-preview[b-hmcfec0czy] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    background: var(--fd-surface-default);
}

.hce-full-preview-content[b-hmcfec0czy] {
    max-width: 720px;
    margin: 0 auto;
}

/* Reuse WhatsNew styling for full preview */

.hce-full-preview-content .wn-note-header[b-hmcfec0czy] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.hce-full-preview-content .wn-note-title[b-hmcfec0czy] {
    font-size: var(--fd-text-lg);
    font-weight: 600;
    color: var(--fd-text-default);
    margin: 0;
    line-height: 1.4;
}

.hce-full-preview-content .wn-note-type[b-hmcfec0czy] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--fd-text-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.0625rem 0.375rem;
    border-radius: var(--fd-radius-sm);
    white-space: nowrap;
    color: var(--fd-primary-600);
    background: var(--fd-primary-50);
}

.hce-full-preview-content .wn-note-audience[b-hmcfec0czy] {
    font-size: var(--fd-text-xs);
    font-weight: 500;
    padding: 0.0625rem 0.375rem;
    border-radius: var(--fd-radius-sm);
    color: var(--fd-info-600);
    background: var(--fd-info-50);
}

.hce-full-preview-content .wn-note-order[b-hmcfec0czy] {
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy] {
    font-size: var(--fd-text-base);
    color: var(--fd-text-default);
    line-height: 1.7;
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  p {
    margin: 0 0 0.75rem 0;
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  p:last-child {
    margin-bottom: 0;
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  ul {
    margin: 0.5rem 0 0.75rem 0;
    padding-left: 1.25rem;
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  li {
    margin-bottom: 0.375rem;
    line-height: 1.6;
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  strong {
    font-weight: 600;
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  code {
    font-family: var(--fd-font-mono);
    font-size: 0.875em;
    background: var(--fd-gray-100);
    padding: 0.125rem 0.375rem;
    border-radius: var(--fd-radius-sm);
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  a {
    color: var(--fd-primary-500);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Image positioning in full preview */
.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  .rn-img-full {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--fd-radius-md);
    margin: 0.75rem 0;
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  .rn-img-left {
    float: left;
    max-width: 45%;
    height: auto;
    margin: 0.25rem 1rem 0.75rem 0;
    border-radius: var(--fd-radius-md);
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  .rn-img-right {
    float: right;
    max-width: 45%;
    height: auto;
    margin: 0.25rem 0 0.75rem 1rem;
    border-radius: var(--fd-radius-md);
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]  .rn-img-center {
    display: block;
    max-width: 70%;
    height: auto;
    margin: 0.75rem auto;
    border-radius: var(--fd-radius-md);
}

.hce-full-preview-content .wn-note-content[b-hmcfec0czy]::after {
    content: '';
    display: table;
    clear: both;
}

.hce-full-preview-content .wn-note-link[b-hmcfec0czy] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
    font-size: var(--fd-text-sm);
    font-weight: 500;
    color: var(--fd-primary-500);
    text-decoration: none;
}

.hce-full-preview-content .wn-note-link:hover[b-hmcfec0czy] {
    color: var(--fd-primary-600);
}

.hce-full-preview-content .wn-note-link i[b-hmcfec0czy] {
    font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Dark Mode                                                                   */
/* ═══════════════════════════════════════════════════════════════════════════ */

:global([data-fd-theme="dark"]) .hce-tab-bar[b-hmcfec0czy] {
    background: var(--fd-gray-800);
}

:global([data-fd-theme="dark"]) .hce-tab.active[b-hmcfec0czy] {
    color: var(--fd-primary-400);
    border-bottom-color: var(--fd-primary-400);
}

:global([data-fd-theme="dark"]) .hce-toolbar[b-hmcfec0czy] {
    background: var(--fd-gray-800);
}

:global([data-fd-theme="dark"]) .hce-tool-btn[b-hmcfec0czy] {
    background: var(--fd-gray-700);
    border-color: var(--fd-gray-600);
    color: var(--fd-gray-300);
}

:global([data-fd-theme="dark"]) .hce-tool-btn:hover[b-hmcfec0czy] {
    background: var(--fd-gray-600);
    color: var(--fd-gray-100);
}

:global([data-fd-theme="dark"]) .hce-resize-handle[b-hmcfec0czy] {
    background: var(--fd-gray-700);
}

:global([data-fd-theme="dark"]) .hce-resize-handle:hover[b-hmcfec0czy] {
    background: var(--fd-primary-700);
}
/* _content/FedData.UI/Components/Features/Notes/NotesContainer.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   NOTES CONTAINER STYLES
   ═══════════════════════════════════════════════════════════════════════════ */

.notes-container[b-vdgcmkjxdr] {
    display: flex;
    flex-direction: column;
    background: var(--fd-surface-sunken);
    border-radius: 0.5rem;
}

/* Compact mode - removes all height constraints, only takes space needed */
.notes-container--compact[b-vdgcmkjxdr] {
    display: block;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
}

.notes-container--compact .notes-body[b-vdgcmkjxdr] {
    flex: none;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
}

.notes-toolbar[b-vdgcmkjxdr] {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem;
    background: var(--fd-surface-default);
    border-bottom: 1px solid var(--fd-border-default);
    border-radius: 0.5rem 0.5rem 0 0;
}

.notes-title[b-vdgcmkjxdr] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--fd-text-default);
    display: flex;
    align-items: center;
}

.notes-title i[b-vdgcmkjxdr] {
    color: var(--fd-primary-500);
}

.notes-body[b-vdgcmkjxdr] {
    flex: 1;
    padding: 1rem;
    background: var(--fd-surface-sunken);
    border-radius: 0 0 0.5rem 0.5rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FEED STYLE (Chat-like) - Modern messaging look
   ═══════════════════════════════════════════════════════════════════════════ */

.notes-feed[b-vdgcmkjxdr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.note-item[b-vdgcmkjxdr] {
    transition: transform 0.15s ease;
}

.note-feed-item[b-vdgcmkjxdr] {
    display: flex;
    gap: 0.875rem;
    padding: 1rem;
    background: var(--fd-surface-default);
    border-radius: 0.75rem;
    box-shadow: var(--fd-shadow-sm);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.note-feed-item:hover[b-vdgcmkjxdr] {
    box-shadow: var(--fd-shadow-md);
}

.note-avatar[b-vdgcmkjxdr] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
}

.note-avatar .avatar-img[b-vdgcmkjxdr] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--fd-surface-default);
    box-shadow: var(--fd-shadow-sm);
}

.note-avatar .avatar-placeholder[b-vdgcmkjxdr] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--fd-primary-500) 0%, var(--fd-primary-400) 100%);
    color: var(--fd-text-on-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px color-mix(in srgb, var(--fd-primary-500) 30%, transparent);
}

.note-content-wrapper[b-vdgcmkjxdr] {
    flex: 1;
    min-width: 0;
}

.note-header[b-vdgcmkjxdr] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.note-author[b-vdgcmkjxdr] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--fd-text-default);
}

.note-timestamp[b-vdgcmkjxdr] {
    font-size: 0.8125rem;
    color: var(--fd-text-muted);
}

.note-edited[b-vdgcmkjxdr] {
    font-size: 0.75rem;
    color: var(--fd-text-muted);
    font-style: italic;
}

.note-text[b-vdgcmkjxdr] {
    font-size: 0.9375rem;
    color: var(--fd-text-default);
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Actions - Always visible but subtle, more prominent on hover */
.note-actions[b-vdgcmkjxdr] {
    margin-top: 0.75rem;
    padding-top: 0.625rem;
    border-top: 1px solid var(--fd-border-muted);
    display: flex;
    gap: 0.25rem;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.note-feed-item:hover .note-actions[b-vdgcmkjxdr] {
    opacity: 1;
}

.note-actions .btn-link[b-vdgcmkjxdr] {
    font-size: 0.8125rem;
    text-decoration: none;
    padding: 0.25rem 0.625rem;
    border-radius: 0.375rem;
    transition: all 0.15s ease;
    color: var(--fd-text-muted);
}

.note-actions .btn-link:hover[b-vdgcmkjxdr] {
    background: var(--fd-surface-hover);
    color: var(--fd-primary-500);
    text-decoration: none;
}

.note-actions .btn-link.text-danger:hover[b-vdgcmkjxdr] {
    background: var(--fd-danger-50);
    color: var(--fd-danger-500);
}

/* ═══════════════════════════════════════════════════════════════════════════
   LIST STYLE (Compact)
   ═══════════════════════════════════════════════════════════════════════════ */

.notes-list-compact[b-vdgcmkjxdr] {
    display: flex;
    flex-direction: column;
    background: var(--fd-surface-default);
    border-radius: 0.5rem;
    overflow: hidden;
}

.note-list-item[b-vdgcmkjxdr] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--fd-border-muted);
    transition: background 0.15s ease;
}

.note-list-item:hover[b-vdgcmkjxdr] {
    background: var(--fd-surface-hover);
}

.note-list-item:last-child[b-vdgcmkjxdr] {
    border-bottom: none;
}

.note-text-preview[b-vdgcmkjxdr] {
    font-size: 0.9rem;
    color: var(--fd-text-default);
}

.note-list-actions[b-vdgcmkjxdr] {
    display: flex;
    gap: 0.25rem;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.note-list-item:hover .note-list-actions[b-vdgcmkjxdr] {
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARDS STYLE
   ═══════════════════════════════════════════════════════════════════════════ */

.notes-cards[b-vdgcmkjxdr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.note-card[b-vdgcmkjxdr] {
    transition: box-shadow 0.2s ease, transform 0.15s ease;
    border: none;
    box-shadow: var(--fd-shadow-sm);
}

.note-card:hover[b-vdgcmkjxdr] {
    box-shadow: var(--fd-shadow-md);
}

/* ═══════════════════════════════════════════════════════════════════════════
   NOTE STATE MODIFIERS
   ═══════════════════════════════════════════════════════════════════════════ */

.note-internal .note-feed-item[b-vdgcmkjxdr],
.note-internal.note-list-item[b-vdgcmkjxdr],
.note-internal .note-card[b-vdgcmkjxdr] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--fd-warning-500) 8%, transparent) 0%, var(--fd-surface-default) 40%);
    border-left: 3px solid var(--fd-warning-500);
}

.note-pinned .note-feed-item[b-vdgcmkjxdr],
.note-pinned.note-list-item[b-vdgcmkjxdr],
.note-pinned .note-card[b-vdgcmkjxdr] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--fd-info-500) 8%, transparent) 0%, var(--fd-surface-default) 40%);
    border-left: 3px solid var(--fd-info-500);
}

/* ═══════════════════════════════════════════════════════════════════════════
   BADGES - Polished look
   ═══════════════════════════════════════════════════════════════════════════ */

.note-header .badge[b-vdgcmkjxdr] {
    font-size: 0.6875rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 576px) {
    .note-feed-item[b-vdgcmkjxdr] {
        padding: 0.875rem;
    }

    .note-avatar[b-vdgcmkjxdr] {
        width: 36px;
        height: 36px;
    }

    .note-avatar .avatar-placeholder[b-vdgcmkjxdr] {
        font-size: 0.75rem;
    }

    .note-header[b-vdgcmkjxdr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .note-actions[b-vdgcmkjxdr] {
        opacity: 1;
    }

    .note-list-actions[b-vdgcmkjxdr] {
        opacity: 1;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   EMPTY STATE CUSTOMIZATION
   ═══════════════════════════════════════════════════════════════════════════ */

.notes-body[b-vdgcmkjxdr]  .empty-state {
    padding: 2rem 1rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SCROLLBAR STYLING
   ═══════════════════════════════════════════════════════════════════════════ */

.notes-list[b-vdgcmkjxdr]::-webkit-scrollbar {
    width: 6px;
}

.notes-list[b-vdgcmkjxdr]::-webkit-scrollbar-track {
    background: transparent;
}

.notes-list[b-vdgcmkjxdr]::-webkit-scrollbar-thumb {
    background: var(--fd-border-default);
    border-radius: 3px;
}

.notes-list[b-vdgcmkjxdr]::-webkit-scrollbar-thumb:hover {
    background: var(--fd-text-muted);
}
/* _content/FedData.UI/Components/Features/Preferences/Preferences.razor.rz.scp.css */
.preferences-section[b-1xj8ktwm38] {
    margin-top: 1.5rem;
    padding: 1.5rem;
    background-color: var(--fd-surface-default);
    border: 1px solid var(--fd-border-default);
    border-radius: var(--fd-radius-lg);
}

.preferences-section-title[b-1xj8ktwm38] {
    font-weight: 600;
    color: var(--fd-text-default);
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--fd-border-default);
}

.preference-item[b-1xj8ktwm38] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 0.75rem 0;
}

.preference-info[b-1xj8ktwm38] {
    flex: 1;
    min-width: 0;
}

.preference-label[b-1xj8ktwm38] {
    font-weight: 500;
    color: var(--fd-text-default);
    margin-bottom: 0.25rem;
}

.preference-description[b-1xj8ktwm38] {
    font-size: 0.85rem;
    color: var(--fd-text-muted);
    line-height: 1.4;
}

.preference-item + .preference-item[b-1xj8ktwm38] {
    border-top: 1px solid var(--fd-border-default);
}
/* _content/FedData.UI/Components/Features/Profile/ProfileEditor.razor.rz.scp.css */
/* Container */
.profile-editor-container[b-np4holcijr] {
    width: 100%;
    animation: fadeIn 0.25s ease;
}

/* Loading State */
.profile-editor-loading[b-np4holcijr] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.loading-spinner[b-np4holcijr] {
    text-align: center;
}

.spinner[b-np4holcijr] {
    width: 48px;
    height: 48px;
    border: 4px solid var(--fd-gray-200);
    border-top-color: var(--fd-primary-500);
    border-radius: var(--fd-border-radius-full);
    animation: spin-b-np4holcijr 0.8s linear infinite;
    margin: 0 auto var(--fd-spacing-4);
}

.loading-text[b-np4holcijr] {
    color: var(--fd-gray-500);
    font-size: var(--fd-text-sm);
    margin: 0;
}

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

/* Alert Messages */
.profile-alert[b-np4holcijr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--fd-spacing-4) var(--fd-spacing-5);
    border-radius: var(--fd-border-radius-md);
    margin-bottom: var(--fd-spacing-6);
    animation: slideDown-b-np4holcijr 0.2s ease;
}

.profile-alert-success[b-np4holcijr] {
    background: var(--fd-success-50);
    border: var(--fd-border-width) solid var(--fd-success-100);
    color: var(--fd-success-700);
}

.profile-alert-error[b-np4holcijr] {
    background: var(--fd-danger-50);
    border: var(--fd-border-width) solid var(--fd-danger-100);
    color: var(--fd-danger-700);
}

.profile-alert-content[b-np4holcijr] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-3);
    font-weight: var(--fd-font-medium);
    font-size: var(--fd-text-sm);
}

.profile-alert-content i[b-np4holcijr] {
    font-size: var(--fd-text-lg);
}

.profile-alert-close[b-np4holcijr] {
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: var(--fd-spacing-1);
    line-height: 1;
    opacity: 0.7;
    transition: opacity var(--fd-transition-fast);
}

.profile-alert-close:hover[b-np4holcijr] {
    opacity: 1;
}

@keyframes slideDown-b-np4holcijr {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Grid Layout */
.profile-editor-grid[b-np4holcijr] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: var(--fd-spacing-8);
}

/* Avatar Section */
.profile-avatar-section[b-np4holcijr] {
    display: flex;
    flex-direction: column;
    gap: var(--fd-spacing-6);
}

.profile-avatar-card[b-np4holcijr] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-md);
    padding: var(--fd-spacing-8);
    box-shadow: var(--fd-shadow-sm);
    text-align: center;
    border: var(--fd-border-width) solid var(--fd-gray-200);
}

.profile-avatar-wrapper[b-np4holcijr] {
    margin-bottom: var(--fd-spacing-6);
}

.profile-avatar-image[b-np4holcijr] {
    width: 160px;
    height: 160px;
    border-radius: var(--fd-border-radius-full);
    object-fit: cover;
    border: 4px solid var(--fd-gray-100);
    box-shadow: var(--fd-shadow-md);
}

.profile-avatar-placeholder[b-np4holcijr] {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: var(--fd-border-radius-full);
    background: var(--fd-primary-500);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--fd-shadow-md);
}

.profile-avatar-placeholder i[b-np4holcijr] {
    font-size: 5rem;
    color: var(--fd-text-on-primary);
    opacity: 0.9;
}

.profile-avatar-upload[b-np4holcijr] {
    display: flex;
    flex-direction: column;
    gap: var(--fd-spacing-2);
}

.profile-avatar-upload-btn[b-np4holcijr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--fd-spacing-2);
    padding: var(--fd-spacing-3) var(--fd-spacing-6);
    background: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    border: none;
    border-radius: var(--fd-border-radius-md);
    font-weight: var(--fd-font-medium);
    font-size: var(--fd-text-sm);
    cursor: pointer;
    transition: background var(--fd-transition-fast) var(--fd-transition-ease);
}

.profile-avatar-upload-btn:hover[b-np4holcijr] {
    background: var(--fd-primary-600);
}

.profile-avatar-input[b-np4holcijr],
[b-np4holcijr] .profile-avatar-input,
[b-np4holcijr] input[type="file"].profile-avatar-input {
    display: none !important;
}

.profile-avatar-hint[b-np4holcijr] {
    color: var(--fd-gray-500);
    font-size: var(--fd-text-xs);
}

/* Info Card */
.profile-info-card[b-np4holcijr] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-md);
    padding: var(--fd-spacing-6);
    box-shadow: var(--fd-shadow-sm);
    border: var(--fd-border-width) solid var(--fd-gray-200);
}

.profile-info-header[b-np4holcijr] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-2);
    font-weight: var(--fd-font-semibold);
    color: var(--fd-gray-700);
    margin-bottom: var(--fd-spacing-4);
    padding-bottom: var(--fd-spacing-4);
    border-bottom: var(--fd-border-width-2) solid var(--fd-gray-100);
}

.profile-info-header i[b-np4holcijr] {
    color: var(--fd-primary-500);
    font-size: var(--fd-text-lg);
}

.profile-info-item[b-np4holcijr] {
    padding: var(--fd-spacing-3) 0;
}

.profile-info-item:not(:last-child)[b-np4holcijr] {
    border-bottom: var(--fd-border-width) solid var(--fd-gray-100);
}

.profile-info-item label[b-np4holcijr] {
    display: block;
    font-size: var(--fd-text-xs);
    font-weight: var(--fd-font-medium);
    color: var(--fd-gray-500);
    margin-bottom: var(--fd-spacing-1);
    text-transform: uppercase;
    letter-spacing: var(--fd-tracking-wide);
}

.profile-info-value[b-np4holcijr] {
    font-size: var(--fd-text-sm);
    color: var(--fd-gray-700);
    word-break: break-word;
}

/* Form Section */
.profile-form-section[b-np4holcijr] {
    min-width: 0;
}

.profile-form-card[b-np4holcijr] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-shadow-sm);
    overflow: hidden;
    border: var(--fd-border-width) solid var(--fd-gray-200);
}

.profile-form-header[b-np4holcijr] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-3);
    padding: var(--fd-spacing-5) var(--fd-spacing-6);
    background: var(--fd-gray-50);
    border-bottom: var(--fd-border-width) solid var(--fd-gray-200);
    font-weight: var(--fd-font-semibold);
    color: var(--fd-gray-700);
    font-size: var(--fd-text-base);
}

.profile-form-header i[b-np4holcijr] {
    font-size: var(--fd-text-lg);
    color: var(--fd-primary-500);
}

.profile-form-body[b-np4holcijr] {
    padding: var(--fd-spacing-8);
}

.profile-form-row[b-np4holcijr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--fd-spacing-6);
    margin-bottom: 0;
}

/* Form Actions */
.profile-form-actions[b-np4holcijr] {
    display: flex;
    justify-content: flex-end;
    gap: var(--fd-spacing-4);
    padding: var(--fd-spacing-6);
    background: var(--fd-gray-50);
    border-top: var(--fd-border-width) solid var(--fd-gray-200);
}

.profile-btn[b-np4holcijr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--fd-spacing-2);
    padding: var(--fd-spacing-3) var(--fd-spacing-6);
    font-size: var(--fd-text-sm);
    font-weight: var(--fd-font-medium);
    border: none;
    border-radius: var(--fd-border-radius-md);
    cursor: pointer;
    transition: all var(--fd-transition-fast) var(--fd-transition-ease);
    min-width: 140px;
}

.profile-btn:disabled[b-np4holcijr] {
    opacity: 0.6;
    cursor: not-allowed;
}

.profile-btn-primary[b-np4holcijr] {
    background: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
}

.profile-btn-primary:hover:not(:disabled)[b-np4holcijr] {
    background: var(--fd-primary-600);
}

.profile-btn-spinner[b-np4holcijr] {
    width: 16px;
    height: 16px;
    border: 2px solid color-mix(in srgb, var(--fd-text-inverse) 30%, transparent);
    border-top-color: var(--fd-text-on-primary);
    border-radius: var(--fd-border-radius-full);
    animation: spin-b-np4holcijr 0.6s linear infinite;
}

/* Error State */
.profile-error-state[b-np4holcijr] {
    text-align: center;
    padding: var(--fd-spacing-16) var(--fd-spacing-8);
    color: var(--fd-gray-500);
}

.profile-error-state i[b-np4holcijr] {
    font-size: 4rem;
    color: var(--fd-danger-500);
    margin-bottom: var(--fd-spacing-4);
}

.profile-error-state h3[b-np4holcijr] {
    font-size: var(--fd-text-2xl);
    color: var(--fd-gray-700);
    margin-bottom: var(--fd-spacing-2);
}

.profile-error-state p[b-np4holcijr] {
    font-size: var(--fd-text-sm);
    margin: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .profile-editor-grid[b-np4holcijr] {
        grid-template-columns: 280px 1fr;
        gap: var(--fd-spacing-6);
    }

    .profile-avatar-image[b-np4holcijr],
    .profile-avatar-placeholder[b-np4holcijr] {
        width: 140px;
        height: 140px;
    }

    .profile-avatar-placeholder i[b-np4holcijr] {
        font-size: 4.5rem;
    }
}

@media (max-width: 768px) {
    .profile-editor-grid[b-np4holcijr] {
        grid-template-columns: 1fr;
        gap: var(--fd-spacing-6);
    }

    .profile-avatar-section[b-np4holcijr] {
        flex-direction: row;
        gap: var(--fd-spacing-4);
    }

    .profile-avatar-card[b-np4holcijr],
    .profile-info-card[b-np4holcijr] {
        flex: 1;
    }

    .profile-avatar-image[b-np4holcijr],
    .profile-avatar-placeholder[b-np4holcijr] {
        width: 120px;
        height: 120px;
    }

    .profile-avatar-placeholder i[b-np4holcijr] {
        font-size: 3.5rem;
    }

    .profile-form-row[b-np4holcijr] {
        grid-template-columns: 1fr;
        gap: 0;
        margin-bottom: var(--fd-spacing-6);
    }

    .profile-form-body[b-np4holcijr] {
        padding: var(--fd-spacing-6);
    }

    .profile-form-actions[b-np4holcijr] {
        padding: var(--fd-spacing-4);
    }

    .profile-btn[b-np4holcijr] {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .profile-avatar-section[b-np4holcijr] {
        flex-direction: column;
    }

    .profile-avatar-image[b-np4holcijr],
    .profile-avatar-placeholder[b-np4holcijr] {
        width: 140px;
        height: 140px;
    }

    .profile-form-header[b-np4holcijr],
    .profile-info-header[b-np4holcijr] {
        font-size: var(--fd-text-base);
    }

    .profile-form-body[b-np4holcijr] {
        padding: var(--fd-spacing-5);
    }

    .profile-form-actions[b-np4holcijr] {
        flex-direction: column;
    }

    .profile-btn[b-np4holcijr] {
        width: 100%;
    }
}
/* _content/FedData.UI/Components/Features/Profile/ProfilePage.razor.rz.scp.css */
/* Profile Page Container */
.profile-page-container[b-qk4fa4ufgb] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--fd-spacing-6);
}

/*
   Iframe Cards - ProfilePage specific styling for embedded auth pages
   Using ::deep to penetrate CSS isolation and target content inside TabPanel child components
*/
[b-qk4fa4ufgb] .profile-iframe-card {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-shadow-sm);
    overflow: hidden;
    border: var(--fd-border-width) solid var(--fd-gray-200);
}

[b-qk4fa4ufgb] .profile-iframe-header {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-3);
    padding: var(--fd-spacing-4) var(--fd-spacing-5);
    background: var(--fd-gray-50);
    border-bottom: var(--fd-border-width) solid var(--fd-gray-200);
    font-weight: var(--fd-font-semibold);
    color: var(--fd-gray-700);
    font-size: var(--fd-text-base);
}

[b-qk4fa4ufgb] .profile-iframe-header i {
    font-size: var(--fd-text-lg);
    color: var(--fd-primary-500);
}

[b-qk4fa4ufgb] .profile-iframe-wrapper {
    position: relative;
    width: 100%;
    height: 600px;
    background: var(--fd-gray-50);
    padding-top: var(--fd-spacing-6);
}

[b-qk4fa4ufgb] .profile-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
    .profile-page-container[b-qk4fa4ufgb] {
        padding: var(--fd-spacing-4);
    }

    [b-qk4fa4ufgb] .profile-iframe-header {
        padding: var(--fd-spacing-3) var(--fd-spacing-4);
        font-size: var(--fd-text-sm);
    }

    [b-qk4fa4ufgb] .profile-iframe-wrapper {
        height: 500px;
        width: 100%;
        padding-top: var(--fd-spacing-6);
    }

    [b-qk4fa4ufgb] .profile-iframe-card {
        margin: 0;
        border-radius: var(--fd-border-radius-md);
    }
}

@media (max-width: 480px) {
    [b-qk4fa4ufgb] .profile-iframe-wrapper {
        height: 450px;
    }
}

/* Tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .profile-page-container[b-qk4fa4ufgb] {
        padding: var(--fd-spacing-5);
    }
}

/* Print styles */
@media print {
    [b-qk4fa4ufgb] .profile-iframe-card {
        box-shadow: none;
        border: 1px solid var(--fd-border-default);
    }
}
/* _content/FedData.UI/Components/Features/Profile/ProfilePictureCropModal.razor.rz.scp.css */
/* ProfilePictureCropModal - Crop-specific styles */
/* Modal wrapper styles are handled by FdModal */

/* Image Container */
.crop-image-container[b-yuq24ctqks] {
    position: relative;
    width: 100%;
    max-height: 500px;
    margin-bottom: var(--fd-spacing-4);
    background: var(--fd-gray-100);
    border-radius: var(--fd-border-radius-md);
    overflow: hidden;
}

.crop-image[b-yuq24ctqks] {
    max-width: 100%;
    display: block;
}

/* Cropper.js overrides for circular crop */
[b-yuq24ctqks] .cropper-view-box,
[b-yuq24ctqks] .cropper-face {
    border-radius: 50% !important;
}

[b-yuq24ctqks] .cropper-view-box {
    outline: 2px solid var(--fd-primary-500);
    outline-offset: -1px;
}

/* Controls */
.crop-controls[b-yuq24ctqks] {
    display: flex;
    justify-content: center;
    gap: var(--fd-spacing-2);
    flex-wrap: wrap;
}

.crop-control-btn[b-yuq24ctqks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--fd-gray-100);
    border: var(--fd-border-width) solid var(--fd-gray-300);
    border-radius: var(--fd-border-radius-md);
    color: var(--fd-gray-700);
    cursor: pointer;
    transition: all var(--fd-transition-fast) var(--fd-transition-ease);
}

.crop-control-btn:hover[b-yuq24ctqks] {
    background: var(--fd-gray-200);
    border-color: var(--fd-gray-400);
}

.crop-control-btn:active[b-yuq24ctqks] {
    transform: scale(0.95);
}

.crop-control-btn i[b-yuq24ctqks] {
    font-size: var(--fd-text-lg);
}

/* Responsive Design */
@media (max-width: 768px) {
    .crop-image-container[b-yuq24ctqks] {
        max-height: 400px;
    }
}

@media (max-width: 480px) {
    .crop-image-container[b-yuq24ctqks] {
        max-height: 300px;
    }

    .crop-control-btn[b-yuq24ctqks] {
        width: 40px;
        height: 40px;
    }
}
/* _content/FedData.UI/Components/Features/Releases/NewUpdatesIndicator.razor.rz.scp.css */
/* Updates indicator — styled via app-shell-topbar.css navbar element system.
   Only the badge overlay needs scoped styles. */

.fd-updates-indicator[b-8v63c00o7u] {
    position: relative;
}

.updates-badge[b-8v63c00o7u] {
    position: absolute;
    top: 3px;
    right: 3px;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    font-size: 0.575rem;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    color: white;
    background-color: var(--fd-danger-500);
    border-radius: 8px;
    pointer-events: none;
}
/* _content/FedData.UI/Components/Features/Releases/ReleaseAnnouncementModal.razor.rz.scp.css */
/* Release Announcement Modal — full-screen overlay on first login */

.release-announcement-backdrop[b-12cwigvqs3] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: hsla(0, 0%, 0%, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4vh 4vw;
    animation: announcementFadeIn-b-12cwigvqs3 0.3s ease-out;
}

.release-announcement-modal[b-12cwigvqs3] {
    position: relative;
    width: 85vw;
    height: 85vh;
    background: var(--fd-surface-default);
    border-radius: var(--fd-radius-xl);
    box-shadow: 0 25px 60px hsla(0, 0%, 0%, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: announcementSlideUp-b-12cwigvqs3 0.35s ease-out;
}

.release-announcement-close[b-12cwigvqs3] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 36px;
    height: 36px;
    border: none;
    background: var(--fd-gray-100);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fd-text-muted);
    cursor: pointer;
    font-size: 0.875rem;
    transition: all var(--fd-transition-base);
    z-index: 1;
}

.release-announcement-close:hover[b-12cwigvqs3] {
    background: var(--fd-gray-200);
    color: var(--fd-text-default);
}

/* Hero image — full-width banner at top of modal */

.release-announcement-hero[b-12cwigvqs3] {
    overflow: hidden;
}

.release-announcement-hero img[b-12cwigvqs3] {
    width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: cover;
    display: block;
}

/* Header */

.release-announcement-header[b-12cwigvqs3] {
    padding: 2rem 2.5rem 0;
}

.release-announcement-eyebrow[b-12cwigvqs3] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--fd-text-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--fd-primary-500);
    margin-bottom: var(--fd-space-3);
}

.release-announcement-eyebrow i[b-12cwigvqs3] {
    font-size: 0.875rem;
}

.release-announcement-title[b-12cwigvqs3] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--fd-text-default);
    margin: 0 0 var(--fd-space-3) 0;
    line-height: 1.25;
    letter-spacing: -0.02em;
    padding-right: 2.5rem;
}

.release-announcement-meta[b-12cwigvqs3] {
    display: flex;
    align-items: center;
    gap: var(--fd-space-2);
    margin-bottom: var(--fd-space-1);
}

.release-announcement-version[b-12cwigvqs3] {
    font-family: var(--fd-font-mono);
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
    background: var(--fd-gray-100);
    padding: 0.125rem 0.5rem;
    border-radius: var(--fd-radius-full);
}

.release-announcement-app[b-12cwigvqs3] {
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
}

.release-announcement-date[b-12cwigvqs3] {
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
}

/* Summary */

.release-announcement-summary[b-12cwigvqs3] {
    font-size: var(--fd-text-base);
    color: var(--fd-text-muted);
    line-height: 1.6;
    margin: 0;
    padding: var(--fd-space-4) 2.5rem 0;
}

/* Notes — scrollable area */

.release-announcement-notes[b-12cwigvqs3] {
    flex: 1;
    overflow-y: auto;
    padding: var(--fd-space-5) 2.5rem;
    display: flex;
    flex-direction: column;
    gap: var(--fd-space-5);
}

.release-announcement-note-header[b-12cwigvqs3] {
    display: flex;
    align-items: baseline;
    gap: var(--fd-space-3);
    margin-bottom: var(--fd-space-2);
}

.release-announcement-note-title[b-12cwigvqs3] {
    font-size: var(--fd-text-lg);
    font-weight: 600;
    color: var(--fd-text-default);
    line-height: 1.4;
}

.release-announcement-note-type[b-12cwigvqs3] {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.0625rem 0.375rem;
    border-radius: var(--fd-radius-sm);
    white-space: nowrap;
    flex-shrink: 0;
}

.release-announcement-note-type-1[b-12cwigvqs3] { color: var(--fd-primary-600); background: var(--fd-primary-50); }
.release-announcement-note-type-2[b-12cwigvqs3] { color: var(--fd-success-600); background: var(--fd-success-50); }
.release-announcement-note-type-3[b-12cwigvqs3] { color: var(--fd-warning-600); background: var(--fd-warning-50); }
.release-announcement-note-type-4[b-12cwigvqs3] { color: var(--fd-danger-600); background: var(--fd-danger-50); }
.release-announcement-note-type-5[b-12cwigvqs3] { color: var(--fd-danger-700); background: var(--fd-danger-100); }

.release-announcement-note-content[b-12cwigvqs3] {
    font-size: var(--fd-text-base);
    color: var(--fd-text-default);
    line-height: 1.7;
}

.release-announcement-note-content[b-12cwigvqs3]  p {
    margin: 0 0 0.75rem 0;
}

.release-announcement-note-content[b-12cwigvqs3]  p:last-child {
    margin-bottom: 0;
}

.release-announcement-note-content[b-12cwigvqs3]  ul {
    margin: 0.5rem 0 0.75rem 0;
    padding-left: 1.25rem;
}

.release-announcement-note-content[b-12cwigvqs3]  li {
    margin-bottom: 0.375rem;
    line-height: 1.6;
}

.release-announcement-note-content[b-12cwigvqs3]  strong {
    font-weight: 600;
}

.release-announcement-note-content[b-12cwigvqs3]  code {
    font-family: var(--fd-font-mono);
    font-size: 0.875em;
    background: var(--fd-gray-100);
    padding: 0.125rem 0.375rem;
    border-radius: var(--fd-radius-sm);
}

.release-announcement-note-content[b-12cwigvqs3]  a {
    color: var(--fd-primary-500);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Image positioning */

.release-announcement-note-content[b-12cwigvqs3]  .rn-img-full {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--fd-radius-md);
    margin: 0.75rem 0;
}

.release-announcement-note-content[b-12cwigvqs3]  .rn-img-left {
    float: left;
    max-width: 45%;
    height: auto;
    margin: 0.25rem 1rem 0.75rem 0;
    border-radius: var(--fd-radius-md);
}

.release-announcement-note-content[b-12cwigvqs3]  .rn-img-right {
    float: right;
    max-width: 45%;
    height: auto;
    margin: 0.25rem 0 0.75rem 1rem;
    border-radius: var(--fd-radius-md);
}

.release-announcement-note-content[b-12cwigvqs3]  .rn-img-center {
    display: block;
    max-width: 70%;
    height: auto;
    margin: 0.75rem auto;
    border-radius: var(--fd-radius-md);
}

.release-announcement-note-content[b-12cwigvqs3]::after {
    content: '';
    display: table;
    clear: both;
}

.release-announcement-link[b-12cwigvqs3] {
    display: inline-flex;
    align-items: center;
    gap: var(--fd-space-1);
    margin-top: var(--fd-space-2);
    font-size: var(--fd-text-sm);
    font-weight: 500;
    color: var(--fd-primary-500);
    text-decoration: none;
}

.release-announcement-link:hover[b-12cwigvqs3] {
    color: var(--fd-primary-600);
}

/* Footer */

.release-announcement-footer[b-12cwigvqs3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 2.5rem;
    border-top: 1px solid var(--fd-border-default);
    background: var(--fd-gray-50);
}

.release-announcement-all-link[b-12cwigvqs3] {
    display: inline-flex;
    align-items: center;
    gap: var(--fd-space-1);
    font-size: var(--fd-text-sm);
    font-weight: 500;
    color: var(--fd-primary-500);
    text-decoration: none;
}

.release-announcement-all-link:hover[b-12cwigvqs3] {
    color: var(--fd-primary-600);
}

.release-announcement-all-link i[b-12cwigvqs3] {
    font-size: 0.75rem;
    transition: transform var(--fd-transition-base);
}

.release-announcement-all-link:hover i[b-12cwigvqs3] {
    transform: translateX(2px);
}

.release-announcement-dismiss[b-12cwigvqs3] {
    padding: 0.5rem 1.5rem;
    border: none;
    background: var(--fd-primary-500);
    color: white;
    font-weight: 600;
    font-size: var(--fd-text-sm);
    border-radius: var(--fd-radius-md);
    cursor: pointer;
    transition: all var(--fd-transition-base);
}

.release-announcement-dismiss:hover[b-12cwigvqs3] {
    background: var(--fd-primary-600);
}

/* Animations */

@keyframes announcementFadeIn-b-12cwigvqs3 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes announcementSlideUp-b-12cwigvqs3 {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Responsive */

@media (max-width: 640px) {
    .release-announcement-backdrop[b-12cwigvqs3] {
        padding: 0.5rem;
    }

    .release-announcement-modal[b-12cwigvqs3] {
        width: 100%;
        height: 95vh;
    }

    .release-announcement-header[b-12cwigvqs3] {
        padding: 1.5rem 1.5rem 0;
    }

    .release-announcement-summary[b-12cwigvqs3] {
        padding: var(--fd-space-3) 1.5rem 0;
    }

    .release-announcement-notes[b-12cwigvqs3] {
        padding: var(--fd-space-4) 1.5rem;
    }

    .release-announcement-footer[b-12cwigvqs3] {
        padding: 1rem 1.5rem;
    }

    .release-announcement-title[b-12cwigvqs3] {
        font-size: 1.375rem;
    }
}
/* _content/FedData.UI/Components/Features/Releases/ReleaseNoteImage.razor.rz.scp.css */
/* Release Note Image */

.release-note-image[b-9nyoqnyswj] {
    margin: 0.75rem 0 0.5rem;
    padding: 0;
    max-width: 400px;
}

.release-note-image.compact[b-9nyoqnyswj] {
    max-width: 280px;
}

.release-note-image-wrapper[b-9nyoqnyswj] {
    position: relative;
    cursor: pointer;
    border-radius: var(--fd-radius-md);
    overflow: hidden;
    border: 1px solid var(--fd-border-default);
    transition: border-color var(--fd-transition-base);
}

.release-note-image-wrapper:hover[b-9nyoqnyswj] {
    border-color: var(--fd-primary-300);
}

.release-note-image-wrapper img[b-9nyoqnyswj] {
    width: 100%;
    display: block;
    transition: opacity var(--fd-transition-base);
}

.release-note-image-wrapper:hover img[b-9nyoqnyswj] {
    opacity: 0.9;
}

.image-expand-hint[b-9nyoqnyswj] {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    width: 28px;
    height: 28px;
    background: hsla(0, 0%, 0%, 0.5);
    border-radius: var(--fd-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
    opacity: 0;
    transition: opacity var(--fd-transition-base);
}

.release-note-image-wrapper:hover .image-expand-hint[b-9nyoqnyswj] {
    opacity: 1;
}

.release-note-image figcaption[b-9nyoqnyswj] {
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
    margin-top: 0.25rem;
    font-style: italic;
}

/* Lightbox */

.image-lightbox[b-9nyoqnyswj] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: hsla(0, 0%, 0%, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    animation: fadeIn-b-9nyoqnyswj 0.15s ease-out;
}

.image-lightbox-content[b-9nyoqnyswj] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
}

.image-lightbox-content img[b-9nyoqnyswj] {
    max-width: 90vw;
    max-height: 85vh;
    border-radius: var(--fd-radius-lg);
    box-shadow: 0 25px 50px hsla(0, 0%, 0%, 0.4);
    display: block;
}

.image-lightbox-caption[b-9nyoqnyswj] {
    text-align: center;
    color: white;
    font-size: var(--fd-text-sm);
    margin-top: 0.75rem;
    font-style: italic;
}

.image-lightbox-close[b-9nyoqnyswj] {
    position: absolute;
    top: -0.75rem;
    right: -0.75rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: hsla(0, 0%, 100%, 0.9);
    color: var(--fd-gray-700);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    box-shadow: var(--fd-shadow-md);
    transition: all var(--fd-transition-base);
}

.image-lightbox-close:hover[b-9nyoqnyswj] {
    background: white;
    transform: scale(1.1);
}

@keyframes fadeIn-b-9nyoqnyswj {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Placeholder */

.release-note-image-placeholder[b-9nyoqnyswj] {
    width: 100%;
    max-width: 400px;
    height: 80px;
    background: var(--fd-gray-50);
    border: 1px dashed var(--fd-gray-200);
    border-radius: var(--fd-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fd-gray-300);
    font-size: 1.5rem;
    margin: 0.75rem 0 0.5rem;
    animation: pulse-b-9nyoqnyswj 1.5s ease-in-out infinite;
}

@keyframes pulse-b-9nyoqnyswj {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

/* Error */

.release-note-image-error[b-9nyoqnyswj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin: 0.75rem 0 0.5rem;
    max-width: 400px;
    background: var(--fd-danger-50);
    border: 1px solid var(--fd-danger-200);
    border-radius: var(--fd-radius-md);
    font-size: var(--fd-text-sm);
    color: var(--fd-danger-600);
}
/* _content/FedData.UI/Components/Features/Releases/ReleaseNoteImagePicker.razor.rz.scp.css */
/* Release Note Image Picker — compact thumbnail strip with upload */

.rn-image-picker[b-to8dseww8u] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.rn-image-picker-empty[b-to8dseww8u] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
    background: var(--fd-gray-50);
    border: 1px dashed var(--fd-border-default);
    border-radius: var(--fd-radius-sm);
}

.rn-image-picker-content[b-to8dseww8u] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    overflow-x: auto;
    padding: 0.25rem 0;
    scrollbar-width: thin;
}

.rn-image-loading[b-to8dseww8u] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    color: var(--fd-text-muted);
}

/* Upload button */

.rn-image-upload-btn[b-to8dseww8u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 2px dashed var(--fd-border-default);
    border-radius: var(--fd-radius-sm);
    background: var(--fd-surface-default);
    color: var(--fd-text-muted);
    cursor: pointer;
    flex-shrink: 0;
    transition: all var(--fd-transition-base);
    font-size: 1rem;
}

.rn-image-upload-btn:hover[b-to8dseww8u] {
    border-color: var(--fd-primary-400);
    color: var(--fd-primary-500);
    background: var(--fd-primary-50);
}

/* Thumbnail */

.rn-image-thumb[b-to8dseww8u] {
    width: 48px;
    height: 48px;
    border-radius: var(--fd-radius-sm);
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    border: 2px solid transparent;
    transition: border-color var(--fd-transition-base);
}

.rn-image-thumb:hover[b-to8dseww8u] {
    border-color: var(--fd-border-strong);
}

.rn-image-thumb.selected[b-to8dseww8u] {
    border-color: var(--fd-primary-500);
    box-shadow: 0 0 0 1px var(--fd-primary-500);
}

.rn-image-thumb img[b-to8dseww8u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rn-image-thumb-placeholder[b-to8dseww8u] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--fd-gray-100);
    color: var(--fd-text-muted);
    font-size: 1rem;
}

/* Layout picker (appears when image selected) */

.rn-image-layout-picker[b-to8dseww8u] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0;
}

.rn-layout-label[b-to8dseww8u] {
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
    margin-right: 0.25rem;
    white-space: nowrap;
}

.rn-layout-btn[b-to8dseww8u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--fd-border-default);
    background: var(--fd-surface-default);
    color: var(--fd-text-muted);
    border-radius: var(--fd-radius-sm);
    cursor: pointer;
    transition: all var(--fd-transition-base);
    font-size: 0.75rem;
}

.rn-layout-btn:hover[b-to8dseww8u] {
    background: var(--fd-primary-50);
    border-color: var(--fd-primary-400);
    color: var(--fd-primary-600);
}

/* Error */

.rn-image-error[b-to8dseww8u] {
    font-size: var(--fd-text-xs);
    color: var(--fd-danger-500);
    padding: 0.25rem 0;
}

/* Dark mode */

:global([data-fd-theme="dark"]) .rn-image-upload-btn:hover[b-to8dseww8u] {
    background: var(--fd-primary-900);
    border-color: var(--fd-primary-600);
    color: var(--fd-primary-400);
}

:global([data-fd-theme="dark"]) .rn-image-picker-empty[b-to8dseww8u] {
    background: var(--fd-gray-800);
}

:global([data-fd-theme="dark"]) .rn-layout-btn:hover[b-to8dseww8u] {
    background: var(--fd-primary-900);
    color: var(--fd-primary-400);
}
/* _content/FedData.UI/Components/Features/Releases/WhatsNewPage.razor.rz.scp.css */
/* What's New Page — Linear-inspired clean changelog */

.whats-new-page[b-w0vs4kgike] {
    max-width: 720px;
    margin: 0 auto;
    padding: var(--fd-space-8) var(--fd-space-4);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Page Header                                                                */
/* ═══════════════════════════════════════════════════════════════════════════ */

.wn-page-header[b-w0vs4kgike] {
    margin-bottom: var(--fd-space-8);
    padding-bottom: var(--fd-space-6);
    border-bottom: 1px solid var(--fd-border-default);
}

.wn-page-title[b-w0vs4kgike] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--fd-text-default);
    margin: 0 0 var(--fd-space-2) 0;
    letter-spacing: -0.02em;
}

.wn-page-subtitle[b-w0vs4kgike] {
    font-size: var(--fd-text-base);
    color: var(--fd-text-muted);
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Release Article                                                            */
/* ═══════════════════════════════════════════════════════════════════════════ */

.wn-release[b-w0vs4kgike] {
    margin-bottom: var(--fd-space-10);
}

.wn-release + .wn-release[b-w0vs4kgike] {
    padding-top: var(--fd-space-8);
    border-top: 1px solid var(--fd-border-muted);
}

/* Hero image — full-width banner above the release header */

.wn-hero[b-w0vs4kgike] {
    margin-bottom: var(--fd-space-5);
    border-radius: var(--fd-radius-lg);
    overflow: hidden;
}

.wn-hero img[b-w0vs4kgike] {
    width: 100%;
    height: auto;
    max-height: 320px;
    object-fit: cover;
    display: block;
}

/* Header */

.wn-release-header[b-w0vs4kgike] {
    margin-bottom: var(--fd-space-5);
}

.wn-date[b-w0vs4kgike] {
    display: block;
    font-size: var(--fd-text-sm);
    color: var(--fd-text-muted);
    margin-bottom: var(--fd-space-1);
}

.wn-title[b-w0vs4kgike] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--fd-text-default);
    margin: 0 0 var(--fd-space-2) 0;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.wn-meta[b-w0vs4kgike] {
    display: flex;
    align-items: center;
    gap: var(--fd-space-2);
}

.wn-version[b-w0vs4kgike] {
    font-family: var(--fd-font-mono);
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
    background: var(--fd-gray-100);
    padding: 0.125rem 0.5rem;
    border-radius: var(--fd-radius-full);
}

.wn-app[b-w0vs4kgike] {
    font-size: var(--fd-text-xs);
    color: var(--fd-text-muted);
}

/* Summary */

.wn-summary[b-w0vs4kgike] {
    font-size: var(--fd-text-base);
    color: var(--fd-text-muted);
    line-height: 1.6;
    margin: 0 0 var(--fd-space-6) 0;
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Notes                                                                      */
/* ═══════════════════════════════════════════════════════════════════════════ */

.wn-notes[b-w0vs4kgike] {
    display: flex;
    flex-direction: column;
    gap: var(--fd-space-6);
}

.wn-note[b-w0vs4kgike] {
    /* Notes flow naturally — no cards, no borders */
}

.wn-note-header[b-w0vs4kgike] {
    display: flex;
    align-items: baseline;
    gap: var(--fd-space-3);
    margin-bottom: var(--fd-space-2);
}

.wn-note-title[b-w0vs4kgike] {
    font-size: var(--fd-text-lg);
    font-weight: 600;
    color: var(--fd-text-default);
    margin: 0;
    line-height: 1.4;
}

/* Type label — subtle, de-emphasized */
.wn-note-type[b-w0vs4kgike] {
    font-size: var(--fd-text-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.0625rem 0.375rem;
    border-radius: var(--fd-radius-sm);
    white-space: nowrap;
    flex-shrink: 0;
}

.wn-note-type-1[b-w0vs4kgike] { /* Feature */
    color: var(--fd-primary-600);
    background: var(--fd-primary-50);
}

.wn-note-type-2[b-w0vs4kgike] { /* Improvement */
    color: var(--fd-success-600);
    background: var(--fd-success-50);
}

.wn-note-type-3[b-w0vs4kgike] { /* Bug Fix */
    color: var(--fd-warning-600);
    background: var(--fd-warning-50);
}

.wn-note-type-4[b-w0vs4kgike] { /* Security */
    color: var(--fd-danger-600);
    background: var(--fd-danger-50);
}

.wn-note-type-5[b-w0vs4kgike] { /* Breaking */
    color: var(--fd-danger-700);
    background: var(--fd-danger-100);
}

/* Content — rendered markdown/HTML */

.wn-note-content[b-w0vs4kgike] {
    font-size: var(--fd-text-base);
    color: var(--fd-text-default);
    line-height: 1.7;
}

.wn-note-content[b-w0vs4kgike]  p {
    margin: 0 0 0.75rem 0;
}

.wn-note-content[b-w0vs4kgike]  p:last-child {
    margin-bottom: 0;
}

.wn-note-content[b-w0vs4kgike]  ul {
    margin: 0.5rem 0 0.75rem 0;
    padding-left: 1.25rem;
}

.wn-note-content[b-w0vs4kgike]  li {
    margin-bottom: 0.375rem;
    line-height: 1.6;
}

.wn-note-content[b-w0vs4kgike]  strong {
    font-weight: 600;
    color: var(--fd-text-default);
}

.wn-note-content[b-w0vs4kgike]  em {
    font-style: italic;
}

.wn-note-content[b-w0vs4kgike]  code {
    font-family: var(--fd-font-mono);
    font-size: 0.875em;
    background: var(--fd-gray-100);
    padding: 0.125rem 0.375rem;
    border-radius: var(--fd-radius-sm);
    color: var(--fd-text-default);
}

.wn-note-content[b-w0vs4kgike]  a {
    color: var(--fd-primary-500);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wn-note-content[b-w0vs4kgike]  a:hover {
    color: var(--fd-primary-600);
}

/* Image positioning */

.wn-note-content[b-w0vs4kgike]  .rn-img-full {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--fd-radius-md);
    margin: 0.75rem 0;
}

.wn-note-content[b-w0vs4kgike]  .rn-img-left {
    float: left;
    max-width: 45%;
    height: auto;
    margin: 0.25rem 1rem 0.75rem 0;
    border-radius: var(--fd-radius-md);
}

.wn-note-content[b-w0vs4kgike]  .rn-img-right {
    float: right;
    max-width: 45%;
    height: auto;
    margin: 0.25rem 0 0.75rem 1rem;
    border-radius: var(--fd-radius-md);
}

.wn-note-content[b-w0vs4kgike]  .rn-img-center {
    display: block;
    max-width: 70%;
    height: auto;
    margin: 0.75rem auto;
    border-radius: var(--fd-radius-md);
}

.wn-note-content[b-w0vs4kgike]::after {
    content: '';
    display: table;
    clear: both;
}

/* Link */

.wn-note-link[b-w0vs4kgike] {
    display: inline-flex;
    align-items: center;
    gap: var(--fd-space-1);
    margin-top: var(--fd-space-2);
    font-size: var(--fd-text-sm);
    font-weight: 500;
    color: var(--fd-primary-500);
    text-decoration: none;
    transition: color var(--fd-transition-base);
}

.wn-note-link:hover[b-w0vs4kgike] {
    color: var(--fd-primary-600);
}

.wn-note-link i[b-w0vs4kgike] {
    font-size: 0.75rem;
    transition: transform var(--fd-transition-base);
}

.wn-note-link:hover i[b-w0vs4kgike] {
    transform: translateX(2px);
}

/* ═══════════════════════════════════════════════════════════════════════════ */
/* Responsive                                                                 */
/* ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 640px) {
    .whats-new-page[b-w0vs4kgike] {
        padding: var(--fd-space-4) var(--fd-space-3);
    }

    .wn-title[b-w0vs4kgike] {
        font-size: 1.25rem;
    }

    .wn-note-header[b-w0vs4kgike] {
        flex-direction: column;
        gap: var(--fd-space-1);
    }
}
/* _content/FedData.UI/Components/Features/Search/GlobalSearchResults.razor.rz.scp.css */
/* Profile Page Container */
.search-results-container[b-1oyrndn7ec] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--fd-spacing-6);
}
/* _content/FedData.UI/Components/Features/Search/SearchBar.razor.rz.scp.css */
/* SearchBar component styles */

.search-hint-text[b-fngj2h3sve] {
    font-size: 0.9rem;
}

.search-topn-select[b-fngj2h3sve] {
    font-size: 0.65rem;
    width: auto;
    padding: 0 30px 0 0;
    margin: 0 5px;
    text-align: end;
}
/* _content/FedData.UI/Components/Features/Search/SearchResults.razor.rz.scp.css */
/* SearchResults component styles */

.search-summary-tile[b-jvugyaye8x] {
    width: 86px;
}

.search-label-text[b-jvugyaye8x] {
    font-size: 0.8rem;
}

.search-count-text[b-jvugyaye8x] {
    font-size: 1.25rem;
}

.search-badge-tile[b-jvugyaye8x] {
    width: 90px;
    height: 40px;
    cursor: pointer !important;
}
/* _content/FedData.UI/Components/Features/Subscriptions/UserSubscriptionCategories.razor.rz.scp.css */
/* Loading State */
.subscriptions-loading[b-px7h4f782h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    color: var(--fd-gray-600);
}

/* Container */
.subscriptions-container[b-px7h4f782h] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding:1rem;
}

/* Intro Message */
.subscriptions-intro[b-px7h4f782h] {
    background: linear-gradient(135deg, var(--fd-info-50) 0%, var(--fd-primary-50) 100%);
    border-left: 4px solid var(--fd-info-500);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--fd-info-700);
    font-size: 0.9375rem;
}

.subscriptions-intro i[b-px7h4f782h] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

/* Category Section */
.subscription-category[b-px7h4f782h] {
    margin-bottom: 2rem;
}

/* Category Header (Collapsible) */
.category-header[b-px7h4f782h] {
    width: 100%;
    background: transparent;
    border: none;
    padding: 0 0 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 2px solid var(--fd-gray-200);
}

.category-header:hover[b-px7h4f782h] {
    border-bottom-color: var(--fd-primary-300);
}

.category-header:hover .category-name[b-px7h4f782h] {
    color: var(--fd-primary-600);
}

.category-header:hover .collapse-icon[b-px7h4f782h] {
    color: var(--fd-primary-500);
}

.category-header-left[b-px7h4f782h] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    text-align: left;
}

.category-header-left > i[b-px7h4f782h] {
    font-size: 1.75rem;
    color: var(--fd-primary-500);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.category-name[b-px7h4f782h] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--fd-gray-900);
    margin: 0 0 0.25rem 0;
    transition: color 0.2s ease;
}

.category-description[b-px7h4f782h] {
    font-size: 0.875rem;
    color: var(--fd-gray-500);
    margin: 0;
    line-height: 1.4;
}

.collapse-icon[b-px7h4f782h] {
    font-size: 1.25rem;
    color: var(--fd-gray-400);
    transition: transform 0.2s ease;
}

/* Notification Grid */
.notification-grid[b-px7h4f782h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
    padding: 1.5rem 0;
}

@media (max-width: 768px) {
    .notification-grid[b-px7h4f782h] {
        grid-template-columns: 1fr;
    }
}

/* Notification Card */
.notification-card[b-px7h4f782h] {
    position: relative;
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-200);
    border-radius: 12px;
    padding: 1.25rem;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    gap: 0.75rem 1rem;
    transition: all 0.15s ease;
    cursor: pointer;
    user-select: none;
    box-shadow: var(--fd-shadow-sm);
}

.notification-card:hover[b-px7h4f782h] {
    border-color: var(--fd-primary-400);
    box-shadow: var(--fd-shadow-md);
    transform: translateY(-2px);
}

.notification-card:active[b-px7h4f782h] {
    transform: translateY(0);
    box-shadow: var(--fd-shadow-sm);
}

.notification-card.selected[b-px7h4f782h] {
    background: linear-gradient(135deg, var(--fd-primary-50) 0%, var(--fd-info-50) 100%);
    border-color: var(--fd-primary-500);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--fd-primary-500) 15%, transparent);
}

.notification-card.selected:hover[b-px7h4f782h] {
    border-color: var(--fd-primary-600);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--fd-primary-500) 20%, transparent);
}

/* Notification Icon */
.notification-icon[b-px7h4f782h] {
    grid-row: 1 / 3;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: var(--fd-gray-100);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.notification-icon i[b-px7h4f782h] {
    font-size: 1.375rem;
    color: var(--fd-gray-600);
}

.notification-card.selected .notification-icon[b-px7h4f782h] {
    background: var(--fd-primary-500);
}

.notification-card.selected .notification-icon i[b-px7h4f782h] {
    color: var(--fd-text-on-primary);
}

/* Notification Content */
.notification-content[b-px7h4f782h] {
    grid-column: 2;
    grid-row: 1 / 3;
    min-width: 0;
}

.notification-title[b-px7h4f782h] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--fd-gray-900);
    margin: 0 0 0.25rem 0;
}

.notification-description[b-px7h4f782h] {
    font-size: 0.8125rem;
    color: var(--fd-gray-600);
    margin: 0;
    line-height: 1.4;
}

/* Toggle Switch */
.notification-toggle[b-px7h4f782h] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    align-items: flex-start;
}

.toggle-switch[b-px7h4f782h] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
    cursor: pointer;
}

.toggle-switch input[b-px7h4f782h] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-px7h4f782h] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--fd-gray-300);
    border-radius: 26px;
    transition: all 0.3s ease;
}

.toggle-slider[b-px7h4f782h]:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: var(--fd-surface-default);
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: var(--fd-shadow-sm);
}

.toggle-switch input:checked + .toggle-slider[b-px7h4f782h] {
    background-color: var(--fd-primary-500);
}

.toggle-switch input:checked + .toggle-slider[b-px7h4f782h]:before {
    transform: translateX(20px);
}

.toggle-switch:hover .toggle-slider[b-px7h4f782h] {
    background-color: var(--fd-gray-400);
}

.toggle-switch input:checked:hover + .toggle-slider[b-px7h4f782h] {
    background-color: var(--fd-primary-600);
}

/* Info Button */
.info-button[b-px7h4f782h] {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
    background: none;
    border: none;
    color: var(--fd-primary-500);
    cursor: pointer;
    padding: 0.25rem;
    font-size: 1.125rem;
    transition: all 0.2s ease;
    opacity: 0.6;
}

.info-button:hover[b-px7h4f782h] {
    opacity: 1;
    transform: scale(1.1);
}

/* Saving Indicator */
.saving-indicator[b-px7h4f782h] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--fd-gray-50);
    border-radius: 8px;
    color: var(--fd-gray-700);
    font-size: 0.9375rem;
}

/* Alerts */
.alert[b-px7h4f782h] {
    border-radius: 10px;
    padding: 1rem 1.25rem;
    border: none;
    display: flex;
    align-items: center;
    animation: slideIn-b-px7h4f782h 0.3s ease-out;
}

@keyframes slideIn-b-px7h4f782h {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alert-success[b-px7h4f782h] {
    background: var(--fd-success-50);
    color: var(--fd-success-700);
    border-left: 4px solid var(--fd-success-500);
}

.alert-danger[b-px7h4f782h] {
    background: var(--fd-danger-50);
    color: var(--fd-danger-700);
    border-left: 4px solid var(--fd-danger-500);
}

.alert-info[b-px7h4f782h] {
    background: var(--fd-info-50);
    color: var(--fd-info-700);
    border-left: 4px solid var(--fd-info-500);
}

/* Notification Details Modal */
.notification-modal-backdrop[b-px7h4f782h] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--fd-surface-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
    animation: fadeIn-b-px7h4f782h 0.2s ease-out;
}

@keyframes fadeIn-b-px7h4f782h {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.notification-modal[b-px7h4f782h] {
    background: var(--fd-surface-default);
    border-radius: 16px;
    max-width: 500px;
    width: 100%;
    box-shadow: var(--fd-shadow-2xl);
    animation: modalSlideUp-b-px7h4f782h 0.3s ease-out;
}

@keyframes modalSlideUp-b-px7h4f782h {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.notification-modal .modal-header[b-px7h4f782h] {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-bottom: 1px solid var(--fd-gray-200);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification-modal .modal-header h3[b-px7h4f782h] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--fd-gray-900);
    margin: 0;
}

.modal-close[b-px7h4f782h] {
    background: none;
    border: none;
    color: var(--fd-gray-400);
    cursor: pointer;
    padding: 0.5rem;
    font-size: 1.25rem;
    line-height: 1;
    transition: all 0.2s ease;
    border-radius: 6px;
}

.modal-close:hover[b-px7h4f782h] {
    background: var(--fd-gray-100);
    color: var(--fd-gray-600);
}

.notification-modal .modal-body[b-px7h4f782h] {
    padding: 1.5rem;
}

.notification-modal .modal-body p[b-px7h4f782h] {
    margin: 0;
    color: var(--fd-gray-700);
    line-height: 1.6;
}
/* _content/FedData.UI/Components/Layout/Navigation/NavMenuLogo.razor.rz.scp.css */

.fd-brand-container[b-2zclyes9jy] {
    position: relative;
    text-decoration: none;
    padding: 0;
}

.fd-logo-wrapper[b-2zclyes9jy] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4px;
}

/* Default: hide short name, show full name */
.fd-app-name-short[b-2zclyes9jy] {
    display: none;
}

.fd-app-name-full[b-2zclyes9jy] {
    display: inline-block;
}

.fd-app-name-container[b-2zclyes9jy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 2px;
    margin-left: 2px;
    width: 100%;
}

.fd-app-name[b-2zclyes9jy] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--fd-text-muted);
    transition: color 0.2s ease;
    white-space: nowrap;
}

.fd-brand-container:hover .fd-app-name[b-2zclyes9jy] {
    color: var(--fd-gray-700);
}

.fd-env-badge[b-2zclyes9jy] {
    display: inline-block;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 10px;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
    animation: fadeIn-b-2zclyes9jy 0.3s ease-in;
}

.fd-env-uat[b-2zclyes9jy] {
    background-color: var(--fd-danger-500);
    color: var(--fd-text-on-primary);
    box-shadow: 0 0 8px var(--fd-danger-500);
}

.fd-env-sandbox[b-2zclyes9jy] {
    background-color: var(--fd-primary-500);
    color: var(--fd-text-on-primary);
    box-shadow: 0 0 8px var(--fd-primary-500);
}

.fd-env-development[b-2zclyes9jy] {
    background-color: var(--fd-success-600);
    color: var(--fd-text-on-primary);
    box-shadow: 0 0 8px var(--fd-success-600);
}

/* Mobile/Tablet: Horizontal layout with short name */
@media (max-width: 991px) {
    .fd-logo-wrapper[b-2zclyes9jy] {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin-top: 0;
    }

    .fd-app-name-container[b-2zclyes9jy] {
        margin-top: 0;
        margin-left: 0;
    }
    /* Show short name, hide full name */
    .fd-app-name-full[b-2zclyes9jy] {
        display: none;
    }

    .fd-app-name-short[b-2zclyes9jy] {
        display: inline-block;
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 1.2px;
    }

    .fd-env-badge[b-2zclyes9jy] {
        font-size: 0.55rem;
        padding: 2px 5px;
    }
}

@keyframes fadeIn-b-2zclyes9jy {
    from {
        opacity: 0;
        transform: translateY(-2px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/FedData.UI/Components/Layout/Navigation/NavMenuSwitcher.razor.rz.scp.css */
/* NavMenuSwitcher component styles */

.app-switcher-icon[b-50w48uqrd4] {
    font-size: 1.5rem;
}

.app-switcher-flyout[b-50w48uqrd4] {
    min-width: 220px;
    z-index: 9999;
}
/* _content/FedData.UI/Components/Layout/Navigation/SidebarSection.razor.rz.scp.css */
/* SidebarSection component styles */

.nav-flyout[b-1lt9csoyyq] {
    min-width: 220px;
    z-index: 9999;
}
/* _content/FedData.UI/Components/Layout/Page/DetailPageHeader.razor.rz.scp.css */
/* DetailPageHeader Component Styles */

.detail-page-header-wrapper[b-va6j70dfby] {
    margin-bottom: 0; /* Remove margin since header now has border-bottom */
}

/* Header with constrained width wrapper */
.header-content-constrained[b-va6j70dfby] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-sm);
    margin-bottom: var(--fd-spacing-6);
    box-shadow: var(--fd-shadow-sm);
}

/* Bootstrap-style detail header - matches page-title-row styling */
.detail-page-header[b-va6j70dfby] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5rem 2rem;
    gap: 1rem;
    flex-shrink: 0;
    margin: 0 auto;
    max-width: 1600px; /* Match page-content max-width */
}

.detail-header-content[b-va6j70dfby] {
    flex: 1;
    min-width: 0; /* Allow text truncation if needed */
}

.title-section[b-va6j70dfby] {
    display: flex;
    align-items: center; /* Changed from flex-start to center for better icon alignment */
    gap: 0.75rem; /* Increased from 0.5rem */
}

/* Icon styling - make it proportional to the title */
.title-section > i[b-va6j70dfby] {
    font-size: 2.5rem; /* Match the scale of the 1.75rem title */
    color: var(--fd-text-muted);
    flex-shrink: 0; /* Prevent icon from shrinking */
    line-height: 1;
}

.title-text[b-va6j70dfby] {
    flex: 1;
}

.title-row[b-va6j70dfby] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.status-badge-wrapper[b-va6j70dfby] {
    display: inline-flex;
}

.detail-page-title[b-va6j70dfby] {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0;
    color: var(--fd-gray-900);
    line-height: 1.2;
}

.detail-page-subtitle[b-va6j70dfby] {
    font-size: 0.875rem;
    color: var(--fd-gray-600);
    margin: 0.25rem 0 0 0;
}

.subtitle-content[b-va6j70dfby] {
    margin-top: 0.5rem;
}

.header-actions-right[b-va6j70dfby] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    flex-shrink: 0;
}

/* FedData custom styles */
[b-va6j70dfby] .fd-page-header {
    background: linear-gradient(135deg, var(--fd-surface-sunken) 0%, var(--fd-gray-200) 100%);
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--fd-shadow-sm);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

[b-va6j70dfby] .fd-header-content {
    flex: 1;
    min-width: 0;
}

[b-va6j70dfby] .fd-page-title {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0;
    color: var(--fd-text-default);
}

[b-va6j70dfby] .fd-page-title-accent {
    background: linear-gradient(135deg, var(--fd-primary-500) 0%, var(--fd-primary-600) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[b-va6j70dfby] .fd-page-subtitle {
    font-size: 0.95rem;
    color: var(--fd-text-muted);
    margin: 0.5rem 0 0 0;
}

/* Button styles for FedData components */
[b-va6j70dfby] .fd-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.2s;
    cursor: pointer;
}

[b-va6j70dfby] .fd-btn-back {
    background-color: var(--fd-surface-sunken);
    color: var(--fd-gray-700);
    border-color: var(--fd-border-default);
}

[b-va6j70dfby] .fd-btn-back:hover {
    background-color: var(--fd-gray-200);
    border-color: var(--fd-gray-400);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .detail-page-header[b-va6j70dfby],
    [b-va6j70dfby] .fd-page-header {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions-right[b-va6j70dfby] {
        width: 100%;
        justify-content: flex-start;
    }

    .title-row[b-va6j70dfby] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Breadcrumb spacing */
nav[aria-label="breadcrumb"][b-va6j70dfby] {
    margin-bottom: 1rem;
}
/* _content/FedData.UI/Components/Layout/Page/DetailSection.razor.rz.scp.css */
/* Detail Section Card */
.detail-section[b-ljd7isb78u] {
    background: var(--fd-surface-default);
    border-radius: var(--fd-border-radius-md);
    box-shadow: var(--fd-shadow-sm);
    overflow: hidden;
    border: var(--fd-border-width) solid var(--fd-gray-200);
    margin-bottom: var(--fd-spacing-4);
}

.detail-section:last-child[b-ljd7isb78u] {
    margin-bottom: 0;
}

/* Section Header */
.detail-section-header[b-ljd7isb78u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--fd-spacing-4) var(--fd-spacing-5);
    background: var(--fd-gray-50);
    border-bottom: var(--fd-border-width) solid var(--fd-gray-200);
}

.detail-section-header.collapsible[b-ljd7isb78u] {
    cursor: pointer;
    user-select: none;
    transition: background-color var(--fd-transition-fast) ease;
}

.detail-section-header.collapsible:hover[b-ljd7isb78u] {
    background: var(--fd-gray-100);
}

.detail-section-title[b-ljd7isb78u] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-3);
}

.detail-section-title i[b-ljd7isb78u] {
    font-size: var(--fd-text-lg);
    color: var(--fd-primary-500);
}

.detail-section-title h6[b-ljd7isb78u] {
    margin: 0;
    font-weight: var(--fd-font-semibold);
    color: var(--fd-gray-700);
    font-size: var(--fd-text-base);
}

.detail-section-header-actions[b-ljd7isb78u] {
    display: flex;
    align-items: center;
    gap: var(--fd-spacing-3);
}

.collapse-icon[b-ljd7isb78u] {
    color: var(--fd-gray-400);
    font-size: var(--fd-text-sm);
    transition: transform var(--fd-transition-fast) ease;
}

/* Section Body */
.detail-section-body[b-ljd7isb78u] {
    padding: var(--fd-spacing-5);
}

.detail-section-body.no-padding[b-ljd7isb78u] {
    padding: 0;
}

/* Collapsed State */
.detail-section.collapsed .detail-section-header[b-ljd7isb78u] {
    border-bottom: none;
}

/* Info Row - For label/value pairs */
[b-ljd7isb78u] .info-row {
    display: flex;
    margin-bottom: var(--fd-spacing-2);
}

[b-ljd7isb78u] .info-row:last-child {
    margin-bottom: 0;
}

[b-ljd7isb78u] .info-label {
    min-width: 140px;
    color: var(--fd-gray-500);
    font-size: var(--fd-text-sm);
}

[b-ljd7isb78u] .info-value {
    font-weight: var(--fd-font-medium);
    color: var(--fd-gray-900);
}

/* Progress Stats Grid */
[b-ljd7isb78u] .progress-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fd-spacing-4);
    text-align: center;
}

[b-ljd7isb78u] .progress-stat {
    padding: var(--fd-spacing-3);
    background-color: var(--fd-gray-50);
    border-radius: var(--fd-border-radius-md);
}

[b-ljd7isb78u] .stat-label {
    display: block;
    font-size: var(--fd-text-xs);
    color: var(--fd-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--fd-spacing-1);
}

[b-ljd7isb78u] .stat-value {
    display: block;
    font-size: var(--fd-text-xl);
    font-weight: var(--fd-font-semibold);
    color: var(--fd-gray-900);
}

/* Address Block */
[b-ljd7isb78u] .address-block {
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .detail-section-header[b-ljd7isb78u] {
        padding: var(--fd-spacing-3, 0.75rem) var(--fd-spacing-4);
    }

    .detail-section-body[b-ljd7isb78u] {
        padding: var(--fd-spacing-4);
    }

    [b-ljd7isb78u] .info-label {
        min-width: 100px;
    }

    [b-ljd7isb78u] .progress-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/FedData.UI/Components/Layout/Page/MobileCardView.razor.rz.scp.css */
/* MobileCardView Component Styles */

.mobile-card-view[b-0rusny2tvt] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Toolbar: search + filters */
.mobile-card-toolbar[b-0rusny2tvt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--fd-gray-50);
    padding: 0.5rem 0;
}

.mobile-card-search[b-0rusny2tvt] {
    width: 100%;
}

.mobile-card-filters[b-0rusny2tvt] {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.25rem;
    scrollbar-width: none;
}

.mobile-card-filters[b-0rusny2tvt]::-webkit-scrollbar {
    display: none;
}

/* Card list */
.mobile-card-list[b-0rusny2tvt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}

/* Individual card */
.mobile-card[b-0rusny2tvt] {
    background: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-200);
    border-radius: var(--fd-border-radius-md);
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.mobile-card:active[b-0rusny2tvt] {
    background: var(--fd-gray-50);
    border-color: var(--fd-gray-300);
}

/* Card content helper classes (used by consuming pages) */
[b-0rusny2tvt] .mobile-card-title {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--fd-gray-900);
    margin-bottom: 0.25rem;
}

[b-0rusny2tvt] .mobile-card-subtitle {
    font-size: 0.8125rem;
    color: var(--fd-gray-600);
    margin-bottom: 0.375rem;
}

[b-0rusny2tvt] .mobile-card-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8125rem;
    color: var(--fd-gray-700);
    padding: 0.125rem 0;
}

[b-0rusny2tvt] .mobile-card-row .label {
    color: var(--fd-gray-500);
}

[b-0rusny2tvt] .mobile-card-row .value {
    font-weight: 500;
}

[b-0rusny2tvt] .mobile-card-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 500;
}

/* Compact metadata tags row */
[b-0rusny2tvt] .mobile-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.25rem;
}

[b-0rusny2tvt] .mobile-card-tag {
    font-size: 0.6875rem;
    color: var(--fd-gray-600);
    background: var(--fd-gray-50);
    border: 1px solid var(--fd-gray-200);
    border-radius: 0.25rem;
    padding: 0.0625rem 0.375rem;
    white-space: nowrap;
}

/* Inline progress bar in cards */
[b-0rusny2tvt] .mobile-card-progress {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.375rem;
}

[b-0rusny2tvt] .mobile-card-progress-label {
    font-size: 0.6875rem;
    color: var(--fd-gray-500);
    width: 3.5rem;
    flex-shrink: 0;
}

[b-0rusny2tvt] .mobile-card-progress-bar {
    flex: 1;
    height: 6px;
    background: var(--fd-gray-100);
    border-radius: 3px;
    overflow: hidden;
}

[b-0rusny2tvt] .mobile-card-progress-fill {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}

[b-0rusny2tvt] .mobile-card-progress-value {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--fd-gray-700);
    width: 2.5rem;
    text-align: right;
    flex-shrink: 0;
}

/* Connected filter chips (no gaps between buttons) */
[b-0rusny2tvt] .mobile-filter-chips {
    display: inline-flex;
    border-radius: 0.375rem;
    overflow: hidden;
    border: 1px solid var(--fd-gray-300);
}

[b-0rusny2tvt] .mobile-filter-chips .chip {
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 500;
    border: none;
    background: var(--fd-surface-default);
    color: var(--fd-gray-600);
    cursor: pointer;
    border-right: 1px solid var(--fd-gray-200);
    transition: background 0.15s, color 0.15s;
}

[b-0rusny2tvt] .mobile-filter-chips .chip:last-child {
    border-right: none;
}

[b-0rusny2tvt] .mobile-filter-chips .chip.active {
    background: var(--fd-gray-800);
    color: var(--fd-text-on-primary);
}

[b-0rusny2tvt] .mobile-filter-chips .chip.active-open {
    background: var(--fd-gray-500);
    color: var(--fd-text-on-primary);
}

[b-0rusny2tvt] .mobile-filter-chips .chip.active-pending {
    background: var(--fd-warning-500);
    color: var(--fd-text-on-primary);
}

[b-0rusny2tvt] .mobile-filter-chips .chip.active-completed {
    background: var(--fd-success-600);
    color: var(--fd-text-on-primary);
}

/* Empty state */
.mobile-card-empty[b-0rusny2tvt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
}
/* _content/FedData.UI/Components/Layout/Page/PageHeader.razor.rz.scp.css */
/* PageHeader Component Styles */

.page-header-wrapper[b-oc3goj1vv4] {
    padding: 1.5rem 2rem;
    margin-bottom: 0;
    flex-shrink: 0; /* Don't shrink when in flex container */
    background-color: transparent;
}

/* Card styling (white background, box-shadow) - overrides default styles */
.page-header-card[b-oc3goj1vv4] {
    background-color: var(--fd-surface-default) !important;
    border: 1px solid var(--fd-gray-200) !important;
    border-radius: var(--fd-border-radius-lg) !important;
    box-shadow: var(--fd-shadow-sm) !important;
}

/* Default Bootstrap-style header */
.page-header[b-oc3goj1vv4],
.page-title-row[b-oc3goj1vv4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left:1em;
}

.header-actions[b-oc3goj1vv4],
.page-actions[b-oc3goj1vv4] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-shrink: 0;
    margin-left: auto;
}

/* Title styles */
.page-title[b-oc3goj1vv4] {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--fd-text-default);
}

.page-subtitle[b-oc3goj1vv4] {
    font-size: 0.95rem;
    color: var(--fd-text-muted);
    margin: 0.25rem 0 0 0;
}

/* FedData custom header styles (if using fd-page-header) */
[b-oc3goj1vv4] .fd-page-header {
    background: linear-gradient(135deg, var(--fd-surface-sunken) 0%, var(--fd-gray-200) 100%);
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--fd-shadow-sm);
}

[b-oc3goj1vv4] .fd-page-header .header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

[b-oc3goj1vv4] .fd-page-title {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0;
    color: var(--fd-text-default);
}

[b-oc3goj1vv4] .fd-page-title-accent {
    background: linear-gradient(135deg, var(--fd-primary-500) 0%, var(--fd-primary-600) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[b-oc3goj1vv4] .fd-page-subtitle {
    font-size: 0.95rem;
    color: var(--fd-text-muted);
    margin: 0.5rem 0 0 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .page-header-wrapper[b-oc3goj1vv4] {
        padding: 0.75rem 1rem;
    }

    .page-title[b-oc3goj1vv4] {
        font-size: 1.1rem;
    }

    .page-subtitle[b-oc3goj1vv4] {
        font-size: 0.8rem;
        margin-top: 0.125rem;
    }

    .page-header[b-oc3goj1vv4],
    .page-title-row[b-oc3goj1vv4] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        padding-left: 0.5em;
    }

    .header-actions[b-oc3goj1vv4],
    .page-actions[b-oc3goj1vv4] {
        flex-shrink: 0;
        gap: 0.375rem;
        flex-wrap: wrap;
    }

    /* Compact icon-only buttons on phone */
    .header-actions[b-oc3goj1vv4]  .btn .btn-text,
    .page-actions[b-oc3goj1vv4]  .btn .btn-text {
        display: none;
    }

    .header-actions[b-oc3goj1vv4]  .btn .bi + .btn-text,
    .page-actions[b-oc3goj1vv4]  .btn .bi + .btn-text,
    .header-actions[b-oc3goj1vv4]  .btn i + span:not(.badge),
    .page-actions[b-oc3goj1vv4]  .btn i + span:not(.badge) {
        display: none;
    }

    .header-actions[b-oc3goj1vv4]  .btn,
    .page-actions[b-oc3goj1vv4]  .btn {
        padding: 0.375rem 0.5rem;
        font-size: 0.8125rem;
    }
}

/* Breadcrumb spacing */
nav[aria-label="breadcrumb"][b-oc3goj1vv4] {
    margin-bottom: 1rem;
}
/* _content/FedData.UI/Components/Layout/Page/PageInfoBar.razor.rz.scp.css */
/* PageInfoBar Component Styles
 *
 * A info bar for displaying key-value pairs below the page header.
 * Responsive: 1 column on mobile, 2 columns on tablet+
 */

.page-info-bar[b-2fif8y4qov] {
    font-size: 1rem !important;
    margin-bottom: var(--fd-spacing-3);
    padding: var(--fd-spacing-3);
}

/* Card styling (white background, box-shadow) - matches DetailSection/TabContainer */
.page-info-bar.info-bar-card[b-2fif8y4qov] {
    background-color: var(--fd-surface-default);
    border: 1px solid var(--fd-gray-200);
    border-radius: var(--fd-border-radius-lg);
    box-shadow: var(--fd-shadow-sm);
}

/* Non-card styling (subtle background) */
.page-info-bar:not(.info-bar-card)[b-2fif8y4qov] {
    background-color: var(--fd-gray-50);
    border: 1px solid var(--fd-gray-200);
    border-radius: var(--fd-border-radius-md);
}

/* Header with title and toggle */
.info-bar-header[b-2fif8y4qov] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    user-select: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}

.info-bar-header.clickable[b-2fif8y4qov] {
    cursor: pointer;
}

.info-bar-header.clickable:hover[b-2fif8y4qov] {
    background-color: var(--fd-gray-50);
}

.page-info-bar.expanded .info-bar-header[b-2fif8y4qov] {
    border-bottom-color: var(--fd-gray-200);
}

.info-bar-title[b-2fif8y4qov] {
    font-size: 1rem !important;
    font-weight: 600;
    color: var(--fd-gray-700);
    display: flex;
    align-items: center;
}

.info-bar-toggle[b-2fif8y4qov] {
    background: none;
    border: none;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    color: var(--fd-gray-500);
    transition: color 0.2s ease;
}

.info-bar-toggle:hover[b-2fif8y4qov] {
    color: var(--fd-gray-700);
}

/* Collapsible content */
.info-bar-content[b-2fif8y4qov] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    padding: 0 1rem;
}

.info-bar-content.show[b-2fif8y4qov] {
    max-height: 500px;
    padding: 0.75rem 1rem;
}

/* Grid layout for info items */
.info-bar-grid[b-2fif8y4qov] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem 2rem;
}

@media (min-width: 768px) {
    .info-bar-grid[b-2fif8y4qov] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* InfoItem styles */
[b-2fif8y4qov] .info-item {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 1rem !important;
    line-height: 1.4;
    padding: 0.125rem 0;
}

[b-2fif8y4qov] .info-label {
    color: var(--fd-gray-600);
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 100px;
    text-align: right;
}

[b-2fif8y4qov] .info-value {
    color: var(--fd-gray-900);
    font-weight: var(--fd-font-bold);
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    align-items: center;
}

/* InfoLink styles - subtle like breadcrumb links */
[b-2fif8y4qov] .info-link {
    color: var(--fd-primary-600);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s ease;
}

[b-2fif8y4qov] .info-link:hover {
    color: var(--fd-primary-700);
    text-decoration: underline;
}

[b-2fif8y4qov] .info-link:focus {
    outline: 2px solid var(--fd-primary-300);
    outline-offset: 1px;
    border-radius: 2px;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .page-info-bar[b-2fif8y4qov] {
        font-size: .9rem !important;
        padding: .25rem;
    }

    [b-2fif8y4qov] .info-label {
        min-width: 80px;
        font-size: 0.8125rem;
    }

    [b-2fif8y4qov] .info-value {
        font-size: 0.8125rem;
    }

    .info-bar-content.show[b-2fif8y4qov] {
        padding: 0.5rem 0.75rem;
    }
}
/* _content/FedData.UI/Components/Layout/Page/PageLayout.razor.rz.scp.css */
/*
 * PageLayout.razor.css - Scoped styles for PageLayout component
 *
 * Note: Most styles are in /wwwroot/css/components/page-layout.css
 * This file contains only component-specific isolation styles.
 */

/* Ensure the component root fills its container */
:host[b-u7ox4tauht] {
    display: contents;
}

/* Ensure state components fill available space in page body */
[b-u7ox4tauht] .fd-loading-state,
[b-u7ox4tauht] .fd-alert,
[b-u7ox4tauht] .fd-empty-state {
    flex: 1;
}

/* For no-scroll (grid) bodies, ensure direct children fill available space.
   Scroll bodies must NOT have height: 100% — content needs to flow naturally. */
[b-u7ox4tauht] .page-layout__body--no-scroll > .page-layout__body-content > * {
    height: 100%;
}

/* Fix for invisible selected page number in pager */
[b-u7ox4tauht] .k-pager .k-button.k-selected,
[b-u7ox4tauht] .k-pager-numbers .k-button.k-selected {
    background-color: var(--kendo-color-primary) !important;
    color: var(--fd-text-on-primary) !important;
    border-color: var(--kendo-color-primary) !important;
}

    /* Ensure hover state is also visible */
    [b-u7ox4tauht] .k-pager .k-button.k-selected:hover,
    [b-u7ox4tauht] .k-pager-numbers .k-button.k-selected:hover {
        background-color: var(--kendo-color-primary-darker) !important;
        color: var(--fd-text-on-primary) !important;
    }
/* _content/FedData.UI/Components/Layout/Page/WelcomeScreen.razor.rz.scp.css */
/*
 * WelcomeScreen - Perfectly centered welcome message that ignores sidebar offset
 * Uses fixed positioning to center in the true viewport center
 */

.welcome-screen[b-n1yck7h7zj] {
    /* Fixed positioning to cover full viewport */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    /* Center the content */
    display: flex;
    justify-content: center;
    align-items: center;

    /* Allow clicks to pass through to content below */
    pointer-events: none;

    /* Ensure it's above normal content but below modals */
    z-index: 1;
}

.welcome-content[b-n1yck7h7zj] {
    /* Re-enable pointer events for the actual content */
    pointer-events: auto;

    /* Spacing and presentation */
    padding: 2rem;
    padding-top:0px;
    text-align: center;

    /* Optional: Add a subtle background */
    /* background: rgba(255, 255, 255, 0.95); */
    /* border-radius: 12px; */
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}

.welcome-header[b-n1yck7h7zj] {
    margin-bottom: .6rem;
}

.welcome-subtitle[b-n1yck7h7zj] {
    margin: 0 0 0.5rem 0;
    color: var(--fd-text-muted);
    font-weight: 600;
    font-size: 1.125rem;
}

.welcome-logo[b-n1yck7h7zj] {
    display: flex;
    justify-content:center;
    justify-self:center;
    align-items:center;
    align-self:center;
    text-align:center;
    margin: 0.4em 0em 0.3em 0em;
}

.logo-image[b-n1yck7h7zj] {
    max-width: 300px;
    height: auto;
    display: inline-block;
}

.welcome-title[b-n1yck7h7zj] {
    margin: 0.5rem 0 0 0;
    color: var(--fd-text-muted);
    font-weight: 600;
    font-size: 1.125rem;
}

.welcome-message[b-n1yck7h7zj] {
    margin-top: 1rem;
}

    .welcome-message p[b-n1yck7h7zj] {
        margin: 0;
        color: var(--fd-text-default);
        font-size: .925rem !important;
    }

.welcome-custom[b-n1yck7h7zj] {
    margin-top: 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .welcome-content[b-n1yck7h7zj] {
        padding: 1.5rem;
    }

    .welcome-message p[b-n1yck7h7zj] {
        font-size: .6rem !important;
    }

    .logo-image[b-n1yck7h7zj] {
        max-width: 220px;
    }

    .welcome-subtitle[b-n1yck7h7zj],
    .welcome-title[b-n1yck7h7zj] {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .welcome-content[b-n1yck7h7zj] {
        padding: 1rem;
    }

    .logo-image[b-n1yck7h7zj] {
        max-width: 180px;
    }

    .welcome-subtitle[b-n1yck7h7zj],
    .welcome-title[b-n1yck7h7zj] {
        font-size: 0.9rem;
    }

    .welcome-message p[b-n1yck7h7zj] {
        font-size: 0.9rem;
    }
}
/* _content/FedData.UI/Components/Layout/Theme/ThemeToggle.razor.rz.scp.css */
/* Styles moved to app-shell-topbar.css for reliable application
   across all apps (Blazor CSS isolation doesn't reliably scope
   through RenderFragment chains like NavbarRightContent). */