.kcli-environment{--kcli-background:var(--global-palette8);--kcli-panel:var(--global-palette9);--kcli-text:var(--global-palette3);--kcli-muted:var(--global-palette4);--kcli-border:var(--global-palette7);--kcli-radius:14px;--kcli-shadow:0 12px 30px color-mix(in srgb,var(--global-palette3) 10%,transparent);box-sizing:border-box;width:100%;padding:0 0 clamp(10px,1.5vw,20px);background:var(--kcli-background);color:var(--kcli-text);font-family:inherit}.kcli-environment *{box-sizing:border-box}.kcli-environment__heading{margin:0 0 16px;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.2}.kcli-environment__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:clamp(12px,1.5vw,20px)}.kcli-panel{--kcli-panel-accent:var(--kcli-border);position:relative;grid-column:span var(--kcli-panel-width,6);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid var(--kcli-border);border-radius:var(--kcli-radius);background:var(--kcli-panel);box-shadow:var(--kcli-shadow)}.kcli-panel--summary{--kcli-panel-accent:var(--kcli-summary-accent)}.kcli-panel--waste{--kcli-panel-accent:var(--kcli-waste-accent)}.kcli-panel--transit{--kcli-panel-accent:var(--kcli-transit-accent)}.kcli-panel--roads{--kcli-panel-accent:var(--kcli-roads-accent)}.kcli-panel--power{--kcli-panel-accent:var(--kcli-power-accent)}.kcli-panel--watering{--kcli-panel-accent:var(--kcli-watering-accent)}.kcli-panel--sweeping{--kcli-panel-accent:var(--kcli-sweeping-accent)}.kcli-panel::before{position:absolute;top:0;left:0;right:0;height:4px;content:"";background:var(--kcli-panel-accent)}.kcli-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 13px;border-bottom:1px solid var(--kcli-border)}.kcli-panel__header h3{margin:0;font-size:1.03rem;line-height:1.25}.kcli-panel__header p{margin:4px 0 0;color:var(--kcli-muted);font-size:.78rem;line-height:1.3}.kcli-panel__eyebrow{max-width:110px;color:var(--kcli-muted);font-size:.68rem;font-weight:700;line-height:1.25;text-align:right;text-transform:uppercase;letter-spacing:.045em}.kcli-panel__body{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;padding:18px}.kcli-waste-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kcli-watering-group{margin:-6px 0 0!important;color:var(--kcli-muted);font-size:.82rem;text-align:center}.kcli-watering-group strong{color:var(--kcli-text)}.kcli-panel__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding:12px 18px;border-top:1px solid var(--kcli-border);background:color-mix(in srgb,var(--kcli-background) 65%,var(--kcli-panel));color:var(--kcli-muted);font-size:.72rem;line-height:1.35}.kcli-panel__footer a{color:inherit;text-align:right}.kcli-collection-reading,.kcli-pickup,.kcli-metric{display:flex;flex-direction:column;justify-content:center;min-height:88px;padding:12px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.7);background:color-mix(in srgb,var(--kcli-panel-accent) 30%,transparent);text-align:center}.kcli-collection-reading span,.kcli-pickup span,.kcli-metric span,.kcli-home-reading span,.kcli-inline-status span{color:var(--kcli-muted);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.kcli-pickup strong{margin-top:5px;font-size:.92rem}.kcli-pickup small{margin-top:4px;color:var(--kcli-muted)}.kcli-collection-reading{display:grid;justify-items:center;gap:5px;min-height:120px;padding:16px;border-radius:calc(var(--kcli-radius)*.75);background:color-mix(in srgb,var(--kcli-panel-accent) 30%,transparent);text-align:center}.kcli-collection-reading strong{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.05}.kcli-collection-reading p{margin:0;color:var(--kcli-muted);font-size:.82rem}.kcli-status-summary{margin:0!important;font-size:.88rem;font-weight:650;line-height:1.45}.kcli-stop-list{display:grid;gap:14px}.kcli-stop{padding:12px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.7);background:color-mix(in srgb,var(--kcli-panel-accent) 30%,transparent)}.kcli-stop__title{display:flex;justify-content:space-between;gap:10px}.kcli-stop__title div{display:grid}.kcli-stop__title span{color:var(--kcli-muted);font-size:.72rem}.kcli-stop__title>b{color:var(--kcli-muted);font-size:.75rem}.kcli-stop ul,.kcli-event-list{display:grid;gap:0;margin:10px 0 0;padding:0;list-style:none}.kcli-stop li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--kcli-border)}.kcli-event-list li{display:flex;align-items:center;gap:10px;margin-top:8px;padding:11px 12px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.65);background:color-mix(in srgb,var(--kcli-panel-accent) 30%,transparent)}.kcli-stop li>div,.kcli-event-list li>div{display:grid;flex:1}.kcli-stop li small,.kcli-event-list span,.kcli-event-list small{color:var(--kcli-muted);font-size:.74rem}.kcli-route{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 7px;border-radius:8px;background:color-mix(in srgb,var(--kcli-transit-accent) 16%,var(--kcli-panel));font-weight:800}.kcli-event-list a{font-size:.75rem}.kcli-good,.kcli-data-unavailable{display:grid;gap:5px;padding:14px;border-radius:calc(var(--kcli-radius)*.7);background:color-mix(in srgb,var(--kcli-panel-accent) 30%,transparent)}.kcli-good span,.kcli-data-unavailable span{color:var(--kcli-muted);font-size:.82rem}.kcli-inline-status{display:grid;gap:5px;padding:12px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.7)}.kcli-home-reading{display:grid;justify-items:center;gap:5px;min-height:120px;padding:16px;border-radius:calc(var(--kcli-radius)*.75);background:color-mix(in srgb,var(--kcli-watering-accent) 30%,transparent);text-align:center}.kcli-home-reading strong{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}.kcli-home-reading p{margin:0;color:var(--kcli-muted);font-size:.82rem}.kcli-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kcli-metric{min-height:70px}.kcli-metric strong{margin-top:4px;font-size:.86rem}.kcli-message{padding:14px 16px;border:1px solid var(--global-palette7);border-radius:12px;background:var(--global-palette8)}.kcli-panel.is-stale{border-style:dashed}@media(max-width:900px){.kcli-panel{grid-column:span 12}}@media(max-width:700px){.kcli-waste-grid{grid-template-columns:1fr}}@media(max-width:560px){.kcli-location-note{display:grid}.kcli-location-note span{text-align:left}.kcli-pickup-list{grid-template-columns:1fr}.kcli-panel__header,.kcli-panel__body{padding-left:14px;padding-right:14px}.kcli-metric-grid{grid-template-columns:1fr}}

.kcli-environment--strip{padding:0}.kcli-environment--strip .kcli-environment__grid{gap:8px}.kcli-environment--strip .kcli-panel__header{padding:13px 14px 9px}.kcli-environment--strip .kcli-panel__body{gap:10px;padding:12px 14px}.kcli-environment--strip .kcli-panel__footer{padding:8px 14px}.kcli-environment--strip .kcli-panel__eyebrow,.kcli-environment--strip .kcli-panel__header p{display:none}.kcli-environment--strip .kcli-collection-reading,.kcli-environment--strip .kcli-home-reading{min-height:100px;height:100px;padding:10px}.kcli-environment--strip .kcli-collection-reading strong,.kcli-environment--strip .kcli-home-reading strong{font-size:1.5rem}.kcli-environment--strip .kcli-status-summary{display:none}.kcli-environment--strip .kcli-event-list li:nth-child(n+3),.kcli-environment--strip .kcli-stop:nth-child(n+2),.kcli-environment--strip .kcli-metric-grid{display:none}
@media(max-width:900px){.kcli-panel{grid-column:span 12}.kcli-panel[data-kcli-width="1"],.kcli-panel[data-kcli-width="2"],.kcli-panel[data-kcli-width="3"],.kcli-panel[data-kcli-width="4"],.kcli-panel[data-kcli-width="5"],.kcli-panel[data-kcli-width="6"]{grid-column:span 6}}@media(max-width:700px){.kcli-waste-grid{grid-template-columns:1fr}}@media(max-width:560px){.kcli-panel,.kcli-panel[data-kcli-width]{grid-column:1/-1}}
/* 1.3.0 Waste Collection refinements */
.kcli-waste-item{min-width:0;text-align:center}.kcli-collection-reading{min-height:100px;height:100px;padding:10px 8px;gap:6px}.kcli-collection-label{display:flex;align-items:center;justify-content:center;gap:6px}.kcli-collection-label i{font-size:.78rem;color:currentColor}.kcli-collection-reading strong{font-size:clamp(1.2rem,2.1vw,1.75rem);line-height:1.05;white-space:normal}.kcli-days-away{margin:6px 0 0!important;color:var(--kcli-muted);font-size:.78rem;line-height:1.2;text-align:center}.kcli-waste-full{display:none}.kcli-environment--full .kcli-waste-full{display:grid;gap:10px}.kcli-waste-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kcli-waste-resources a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.55);background:color-mix(in srgb,var(--kcli-waste-accent) 30%,transparent);color:var(--kcli-text);font-size:.78rem;font-weight:700;text-align:center;text-decoration:none}.kcli-waste-resources a:hover{text-decoration:underline}.kcli-waste-tip{display:grid;gap:3px;padding:10px 12px;border-radius:calc(var(--kcli-radius)*.55);background:color-mix(in srgb,var(--kcli-waste-accent) 30%,transparent);font-size:.78rem;line-height:1.35}.kcli-waste-tip span{color:var(--kcli-muted)}.kcli-environment--strip .kcli-days-away{margin-top:4px!important}.kcli-environment--strip .kcli-collection-reading{min-height:82px;height:82px}.kcli-environment--strip .kcli-collection-reading strong{font-size:1.25rem}
@media(max-width:700px){.kcli-waste-resources{grid-template-columns:1fr 1fr}.kcli-collection-reading{height:auto;min-height:92px}}

/* 1.4.0 current/relevance additions */
.kcli-current-alerts{display:grid;gap:8px;padding:12px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.7);background:color-mix(in srgb,var(--kcli-transit-accent) 30%,transparent)}
.kcli-current-alerts>strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.045em}.kcli-current-alerts>div{display:grid;gap:2px}.kcli-current-alerts span{color:var(--kcli-muted);font-size:.76rem;line-height:1.35}
.kcli-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kcli-summary-grid section{min-width:0}.kcli-summary-grid h4{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.kcli-summary-grid ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.kcli-summary-grid li{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.6);background:color-mix(in srgb,var(--kcli-summary-accent) 30%,transparent)}.kcli-summary-grid li>i{width:16px;margin-top:2px;text-align:center}.kcli-summary-grid li>div{display:grid;gap:2px;min-width:0}.kcli-summary-grid li strong{font-size:.82rem;line-height:1.25}.kcli-summary-grid li span{color:var(--kcli-muted);font-size:.72rem;line-height:1.3}
.kcli-panel--sweeping .kcli-home-reading{background:color-mix(in srgb,var(--kcli-sweeping-accent) 30%,transparent)}
.kcli-environment--strip .kcli-panel--summary .kcli-summary-grid{grid-template-columns:1fr}.kcli-environment--strip .kcli-panel--summary .kcli-summary-grid section:nth-child(n+2){display:none}.kcli-environment--strip .kcli-panel--summary li:nth-child(n+3){display:none}
@media(max-width:700px){.kcli-summary-grid{grid-template-columns:1fr}}

/* KamloopsCity Local Platform responsive widths: Desktop / Tablet / Mobile. */
.kcli-panel{grid-column:span var(--kcli-panel-width,12)}
@media (max-width:1024px){.kcli-panel,.kcli-panel[data-kcli-width]{grid-column:span var(--kcli-panel-width-tablet,12)!important}}
@media (max-width:767px){.kcli-panel,.kcli-panel[data-kcli-width]{grid-column:span var(--kcli-panel-width-mobile,12)!important}}

/* City Insights 1.3.0: responsive width for the Local Information block itself. */
.kcli-block-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));width:100%;gap:0}
.kcli-block-grid>.kcli-environment{grid-column:span var(--kcli-block-width,12);min-width:0;box-sizing:border-box}
@media(max-width:1024px){.kcli-block-grid>.kcli-environment{grid-column:span var(--kcli-block-width-tablet,12)}}
@media(max-width:767px){.kcli-block-grid>.kcli-environment{grid-column:span var(--kcli-block-width-mobile,12)}}

.kcli-info-panel{grid-column:span 12!important}.kcli-info-panel .kcli-panel__body{gap:8px}.kcli-info-link,.kcli-info-link:hover,.kcli-info-link:focus,.kcli-info-link:active,.kcli-info-link:visited{color:var(--kcli-text)!important;background:transparent!important;font-weight:700}

.kcli-environment--no-shadow .kcli-panel{box-shadow:none!important;filter:none!important}

/* 1.2.0 Transit Near You: GTFS realtime, favourites, vehicles and trip planning. */
.kcli-panel--transit .kcli-panel__body{gap:14px}
.kcli-transit-freshness{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;padding:9px 11px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.58);background:color-mix(in srgb,var(--kcli-transit-accent) 14%,var(--kcli-panel));font-size:.76rem;line-height:1.3}
.kcli-transit-freshness>span:last-child{color:var(--kcli-muted)}
.kcli-live-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border:2px solid currentColor;border-radius:50%}
.kcli-transit-freshness.is-live .kcli-live-dot{background:currentColor}
.kcli-transit-freshness.is-stale .kcli-live-dot{border-style:dashed}
.kcli-transit-freshness.is-scheduled .kcli-live-dot{opacity:.6}
.kcli-current-alerts{gap:10px}
.kcli-transit-alert{display:grid;gap:3px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--kcli-transit-accent) 35%,var(--kcli-border));border-radius:calc(var(--kcli-radius)*.55);background:color-mix(in srgb,var(--kcli-transit-accent) 12%,var(--kcli-panel))}
.kcli-transit-alert b{font-size:.82rem;line-height:1.3}.kcli-transit-alert small{color:var(--kcli-muted);font-size:.68rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.kcli-transit-alert a{justify-self:start;font-size:.72rem}
.kcli-transit-caution{margin:0!important;color:var(--kcli-muted);font-size:.74rem;line-height:1.35}
.kcli-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.kcli-section-heading>div{display:grid;gap:2px}.kcli-section-heading strong{font-size:.84rem}.kcli-section-heading span{color:var(--kcli-muted);font-size:.72rem}
.kcli-stop-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.kcli-stop-actions>b{color:var(--kcli-muted);font-size:.75rem}
.kcli-favorite-button{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--kcli-border);border-radius:50%;background:var(--kcli-panel);color:var(--kcli-muted);font:inherit;font-size:1.05rem;line-height:1;cursor:pointer}.kcli-favorite-button:hover,.kcli-favorite-button:focus{color:var(--kcli-text);border-color:var(--kcli-transit-accent)}.kcli-favorite-button.is-favorite{color:var(--kcli-transit-accent);background:color-mix(in srgb,var(--kcli-transit-accent) 14%,var(--kcli-panel))}.kcli-favorite-button:disabled{cursor:wait;opacity:.55}.kcli-favorite-route{width:26px;height:26px;flex:0 0 26px;font-size:.9rem}
.kcli-stop li.is-cancelled,.kcli-my-buses li.is-cancelled{opacity:.72}.kcli-stop li.is-cancelled>div strong,.kcli-my-buses li.is-cancelled>div strong{text-decoration:line-through}.kcli-stop li.is-skipped{opacity:.78}
.kcli-my-buses,.kcli-live-vehicles{display:grid;gap:9px;padding:12px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.7);background:color-mix(in srgb,var(--kcli-transit-accent) 10%,var(--kcli-panel))}.kcli-my-buses ul,.kcli-live-vehicles ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.kcli-my-buses li,.kcli-live-vehicles li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--kcli-border)}.kcli-my-buses li:first-child,.kcli-live-vehicles li:first-child{border-top:0}.kcli-my-buses li>div,.kcli-live-vehicles li>div{display:grid;flex:1;min-width:0}.kcli-my-buses li small,.kcli-live-vehicles li small{color:var(--kcli-muted);font-size:.72rem;line-height:1.3}.kcli-live-vehicles li>a{font-size:.72rem}.kcli-small-button{min-height:auto!important;padding:5px 8px!important;font-size:.72rem!important;line-height:1.2!important}
.kcli-transit-map-wrap{position:relative;min-height:330px;height:min(50vh,390px);overflow:hidden;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.62);background:color-mix(in srgb,var(--kcli-transit-accent) 8%,var(--kcli-panel))}.kcli-transit-map-wrap[hidden]{display:none!important}.kcli-transit-map-status{display:grid;place-items:center;height:100%;min-height:300px;margin:0!important;padding:18px;color:var(--kcli-muted);font-size:.8rem;text-align:center}.kcli-transit-map-wrap .leaflet-container{width:100%;height:100%;min-height:330px;font-family:inherit}.kcli-transit-map-wrap .leaflet-control-attribution{font-size:9px}
.kcli-trip-planner{border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.7);background:color-mix(in srgb,var(--kcli-transit-accent) 8%,var(--kcli-panel))}.kcli-trip-planner>summary{padding:11px 12px;font-size:.82rem;font-weight:750;cursor:pointer}.kcli-trip-planner>form{display:grid;gap:10px;padding:0 12px 12px}.kcli-trip-planner label{display:grid;gap:4px;color:var(--kcli-muted);font-size:.72rem;font-weight:700}.kcli-trip-planner input,.kcli-trip-planner select{width:100%;max-width:none;padding:8px 9px;border:1px solid var(--kcli-border);border-radius:7px;background:var(--kcli-panel);color:var(--kcli-text);font:inherit}.kcli-trip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kcli-trip-privacy{margin:0!important;color:var(--kcli-muted);font-size:.68rem;font-weight:400;line-height:1.35}.kcli-trip-result{padding:0 12px 12px}.kcli-trip-result.is-loading,.kcli-trip-result.is-error{color:var(--kcli-muted);font-size:.78rem}.kcli-trip-result.is-error{font-weight:650}
.kcli-trip-results{display:grid;gap:10px}.kcli-trip-results h4{margin:0;font-size:.88rem}.kcli-trip-option{overflow:hidden;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.55);background:var(--kcli-panel)}.kcli-trip-option>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;background:color-mix(in srgb,var(--kcli-transit-accent) 12%,var(--kcli-panel));font-size:.75rem}.kcli-trip-option>header span{color:var(--kcli-muted);text-align:right}.kcli-trip-option ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.kcli-trip-option li{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border-top:1px solid var(--kcli-border)}.kcli-trip-option li:first-child{border-top:0}.kcli-trip-option li>div{display:grid;flex:1;min-width:0}.kcli-trip-option li strong{font-size:.78rem;line-height:1.3}.kcli-trip-option li small{color:var(--kcli-muted);font-size:.69rem;line-height:1.3}.kcli-trip-option li>i{width:30px;margin-top:5px;text-align:center}.kcli-google-attribution{margin:0!important;color:var(--kcli-muted);font-size:.65rem;text-align:right}
.kcli-environment--strip .kcli-transit-freshness,.kcli-environment--strip .kcli-current-alerts,.kcli-environment--strip .kcli-my-buses,.kcli-environment--strip .kcli-live-vehicles,.kcli-environment--strip .kcli-trip-planner{display:none}.kcli-environment--strip .kcli-stop:nth-child(n+2){display:none}.kcli-environment--strip .kcli-stop li:nth-child(n+3){display:none}
@media(max-width:560px){.kcli-trip-grid{grid-template-columns:1fr}.kcli-section-heading{align-items:flex-start}.kcli-stop__title{align-items:flex-start}.kcli-stop li{flex-wrap:wrap}.kcli-stop li>div{min-width:calc(100% - 55px)}.kcli-stop li>b{margin-left:44px}.kcli-trip-option>header{align-items:flex-start;flex-direction:column}.kcli-trip-option>header span{text-align:left}}

/* 1.3.0 standalone Transit Trip Planner. */
.kcli-panel--trip-planner{width:100%;grid-column:1/-1}
.kcli-trip-planner--standalone{display:grid;gap:12px;padding:12px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.7);background:color-mix(in srgb,var(--kcli-transit-accent) 8%,var(--kcli-panel))}
.kcli-destination-picker{position:relative}
.kcli-destination-suggestions{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;overflow:hidden;border:1px solid var(--kcli-border);border-radius:9px;background:var(--kcli-panel);box-shadow:0 12px 28px color-mix(in srgb,var(--kcli-text) 14%,transparent)}
.kcli-destination-suggestion{display:block;width:100%;padding:9px 10px;border:0;border-top:1px solid var(--kcli-border);background:transparent;color:var(--kcli-text);font:inherit;font-size:.78rem;text-align:left;cursor:pointer}
.kcli-destination-suggestion:first-child{border-top:0}.kcli-destination-suggestion:hover,.kcli-destination-suggestion:focus{background:color-mix(in srgb,var(--kcli-transit-accent) 12%,var(--kcli-panel));outline:0}
.kcli-common-destinations{display:grid;gap:7px}.kcli-common-destinations>span{color:var(--kcli-muted);font-size:.7rem;font-weight:750}.kcli-common-destinations>div{display:flex;flex-wrap:wrap;gap:6px}
.kcli-destination-chip{padding:6px 9px;border:1px solid color-mix(in srgb,var(--kcli-transit-accent) 40%,var(--kcli-border));border-radius:999px;background:color-mix(in srgb,var(--kcli-transit-accent) 10%,var(--kcli-panel));color:var(--kcli-text);font:inherit;font-size:.72rem;cursor:pointer}.kcli-destination-chip:hover,.kcli-destination-chip:focus{background:color-mix(in srgb,var(--kcli-transit-accent) 18%,var(--kcli-panel))}
.kcli-trip-date-time select,.kcli-trip-date-time input{min-height:40px}.kcli-trip-planner-block .kcli-trip-result{padding:0}.kcli-trip-planner-block .kcli-trip-results{padding-top:2px}
@media(max-width:560px){.kcli-trip-date-time{grid-template-columns:1fr}.kcli-destination-suggestions{position:static;margin-top:4px}}


/* 1.4.0 trip-planning modes and itinerary timing. */
.kcli-trip-time-mode{margin:0;padding:0;border:0}.kcli-trip-time-mode legend{margin:0 0 5px;color:var(--kcli-muted);font-size:.72rem;font-weight:700}.kcli-trip-time-mode>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;border:1px solid var(--kcli-border);border-radius:9px;background:var(--kcli-panel)}.kcli-trip-time-mode label{position:relative;display:block;cursor:pointer}.kcli-trip-time-mode input{position:absolute;opacity:0;pointer-events:none}.kcli-trip-time-mode span{display:block;padding:7px 9px;border-radius:6px;color:var(--kcli-muted);font-size:.74rem;font-weight:750;text-align:center}.kcli-trip-time-mode input:checked+span{background:color-mix(in srgb,var(--kcli-transit-accent) 18%,var(--kcli-panel));color:var(--kcli-text)}.kcli-trip-time-mode input:focus-visible+span{outline:2px solid var(--kcli-transit-accent);outline-offset:1px}
.kcli-trip-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.kcli-trip-results-heading span{color:var(--kcli-muted);font-size:.72rem;font-weight:700;text-align:right}.kcli-trip-option>header>div{display:grid;gap:2px}.kcli-trip-option>header small{color:var(--kcli-muted);font-size:.67rem;font-weight:650;line-height:1.35}.kcli-trip-step-time{display:block;margin-bottom:2px;color:var(--kcli-transit-accent);font-size:.68rem;font-weight:800;line-height:1.2}.kcli-trip-option li.is-wait{background:color-mix(in srgb,var(--kcli-transit-accent) 5%,var(--kcli-panel))}.kcli-trip-option li.is-wait>i{color:var(--kcli-muted)}
@media(max-width:560px){.kcli-trip-results-heading{display:grid;gap:3px}.kcli-trip-results-heading span{text-align:left}.kcli-trip-option>header{align-items:flex-start}.kcli-trip-option>header>span{max-width:42%}}


/* Transit Trip Planner 1.5 */
.kcli-trip-origin{display:grid;gap:9px;padding:11px 12px;border:1px solid var(--kcli-border);border-radius:9px;background:var(--kcli-panel)}
.kcli-trip-origin>div:first-child{display:grid;gap:2px}.kcli-trip-origin>div:first-child span{color:var(--kcli-muted);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.kcli-trip-origin>div:first-child strong{font-size:.85rem}.kcli-origin-actions{display:flex;flex-wrap:wrap;gap:7px}.kcli-current-location-button{display:inline-flex!important;align-items:center;gap:6px}.kcli-origin-message{margin:0!important;color:var(--kcli-muted);font-size:.69rem;line-height:1.35}
.kcli-rider-help{overflow:hidden;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.65);background:color-mix(in srgb,var(--kcli-transit-accent) 6%,var(--kcli-panel))}.kcli-rider-help>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;list-style:none}.kcli-rider-help>summary::-webkit-details-marker{display:none}.kcli-rider-help>summary span{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:800}.kcli-rider-help>summary small{color:var(--kcli-muted);font-size:.69rem;text-align:right}.kcli-rider-help__body{display:grid;gap:13px;padding:0 12px 12px}.kcli-fare-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kcli-fare-methods section,.kcli-first-ride{padding:10px;border:1px solid var(--kcli-border);border-radius:8px;background:var(--kcli-panel)}.kcli-fare-methods strong,.kcli-first-ride>strong,.kcli-umo-vendors>strong{font-size:.76rem}.kcli-fare-methods p{margin:4px 0 0!important;color:var(--kcli-muted);font-size:.69rem;line-height:1.4}.kcli-first-ride ol{margin:7px 0 0 18px;padding:0;color:var(--kcli-muted);font-size:.7rem;line-height:1.55}.kcli-umo-vendors{display:grid;gap:7px}.kcli-umo-vendors>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kcli-umo-vendors a{display:grid;gap:1px;padding:8px 9px;border:1px solid var(--kcli-border);border-radius:7px;color:var(--kcli-text);font-size:.68rem;text-decoration:none}.kcli-umo-vendors a span{color:var(--kcli-muted)}.kcli-rider-links{margin:0!important;color:var(--kcli-muted);font-size:.69rem}
.kcli-trip-result-actions{display:flex;flex-wrap:wrap;gap:7px}.kcli-trip-result-actions .button{font-size:.72rem}.kcli-trip-fare{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-top:1px solid var(--kcli-border);background:color-mix(in srgb,var(--kcli-transit-accent) 7%,var(--kcli-panel))}.kcli-trip-fare>div{display:grid;gap:2px}.kcli-trip-fare span{color:var(--kcli-muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kcli-trip-fare strong{font-size:.78rem}.kcli-trip-fare small{color:var(--kcli-muted);font-size:.67rem;line-height:1.35}.kcli-trip-fare>i{font-size:1.15rem;color:var(--kcli-transit-accent)}
.kcli-trip-alerts{display:grid;gap:5px;padding:9px 10px;border-top:1px solid var(--kcli-border);background:color-mix(in srgb,#f59e0b 10%,var(--kcli-panel));font-size:.7rem}.kcli-trip-alerts>strong{display:flex;align-items:center;gap:6px}.kcli-trip-alerts p{display:grid;gap:1px;margin:0!important}.kcli-trip-alerts p span{color:var(--kcli-muted);font-size:.67rem;line-height:1.35}
.kcli-live-status,.kcli-last-bus-warning,.kcli-rider-tip{display:block;margin-top:5px;font-size:.67rem;line-height:1.35}.kcli-live-status{width:max-content;max-width:100%;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--kcli-transit-accent) 12%,var(--kcli-panel));font-weight:800}.kcli-live-status.is-late,.kcli-live-status.is-cancelled{background:color-mix(in srgb,#dc2626 12%,var(--kcli-panel));color:#b91c1c}.kcli-live-status.is-early{background:color-mix(in srgb,#2563eb 10%,var(--kcli-panel))}.kcli-last-bus-warning{padding:6px 7px;border-radius:6px;background:color-mix(in srgb,#f59e0b 12%,var(--kcli-panel));font-weight:700}.kcli-rider-tip{color:var(--kcli-muted)}.kcli-trip-option li.is-tight-connection{background:color-mix(in srgb,#f59e0b 10%,var(--kcli-panel))}.kcli-trip-option li.is-tight-connection>i{color:#b45309}.kcli-trip-option li.has-trip-problem{background:color-mix(in srgb,#dc2626 8%,var(--kcli-panel))}
@media(max-width:700px){.kcli-fare-methods{grid-template-columns:1fr}.kcli-umo-vendors>div{grid-template-columns:1fr}.kcli-rider-help>summary{align-items:flex-start;flex-direction:column}.kcli-rider-help>summary small{text-align:left}}

/* Transit Trip Planner 1.6.0 origin modes and calmer accent usage. */
.kcli-trip-planner-block .kcli-trip-planner--standalone{background:var(--kcli-panel)}
.kcli-origin-heading{display:grid;gap:2px}.kcli-origin-heading span{color:var(--kcli-muted);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em}.kcli-origin-heading strong{font-size:.85rem}
.kcli-origin-actions{display:flex;flex-wrap:wrap;gap:7px}
.kcli-origin-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin:0;padding:6px 10px;border:1px solid var(--kcli-border);border-radius:7px;background:var(--kcli-panel);color:var(--kcli-text)!important;font-family:inherit;font-size:.75rem!important;font-weight:700;line-height:1.2!important;text-align:center;text-decoration:none;cursor:pointer;appearance:none;-webkit-appearance:none}
.kcli-origin-option i{font-size:.82em}.kcli-origin-option:hover,.kcli-origin-option:focus-visible{border-color:color-mix(in srgb,var(--kcli-text) 22%,var(--kcli-border));background:color-mix(in srgb,var(--kcli-text) 5%,var(--kcli-panel));color:var(--kcli-text)!important;outline:0}.kcli-origin-option:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--kcli-transit-accent) 35%,transparent)}
.kcli-origin-option.is-active{border-color:color-mix(in srgb,var(--kcli-transit-accent) 58%,var(--kcli-border));background:color-mix(in srgb,var(--kcli-transit-accent) 10%,var(--kcli-panel));color:var(--kcli-text)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kcli-transit-accent) 16%,transparent)}
.kcli-origin-option:disabled{cursor:not-allowed;opacity:.55}
.kcli-origin-manual{position:relative;display:grid;gap:4px}.kcli-origin-manual[hidden]{display:none!important}.kcli-origin-manual label{display:grid;gap:4px;color:var(--kcli-muted);font-size:.72rem;font-weight:700}
.kcli-origin-suggestions{position:absolute;z-index:31;top:calc(100% + 4px);left:0;right:0;overflow:hidden;border:1px solid var(--kcli-border);border-radius:9px;background:var(--kcli-panel);box-shadow:0 12px 28px color-mix(in srgb,var(--kcli-text) 14%,transparent)}
.kcli-origin-suggestion{display:block;width:100%;padding:9px 10px;border:0;border-top:1px solid var(--kcli-border);background:transparent;color:var(--kcli-text)!important;font:inherit;font-size:.78rem;text-align:left;cursor:pointer}.kcli-origin-suggestion:first-child{border-top:0}
.kcli-trip-planner-block .kcli-origin-suggestion:hover,.kcli-trip-planner-block .kcli-origin-suggestion:focus,.kcli-trip-planner-block .kcli-destination-suggestion:hover,.kcli-trip-planner-block .kcli-destination-suggestion:focus{background:color-mix(in srgb,var(--kcli-text) 6%,var(--kcli-panel));color:var(--kcli-text)!important;-webkit-text-fill-color:var(--kcli-text);outline:0}
.kcli-trip-planner-block .kcli-destination-chip{border-color:var(--kcli-border);background:var(--kcli-panel);color:var(--kcli-text)!important}.kcli-trip-planner-block .kcli-destination-chip:hover,.kcli-trip-planner-block .kcli-destination-chip:focus{border-color:color-mix(in srgb,var(--kcli-text) 22%,var(--kcli-border));background:color-mix(in srgb,var(--kcli-text) 6%,var(--kcli-panel));color:var(--kcli-text)!important;-webkit-text-fill-color:var(--kcli-text);outline:0}
.kcli-trip-planner-block .kcli-trip-option>header{background:color-mix(in srgb,var(--kcli-text) 4%,var(--kcli-panel))}.kcli-trip-planner-block .kcli-trip-option li.is-wait{background:color-mix(in srgb,var(--kcli-text) 2%,var(--kcli-panel))}
.kcli-trip-planner-block .kcli-rider-help{background:var(--kcli-panel)}.kcli-trip-planner-block .kcli-trip-fare{background:color-mix(in srgb,var(--kcli-text) 3%,var(--kcli-panel))}
.kcli-trip-planner-block .kcli-live-status:not(.is-late):not(.is-cancelled):not(.is-early){background:color-mix(in srgb,var(--kcli-text) 6%,var(--kcli-panel));color:var(--kcli-text)}
@media(max-width:560px){.kcli-origin-actions{display:grid;grid-template-columns:1fr}.kcli-origin-option{width:100%;justify-content:flex-start}.kcli-origin-suggestions{position:static;margin-top:4px}}

/* Transit Near You 1.7.0: neutral surfaces, clearer live-map markers. */
.kcli-panel--transit-nearby .kcli-current-alerts,
.kcli-panel--transit-nearby .kcli-transit-freshness,
.kcli-panel--transit-nearby .kcli-my-buses,
.kcli-panel--transit-nearby .kcli-live-vehicles,
.kcli-panel--transit-nearby .kcli-stop{background:color-mix(in srgb,var(--kcli-text) 3%,var(--kcli-panel));border-color:var(--kcli-border)}
.kcli-panel--transit-nearby .kcli-current-alerts{background:var(--kcli-panel)}
.kcli-panel--transit-nearby .kcli-transit-alert{border-color:color-mix(in srgb,#f59e0b 24%,var(--kcli-border));background:color-mix(in srgb,#f59e0b 6%,var(--kcli-panel))}
.kcli-panel--transit-nearby .kcli-route{border:1px solid var(--kcli-border);background:color-mix(in srgb,var(--kcli-text) 6%,var(--kcli-panel));color:var(--kcli-text)}
.kcli-panel--transit-nearby .kcli-favorite-button:hover,.kcli-panel--transit-nearby .kcli-favorite-button:focus{border-color:color-mix(in srgb,var(--kcli-text) 28%,var(--kcli-border));color:var(--kcli-text)}
.kcli-panel--transit-nearby .kcli-favorite-button.is-favorite{border-color:color-mix(in srgb,var(--kcli-transit-accent) 45%,var(--kcli-border));background:var(--kcli-panel);color:var(--kcli-transit-accent)}
.kcli-panel--transit-nearby .kcli-transit-map-wrap{background:color-mix(in srgb,var(--kcli-text) 3%,var(--kcli-panel))}
.kcli-panel--transit-nearby .kcli-live-dot{color:var(--kcli-transit-accent)}
.kcli-leaflet-div-icon{border:0!important;background:transparent!important}
.kcli-map-marker{display:grid;place-items:center;box-sizing:border-box;width:32px;height:32px;border:2px solid var(--kcli-text);background:var(--kcli-panel);color:var(--kcli-text);box-shadow:0 2px 7px rgba(0,0,0,.24)}
.kcli-map-marker svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kcli-map-marker--user{border-radius:50%;border-color:var(--kcli-transit-accent);color:var(--kcli-transit-accent)}
.kcli-map-marker--stop{border-radius:5px}
.kcli-map-marker--bus{display:flex;align-items:center;justify-content:center;gap:3px;width:48px;height:34px;padding:0 5px;border-radius:8px;background:var(--kcli-text);color:var(--kcli-panel)}
.kcli-map-marker--bus svg{width:17px;height:17px;flex:0 0 17px}
.kcli-map-marker--bus b{min-width:12px;font-size:11px;line-height:1;text-align:center}
.kcli-map-legend{display:grid;gap:5px;min-width:126px;padding:8px 9px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:color-mix(in srgb,var(--kcli-panel) 94%,transparent);color:var(--kcli-text);box-shadow:0 1px 5px rgba(0,0,0,.18);font-family:inherit;font-size:11px;line-height:1.2}
.kcli-map-legend>strong{font-size:11px}
.kcli-map-legend>span{display:flex;align-items:center;gap:6px}
.kcli-map-legend__symbol{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border:1.5px solid var(--kcli-text);background:var(--kcli-panel);color:var(--kcli-text);font-style:normal}
.kcli-map-legend__symbol svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kcli-map-legend__symbol.is-user{border-radius:50%;border-color:var(--kcli-transit-accent);color:var(--kcli-transit-accent)}
.kcli-map-legend__symbol.is-stop{border-radius:3px}
.kcli-map-legend__symbol.is-bus{border-radius:5px;background:var(--kcli-text);color:var(--kcli-panel)}


.kcli-panel .ci-ui-waiting{display:grid;gap:14px;padding:14px 15px;border:1px solid var(--kcli-border);border-radius:calc(var(--kcli-radius)*.72);background:color-mix(in srgb,var(--kcli-background) 72%,var(--kcli-panel));color:var(--kcli-text)}.kcli-panel .ci-ui-waiting__copy{display:grid;gap:4px}.kcli-panel .ci-ui-waiting__headline{font-size:.92rem;line-height:1.3}.kcli-panel .ci-ui-waiting__message{margin:0!important;color:var(--kcli-muted);font-size:.84rem;line-height:1.45}.kcli-panel .ci-ui-waiting__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.kcli-panel .ci-ui-waiting__action{display:inline-flex;align-items:center;min-height:34px;text-decoration:none!important;font-size:.82rem;font-weight:700}.kcli-panel .ci-ui-waiting__action--primary{padding:7px 11px;border:1px solid var(--kcli-border);border-radius:9px;background:var(--kcli-panel);color:var(--kcli-text)!important}.kcli-panel .ci-ui-waiting__action--secondary{color:var(--kcli-muted)!important}

/* Local Info 1.9.0: horoscope-style accent treatment.
 * Keep the panel shell neutral, then use each panel's configured highlight colour
 * on the important inner reading cards and small accents. */
.kcli-panel{--kcli-accent-card:color-mix(in srgb,var(--kcli-panel-accent) 22%,var(--kcli-panel));--kcli-accent-soft:color-mix(in srgb,var(--kcli-panel-accent) 12%,var(--kcli-panel));--kcli-accent-faint:color-mix(in srgb,var(--kcli-panel-accent) 7%,var(--kcli-panel))}
.kcli-panel__header{border-bottom-color:color-mix(in srgb,var(--kcli-panel-accent) 16%,var(--kcli-border))}
.kcli-panel__eyebrow{color:color-mix(in srgb,var(--kcli-panel-accent) 58%,var(--kcli-muted))}
.kcli-panel__footer{border-top-color:color-mix(in srgb,var(--kcli-panel-accent) 12%,var(--kcli-border))}

/* Today & Coming Up */
.kcli-panel--summary .kcli-summary-grid li{border-color:color-mix(in srgb,var(--kcli-panel-accent) 22%,var(--kcli-border));background:var(--kcli-accent-soft)}
.kcli-panel--summary .kcli-summary-grid li>i{color:var(--kcli-panel-accent)}

/* Waste Collection */
.kcli-panel--waste .kcli-collection-reading{border-color:color-mix(in srgb,var(--kcli-panel-accent) 24%,var(--kcli-border));background:var(--kcli-accent-card)}
.kcli-panel--waste .kcli-collection-label i{color:var(--kcli-panel-accent)}
.kcli-panel--waste .kcli-waste-resources a,.kcli-panel--waste .kcli-waste-tip{border-color:color-mix(in srgb,var(--kcli-panel-accent) 16%,var(--kcli-border));background:var(--kcli-accent-faint)}

/* Watering and Street Sweeping */
.kcli-panel--watering .kcli-home-reading,.kcli-panel--sweeping .kcli-home-reading{border:1px solid color-mix(in srgb,var(--kcli-panel-accent) 22%,var(--kcli-border));background:var(--kcli-accent-card)}
.kcli-panel--watering .kcli-metric{border-color:color-mix(in srgb,var(--kcli-panel-accent) 18%,var(--kcli-border));background:var(--kcli-accent-soft)}

/* Roads and Power */
.kcli-panel--roads .kcli-event-list li,.kcli-panel--power .kcli-event-list li{border-color:color-mix(in srgb,var(--kcli-panel-accent) 18%,var(--kcli-border));background:var(--kcli-accent-soft)}
.kcli-panel--roads .kcli-event-list li:first-child,.kcli-panel--power .kcli-event-list li:first-child{background:var(--kcli-accent-card)}
.kcli-panel--power .kcli-good,.kcli-panel--roads .kcli-good,.kcli-panel--power .kcli-data-unavailable,.kcli-panel--roads .kcli-data-unavailable{border:1px solid color-mix(in srgb,var(--kcli-panel-accent) 20%,var(--kcli-border));background:var(--kcli-accent-card)}

/* Transit Near You: restore a restrained accent without returning to the old all-green look. */
.kcli-panel--transit-nearby .kcli-transit-freshness{border-color:color-mix(in srgb,var(--kcli-panel-accent) 18%,var(--kcli-border));background:var(--kcli-accent-soft)}
.kcli-panel--transit-nearby .kcli-stop{border-color:color-mix(in srgb,var(--kcli-panel-accent) 14%,var(--kcli-border));background:var(--kcli-accent-faint)}
.kcli-panel--transit-nearby .kcli-stop:first-child{background:var(--kcli-accent-soft)}
.kcli-panel--transit-nearby .kcli-route{border-color:color-mix(in srgb,var(--kcli-panel-accent) 22%,var(--kcli-border));background:var(--kcli-accent-soft)}
.kcli-panel--transit-nearby .kcli-live-vehicles,.kcli-panel--transit-nearby .kcli-my-buses{border-color:color-mix(in srgb,var(--kcli-panel-accent) 12%,var(--kcli-border));background:var(--kcli-accent-faint)}

/* Waiting/unavailable states should still look like the panel they belong to. */
.kcli-panel .ci-ui-waiting,.kcli-panel .kcli-data-unavailable{border-color:color-mix(in srgb,var(--kcli-panel-accent) 18%,var(--kcli-border));background:var(--kcli-accent-soft)}
.kcli-panel .ci-ui-waiting__action--primary{border-color:color-mix(in srgb,var(--kcli-panel-accent) 28%,var(--kcli-border));background:var(--kcli-accent-faint)}
\n\n/* Local Info 1.9.1: make personalized waiting states visibly belong to their panel.\n * Mirrors the Horoscope panel's soft 22-26% accent cards without flooding the UI. */\n.kcli-panel .ci-ui-waiting{\n  position:relative;\n  overflow:hidden;\n  border-color:color-mix(in srgb,var(--kcli-panel-accent) 30%,var(--kcli-border));\n  background:color-mix(in srgb,var(--kcli-panel-accent) 22%,var(--kcli-panel));\n  box-shadow:none;\n}\n.kcli-panel .ci-ui-waiting::before{\n  position:absolute;\n  top:0;bottom:0;left:0;\n  width:3px;\n  content:\"\";\n  background:var(--kcli-panel-accent);\n}\n.kcli-panel .ci-ui-waiting__headline{color:var(--kcli-text)}\n.kcli-panel .ci-ui-waiting__action--primary{\n  border-color:color-mix(in srgb,var(--kcli-panel-accent) 42%,var(--kcli-border));\n  background:color-mix(in srgb,var(--kcli-panel-accent) 15%,var(--kcli-panel));\n  color:var(--kcli-text)!important;\n}\n.kcli-panel .ci-ui-waiting__action--primary:hover,\n.kcli-panel .ci-ui-waiting__action--primary:focus{\n  border-color:color-mix(in srgb,var(--kcli-panel-accent) 60%,var(--kcli-border));\n  background:color-mix(in srgb,var(--kcli-panel-accent) 24%,var(--kcli-panel));\n  color:var(--kcli-text)!important;\n}\n/* Transit was the easiest waiting state to lose visually. Give it the same\n * strength as the Horoscope reading card while keeping the outer panel neutral. */\n.kcli-panel--transit-nearby .ci-ui-waiting,\n.kcli-panel--transit .ci-ui-waiting{\n  border-color:color-mix(in srgb,var(--kcli-transit-accent) 34%,var(--kcli-border));\n  background:color-mix(in srgb,var(--kcli-transit-accent) 26%,var(--kcli-panel));\n}\n