.kh-home main{max-width:90rem}
.kh-home .eyebrow{color:var(--kh-primary);font-weight:700;margin:0 0 .5rem}
.kh-home header p{margin-bottom:0}
.kh-home .muted{color:var(--kh-on-surface-variant)}
.kh-home .visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kh-home .session-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.kh-home .session-actions a{display:inline-flex;align-items:center;min-height:var(--kh-size-touch-min)}
.kh-home .home-toolbar,.kh-home #filters,.kh-home #custom-dates{display:flex;align-items:end;flex-wrap:wrap;gap:1rem}
.kh-home .home-toolbar{justify-content:space-between}
.kh-home label{display:flex;flex-direction:column;gap:.5rem;font-weight:600}
.kh-home .home-toolbar>a,.kh-home .section-heading>a{display:inline-flex;align-items:center;min-height:var(--kh-size-touch-min)}
.kh-home #status{min-height:1.5rem}
.kh-home .range-caption{font-weight:700;margin-block:1.5rem}
.kh-home .section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.kh-home .section-heading h2{margin:0}
.kh-home .hero-value{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.15;margin:1rem 0;font-variant-numeric:tabular-nums}
.kh-home .hour-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kh-home .hour-breakdown p{border-inline-start:.25rem solid var(--kh-primary);padding-inline-start:.75rem;margin:0}
.kh-home .hour-breakdown .travel{border-color:var(--kh-transit)}
.kh-home .hour-breakdown .other{border-color:var(--kh-offline)}
.kh-home .hour-breakdown span,.kh-home .hour-breakdown strong{display:block}
.kh-home #summary>section{margin-block:1.5rem}
.kh-home .metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem}
.kh-home article.summary-metric{margin:0;min-width:0}
.kh-home .summary-metric h3{font-size:1rem;margin:0}
.kh-home .summary-metric p:last-child{margin-bottom:0}
.kh-home .metric-value{font-size:1.75rem;line-height:1.25;font-weight:800;margin:1rem 0;font-variant-numeric:tabular-nums}
.kh-home .chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.kh-home .chart-grid>.card{margin-block:0}
.kh-home .chart-list{padding:0;margin:0;list-style:none}
.kh-home .chart-list li{padding-block:1rem;border-bottom:1px solid var(--kh-outline-variant)}
.kh-home .chart-list li:last-child{border-bottom:0;padding-bottom:0}
.kh-home .bar-label{font-weight:600;margin:0 0 .5rem}
.kh-home .bar-detail{font-size:.875rem;margin:.5rem 0 0}
.kh-home .summary-bar{display:block;width:100%;height:1.125rem;background:var(--kh-surface-container-highest);border-radius:var(--kh-radius-sm);overflow:hidden}
.kh-home svg .regular{fill:var(--kh-primary)}
.kh-home svg .travel{fill:var(--kh-transit)}
.kh-home svg .other{fill:var(--kh-offline)}
.kh-home svg .exception-bar{fill:var(--kh-exception)}
.kh-home .daily-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem}
.kh-home .owner-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem}
.kh-home .owner-tools a{display:flex;align-items:center;min-height:var(--kh-size-touch-min);padding:1rem;border:1px solid var(--kh-outline-variant);border-radius:var(--kh-radius-md);background:var(--kh-surface);font-weight:600}
@media(max-width:55rem){.kh-home .chart-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:40rem){.kh-home .hour-breakdown{grid-template-columns:minmax(0,1fr)}.kh-home #filters,.kh-home #custom-dates{width:100%}.kh-home #filters>label,.kh-home #custom-dates>label{flex:1 1 100%}.kh-home #filters>button{width:100%}}
@media(forced-colors:active){.kh-home .summary-bar rect{fill:CanvasText;stroke:Canvas;stroke-width:1}.kh-home .hour-breakdown p{border-color:CanvasText}}
