.miq-gauge-ring{text-align:center;flex-direction:column;align-items:center;gap:.25rem;line-height:1.25;display:flex}.miq-gauge-ring__svg-container{margin-bottom:.125rem;position:relative}.miq-gauge-ring__svg{width:100%;height:100%;display:block;overflow:visible}.miq-gauge-ring__track{stroke:hsl(var(--foreground) / .12)}.miq-gauge-ring__arc{transition:stroke-dasharray var(--miq-duration-slow,.32s) var(--miq-ease-standard,ease)}@media (prefers-reduced-motion:reduce){.miq-gauge-ring__arc{transition:none}}.miq-gauge-ring__value{fill:hsl(var(--foreground));font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.miq-gauge-ring__value--empty{fill:hsl(var(--muted-foreground))}.miq-gauge-ring__unit{fill:hsl(var(--muted-foreground));font-weight:600}.miq-gauge-ring__label{color:hsl(var(--foreground) / .8);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.miq-gauge-ring__sublabel{color:hsl(var(--muted-foreground));font-size:.7rem}.miq-gauge-ring__stroke--ok{stroke:hsl(var(--status-ok))}.miq-gauge-ring__stroke--warn{stroke:hsl(var(--status-warn))}.miq-gauge-ring__stroke--danger{stroke:hsl(var(--status-danger))}.miq-gauge-ring--mini{flex:none;position:relative}.miq-gauge-ring__glyph{fill:hsl(var(--foreground) / .8);font-weight:700}.miq-gauge-ring__glyph--empty{fill:hsl(var(--muted-foreground))}.miq-stacked-bar__labels{color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;margin-bottom:.125rem;font-size:.65rem;display:flex}.miq-stacked-bar__track{background:hsl(var(--muted));border-radius:999rem;height:.5rem;overflow:hidden}.miq-stacked-bar__fill{background:hsl(var(--status-ok) / .7);border-radius:999rem;height:100%;transition:width .3s}.miq-freshness-badge{border-style:solid;border-width:1px;border-radius:999rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.miq-freshness-badge--fresh{background:hsl(var(--status-ok) / .1);color:hsl(var(--miq-positive-text,var(--status-ok)));border-color:hsl(var(--status-ok) / .2)}.miq-freshness-badge--aging{background:hsl(var(--status-warn) / .1);color:hsl(var(--miq-warning-text,var(--status-warn)));border-color:hsl(var(--status-warn) / .2)}.miq-freshness-badge--stale{background:hsl(var(--status-danger) / .1);color:hsl(var(--miq-negative-text,var(--status-danger)));border-color:hsl(var(--status-danger) / .2)}.miq-freshness-badge--unknown{background:hsl(var(--muted) / .2);color:hsl(var(--muted-foreground));border-color:hsl(var(--muted) / .3)}
.miq-connection-status__dot--connected{background:hsl(var(--status-ok))}.miq-connection-status__dot--connecting{background:hsl(var(--muted-foreground))}.miq-connection-status__dot--reconnecting{background:hsl(var(--status-warn))}.miq-connection-status__dot--stale{background:hsl(var(--muted-foreground))}.miq-connection-status__dot--offline,.miq-connection-status__dot--error{background:hsl(var(--status-danger))}.miq-connection-status__pulse--connected{background:hsl(var(--status-ok) / .4)}.miq-connection-status__pulse--connecting{background:hsl(var(--muted-foreground) / .4)}.miq-connection-status__pulse--reconnecting{background:hsl(var(--status-warn) / .4)}.miq-connection-status__pulse--stale{background:hsl(var(--muted-foreground) / .3)}.miq-connection-status__pulse--offline,.miq-connection-status__pulse--error{background:hsl(var(--status-danger) / .4)}.miq-connection-status__text--connected{color:hsl(var(--status-ok))}.miq-connection-status__text--connecting{color:hsl(var(--muted-foreground))}.miq-connection-status__text--reconnecting{color:hsl(var(--status-warn))}.miq-connection-status__text--stale{color:hsl(var(--muted-foreground))}.miq-connection-status__text--offline,.miq-connection-status__text--error{color:hsl(var(--status-danger))}.miq-connection-status__border--connected{border-color:hsl(var(--status-ok) / .3)}.miq-connection-status__border--connecting{border-color:hsl(var(--border))}.miq-connection-status__border--reconnecting{border-color:hsl(var(--status-warn) / .3)}.miq-connection-status__border--stale{border-color:hsl(var(--border))}.miq-connection-status__border--offline,.miq-connection-status__border--error{border-color:hsl(var(--status-danger) / .3)}.miq-connection-status__bg--connected{background:hsl(var(--status-ok) / .1)}.miq-connection-status__bg--connecting{background:hsl(var(--muted) / .3)}.miq-connection-status__bg--reconnecting{background:hsl(var(--status-warn) / .1)}.miq-connection-status__bg--stale{background:hsl(var(--muted) / .3)}.miq-connection-status__bg--offline,.miq-connection-status__bg--error{background:hsl(var(--status-danger) / .1)}.miq-connection-status--pill{position:relative}.miq-connection-status__pill-btn{cursor:pointer;background:0 0;border-style:solid;border-width:1px;border-radius:999rem;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .625rem;font-size:.75rem;font-weight:500;transition:filter .15s;display:inline-flex}.miq-connection-status__pill-btn:hover{filter:brightness(1.1)}.miq-connection-status__dot-container{width:.625rem;height:.625rem;display:flex;position:relative}.miq-connection-status__dot-ping{border-radius:999rem;animation:2s cubic-bezier(0,0,.2,1) infinite miq-connection-ping;position:absolute;inset:0}.miq-connection-status__dot-ping--fast{animation-duration:1s}@keyframes miq-connection-ping{75%,to{opacity:0;transform:scale(2)}}.miq-connection-status__dot{border-radius:999rem;width:.625rem;height:.625rem;position:relative}.miq-connection-status__flyout{border:1px solid hsl(var(--border));background:hsl(var(--background));z-index:50;border-radius:.75rem;width:18rem;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.miq-connection-status__flyout-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.miq-connection-status__flyout-header-left{align-items:center;gap:.5rem;display:flex}.miq-connection-status__flyout-icon{width:1rem;height:1rem}.miq-connection-status__flyout-title{font-size:.875rem;font-weight:600}.miq-connection-status__close-btn{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.miq-connection-status__close-btn:hover{color:hsl(var(--foreground))}.miq-connection-status__close-icon{width:.875rem;height:.875rem}.miq-connection-status__flyout-body{flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}.miq-connection-status__detail-row{justify-content:space-between;align-items:center;display:flex}.miq-connection-status__detail-label{color:hsl(var(--muted-foreground));font-size:.75rem}.miq-connection-status__attempt-value{color:hsl(var(--status-warn));font-size:.75rem;font-weight:500}.miq-connection-status__error-box{border:1px solid hsl(var(--status-danger) / .2);background:hsl(var(--status-danger) / .05);border-radius:.5rem;padding:.5rem .75rem}.miq-connection-status__error-text{color:hsl(var(--status-danger));font-size:.75rem}.miq-connection-status__reconnect-btn{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .3);width:100%;color:hsl(var(--foreground));cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .15s;display:flex}.miq-connection-status__reconnect-btn:hover{background:hsl(var(--accent) / .3)}.miq-connection-status__reconnect-icon{width:.75rem;height:.75rem}.miq-connection-status--banner{border-style:solid;border-width:1px;border-radius:1rem;padding:.75rem 1rem;position:relative}.miq-connection-status--banner-error{border-color:hsl(var(--status-danger) / .25);background:linear-gradient(135deg, hsl(var(--status-danger) / .12), transparent 75%), hsl(var(--card))}.miq-connection-status--banner-warn{border-color:hsl(var(--status-warn) / .25);background:linear-gradient(135deg, hsl(var(--status-warn) / .12), transparent 75%), hsl(var(--card))}.miq-connection-status__banner-dismiss{min-width:24px;min-height:24px;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.125rem;transition:color .15s;position:absolute;top:.75rem;right:.75rem}.miq-connection-status__banner-dismiss:hover{color:hsl(var(--foreground))}.miq-connection-status__banner-dismiss:focus-visible{box-shadow:0 0 0 2px hsl(var(--ring));outline:none}.miq-connection-status__banner-dismiss-icon{width:1rem;height:1rem}.miq-connection-status__banner-body{flex-direction:column;gap:.75rem;display:flex}@media (min-width:768px){.miq-connection-status__banner-body{flex-direction:row;justify-content:space-between;align-items:center}}.miq-connection-status__banner-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.miq-connection-status__banner-status{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.miq-connection-status__banner-icon{width:1rem;height:1rem}.miq-connection-status__banner-heartbeat{color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;font-size:.75rem;display:flex}.miq-connection-status__banner-reconnect{border:1px solid hsl(var(--border));background:hsl(var(--background) / .8);color:hsl(var(--foreground));cursor:pointer;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;transition:background-color .15s;display:inline-flex}.miq-connection-status__banner-reconnect:hover{background:hsl(var(--accent) / .3)}.miq-connection-status__banner-reconnect-icon{width:.75rem;height:.75rem}.miq-connection-status__icon--spin{animation:1s linear infinite miq-connection-spin}@keyframes miq-connection-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.miq-theme-picker{flex-direction:column;gap:.65rem;display:flex}.miq-theme-picker--compact{flex-direction:row;align-items:center;gap:.5rem}.miq-theme-picker--inline{flex-direction:row;align-items:center;gap:.25rem}.miq-theme-picker__section{flex-direction:column;gap:.3rem;display:flex}.miq-theme-picker__label{text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--muted-foreground) / .5);font-size:.6rem;font-weight:700}.miq-theme-picker__group{flex-wrap:wrap;gap:.25rem;display:flex}.miq-theme-picker__btn{border:1px solid hsl(var(--border) / .52);color:hsl(var(--muted-foreground));cursor:pointer;white-space:nowrap;background:0 0;border-radius:.4rem;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.miq-theme-picker__btn:hover{background:hsl(var(--accent) / .3);color:hsl(var(--foreground))}.miq-theme-picker__btn--active{background:hsl(var(--primary) / .15);color:hsl(var(--primary));border-color:hsl(var(--primary) / .35);font-weight:600}.miq-theme-picker--compact .miq-theme-picker__btn,.miq-theme-picker--inline .miq-theme-picker__btn{padding:.25rem .45rem;font-size:.68rem}.miq-theme-picker--inline .miq-theme-picker__label{display:none}.miq-theme-picker__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.5rem;display:grid}.miq-theme-picker__card{border:1px solid hsl(var(--border) / .52);background:hsl(var(--card));cursor:pointer;text-align:left;border-radius:.6rem;flex-direction:column;gap:.35rem;padding:.65rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.miq-theme-picker__card:hover{border-color:hsl(var(--border));background:hsl(var(--accent) / .2)}.miq-theme-picker__card--active{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .08);box-shadow:0 0 0 1px hsl(var(--primary) / .12)}.miq-theme-picker__card-swatches{gap:.25rem;margin-bottom:.15rem;display:flex}.miq-theme-picker__card-swatch{border:1px solid hsl(var(--border) / .3);border-radius:.2rem;width:1.5rem;height:1rem}.miq-theme-picker__card-label{color:hsl(var(--foreground));font-size:.78rem;font-weight:600}.miq-theme-picker__card-desc{color:hsl(var(--muted-foreground));font-size:.65rem;line-height:1.4}.miq-theme-picker__flyout-trigger{border:1px solid hsl(var(--border));width:2rem;height:2rem;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.miq-theme-picker__flyout-trigger:hover{background:hsl(var(--accent) / .5);color:hsl(var(--foreground))}.miq-theme-picker__flyout-header{border-bottom:1px solid hsl(var(--border) / .72);background:linear-gradient(135deg, hsl(var(--header) / .9), transparent 72%), hsl(var(--card));justify-content:space-between;align-items:flex-start;padding:1.25rem 1.25rem 1rem;display:flex}.miq-theme-picker__flyout-title{color:hsl(var(--foreground));font-size:.875rem;font-weight:600}.miq-theme-picker__flyout-subtitle{color:hsl(var(--muted-foreground));margin-top:.2rem;font-size:.72rem}.miq-theme-picker__flyout-close{width:1.5rem;height:1.5rem;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;transition:color .15s;display:flex}.miq-theme-picker__flyout-close:hover{color:hsl(var(--foreground))}.miq-theme-picker__flyout-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem;display:flex;overflow-y:auto}.miq-theme-picker__flyout-section-label{text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--foreground) / .6);margin-bottom:.65rem;font-size:.62rem;font-weight:700}.miq-theme-picker__flyout-options{flex-direction:column;gap:.5rem;display:flex}.miq-theme-picker__flyout-option{border:1px solid hsl(var(--border));text-align:left;cursor:pointer;background:0 0;border-radius:.6rem;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem;transition:border-color .15s,background .15s;display:flex}.miq-theme-picker__flyout-option:hover{background:hsl(var(--accent) / .3)}.miq-theme-picker__flyout-option--active{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .1)}.miq-theme-picker__flyout-option-icon{flex-shrink:0;margin-top:.1rem}.miq-theme-picker__flyout-option-label{color:hsl(var(--foreground));font-size:.85rem;font-weight:500}.miq-theme-picker__flyout-option--active .miq-theme-picker__flyout-option-label{font-weight:600}.miq-theme-picker__flyout-option-desc{color:hsl(var(--muted-foreground) / .7);margin-top:.15rem;font-size:.72rem;line-height:1.45}.miq-theme-picker__flyout-check{color:hsl(var(--primary));flex-shrink:0;margin-top:.15rem;margin-left:auto}.miq-theme-picker__flyout-info{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .2);color:hsl(var(--muted-foreground) / .7);border-radius:.5rem;padding:.75rem;font-size:.72rem;line-height:1.55}.miq-theme-picker__flyout-footer{border-top:1px solid hsl(var(--border) / .72);padding:.85rem 1.25rem}.miq-theme-picker__flyout-done{border:1px solid hsl(var(--border));width:100%;color:hsl(var(--foreground));cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem;font-size:.85rem;transition:background .15s}.miq-theme-picker__flyout-done:hover{background:hsl(var(--accent) / .3)}