/* Layout - Container, Tabs, Grids */

.container {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Tabs */
.tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 2px solid #ddd;
}

.tab {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.tab.active {
    border-bottom-color: #007cba;
    background: #f8f9fa;
}

.tab-content {
    display: none;
    padding-bottom: 100px; /* Space for sticky action bar */
}

.tab-content.active {
    display: block;
}

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

/* Mobile responsive */
@media (max-width: 768px) {
    .tab-content {
        padding-bottom: 120px; /* More space on mobile for multi-line buttons */
    }
}