/* ========================================
   WALLET STYLES
   TON Connect, Wallet Display, Balance
   ======================================== */

/* Wallet Card Styles */
.wallet-info-section,
.wallet-connect-prompt {
    margin-top: 0;
}

.wallet-card {
    background: #1a1a1a;
    border-radius: 12px;
    border: 1px solid #2a2a2a;
    overflow: hidden;
}

.wallet-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #2a2a2a;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.wallet-card-body {
    padding: 12px;
}

.wallet-stat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #2a2a2a;
}

.wallet-stat:last-child {
    border-bottom: none;
}

.wallet-stat-label {
    font-size: 14px;
    color: #888;
}

.wallet-stat-value {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

/* TON Connect Container - Match Footer Color */
#ton-connect-button {
    background: #1a1a1a !important;
    border-radius: 8px;
    padding: 0 !important;
}

/* TON Connect Widget Container */
#ton-connect-button > div,
#ton-connect-button tc-root,
#ton-connect-button [class*="tc-"],
tc-root,
[class*="tc-root"],
.tc-button-container {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}

/* Override TON Connect default styles deeply */
#ton-connect-button *:not(button) {
    background-color: transparent !important;
}

/* TON Connect Button - Match Telegram Blue */
#ton-connect-button button {
    white-space: nowrap !important;
    background: #24A1DE !important;
    transition: background 0.2s ease !important;
}

#ton-connect-button button:hover {
    background: #1C7DAD !important;
}

/* Ensure button children also transition properly */
#ton-connect-button button * {
    background-color: transparent !important;
    transition: none !important;
}