/* Start custom CSS *//* --- TERA WALLET DARK MODE OVERRIDE --- */

/* 1. Main Wallet Container Background */
.woo-wallet-my-wallet-container {
    background-color: #0e0e0e !important;
    color: #ffffff !important;
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #333;
}

/* 2. 'Current Balance' - Glowing Credit Card Style */
.woo-wallet-balance {
    background: linear-gradient(135deg, #004d33 0%, #00ff88 100%) !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 25px !important;
    color: #000 !important; /* Black text for high contrast on neon */
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.4) !important;
    margin-bottom: 30px !important;
    position: relative;
    overflow: hidden;
}

/* Adds a 'HREB WALLET' watermark to the card */
.woo-wallet-balance::before {
    content: "HREB WALLET";
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 0.8rem;
    font-weight: 900;
    opacity: 0.3;
    letter-spacing: 2px;
    color: #000;
}

.woo-wallet-balance h3 {
    color: #000 !important;
    font-weight: 800 !important;
    font-size: 2.5rem !important;
    margin: 10px 0 !important;
}

/* 3. Transaction Table - Dark Mode */
.woo-wallet-transactions-table {
    background-color: #121212 !important;
    color: #fff !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* Adds spacing between rows */
    width: 100%;
}

/* Table Headers */
.woo-wallet-transactions-table th {
    background-color: #1a1a1a !important;
    color: #00ff88 !important; /* Neon Green Headers */
    border-bottom: 2px solid #333 !important;
    text-transform: uppercase;
    font-size: 0.85rem;
    padding: 15px !important;
    text-align: left;
}

/* Table Rows */
.woo-wallet-transactions-table td {
    background-color: #1a1a1a !important;
    color: #cccccc !important;
    border-top: 1px solid #2a2a2a !important;
    border-bottom: 1px solid #2a2a2a !important;
    padding: 15px !important;
}

/* Round corners for row styling */
.woo-wallet-transactions-table tr td:first-child {
    border-left: 1px solid #2a2a2a;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.woo-wallet-transactions-table tr td:last-child {
    border-right: 1px solid #2a2a2a;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* 4. 'Add Amount' Section */
.woo-wallet-add-amount {
    background-color: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-top: 20px !important;
}

/* Input Fields styling */
.woo-wallet-add-amount input[type="text"], 
.woo-wallet-add-amount input[type="number"] {
    background-color: #0e0e0e !important;
    border: 1px solid #444 !important;
    color: #fff !important;
    padding: 10px !important;
    border-radius: 4px !important;
}

/* Button Styling */
.woo-wallet-add-amount button, 
.woo-wallet-content button {
    background-color: #00ff88 !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: 0.3s ease !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
}

.woo-wallet-add-amount button:hover {
    background-color: #fff !important;
    box-shadow: 0 0 10px #00ff88 !important;
}

/* 5. Anti-Cheat 'Lock' Logic */
/* This targets the status column. Since CSS cannot read text (like "Pending"),
   this adds a lock icon to the Status column for visual security context. */

td[data-title="Status"] {
    font-weight: bold;
}

td[data-title="Status"]::before {
    content: "🔒 ";
    font-size: 1rem;
    margin-right: 5px;
    vertical-align: middle;
}/* End custom CSS */