@layer pages{.mk-robot-icon{display:block;flex:none}.mk-board{--mk-board-rule: color-mix(in srgb, var(--color-text-inverse) 14%, transparent);--mk-board-quiet: color-mix(in srgb, var(--color-text-inverse) 72%, transparent);position:relative;display:flex;flex-direction:column;width:100%;max-width:30rem;margin-inline:auto;font-family:var(--font-sans)}.mk-board__header{margin-bottom:var(--space-sm)}.mk-board__title{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-snug)}.mk-board__live{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--mk-board-quiet)}.mk-board__live-dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-robot-online);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-robot-online) 28%,transparent)}.mk-board__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.mk-board__row{min-height:56px;padding-inline:var(--space-sm);margin-inline:calc(-1 * var(--space-sm));border-radius:var(--radius-sm)}.mk-board__row--changes{background:color-mix(in srgb,var(--color-robot-error) 12%,transparent)}.mk-board__robot{display:flex;align-items:center;gap:var(--space-md);min-width:0}.mk-board__icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-text-inverse) 8%,transparent);color:var(--color-text-inverse)}.mk-board__text{display:flex;flex-direction:column;gap:2px;min-width:0}.mk-board__name{font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);line-height:1.3}.mk-board__health{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--mk-board-quiet);white-space:nowrap}.mk-board__status{display:inline-flex;flex:none}.mk-board .rb-badge{--mk-state: var(--color-robot-offline);height:24px;padding:0 10px;gap:6px;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);background:color-mix(in srgb,var(--mk-state) 24%,transparent);color:var(--color-text-inverse);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mk-state) 55%,transparent)}.mk-board .rb-badge__dot{width:7px;height:7px}.mk-board .rb-badge[data-status=online]{--mk-state: var(--color-robot-online)}.mk-board .rb-badge[data-status=charging]{--mk-state: var(--color-robot-charging)}.mk-board .rb-badge[data-status=error]{--mk-state: var(--color-robot-error)}.mk-board .rb-badge[data-status=offline]{--mk-state: var(--color-robot-offline)}.mk-board__swap{display:inline-grid;justify-items:end}.mk-board__health.mk-board__swap{justify-items:start}.mk-board__swap>*{grid-area:1 / 1}.mk-board__swap>.mk-board__was{visibility:hidden}.mk-board__alert{display:flex;align-items:flex-start;gap:var(--space-sm);margin:var(--space-xs) 0 var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-robot-error) 22%,transparent);color:var(--color-text-inverse);box-shadow:inset 3px 0 0 var(--color-robot-error)}.mk-board__alert-icon{flex:none;margin-top:1px}.mk-board__alert-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mk-board__alert-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-caption)}.mk-board__alert-body{font-size:var(--font-size-body-small);line-height:1.35;color:var(--mk-board-quiet)}.mk-board__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--mk-board-rule)}.mk-board__hint{font-size:var(--font-size-caption);color:var(--mk-board-quiet)}.mk-board__stop{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:40px;padding:0 var(--space-lg);border-radius:var(--radius-md);background:var(--color-estop-bg);color:var(--color-estop-text);font-size:var(--font-size-body-small);font-weight:var(--font-weight-bold)}.mk-board--compact{max-width:none}.mk-board--compact .mk-board__row{min-height:48px}@media (max-width: 639.98px){.mk-board__icon{width:32px;height:32px}.mk-board__robot{gap:var(--space-sm)}.mk-board__health{white-space:normal}}@media (prefers-reduced-motion: no-preference){.mk-board--animate .mk-board__row--changes{animation:mk-board-tint var(--duration-slow) var(--easing-enter) 1.2s both}.mk-board--animate .mk-board__swap>.mk-board__was{animation:mk-board-out var(--duration-normal) var(--easing-exit) 1.2s both}.mk-board--animate .mk-board__swap>.mk-board__now{animation:mk-board-in var(--duration-slow) var(--easing-enter) 1.2s both}.mk-board--animate .mk-board__alert{animation:mk-board-slide calc(var(--duration-slow) * 2) var(--easing-enter) 1.35s both}}@keyframes mk-board-tint{0%{background-color:transparent}}@keyframes mk-board-out{0%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes mk-board-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes mk-board-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.mk-vignette{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:32rem;margin-inline:auto;font-family:var(--font-sans);font-size:var(--font-size-body-small);color:var(--color-text-primary)}.mk-vignette__toolbar{display:flex;align-items:center;gap:var(--space-sm)}.mk-vignette__search{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-sm);min-width:0;height:36px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden}.mk-vignette__search svg{flex:none}.mk-vignette__button{display:inline-flex;flex:none;align-items:center;height:36px;padding:0 var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary-button) 14%,transparent);color:var(--color-primary-strong);font-weight:var(--font-weight-semibold);white-space:nowrap}.mk-vignette__button--quiet{height:28px;padding:0 var(--space-sm);background:transparent;color:var(--color-primary-strong);box-shadow:inset 0 0 0 1px var(--color-primary);font-size:var(--font-size-caption)}.mk-vignette__icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-secondary)}.mk-registry__head,.mk-registry__row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;align-items:center;gap:var(--space-md)}.mk-registry__head{padding:0 var(--space-xs) var(--space-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.mk-registry__head>:last-child{justify-self:end}.mk-registry__list{display:flex;flex-direction:column;margin:calc(-1 * var(--space-sm)) 0 0;padding:0;list-style:none}.mk-registry__row{min-height:48px;padding:0 var(--space-xs);border-bottom:1px solid var(--color-border)}.mk-registry__row:last-child{border-bottom:0}.mk-registry__robot{display:flex;align-items:center;gap:var(--space-sm);min-width:0;font-weight:var(--font-weight-medium);white-space:nowrap}.mk-registry__vendor{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.mk-alerts__robot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.mk-alerts__list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none}.mk-alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.mk-alert__glyph{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-surface-alt);color:var(--color-offline-strong)}.mk-alert--attention{border-color:color-mix(in srgb,var(--color-robot-error) 55%,var(--color-border));box-shadow:inset 3px 0 0 var(--color-robot-error),var(--shadow-sm)}.mk-alert--attention .mk-alert__glyph{background:var(--color-warning-light);color:var(--color-warning-strong)}.mk-alert--battery .mk-alert__glyph{background:var(--color-charging-light);color:var(--color-charging-strong)}.mk-alert--battery,.mk-alert--offline{opacity:.86}.mk-alert__text{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.mk-alert__title{font-weight:var(--font-weight-semibold)}.mk-alert__body{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.mk-safety__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.mk-safety__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.mk-safety__state{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-success-light);color:var(--color-success-strong);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap}.mk-safety__state-dot{width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-robot-online)}.mk-safety__control{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);text-align:center}.mk-safety__stop{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;max-width:18rem;min-height:56px;padding:0 var(--space-xl);border-radius:var(--radius-md);background:var(--color-estop-bg);color:var(--color-estop-text);box-shadow:0 0 0 4px var(--color-estop-ring);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.mk-safety__stop--muted{background:transparent;color:var(--color-text-primary);box-shadow:inset 0 0 0 2px var(--color-text-primary)}.mk-safety__scope{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.mk-safety__checks{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none;color:var(--color-text-secondary)}.mk-safety__checks li{display:flex;align-items:center;gap:var(--space-sm)}.mk-safety__checks svg{flex:none;color:var(--color-success-strong)}@media (max-width: 639.98px){.mk-vignette{gap:var(--space-sm)}.mk-registry__head,.mk-registry__row{grid-template-columns:minmax(0,1fr) auto}.mk-registry__vendor,.mk-registry__vendor-head{display:none}.mk-alert{padding:var(--space-sm) var(--space-md)}.mk-alerts__list .mk-vignette__button--quiet{display:none}}}