/* Always show horizontal scrollbar on tables */
.fi-ta-content {
    overflow-x: auto !important;
}

.fi-ta-content::-webkit-scrollbar {
    height: 8px;
}

.fi-ta-content::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.fi-ta-content::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

.fi-ta-content::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

.dark .fi-ta-content::-webkit-scrollbar-track {
    background: #1e293b;
}

.dark .fi-ta-content::-webkit-scrollbar-thumb {
    background: #475569;
}

.dark .fi-ta-content::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Report table scrollbar - matching records list style */
.report-table-scroll {
    overflow-x: auto !important;
}

.report-table-scroll::-webkit-scrollbar {
    height: 8px;
}

.report-table-scroll::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.report-table-scroll::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

.report-table-scroll::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

.dark .report-table-scroll::-webkit-scrollbar-track {
    background: #1e293b;
}

.dark .report-table-scroll::-webkit-scrollbar-thumb {
    background: #475569;
}

.dark .report-table-scroll::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Brand Badge Overrides - Target Filament badge color system */

/* AFZ Badge - Solid yellow background (#ffcf00), black bold text */
.fi-badge-afz .fi-badge {
    --c-50: 255, 207, 0;
    --c-400: 255, 207, 0;
    --c-600: 255, 207, 0;
    background-color: #ffcf00 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border-color: #ffcf00 !important;
}

.fi-badge-afz .fi-badge span {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* AMC Badge - Solid purple background (#7C3AED), white bold text */
.fi-badge-amc .fi-badge {
    --c-50: 124, 58, 237;
    --c-400: 124, 58, 237;
    --c-600: 124, 58, 237;
    background-color: #7C3AED !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-color: #7C3AED !important;
}

.fi-badge-amc .fi-badge span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Sidebar Background - Gray */
.fi-sidebar {
    background-color: #f3f4f6 !important;
}

.dark .fi-sidebar {
    background-color: #1e1e2d !important;
}

/* ── Chevron Status Bar ────────────────────────────── */
.chevron-bar {
    display: flex;
    align-items: stretch;
    width: 100%;
    gap: 0;
}

.chevron-step {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 1 1 0%;
    padding: 14px 12px 14px 26px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
    cursor: pointer;
    border: none;
    outline: none;
    text-align: center;
    min-height: 50px;
    margin-left: -14px;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 16px 50%);
}

.chevron-step:first-child {
    margin-left: 0;
    padding-left: 18px;
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);
    border-radius: 8px 0 0 8px;
}

.chevron-step:last-child {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 16px 50%);
    border-radius: 0 8px 8px 0;
    padding-right: 18px;
}

.chevron-step:first-child:last-child {
    clip-path: none;
    border-radius: 8px;
    margin-left: 0;
    padding: 14px 18px;
}

/* ── Active / Current status ── */
.chevron-step.is-active {
    color: #fff !important;
    z-index: 1;
}

/* ── Inactive status — light mode ── */
.chevron-step.is-inactive {
    background: #f0f1f3;
}

.chevron-step.is-inactive:hover {
    background: #e2e5e9;
}

/* ── Disabled / read-only ── */
.chevron-step.is-disabled {
    cursor: default;
    opacity: 0.5;
}

.chevron-step.is-disabled:hover {
    background: #f0f1f3;
}

/* ── Dark mode ── */
.dark .chevron-step.is-inactive {
    background: #1e293b;
    color: #94a3b8;
}

.dark .chevron-step.is-inactive:hover {
    background: #273548;
}

.dark .chevron-step.is-disabled:hover {
    background: #1e293b;
}

/* ── Qualified solo badge ── */
.qualified-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
    background: #22c55e;
    letter-spacing: 0.02em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .chevron-step {
        font-size: 0.65rem;
        padding: 10px 8px 10px 20px;
        min-height: 42px;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%);
        margin-left: -8px;
    }
    .chevron-step:first-child {
        padding-left: 10px;
        margin-left: 0;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
    }
    .chevron-step:last-child {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%);
        padding-right: 10px;
    }
}