/* --- Alap Konténerek --- */
#fr-login-container, #fr-riport-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 20px;
    max-width: 700px;
    margin: 20px 0;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border-radius: 8px;
}

#fr-login-container h2, #fr-riport-container h2 {
    margin-top: 0;
    font-weight: 400;
}

/* --- Bejelentkezési Űrlap --- */
.fr-form-group {
    margin-bottom: 15px;
}

.fr-form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.fr-form-group input[type="email"],
.fr-form-group input[type="password"] {
    width: 100%;
    padding: 8px;
    box-sizing: border-box; /* Ez fontos a 100% szélességhez */
}

#fr-login-error {
    color: #d93025;
    background: #fbe9e7;
    border: 1px solid #d93025;
    padding: 10px;
    border-radius: 4px;
}

/* --- Riport Táblázat --- */
.riport-status {
    font-style: italic;
    color: #555;
    margin-bottom: 15px;
}

.riport-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.riport-table th, .riport-table td {
    border: 1px solid #ddd;
    padding: 10px 12px;
    text-align: left;
}

.riport-table th {
    background-color: #f5f5f5;
    font-weight: bold;
}

/* --- ÚJ: Lenyitható Sorok Stílusai --- */

/* 1. A kattintható összesítő sor */
.riport-table .summary-row {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.riport-table .summary-row:hover {
    background-color: #f0f8ff; /* Halványkék kiemelés */
}

/* 2. Az "is-open" osztály, amit a JS ad hozzá */
.riport-table .summary-row.is-open {
    background-color: #e6f7ff; /* Kicsit sötétebb kék */
    font-weight: bold;
    color: #005a9e;
}

/* 3. A lenyíló részletező sor */
.riport-table .details-row td {
    padding: 0; /* Eltávolítjuk a cella belső margóját */
    background-color: #fafafa;
    border-left: 3px solid #0073aa; /* Bal oldali kék sáv */
    border-right: 3px solid #0073aa;
}
/* A lenyíló sor utolsó cellája */
.riport-table .details-row:last-child td {
     border-bottom: 3px solid #0073aa;
}


/* 4. A részletező lista */
.monthly-details {
    list-style-type: none;
    padding: 15px 20px 15px 40px; /* Behúzás, hogy szép legyen */
    margin: 0;
}

.monthly-details li {
    padding: 4px 0;
    color: #333;
    font-size: 0.95em;
}

.monthly-details li strong {
    color: #000;
    min-width: 120px; /* Egységesíti a hónapnevek helyét */
    display: inline-block;
}