/* Seven POS - Master Application Shell Layout */

.sds-pos-layout {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
}

/* 1. TOP TOOLBAR */
.sds-toolbar {
    height: 72px;
    background: var(--surface);
    border-bottom: 1px solid var(--divider);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--space-8);
    z-index: 1000;
}

/* 2. MAIN CONTAINER (Sidebar + Menu + Cart) */
.sds-pos-main {
    display: flex;
    flex: 1;
    overflow: hidden;
    padding: var(--space-4);
    gap: var(--space-4);
}

/* 3. FLOATING SIDEBAR */
.sds-sidebar {
    width: 280px;
    background: var(--surface);
    border-radius: var(--radius-xxl);
    border: 1px solid var(--divider);
    display: flex;
    flex-direction: column;
    padding: var(--space-6);
    transition: var(--transition-fast);
}

/* 4. MENU AREA (Grid) */
.sds-menu-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    gap: var(--space-6);
    padding-right: var(--space-2);
}

.sds-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-6);
    padding-bottom: var(--space-12);
}

/* 5. CART AREA */
.sds-cart-container {
    width: 380px;
    background: var(--surface);
    border-radius: var(--radius-xxl);
    border: 1px solid var(--divider);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sds-cart-list {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-6);
}

.sds-cart-summary {
    padding: var(--space-6);
    background: var(--primary-light);
    border-top: 1px solid var(--divider);
}

.sds-cart-footer {
    padding: var(--space-6);
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 1440px) {
    .sds-product-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
    .sds-sidebar { width: 88px; padding: var(--space-4); }
    .sds-sidebar .label { display: none; }
    .sds-product-grid { grid-template-columns: repeat(2, 1fr); }
    .sds-cart-container { width: 320px; }
}

@media (max-width: 768px) {
    .sds-pos-main { flex-direction: column; }
    .sds-sidebar { display: none; }
    .sds-cart-container { width: 100%; height: auto; }
}