/* Warning banner styles */
#disclaimerBanner {
    background: rgba(26, 27, 35, 0.5) !important;
    border: 1px solid #2a2c33 !important;
    padding: 12px 16px !important;
    margin-bottom: 24px !important;
    border-radius: 4px !important;
    color: #808291 !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#disclaimerBanner a {
    color: #FFB800 !important;
    text-decoration: none !important;
}

#disclaimerBanner a:hover {
    text-decoration: underline !important;
}

/* Filter section styles */
#filterSection {
    background: rgba(26, 27, 35, 0.5) !important;
    border: 1px solid #2a2c33 !important;
    border-radius: 4px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

#filterSection .filter-controls {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

#filterSection .filter-group {
    flex: 1 !important;
    min-width: 150px !important;
}

#filterSection .filter-label {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    color: #808291 !important;
}

#filterSection .filter-select {
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    background: rgba(26, 27, 35, 0.5) !important;
    border: 1px solid #2a2c33 !important;
    color: #808291 !important;
    font-size: 14px !important;
}

#filterSection .filter-select:hover {
    border-color: #666875 !important;
}

#filterSection .filter-select:focus {
    outline: none !important;
    border-color: #FFB800 !important;
}

#filterSection .filter-select option {
    background-color: #1a1b23 !important;
    color: #808291 !important;
}

#filterSection .checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #808291 !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

#filterSection .filter-actions {
    display: flex !important;
    gap: 10px !important;
    margin-top: 20px !important;
    justify-content: flex-end !important;
}

#filterSection .filter-button {
    background: rgba(26, 27, 35, 0.5) !important;
    color: #808291 !important;
    border: 1px solid #2a2c33 !important;
    border-radius: 4px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

#filterSection .filter-button:hover {
    border-color: #666875 !important;
    background: rgba(26, 27, 35, 0.8) !important;
    color: #b4b7c6 !important;
}

/* Refresh button styles */
#refreshWalletBtn.refresh-button {
    background-color: rgba(26, 27, 35, 0.3) !important;
    color: rgba(128, 130, 145, 0.5) !important;
    border: 1px solid rgba(42, 44, 51, 0.3) !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
}

#refreshWalletBtn.refresh-button:hover {
    background-color: rgba(26, 27, 35, 0.8) !important;
    color: #b4b7c6 !important;
    border-color: #2a2c33 !important;
}

#refreshWalletBtn.refresh-button i {
    font-size: 14px !important;
}