/* A small service-state cue: only the machine and a low-contrast stripe layer move. */
.k-ice-service.k-ice-motion{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:56px minmax(0,1fr) auto;background:#e6f0f7;border-left-width:1px}
.k-ice-motion::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(-45deg,transparent,transparent 8px,#91b7d1 8px,#91b7d1 16px);opacity:.14;animation:katok-ice-lines 6s ease-in-out infinite paused}
.k-ice-motion>*{position:relative;z-index:1}
.k-ice-service.k-ice-motion>.k-ice-machine{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:56px;min-height:30px}
.k-ice-motion .k-ice-machine svg{flex:none;width:30px;height:24px;animation:katok-ice-drift 8s ease-in-out infinite paused}
.k-ice-motion>strong{grid-column:2;grid-row:1;font-size:13px;line-height:1.4}
.k-ice-motion>.k-ice-time{grid-column:3;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;line-height:1.4}
.k-ice-motion .k-ice-footer{grid-column:2/-1;display:flex;gap:4px 12px;align-items:center;justify-content:space-between;min-width:0}
.k-ice-motion .k-ice-footer small{display:block;font-size:11px!important;line-height:1.4;color:#385871}
.k-ice-motion .k-ice-toggle{flex:none;min-height:32px;min-width:88px;padding:5px 7px;border:0;border-radius:5px;background:transparent;color:#264b69;font:700 11px/1.3 var(--font-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.k-ice-toggle:hover:not(:disabled){background:#cddfeb}.k-ice-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.k-ice-toggle:disabled{cursor:default;text-decoration:none;color:#526675}
.k-nearest .k-ice-hero{align-self:stretch;width:100%;margin:3px 0 1px;padding:10px 12px;border:0;border-radius:8px;gap:3px 10px;grid-template-columns:56px minmax(0,1fr)}
.k-nearest .k-ice-hero>strong{font:700 13px/1.4 var(--font-ui);padding:0}
.k-nearest .k-ice-hero>.k-ice-time{grid-column:2;grid-row:2;font-size:12px}
.k-nearest .k-ice-hero .k-ice-footer{grid-column:1/-1}
.k-nearest:has(.k-ice-hero) .k-live-dot{animation:none}
.k-week-day .k-ice-service.k-ice-motion{grid-template-columns:56px minmax(0,1fr);gap:3px 6px;padding:9px}
.k-week-day .k-ice-motion>.k-ice-time{grid-column:2;grid-row:2;font-size:11px}
.k-week-day .k-ice-motion>strong{font-size:11px}
.k-week-day .k-ice-motion .k-ice-footer{grid-column:1/-1;flex-wrap:wrap;gap:0 6px}
.k-ice-motion.is-motion-stale{background:#eef1f3}.k-ice-motion.is-motion-stale::before{visibility:hidden}
@keyframes katok-ice-drift{0%,100%{transform:translateX(-12px)}50%{transform:translateX(12px)}}
@keyframes katok-ice-lines{0%,100%{opacity:.12}50%{opacity:.22}}
.k-session[data-skating-motion]{position:relative;isolation:isolate;background:#edf4fc}
.k-session[data-skating-motion]::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:#c8ddf3;opacity:.18;animation:katok-session-glow 6s ease-in-out infinite paused}
.k-session[data-skating-motion]>*{position:relative;z-index:1}
.k-session.is-motion-stale::after{visibility:hidden}
.k-session-live-actions{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.k-session-live-actions>span{font-size:12px;line-height:1.4;color:#385871}
.k-session-live-actions .k-ice-toggle{border:0;border-radius:5px;min-height:36px;padding:5px 7px;background:transparent;font:700 11px/1.3 var(--font-ui);color:#264b69;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@keyframes katok-session-glow{0%,100%{opacity:.12}50%{opacity:.30}}
@media(max-width:760px){.k-ice-service.k-ice-motion{grid-template-columns:56px minmax(0,1fr);gap:3px 8px;padding:9px 12px}.k-ice-motion>.k-ice-time{grid-column:2;grid-row:2;font-size:12px}.k-ice-motion .k-ice-footer{grid-column:1/-1}.k-ice-motion .k-ice-toggle{min-height:40px}.k-nearest .k-ice-hero{padding:8px 10px}.k-ice-motion .k-ice-footer small{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.k-ice-motion::before,.k-ice-motion .k-ice-machine svg,.k-session[data-skating-motion]::after{animation:none!important;transform:none}.k-ice-motion::before{opacity:.16}}
