/* ============================================================
   Export Page
   ============================================================ */

.export-page-title {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
}

.export-page-subtitle {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.55) !important;
}

.export-download-btn {
    background: linear-gradient(135deg, #18F0FF 0%, #00BFFF 100%);
    border: none;
    color: #1B1D3C;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 8px 18px;
    border-radius: 8px;
    white-space: nowrap;
}

.export-download-btn:hover {
    opacity: 0.88;
    color: #1B1D3C;
}

.export-dropdown-label {
    color: rgba(255,255,255,0.7);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
    display: block;
}

.export-charity-dropdown .Select-control,
.export-charity-dropdown .Select--single > .Select-control {
    background-color: rgba(27,29,60,0.6) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 6px !important;
    color: #fff !important;
}

.export-charity-dropdown .Select-value-label,
.export-charity-dropdown .Select-placeholder {
    color: #fff !important;
}

.export-charity-dropdown .Select-menu-outer {
    background-color: #1e2045 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    z-index: 9999;
}

.export-charity-dropdown .Select-option {
    background-color: transparent !important;
    color: rgba(255,255,255,0.85) !important;
}

.export-charity-dropdown .Select-option.is-focused {
    background-color: rgba(24,240,255,0.12) !important;
}

.export-charity-dropdown .Select-option.is-selected {
    background-color: rgba(24,240,255,0.22) !important;
    color: #18F0FF !important;
}

.export-charity-dropdown .Select-arrow-zone svg,
.export-charity-dropdown .Select-arrow {
    border-top-color: rgba(255,255,255,0.5) !important;
}

.export-table-wrapper {
    overflow-x: auto;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(27,29,60,0.25);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.export-table {
    margin-bottom: 0;
    font-size: 0.82rem;
    color: rgba(255,255,255,0.55);
    border-collapse: collapse;
    width: 100%;
}

.export-table .export-th {
    background: rgba(24,240,255,0.08);
    color: #18F0FF;
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 9px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    white-space: nowrap;
}

.export-table .export-td {
    padding: 7px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.55) !important;
    white-space: nowrap;
}

.export-tr-consideration .export-td,
.export-tr-engagement .export-td {
    color: rgba(255,255,255,0.55) !important;
}

.export-tr-consideration .export-td:first-child {
    color: #18F0FF !important;
    font-weight: 500;
}

.export-tr-engagement .export-td:first-child {
    color: #FF6EC7 !important;
    font-weight: 500;
}

.export-tr-consideration:hover .export-td,
.export-tr-engagement:hover .export-td {
    background: rgba(255,255,255,0.04);
}

.export-divider-row td {
    padding: 0;
    height: 2px;
    background: rgba(255,255,255,0.12) !important;
    border: none !important;
}