/* Operational loading states use the same tokens in both themes. */
html[data-ala-theme] #home .ala-screen-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 16px}
html[data-ala-theme] #home .ala-screen-summary .home-day-kpi{background:var(--ala-surface)!important;color:var(--ala-text)!important;border:1px solid var(--ala-border)!important;padding:16px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
html[data-ala-theme] .ala-screen-status{color:var(--ala-text-secondary);background:var(--ala-surface);border:1px solid var(--ala-border);border-radius:8px;padding:10px 14px;margin:0 0 16px;font:14px/1.5 var(--ala-font)}
html[data-ala-theme] .ala-screen-status[role=alert]{color:var(--ala-error);background:var(--ala-error-bg)}
html[data-ala-theme] .ala-calendar-period{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
html[data-ala-theme] .ala-calendar-period button{background:var(--ala-surface)!important;color:var(--ala-text)!important;border:1px solid var(--ala-control-border)!important}
html[data-ala-theme] :is(.ala-screen-summary,.ala-calendar-period) button:focus-visible{outline:3px solid var(--ala-focus);outline-offset:3px}
@media(max-width:700px){html[data-ala-theme] #home .ala-screen-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ala-calendar-period button{flex:1}}
@media(prefers-reduced-motion:reduce){.ala-screen-summary *{transition:none!important}}