/* Container General */
.tm-auth-container, .tm-dashboard {
    max-width: 900px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.tm-box {
    background: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

/* --- FORMULARE (MODIFICAT) --- */
/* Am adăugat .tm-box select pentru a stiliza lista de platforme */
.tm-box input, 
.tm-box select, 
.tm-inline-form select, 
.tm-inline-form input {
    padding: 10px;
    margin: 5px 0 15px 0; /* Puțin spațiu extra jos */
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc; /* Bordură pentru a contura câmpurile */
    border-radius: 4px;     /* Colțuri rotunjite */
    background-color: #fff;
    font-size: 14px;
}

/* Stilizare extra pentru dropdown ca să arate modern */
.tm-box select {
    cursor: pointer;
    height: 40px; /* Înălțime fixă pentru aliniere cu inputurile */
}

/* Butoane */
.tm-dashboard button, .tm-box button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 12px 15px;
    cursor: pointer;
    border-radius: 4px;
    width: 100%; /* Butonul pe toată lățimea în formular */
    font-size: 16px;
    font-weight: bold;
}

.tm-dashboard button:hover {
    background: #005177;
}

/* Tabel Meciuri */
.tm-table, .tm-ranking-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.tm-table th, .tm-table td, .tm-ranking-table th, .tm-ranking-table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.tm-table th {
    background: #f1f1f1;
}

/* Status Meci */
.tm-final { color: #333; font-weight: bold; }
.tm-pending { color: #999; font-style: italic; }
.tm-reported { color: #e67e22; font-weight: bold; }

/* Buton Accept */
.tm-btn-accept {
    background: #27ae60 !important;
    width: auto !important; /* Resetare lățime pentru butoanele din tabel */
}

/* FORMA (V/E/I) */
.tm-form-container {
    display: flex;
    gap: 5px;
}

.tm-badge {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.tm-win { background-color: #2ecc71; } /* Verde V */
.tm-draw { background-color: #f1c40f; color: #333; } /* Galben E */
.tm-loss { background-color: #e74c3c; } /* Roșu I */

/* Mesaje */
.tm-error { background: #ffb9b9; color: #d8000c; padding: 10px; margin-bottom: 10px; border-radius: 4px; }
.tm-success { background: #dff0d8; color: #3c763d; padding: 10px; margin-bottom: 10px; border-radius: 4px; }

.tm-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.tm-logout-btn {
    background: #d63031 !important;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 4px;
    color: white;
}