.miq-brand-hero{--miq-brand-hero-sphere-height:clamp(16rem, 42vw, 22.5rem);--miq-brand-hero-overlay-size:clamp(6.5rem, 18vw, 10rem);border:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:linear-gradient(to bottom right,#0f1729,#0f1729cc,#0f205799);border-radius:1rem;flex-direction:column;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.miq-brand-hero__header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.miq-brand-hero__title{color:#fff;letter-spacing:-.025em;font-size:2.25rem;font-weight:800;line-height:1}.miq-brand-hero__subtitle{text-transform:uppercase;letter-spacing:.25em;color:#a5b4fc;margin-top:.25rem;font-size:.875rem}.miq-brand-hero__sphere-container{width:100%;height:var(--miq-brand-hero-sphere-height);background:linear-gradient(to bottom right,#05080fd9,#0f1729b3,#0f205799);border:1px solid #6366f14d;border-radius:.75rem;flex-shrink:0;margin-top:0;position:relative;overflow:hidden;box-shadow:0 30px 80px -50px #000000e6}.miq-brand-hero--sm{--miq-brand-hero-sphere-height:clamp(10rem, 32vw, 12.5rem);--miq-brand-hero-overlay-size:clamp(4.5rem, 14vw, 6.25rem)}.miq-brand-hero--md{--miq-brand-hero-sphere-height:clamp(16rem, 42vw, 22.5rem);--miq-brand-hero-overlay-size:clamp(6.5rem, 18vw, 10rem)}.miq-brand-hero--lg{--miq-brand-hero-sphere-height:clamp(20rem, 50vw, 30rem);--miq-brand-hero-overlay-size:clamp(8rem, 22vw, 13.75rem)}.miq-brand-hero__sphere-canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.miq-brand-hero__gradients{background:radial-gradient(circle at 20% 25%,#6366f124,#0000 42%),radial-gradient(circle at 78% 22%,#10b9811f,#0000 36%),radial-gradient(circle at 52% 78%,#a855f71a,#0000 34%);position:absolute;inset:0}.miq-brand-hero__overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.miq-brand-hero__overlay-text{font-size:var(--miq-brand-hero-overlay-size);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1;transition:transform .15s ease-out,filter .2s ease-out,background-image .2s ease-out}
.miq-about-dialog{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 0 .5rem;display:flex}.miq-about-dialog__company{color:hsl(var(--muted-foreground));letter-spacing:.06em;text-transform:uppercase;margin-top:-.25rem;font-size:.82rem;font-weight:600}.miq-about-dialog__title{color:hsl(var(--foreground));letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.miq-about-dialog__version{border:1px solid hsl(var(--border) / .52);background:hsl(var(--muted) / .3);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;border-radius:999rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.miq-about-dialog__subtitle{color:hsl(var(--muted-foreground));max-width:22rem;font-size:.85rem;line-height:1.5}.miq-about-dialog__divider{background:hsl(var(--border) / .4);width:100%;height:.0625rem}.miq-about-dialog__info{text-align:left;grid-template-columns:auto 1fr;gap:.25rem 1rem;width:100%;max-width:18rem;font-size:.75rem;display:grid}.miq-about-dialog__info-label{color:hsl(var(--muted-foreground));font-weight:500}.miq-about-dialog__info-value{color:hsl(var(--foreground));font-weight:600}.miq-about-dialog__links{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.miq-about-dialog__link{color:hsl(var(--primary));align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;display:inline-flex}.miq-about-dialog__link:hover{text-underline-offset:.125rem;text-decoration:underline}.miq-about-dialog__copyright{color:hsl(var(--muted-foreground) / .5);font-size:.65rem}
.miq-modal-overlay{z-index:85;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@media (min-width:640px){.miq-modal-overlay{padding:1.5rem}}.miq-modal-backdrop{background:hsl(var(--background) / .6);-webkit-backdrop-filter:blur(4px);transition:opacity .15s;position:fixed;inset:0}.miq-modal-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;flex-direction:column;width:100%;max-height:90vh;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}.miq-modal-panel--sm{max-width:24rem}.miq-modal-panel--md{max-width:28rem}.miq-modal-panel--lg{max-width:32rem}.miq-modal-panel--xl{max-width:36rem}.miq-modal-panel--2xl{max-width:42rem}.miq-modal-panel--full{max-width:100%;margin:1rem}.miq-modal-header{border-bottom:1px solid hsl(var(--border) / .72);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.miq-modal-header__title{color:hsl(var(--foreground));letter-spacing:-.025em;font-size:1.125rem;font-weight:600;line-height:1}.miq-modal-header__close{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.375rem;transition:color .15s,background .15s}.miq-modal-header__close:hover{color:hsl(var(--foreground));background:hsl(var(--accent))}.miq-modal-header__close:focus{box-shadow:0 0 0 2px hsl(var(--ring));outline:none}.miq-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.miq-modal-footer{border-top:1px solid hsl(var(--border) / .72);justify-content:flex-end;align-items:center;margin-top:auto;padding:0 1.5rem 1.5rem;display:flex}
.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{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{gap:.5rem;display:flex}.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;flex:1;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)}
.miq-drawer{z-index:80;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0}.miq-drawer--left{justify-content:flex-start}.miq-drawer__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;cursor:default;background:#0f172a70;border:none;position:absolute;inset:0}.miq-drawer__panel{box-sizing:border-box;width:var(--miq-drawer-width,min(42rem, calc(100vw - 1.5rem)));border-left:1px solid hsl(var(--border) / .82);background:linear-gradient(180deg, hsl(var(--background)), hsl(var(--card) / .98)), hsl(var(--background));pointer-events:auto;flex-direction:column;min-width:0;max-width:100%;height:100%;display:flex;position:relative;box-shadow:-24px 0 60px #0f172a42}.miq-drawer__panel--sm{--miq-drawer-width:min(24rem, calc(100vw - 1.5rem))}.miq-drawer__panel--md{--miq-drawer-width:min(42rem, calc(100vw - 1.5rem))}.miq-drawer__panel--lg{--miq-drawer-width:min(56rem, calc(100vw - 1.5rem))}.miq-drawer__panel--xl{--miq-drawer-width:min(76rem, calc(100vw - 1.5rem))}.miq-drawer__panel--full{--miq-drawer-width:calc(100vw - 1.5rem)}.miq-drawer--left .miq-drawer__panel{border-left:none;border-right:1px solid hsl(var(--border) / .82);box-shadow:24px 0 60px #0f172a42}.miq-drawer__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;gap:1rem;padding:1.25rem 1.5rem;display:flex}.miq-drawer__body{flex:auto;min-height:0;padding:1.25rem 1.5rem;overflow-y:auto}.miq-drawer__footer{border-top:1px solid hsl(var(--border) / .72);background:linear-gradient(180deg, hsl(var(--muted) / .14), transparent), hsl(var(--card));justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}@media (max-width:768px){.miq-drawer__panel{width:100%!important}}
.miq-gauge-ring{flex-direction:column;align-items:center;gap:.25rem;display:flex}.miq-gauge-ring__svg-container{position:relative}.miq-gauge-ring__svg{transform:rotate(-90deg)}.miq-gauge-ring__center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.miq-gauge-ring__fallback-center{justify-content:center;align-items:center;display:flex;position:relative}.miq-gauge-ring__value{font-size:.875rem;font-weight:700}.miq-gauge-ring__fallback-value{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:700}.miq-gauge-ring__label{color:hsl(var(--foreground) / .8);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.miq-gauge-ring__sublabel{color:hsl(var(--muted-foreground));font-size:.6rem}.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__text--ok{color:hsl(var(--foreground))}.miq-gauge-ring__text--warn{color:hsl(var(--status-warn))}.miq-gauge-ring__text--danger{color:hsl(var(--status-danger))}.miq-gauge-ring--mini{position:relative}.miq-gauge-ring--mini__center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.miq-gauge-ring--mini__label{color:hsl(var(--foreground) / .7);font-size:.5rem;font-weight:700}.miq-gauge-ring--mini__fallback{color:hsl(var(--muted-foreground));font-size:.5rem;font-weight:700}.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(--status-ok));border-color:hsl(var(--status-ok) / .2)}.miq-freshness-badge--aging{background:hsl(var(--status-warn) / .1);color:hsl(var(--status-warn));border-color:hsl(var(--status-warn) / .2)}.miq-freshness-badge--stale{background:hsl(var(--status-danger) / .1);color:hsl(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{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-live-clock{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;display:inline-flex}.miq-live-clock__time{color:hsl(var(--foreground));letter-spacing:.02em;font-weight:600}.miq-live-clock__date{color:hsl(var(--muted-foreground));margin-top:.1em;font-size:.65em}.miq-live-clock--sm .miq-live-clock__time{font-size:.85rem}.miq-live-clock--md .miq-live-clock__time{font-size:1.25rem}.miq-live-clock--lg .miq-live-clock__time{font-size:2rem}.miq-live-clock--led .miq-live-clock__time{letter-spacing:.08em;text-shadow:0 0 .5rem hsl(var(--primary) / .3);font-family:ui-monospace,SF Mono,monospace}@media (prefers-reduced-motion:reduce){.miq-live-clock--led .miq-live-clock__time{text-shadow:none}}