/**
 * Layout Override - Flex column stacks for left/right panels
 * All panel positioning is handled by the stack containers.
 * Individual panel styles (colors, borders) are in their own CSS files.
 */

/* =====================================================
   LEFT SIDE - Flex Column Stack
   ===================================================== */

#leftPanelStack {
    position: fixed;
    top: 60px;
    left: 10px;
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: var(--z-panels);
    max-height: calc(100vh - 110px);
}

#driverViewCanvas {
    width: 100%;
    height: 110px;
}

#minimapCanvas {
    width: 100%;
    height: 140px;
}

/* =====================================================
   RIGHT SIDE - Flex Column Stack
   ===================================================== */

#rightPanelStack {
    position: fixed;
    top: 60px;
    right: 10px;
    width: 410px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    z-index: var(--z-panels);
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--color-primary-rgb), 0.2) transparent;
}

#rightPanelStack > #vehicleDashboard,
#rightPanelStack > #statsPanel {
    width: 200px;
    flex-shrink: 0;
}

/* =====================================================
   RIGHT-BOTTOM FAB BUTTONS (下から: AccidentDB → Help → AIChat)
   ===================================================== */
#ai-chat-widget {
    bottom: 234px !important;
    right: 24px !important;
}

/* =====================================================
   HIDE WHEEL INDICATORS (save space)
   ===================================================== */
.wheels-container {
    display: none !important;
}