/* PowerGridFolio Mobile & Modern Web Styles */
:root {
    color-scheme: dark;
}

/* iOS Safe Area & Bottom Tab Bar Support */
body {
    padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 1024px) {
    body {
        padding-bottom: 0px !important;
    }
}

/* Touch-friendly scrolling for mobile tables */
.table-responsive, .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #334155 #0f172a;
}

.table-responsive::-webkit-scrollbar, .overflow-x-auto::-webkit-scrollbar {
    height: 6px;
}

.table-responsive::-webkit-scrollbar-thumb, .overflow-x-auto::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 9999px;
}

/* Mobile Touch Tap Targets */
button, a, input, select {
    touch-action: manipulation;
}

/* Chart Canvas Responsive Container */
.chart-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}