/* V8 Asszisztens – fő layout (grid, naptár, oldalsáv) */

[data-theme="dark"] .calendar-header        { background: #1e2535; }

[data-theme="dark"] .v8-grid,
[data-theme="dark"] .v8-grid-day,
[data-theme="dark"] .v8-grid-month          { background: #1a1f2e; }

.app-container { min-height: 0; }

.calendar-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; border-bottom: 1px solid var(--border); background: #fdfdfd; }

.calendar-header h2 { font-size: 1.2rem; color: var(--primary); }

/* Heti nézet grid */
.v8-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; gap: 15px; padding: 20px; background: #fafbfc; flex: 1; min-height: 0; overflow-y: auto; }

.v8-grid-day { display: flex; flex-direction: column; padding: 20px; height: 100%; overflow-y: auto; background: #fafbfc; }

/* ==========================================
   HAVI NÉZET
   ========================================== */
.v8-grid-month {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: auto;
    gap: 8px;
    padding: 16px;
    background: #fafbfc;
    align-content: start;
}

/* Swipe animáció */
.main-panel { transition: transform 0.15s ease; }