/* /Components/Display/CurrencyAmount.razor.rz.scp.css */
/* CurrencyAmount component styles - minimal for table performance */

.currency-edit[b-bxtuyjufeo] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.currency-select[b-bxtuyjufeo] {
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--mud-palette-lines-default, #e0e0e0);
    border-radius: 4px;
    background: var(--mud-palette-surface, #fff);
    font-size: inherit;
    min-width: 4rem;
}

.currency-prefix[b-bxtuyjufeo] {
    font-weight: 500;
    color: var(--mud-palette-text-secondary, #666);
}

.amount-input[b-bxtuyjufeo] {
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--mud-palette-lines-default, #e0e0e0);
    border-radius: 4px;
    background: var(--mud-palette-surface, #fff);
    font-size: inherit;
    text-align: right;
    width: 8rem;
}

.amount-input:focus[b-bxtuyjufeo],
.currency-select:focus[b-bxtuyjufeo] {
    outline: none;
    border-color: var(--mud-palette-primary, #594ae2);
    box-shadow: 0 0 0 2px rgba(89, 74, 226, 0.2);
}
/* /Components/Pagination/TablePagination.razor.rz.scp.css */
/* Pagination UI: item count (left), < PREVIOUS, page numbers, NEXT > */
.table-pagination[b-2okkswnyz9] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-family: inherit;
    font-size: 0.875rem;
}

.pagination-info[b-2okkswnyz9] {
    color: #374151;
    white-space: nowrap;
    margin-right: 4px;
}

.pagination-controls[b-2okkswnyz9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Previous / Next as text links */
.pagination-nav[b-2okkswnyz9] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: #4b5563;
    cursor: pointer;
    white-space: nowrap;
}

.pagination-nav:hover:not(.disabled)[b-2okkswnyz9] {
    color: #1f2937;
    text-decoration: none;
}

.pagination-nav.disabled[b-2okkswnyz9],
.pagination-nav:disabled[b-2okkswnyz9] {
    color: #9ca3af;
    cursor: default;
}

/* Page numbers: inactive = plain text */
.pagination-number[b-2okkswnyz9] {
    background: none;
    border: none;
    padding: 0 6px;
    font: inherit;
    color: #4b5563;
    cursor: pointer;
    min-width: 28px;
    text-align: center;
}

.pagination-number:hover:not(.active)[b-2okkswnyz9] {
    color: #1f2937;
    text-decoration: underline;
}

/* Active page: teal filled button, white text, rounded, shadow */
.pagination-number.active[b-2okkswnyz9] {
    background-color: #0d9488;
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    cursor: default;
    font-weight: 500;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.pagination-ellipsis[b-2okkswnyz9] {
    color: #6b7280;
    margin: 0 2px;
    user-select: none;
}

@media (max-width: 768px) {
    .table-pagination[b-2okkswnyz9] {
        gap: 8px;
    }

    .pagination-number.active[b-2okkswnyz9] {
        padding: 3px 8px;
        min-width: 28px;
    }
}
/* /Components/PeriodRangePickers/PeriodRangePicker.razor.rz.scp.css */
/* Color variables — standalone picker */
.period-range-picker-container[b-hw6viautly] {
    --prp-cell-bg: #f8fafc;
    --prp-cell-bg-alt: #f1f5f9;
    --prp-row-years-bg: #eef2f6;
    --prp-row-quarters-bg: #f1f5f9;
    --prp-row-months-bg: #f8fafc;
    --prp-row-days-bg: #ffffff;
    --foreground-color: #334155;
    --primary-selection-bg: #2563eb;
    --primary-selection-fg: #ffffff;
    --secondary-selection-bg: #bfdbfe;
    --secondary-selection-fg: #1e3a5f;

    display: block;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    min-width: 320px;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--mud-palette-lines-default, #cbd5e1);
    border-radius: 8px;
    background: #fff;
    touch-action: pan-x;
}

/* Inside popup: align with Mud theme */
.prp-popup-panel .period-range-picker-container[b-hw6viautly] {
    --primary-selection-bg: var(--mud-palette-primary, #2563eb);
    --primary-selection-fg: var(--mud-palette-primary-text, #ffffff);
    --secondary-selection-bg: color-mix(in srgb, var(--mud-palette-primary, #2563eb) 28%, white);
    --secondary-selection-fg: var(--mud-palette-primary-darken, #1e3a5f);
}

/* width: max-content — intrinsic width from colspan/day columns. width:100% + table-layout:fixed
   squeezed all columns into the viewport and broke month labels (sticky translateX overlap). */
.period-range-picker-table[b-hw6viautly] {
    border-collapse: collapse;
    table-layout: fixed;
    white-space: nowrap;
    width: max-content;
}

.period-range-picker-table td[b-hw6viautly] {
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--mud-palette-lines-default, #e2e8f0);
    user-select: none;
    transition: background-color 0.15s ease, color 0.15s ease;
    position: relative;
    background: var(--prp-cell-bg);
    color: var(--foreground-color);
}

/* Only clip day cells; label cells use overflow:visible so sticky labels aren't clipped when translated */
.period-range-picker-table .day-cell[b-hw6viautly] {
    overflow: hidden;
}

/* Cell labels - positioned for sticky effect */
.cell-label[b-hw6viautly] {
    display: inline-block;
    position: relative;
    z-index: 1;
    pointer-events: none;
}

/* Year cells */
.year-cell[b-hw6viautly] {
    font-weight: 700;
    font-size: 0.9375rem;
    padding: 8px 6px;
    min-width: 40px;
    background: var(--prp-row-years-bg);
}

.year-cell .cell-label[b-hw6viautly] {
    padding: 0 6px;
}

.year-cell.clickable[b-hw6viautly] {
    cursor: pointer;
}

.year-cell.clickable:hover[b-hw6viautly] {
    filter: brightness(0.97);
}

.year-cell.disabled[b-hw6viautly] {
    cursor: default;
    opacity: 0.55;
    pointer-events: none;
}

.year-cell.primary-selected[b-hw6viautly] {
    background: var(--primary-selection-bg);
    color: var(--primary-selection-fg);
}

.year-cell.secondary-selected[b-hw6viautly] {
    background: var(--secondary-selection-bg);
    color: var(--secondary-selection-fg);
}

/* Quarter cells */
.quarter-cell[b-hw6viautly] {
    font-weight: 600;
    font-size: 0.8125rem;
    padding: 7px 4px;
    min-width: 34px;
    background: var(--prp-row-quarters-bg);
}

.quarter-cell .cell-label[b-hw6viautly] {
    padding: 0 5px;
}

.quarter-cell.clickable[b-hw6viautly] {
    cursor: pointer;
}

.quarter-cell.clickable:hover[b-hw6viautly] {
    filter: brightness(0.97);
}

.quarter-cell.disabled[b-hw6viautly] {
    cursor: default;
    opacity: 0.55;
    pointer-events: none;
}

.quarter-cell.primary-selected[b-hw6viautly] {
    background: var(--primary-selection-bg);
    color: var(--primary-selection-fg);
}

.quarter-cell.secondary-selected[b-hw6viautly] {
    background: var(--secondary-selection-bg);
    color: var(--secondary-selection-fg);
}

/* Month cells — min-width per cell so short months (28–31 day colspan) stay readable */
.month-cell[b-hw6viautly] {
    font-weight: 600;
    font-size: 0.875rem;
    padding: 10px 6px;
    min-width: 52px;
    background: var(--prp-row-months-bg);
}

.month-cell .cell-label[b-hw6viautly] {
    padding: 0 4px;
}

.month-cell.clickable[b-hw6viautly] {
    cursor: pointer;
}

.month-cell.clickable:hover[b-hw6viautly] {
    filter: brightness(0.97);
}

.month-cell.disabled[b-hw6viautly] {
    cursor: default;
    opacity: 0.55;
    pointer-events: none;
}

.month-cell.primary-selected[b-hw6viautly] {
    background: var(--primary-selection-bg);
    color: var(--primary-selection-fg);
}

.month-cell.secondary-selected[b-hw6viautly] {
    background: var(--secondary-selection-bg);
    color: var(--secondary-selection-fg);
}

/* Day cells */
.day-cell[b-hw6viautly] {
    font-size: 0.78rem;
    padding: 5px 3px;
    min-width: 22px;
    width: 22px;
    background: var(--prp-row-days-bg);
}

.day-cell.clickable[b-hw6viautly] {
    cursor: pointer;
}

.day-cell.clickable:hover[b-hw6viautly] {
    filter: brightness(0.97);
}

.day-cell.disabled[b-hw6viautly] {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
}

.day-cell.primary-selected[b-hw6viautly] {
    background: var(--primary-selection-bg);
    color: var(--primary-selection-fg);
}

.day-cell.secondary-selected[b-hw6viautly] {
    background: var(--secondary-selection-bg);
    color: var(--secondary-selection-fg);
}

/* Row banding / separators */
.years-row td[b-hw6viautly] {
    border-bottom: 2px solid var(--mud-palette-lines-default, #94a3b8);
}

.quarters-row td[b-hw6viautly] {
    border-bottom: 1px solid var(--mud-palette-lines-default, #cbd5e1);
}

.months-row td[b-hw6viautly] {
    border-bottom: 1px solid var(--mud-palette-lines-default, #e2e8f0);
}

/* Date marker lines */
.date-marker-line[b-hw6viautly] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: var(--marker-line-color, rgba(220, 38, 38, 0.75));
    z-index: 5;
    pointer-events: none;
    transform: translateX(-50%);
}

.date-marker-line[data-line-style="dashed"][b-hw6viautly] {
    background-color: transparent;
    background-image: repeating-linear-gradient(
        to bottom,
        var(--marker-line-color, rgba(220, 38, 38, 0.75)) 0px,
        var(--marker-line-color, rgba(220, 38, 38, 0.75)) 6px,
        transparent 6px,
        transparent 12px
    );
}

.date-marker-label[b-hw6viautly] {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(3px);
    font-size: 0.65rem;
    white-space: nowrap;
    color: var(--marker-text-color, #000000);
    background-color: var(--marker-label-bg, transparent);
    padding: 0 2px;
    border-radius: 2px;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
}

/* Scrollbar styling */
.period-range-picker-container[b-hw6viautly]::-webkit-scrollbar {
    height: 10px;
}

.period-range-picker-container[b-hw6viautly]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 6px;
}

.period-range-picker-container[b-hw6viautly]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 6px;
}

.period-range-picker-container[b-hw6viautly]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
/* /Components/PeriodRangePickers/PeriodRangePickerPopUp.razor.rz.scp.css */
/* Wrapper only contains the trigger input; popup is position:fixed and does not affect layout.
   flex-shrink: 0 prevents the picker from being squeezed in flex rows (e.g. filter bars at 1600–1812px
   viewport where content area is narrow and flex would otherwise shrink this item and wrap the input). */
.prp-popup-wrapper[b-p53joeel5k] {
    position: relative;
    display: inline-block;
    min-width: 280px;
    flex-shrink: 0;
}

.prp-popup-input-shell[b-p53joeel5k] {
    width: 100%;
}

.prp-popup-input[b-p53joeel5k] {
    width: 100%;
}

/* Keep date range text on one line; avoid wrap in narrow flex contexts (e.g. 1600–1812px viewport). */
.prp-popup-input[b-p53joeel5k]  input {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prp-popup-input[b-p53joeel5k]  .mud-input-control {
    margin-top: 0;
}

.prp-popup-input[b-p53joeel5k]  .mud-input-outlined-border {
    border-color: var(--mud-palette-lines-default);
}

.prp-popup-backdrop[b-p53joeel5k] {
    position: fixed;
    inset: 0;
    z-index: 1299;
}

/* position, size, max-height, and visibility come from inline style (getPeriodRangePopupStyle).
   Class rules here only add padding/theme; width in CSS is a fallback if inline style is missing. */
.prp-popup-panel[b-p53joeel5k] {
    width: min(780px, calc(100vw - 2rem));
    max-width: min(780px, calc(100vw - 2rem));
    overflow: auto;
    padding: 16px 18px 14px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-surface);
}

.prp-popup-footer[b-p53joeel5k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 14px;
    /* margin-top: 14px; */
    padding: 10px;
    /* border-top: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 85%, transparent); */
}

/* Compact single-line hint: does not grow to push buttons off-row */
.prp-popup-hint-inline[b-p53joeel5k] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 160px;
    min-width: 0;
    max-width: min(100%, 20rem);
    padding: 4px 0 4px 10px;
    border-left: 3px solid color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-lines-default));
}

.prp-popup-hint-icon[b-p53joeel5k] {
    flex-shrink: 0;
    opacity: 0.85;
}

.prp-popup-hint-copy[b-p53joeel5k] {
    font-size: 0.75rem;
    line-height: 1.3;
    color: var(--mud-palette-text-secondary);
}

.prp-popup-actions[b-p53joeel5k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
    margin-left: auto;
}

.prp-popup-btn[b-p53joeel5k] {
    min-width: 88px;
    text-transform: none !important;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.prp-popup-btn-clear[b-p53joeel5k] {
    border-color: color-mix(in srgb, var(--mud-palette-text-primary) 18%, var(--mud-palette-lines-default)) !important;
}

.prp-popup-btn-apply[b-p53joeel5k] {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 640px) {
    .prp-popup-footer[b-p53joeel5k] {
        flex-direction: column;
        align-items: stretch;
    }

    .prp-popup-hint-inline[b-p53joeel5k] {
        max-width: none;
        margin-left: 0;
    }

    .prp-popup-actions[b-p53joeel5k] {
        justify-content: stretch;
        margin-left: 0;
    }

    .prp-popup-btn[b-p53joeel5k] {
        flex: 1;
    }
}
/* /Components/Reporting/ReportsFilter.razor.rz.scp.css */
.mud-expand-panel.mud-panel-expanded .mud-expand-panel-header[b-t5y0s8i2vm] {
    padding-bottom: 0.25rem !important;
}

.filter-accordion[b-t5y0s8i2vm] {
    border: none;
    box-shadow: none;
}

.filter-header-container[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    flex-wrap: nowrap;
}

.filter-header-left[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Filter Chips Container */
.filter-chips-container[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    /* gap: 0.5rem; */
    margin-top: 1px;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.filter-chip[b-t5y0s8i2vm] {
    background-color: #e8e8e8 !important;
    color: #333 !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    padding: 0 8px !important;
    height: 28px !important;
    border-radius: 14px !important;
}

.filter-chip .mud-chip-content[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-t5y0s8i2vm] .clear-filter-btn {
    font-size: 0.75rem;
    text-transform: none;
    color: var(--mud-palette-text-secondary);
}

[b-t5y0s8i2vm] .mud-button-label .mud-button-icon-start.mud-button-icon-size-small {
    margin-right: 2px;
}

[b-t5y0s8i2vm] .clear-filter-btn:hover {
    background-color: var(--mud-palette-secondary-hover);
}

.summary-actions-container[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
    /* Allow flex item to shrink below content size */
    justify-content: flex-end !important;
}

.summary-items-wrapper[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    min-width: 0;
    /* Allow wrapping */
}

.action-buttons-wrapper[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.summary-item[b-t5y0s8i2vm] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
    min-width: 0;
    /* Allow text to wrap */
}

.summary-label[b-t5y0s8i2vm] {
    font-weight: 600;
    color: var(--primary);
    font-size: 0.875rem;
    white-space: nowrap;
}

.summary-value[b-t5y0s8i2vm] {
    font-weight: 500;
    color: var(--secondary);
    font-size: 0.875rem;
    word-break: break-word;
    overflow-wrap: break-word;
}

.header-action-button[b-t5y0s8i2vm] {
    white-space: nowrap;
}

.expanded-content[b-t5y0s8i2vm] {
    /* padding-top: 0.75rem; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.selector-section[b-t5y0s8i2vm] {
    /* border: 1px solid var(--mud-palette-divider); */
    border-radius: 4px;
    padding: 0.5rem;
    flex: 1 1 300px;
    min-width: 250px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

/* Vertical separator between sections on desktop */
.selector-section:not(:last-child)[b-t5y0s8i2vm]::after {
    content: '';
    position: absolute;
    right: -0.375rem;
    top: 0.5rem;
    bottom: 0.5rem;
    width: 1px;
    background-color: var(--mud-palette-divider);
}

.section-header[b-t5y0s8i2vm] {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.section-header h6[b-t5y0s8i2vm] {
    font-size: 16px;
    color: var(--primary);
}

.section-content[b-t5y0s8i2vm] {
    padding-top: 0.5rem;
}

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

/* Large screens (desktops) - default styles apply */

/* Medium screens (tablets landscape) */
@media (max-width: 992px) {
    .expanded-content[b-t5y0s8i2vm] {
        gap: 0.625rem;
    }

    .selector-section[b-t5y0s8i2vm] {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: calc(50% - 0.5rem);
    }

    /* Hide vertical separator on wrapped sections */
    .selector-section:not(:last-child)[b-t5y0s8i2vm]::after {
        right: -0.3125rem;
    }

    .section-content .d-flex[b-t5y0s8i2vm] {
        flex-wrap: wrap;
    }

    .section-content .d-flex>div[style*="flex: 0 0"][b-t5y0s8i2vm] {
        flex: 1 1 auto !important;
        min-width: 150px;
    }

    /* Make MudSelect components responsive */
    .section-content .mud-select-root[b-t5y0s8i2vm] {
        width: 100%;
    }

    /* Header summary items wrap on tablets */
    .filter-header-container[b-t5y0s8i2vm] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    /* Filter chips responsive */
    .filter-chips-container[b-t5y0s8i2vm] {
        flex: 1 1 auto;
        /* gap: 0.375rem; */
    }

    .filter-chip[b-t5y0s8i2vm] {
        font-size: 0.75rem !important;
        height: 26px !important;
    }

    .summary-actions-container[b-t5y0s8i2vm] {
        flex: 1 1 100%;
        justify-content: flex-end !important;
        gap: 0.75rem;
    }

    .summary-items-wrapper[b-t5y0s8i2vm] {
        gap: 0.75rem;
    }

    .summary-item[b-t5y0s8i2vm] {
        flex-wrap: nowrap;
    }

    .summary-value[b-t5y0s8i2vm] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }
}

/* Tablet portrait (768px) - optimize for better space usage */
@media (min-width: 600px) and (max-width: 768px) {
    .expanded-content[b-t5y0s8i2vm] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .selector-section[b-t5y0s8i2vm] {
        flex: 1 1 calc(50% - 0.375rem);
        min-width: calc(50% - 0.375rem);
        padding: 0.75rem;
    }

    /* Format & Columns section takes full width */
    .selector-section:nth-child(3)[b-t5y0s8i2vm] {
        flex: 1 1 100%;
        min-width: 100%;
    }

    /* Hide vertical separator on second section (wraps to next row) */
    .selector-section:nth-child(2)[b-t5y0s8i2vm]::after {
        display: none;
    }

    /* Add horizontal separator above third section */
    .selector-section:nth-child(3)[b-t5y0s8i2vm]::before {
        content: '';
        position: absolute;
        top: -0.375rem;
        left: 0.5rem;
        right: 0.5rem;
        height: 1px;
        background-color: var(--mud-palette-divider);
    }

    .section-header[b-t5y0s8i2vm] {
        padding-bottom: 0.5rem;
    }

    .section-header h6[b-t5y0s8i2vm] {
        font-size: 15px;
    }

    .section-content[b-t5y0s8i2vm] {
        padding-top: 0.5rem;
    }

    .section-content .d-flex[b-t5y0s8i2vm] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem !important;
    }

    .section-content .d-flex>div[style*="flex: 0 0"][b-t5y0s8i2vm] {
        flex: 1 1 calc(50% - 0.25rem) !important;
        min-width: calc(50% - 0.25rem) !important;
    }

    /* Make MudSelect components responsive */
    .section-content .mud-select-root[b-t5y0s8i2vm] {
        width: 100%;
    }

    /* Buttons stay inline */
    .section-content .mud-button-root[b-t5y0s8i2vm] {
        width: auto;
        flex-shrink: 0;
    }

    /* Header summary items - better layout for tablet portrait */
    .filter-header-container[b-t5y0s8i2vm] {
        gap: 0.75rem;
    }

    .summary-actions-container[b-t5y0s8i2vm] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: flex-end !important;
    }

    .summary-items-wrapper[b-t5y0s8i2vm] {
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .summary-item[b-t5y0s8i2vm] {
        font-size: 0.85rem;
        flex-wrap: nowrap;
    }

    .summary-label[b-t5y0s8i2vm],
    .summary-value[b-t5y0s8i2vm] {
        font-size: 0.85rem;
    }

    .summary-value[b-t5y0s8i2vm] {
        white-space: normal;
        word-break: break-word;
        max-width: 150px;
    }

    .action-buttons-wrapper[b-t5y0s8i2vm] {
        flex-shrink: 0;
    }

    .header-action-button[b-t5y0s8i2vm] {
        min-width: auto;
    }
}

/* Small screens (tablets and small laptops) */
@media (max-width: 599px) {
    .expanded-content[b-t5y0s8i2vm] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .selector-section[b-t5y0s8i2vm] {
        flex: 1 1 100%;
        min-width: 100%;
        padding: 0.625rem;
    }

    /* Hide vertical separators on stacked layout */
    .selector-section:not(:last-child)[b-t5y0s8i2vm]::after {
        display: none;
    }

    /* Add horizontal separator between stacked sections */
    .selector-section:not(:first-child)[b-t5y0s8i2vm]::before {
        content: '';
        position: absolute;
        top: -0.375rem;
        left: 0.5rem;
        right: 0.5rem;
        height: 1px;
        background-color: var(--mud-palette-divider);
    }

    .section-header[b-t5y0s8i2vm] {
        padding-bottom: 0.4rem;
    }

    .section-header h6[b-t5y0s8i2vm] {
        font-size: 14px;
    }

    .section-content[b-t5y0s8i2vm] {
        padding-top: 0.4rem;
    }

    .section-content .d-flex[b-t5y0s8i2vm] {
        flex-direction: column;
        gap: 0.75rem !important;
    }

    .section-content .d-flex>div[style*="flex: 0 0"][b-t5y0s8i2vm] {
        flex: 1 1 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }

    /* Make MudSelect components full width on mobile */
    .section-content .mud-select-root[b-t5y0s8i2vm] {
        width: 100%;
    }

    /* Make buttons full width on mobile */
    .section-content .mud-button-root[b-t5y0s8i2vm] {
        width: 100%;
    }

    /* Summary items in header - mobile */
    .filter-header-container[b-t5y0s8i2vm] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    /* Filter chips responsive - small screens */
    .filter-chips-container[b-t5y0s8i2vm] {
        flex: 1 1 100%;
        /* gap: 0.25rem; */
        order: 2;
    }

    .filter-chip[b-t5y0s8i2vm] {
        font-size: 0.7rem !important;
        height: 24px !important;
        padding: 0 6px !important;
    }

    .action-buttons-wrapper[b-t5y0s8i2vm] {
        order: 3;
        margin-left: auto;
    }

    .summary-actions-container[b-t5y0s8i2vm] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        justify-content: flex-end !important;
    }

    .summary-items-wrapper[b-t5y0s8i2vm] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
    }

    .action-buttons-wrapper[b-t5y0s8i2vm] {
        width: auto;
        justify-content: flex-end !important;
        margin-top: 0;
    }

    .summary-item[b-t5y0s8i2vm] {
        font-size: 0.8rem;
    }

    .summary-label[b-t5y0s8i2vm],
    .summary-value[b-t5y0s8i2vm] {
        font-size: 0.8rem;
    }

    .summary-value[b-t5y0s8i2vm] {
        white-space: normal;
        word-break: break-word;
        max-width: none;
    }

    .header-action-button[b-t5y0s8i2vm] {
        width: auto;
    }
}

/* Extra small screens (mobile phones) */
@media (max-width: 576px) {
    .expanded-content[b-t5y0s8i2vm] {
        padding-top: 0.5rem;
        gap: 0.625rem;
    }

    .selector-section[b-t5y0s8i2vm] {
        padding: 0.5rem;
    }

    .section-header[b-t5y0s8i2vm] {
        padding-bottom: 0.35rem;
    }

    .section-header h6[b-t5y0s8i2vm] {
        font-size: 13px;
    }

    .section-content[b-t5y0s8i2vm] {
        padding-top: 0.35rem;
    }

    .section-content .d-flex[b-t5y0s8i2vm] {
        gap: 0.625rem !important;
    }

    /* Ensure all form controls are full width */
    .section-content .mud-select-root[b-t5y0s8i2vm],
    .section-content .mud-button-root[b-t5y0s8i2vm] {
        width: 100%;
    }

    .filter-header-container[b-t5y0s8i2vm] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .summary-actions-container[b-t5y0s8i2vm] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        justify-content: flex-end !important;
    }

    .summary-items-wrapper[b-t5y0s8i2vm] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
    }

    .action-buttons-wrapper[b-t5y0s8i2vm] {
        width: 100%;
        justify-content: flex-end !important;
        margin-top: 0.25rem;
    }

    .summary-item[b-t5y0s8i2vm] {
        font-size: 0.75rem;
    }

    .summary-label[b-t5y0s8i2vm],
    .summary-value[b-t5y0s8i2vm] {
        font-size: 0.75rem;
    }

    .summary-value[b-t5y0s8i2vm] {
        white-space: normal;
        word-break: break-word;
        max-width: none;
    }

    .header-action-button[b-t5y0s8i2vm] {
        width: 100%;
    }
}

/* Very small screens (small mobile phones) */
@media (max-width: 375px) {
    .selector-section[b-t5y0s8i2vm] {
        padding: 0.4rem;
    }

    .section-header h6[b-t5y0s8i2vm] {
        font-size: 12px;
    }

    .summary-item[b-t5y0s8i2vm] {
        font-size: 0.7rem;
    }

    .summary-label[b-t5y0s8i2vm],
    .summary-value[b-t5y0s8i2vm] {
        font-size: 0.7rem;
    }
}

@media print {
    /* Keep TitleContent (chips); hide expandable filter body and header actions */
    [b-t5y0s8i2vm] .mud-expansion-panel-content,
    [b-t5y0s8i2vm] .mud-expand-panel-content {
        display: none !important;
    }

    [b-t5y0s8i2vm] .action-buttons-wrapper {
        display: none !important;
    }

    [b-t5y0s8i2vm] .mud-expand-panel .mud-expand-panel-icon {
        display: none !important;
    }

    .filter-accordion[b-t5y0s8i2vm] {
        box-shadow: none !important;
        border: none !important;
    }
}