/* === Universal Layout Styling === */

/* Remove scrollbars from Dash iframes (Plotly HTMLs) /
/ === Remove fixed dimensions and rely on inline Flexbox sizing === /
iframe {
display: block;
margin: 0 auto;
/ Removed: width: 1500px !important; /
/ Removed: height: 900px !important; */

/* Keep these to clean up default iframe appearance */
border: none;
overflow: hidden;
max-width: 100%;
box-sizing: border-box;

/* Optional: Ensure initial sizing is responsive, though the inline Dash styles should handle this */
width: 100%; 
height: 95vh;


}

/* Make body background light, center content /
body {
/ Changed background to match the color used in battery_dashboard.py */
background-color: #f9f9f9;
margin: 0;
padding: 0;
font-family: "Segoe UI", Arial, sans-serif;
}

/* Center the logo + title block */
h1 {
font-weight: 700;
margin-top: 10px;
}

h3 {
margin-top: 15px;
color: #003366;
}

.dash-spreadsheet-container {
overflow-x: hidden !important;
}