.wallet-control {
    display: flex;
    align-items: center;
    gap: 9px;
}

.wallet-selector {
    max-width: 145px;
    padding: 12px 10px;
    border: 1px solid rgba(201, 154, 70, 0.55);
    color: var(--gold-light);
    background: rgba(4, 15, 25, 0.94);
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 11px;
}

.wallet-selector:disabled {
    opacity: 0.6;
}

.wallet-button {
    padding: 13px 20px;
    border: 1px solid var(--gold);
    background: rgba(4, 15, 25, 0.94);
    color: var(--gold-light);
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.wallet-button[data-connected="true"] {
    border-color: var(--cyan);
    color: var(--cyan);
    box-shadow: 0 0 15px rgba(119, 190, 209, 0.18);
}

.wallet-status-bar {
    min-height: 42px;
    padding: 9px clamp(18px, 4vw, 60px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    border-bottom: 1px solid rgba(201, 154, 70, 0.25);
    color: var(--muted);
    background: rgba(3, 10, 17, 0.96);
    font-size: 12px;
}

.wallet-status-label {
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 0.13em;
}

#wallet-status[data-state="connected"] {
    color: var(--cyan);
}

#wallet-status[data-state="warning"] {
    color: var(--gold-light);
}

#wallet-status[data-state="error"] {
    color: #e5a2a2;
}

@media (max-width: 980px) {
    .wallet-control {
        width: 100%;
        order: 4;
    }

    .wallet-selector,
    .wallet-button {
        flex: 1;
    }

    .wallet-selector {
        max-width: none;
    }

    .wallet-status-bar {
        justify-content: flex-start;
        overflow-x: auto;
        white-space: nowrap;
    }
}

.wallet-safety-badge {
    padding: 5px 9px;
    border: 1px solid rgba(120, 191, 209, 0.55);
    color: var(--cyan);
    background: rgba(120, 191, 209, 0.07);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 10px;
    white-space: nowrap;
}