/* Grid Layouts */

/* --- Data Management Grid --- */
.data-management-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 12px;
}

/* --- Life Tracker Grid --- */
.life-tracker-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 20px;
    width: 100%;
}

/* --- Form Row Grid --- */
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

/* --- All Graphs Grid (Modal) --- */
.all-graphs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

/* Responsive grid for all-graphs modal - stack on smaller screens */
@media (max-width: 768px) {
    .all-graphs-grid {
        grid-template-columns: 1fr !important;
    }
}

/* --- Theme Cards Grid --- */
.theme-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}

/* --- Sets Grid Container --- */
.sets-grid-container {
    margin: 15px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    background: transparent;
}

.sets-grid-container.pyramid-mode {
    grid-template-columns: 1fr 1fr auto;
}

.grid-header-row {
    grid-column: 1 / -1;
    display: flex;
    padding: 8px 0 12px 0;
    border-bottom: 1px solid var(--border-glass);
    margin-bottom: 8px;
}

/* --- Sets Grid Container (Full Styles) --- */
.sets-grid-container {
    margin: 15px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

/* Pyramid mode: 2 columns (units + reps) */
.sets-grid-container.pyramid-mode {
    grid-template-columns: 1fr 1fr auto;
}