:root{
    --v05-blue:#0a5da8;
    --v05-green:#128443;
    --v05-red:#c43b3b;
    --v05-muted:#6c7a89;
}
.dashboard-grid .card,
.v05-card{
    border-radius:14px;
    box-shadow:0 8px 24px rgba(22,46,72,.08);
}
.v05-section{
    margin-top:20px;
}
.v05-section-title{
    margin:0 0 12px;
    font-size:1.15rem;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.v05-history-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(320px,1fr));
    gap:18px;
}
.v05-history-table{
    width:100%;
    border-collapse:collapse;
}
.v05-history-table th,
.v05-history-table td{
    padding:9px 7px;
    border-bottom:1px solid rgba(80,105,130,.18);
}
.v05-history-table th{
    font-size:.76rem;
    text-transform:uppercase;
    letter-spacing:.06em;
    opacity:.7;
}
.v05-history-table th:nth-child(n+2),
.v05-history-table td:nth-child(n+2){
    text-align:right;
}
.metric-change{
    font-weight:800;
}
.metric-change.positive{color:var(--v05-green)}
.metric-change.negative{color:var(--v05-red)}
.metric-change.neutral{color:var(--v05-muted)}
.v05-charts-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(360px,1fr));
    gap:18px;
}
.v05-chart-card{
    min-width:0;
}
.v05-chart-card.wide{
    grid-column:1/-1;
}
.v05-chart-wrap{
    width:100%;
    min-height:250px;
}
.v05-chart-wrap svg{
    width:100%;
    height:auto;
    display:block;
    overflow:visible;
}
.v05-chart-line{
    fill:none;
    stroke:var(--v05-blue);
    stroke-width:4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.v05-chart-area{
    fill:rgba(10,93,168,.12);
}
.v05-chart-card.pressure .v05-chart-line{stroke:#7048b8}
.v05-chart-card.pressure .v05-chart-area{fill:rgba(112,72,184,.12)}
.v05-chart-card.humidity .v05-chart-line{stroke:#149db8}
.v05-chart-card.humidity .v05-chart-area{fill:rgba(20,157,184,.12)}
.v05-chart-card.wind .v05-chart-line{stroke:#6f7e8d}
.v05-chart-card.wind .v05-chart-area{fill:rgba(111,126,141,.13)}
.v05-chart-card.rain .v05-chart-line{stroke:#2377d1}
.v05-chart-card.rain .v05-chart-area{fill:rgba(35,119,209,.14)}
.v05-chart-card.uv .v05-chart-line{stroke:#d38313}
.v05-chart-card.uv .v05-chart-area{fill:rgba(211,131,19,.14)}
.v05-chart-card.solar .v05-chart-line{stroke:#d3a500}
.v05-chart-card.solar .v05-chart-area{fill:rgba(211,165,0,.14)}
.v05-grid-line{
    stroke:rgba(80,105,130,.22);
    stroke-width:1;
    stroke-dasharray:5 6;
}
.v05-axis-label{
    font-size:13px;
    fill:currentColor;
    opacity:.68;
}
.v05-chart-summary{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding-top:8px;
    font-size:.9rem;
}
.v05-message{
    margin:10px 0 0;
    color:var(--v05-muted);
}
@media (max-width:950px){
    .v05-history-grid,
    .v05-charts-grid{
        grid-template-columns:1fr;
    }
    .v05-chart-card.wide{
        grid-column:auto;
    }
}
@media (max-width:560px){
    .v05-history-grid{grid-template-columns:1fr}
    .v05-history-table{font-size:.86rem}
    .v05-history-table th,.v05-history-table td{padding:8px 4px}
    .v05-chart-wrap{min-height:210px}
}