/* SmartCare Admin — Layout grid helpers */

.container-app {
    max-width: var(--content-max-width);
    margin: 0 auto;
    width: 100%;
}

.stack { display: flex; flex-direction: column; }
.stack-2 { gap: var(--space-2); }
.stack-3 { gap: var(--space-3); }
.stack-4 { gap: var(--space-4); }
.stack-5 { gap: var(--space-5); }
.stack-6 { gap: var(--space-6); }

.row-flex { display: flex; gap: var(--space-3); align-items: center; }
.row-flex.wrap { flex-wrap: wrap; }

.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-5); }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
@media (max-width: 992px) {
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
}

.split-2 {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--space-5);
}
@media (max-width: 1100px) { .split-2 { grid-template-columns: 1fr; } }

.divider-x { height: 1px; background: var(--border); margin: var(--space-4) 0; }
.divider-y { width: 1px; background: var(--border); align-self: stretch; margin: 0 var(--space-2); }