/* --- Základní rozložení pro reporty --- */
.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.page-header h1 {
    margin: 0;
}
.filter-form-reports select {
    background-color: #3a3a3c;
    color: #f5f5f5;
    border: 1px solid #555;
    border-radius: 4px;
    padding: 10px;
    font-size: 1em;
}

/* --- Mřížka pro rozložení prvků --- */
.reports-grid {
    display: grid;
    gap: 20px;
}

/* --- Specifická mřížka pro ROČNÍ přehled --- */
.reports-grid.yearly {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.month-box, .summary-box {
    background-color: #2a2a2e;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #3a3a3c;
}
.month-box { grid-column: span 1; }
.summary-box {
    grid-column: span 2; /* Box zabere na větších obrazovkách 2 sloupce */
    min-width: 300px; /* Aby se nerozpadl */
}
@media (min-width: 1200px) {
    .reports-grid.yearly { grid-template-columns: repeat(4, 1fr); }
    .month-box { grid-column: span 1; }
    .summary-box { grid-column: 3 / span 2; grid-row: 1 / span 3; }
}


/* --- Specifická mřížka pro MĚSÍČNÍ přehled --- */
.reports-grid.monthly {
    grid-template-columns: 1fr 1fr;
}
.summary-box-inline { grid-column: 1 / -1; } /* Zabere celou šířku */
.category-box table { width: 100%; }
.category-box td { padding: 8px 0; border-bottom: 1px solid #3a3a3c; }
.category-box tr:last-child td { border: none; }


/* --- Specifická mřížka pro TÝDENNÍ přehled --- */
.reports-grid.weekly {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.week-summary {
    grid-column: 1 / -1; /* Zabere celou šířku */
    margin-top: 10px;
}
.day-box small { color: #a0a0a0; margin-left: 5px; }

/* --- Společné prvky pro reporty --- */
.stat { display: flex; justify-content: space-between; padding: 5px 0; }
.stat span { color: #a0a0a0; }
.stat.prijem, .prijem { color: #2ecc71; }
.stat.vydaj, .vydaj { color: #e74c3c; }
.stat.zisk { color: #4a90e2; font-size: 1.1em; font-weight: bold; }
hr { border: 0; border-top: 1px solid #3a3a3c; margin: 10px 0; }
.notice { text-align: center; color: #a0a0a0; padding: 20px; }
.week-nav .nav-arrow { color: #fff; text-decoration: none; font-size: 2em; }
/* --- ÚPRAVA PRO VÍCE FILTRŮ V HLAVIČCE REPORTU --- */
.filter-form-reports {
    display: flex;
    gap: 15px; /* Mezera mezi select boxy */
}
/* --- NOVÉ STYLY PRO ROZPAD ÚČTŮ V ROČNÍM PŘEHLEDU --- */

/* Štítek pro název banky (ČS / MB) */
.account-label {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: bold;
    margin-right: 6px;
    color: #fff;
    vertical-align: middle; /* Lépe zarovná s textem */
}

/* Barvy pro jednotlivé banky */
.account-label.cs { background-color: #3498db; } /* Modrá pro ČS */
.account-label.mbank { background-color: #c0392b; } /* Červená pro Mbank */

/* Tečkovaný oddělovač uvnitř měsíčního boxu */
.dotted-divider {
    border: 0;
    border-top: 1px dashed #3a3a3c;
    margin: 5px 0;
}

/* Zmenšení písma v měsíčním boxu, aby se tam vše pohodlně vešlo */
.month-box .stat {
    font-size: 0.9em;
}