.attuned-nav-left,.attuned-nav-right{z-index:51;align-items:center;gap:.75rem;display:flex;position:relative}.attuned-nav-spacer{flex:1}:is(.attuned-nav-left:has(.attuned-env-trigger--preview),.attuned-nav-triggers:has(.attuned-env-trigger--preview),.attuned-env-trigger--preview){min-width:0}.attuned-nav-triggers:has(.attuned-env-trigger--preview) .attuned-nav-app-trigger{flex-shrink:0}.attuned-nav-triggers{border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.5rem;display:flex}.attuned-nav-triggers:has(.attuned-nav-app-trigger[data-state=open]){background-color:var(--color-sidebar);border-color:var(--color-border);border-bottom-color:#0000;border-radius:.375rem .375rem 0 0}.attuned-preview-scrim{z-index:40;cursor:default;background-color:#0009;border:none;width:auto;margin:0;padding:0;animation:.12s ease-out attuned-scrim-in;position:fixed;inset:3rem 0 0}@keyframes attuned-scrim-in{0%{opacity:0}to{opacity:1}}.attuned-nav-dropdown{z-index:50;border:1px solid var(--color-border);background-color:var(--color-sidebar);min-width:180px;color:var(--color-sidebar-foreground);border-top:none;border-radius:0 0 .375rem .375rem;padding:12px .25rem .25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.attuned-nav-dropdown-env{border-top:1px solid var(--color-border);border-radius:.375rem;width:max-content;min-width:0;padding-top:.25rem}.attuned-nav-dropdown-label{color:var(--color-muted-foreground);padding:.375rem .5rem;font-size:.75rem;font-weight:500}.attuned-nav-dropdown-item{cursor:pointer;color:var(--color-sidebar-foreground);border-radius:.125rem;outline:none;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;display:flex}.attuned-nav-dropdown-item:hover{background-color:var(--color-accent)}.attuned-nav-dropdown-item[data-current=true]{background-color:color-mix(in srgb,var(--color-warning,#eab308)26%,transparent);box-shadow:inset 3px 0 0 0 var(--color-warning,#eab308);font-weight:600}.attuned-nav-dropdown-divider{background-color:var(--color-border);height:1px;margin:.375rem .5rem}.attuned-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite attuned-status-pulse;display:inline-block}@keyframes attuned-status-pulse{0%,to{opacity:1}50%{opacity:.7}}.attuned-app-item-wrap{position:relative}.attuned-flyout{border:1px solid var(--color-border);background-color:var(--color-sidebar);z-index:52;white-space:nowrap;border-radius:.375rem;min-width:200px;margin-left:2px;padding:.25rem;position:absolute;top:-.25rem;left:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.attuned-flyout-card{white-space:nowrap;align-items:center;gap:.625rem;min-width:max-content;padding:.5rem;display:flex}.attuned-flyout-card-logo{border-radius:.375rem;flex-shrink:0;width:2rem;height:2rem}.attuned-flyout-card-name{color:var(--color-sidebar-foreground);font-size:.875rem;font-weight:600}.attuned-flyout-card-desc{color:var(--color-muted-foreground);font-size:.75rem}.attuned-flyout-link{color:var(--color-sidebar-foreground);cursor:pointer;border-radius:.125rem;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.8125rem;text-decoration:none;display:flex}.attuned-flyout-link:hover{background-color:var(--color-accent)}.attuned-flyout-label{min-width:3rem;font-weight:500}.attuned-flyout-host{color:var(--color-muted-foreground);font-size:.75rem}.attuned-nav-badge{background-color:var(--color-muted);color:var(--color-muted-foreground);border-radius:.125rem;padding:.125rem .375rem;font-size:10px;font-weight:500}.attuned-status-pill{white-space:nowrap;border:1px solid #0000;border-radius:9999px;flex-shrink:0;align-items:center;padding:.0625rem .375rem;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.attuned-status-pill--success{color:#047857;background-color:#0596692e;border-color:#05966966}.attuned-status-pill--failure{color:#b91c1c;background-color:#ef44442e;border-color:#ef444466}.attuned-status-pill--pending,.attuned-status-pill--deploying{color:#a16207;background-color:#eab30833;border-color:#eab30873}.attuned-status-pill--testing{color:#1d4ed8;background-color:#3b82f62e;border-color:#3b82f666}.attuned-status-pill--neutral{color:var(--color-muted-foreground);background-color:var(--color-muted);border-color:var(--color-border)}.attuned-preview-trigger-num{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-weight:600}.attuned-preview-trigger-title{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;margin-right:.75rem;overflow:hidden}.attuned-preview-count{background-color:var(--color-muted);min-width:1.125rem;height:1.125rem;color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .3125rem;font-size:10px;font-weight:600;display:inline-flex}.attuned-preview-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.attuned-preview-ring{box-sizing:border-box;border-style:solid;border-width:2px;border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.7s linear infinite attuned-spin;display:inline-block}@keyframes attuned-spin{to{transform:rotate(360deg)}}.attuned-preview-grid-flyout{width:max-content;padding:.25rem}.attuned-preview-grid{grid-template-columns:auto auto auto auto minmax(0,1fr) auto auto;align-items:center;min-width:0;display:grid}.attuned-preview-row{grid-column:1/-1;grid-template-columns:subgrid;border-radius:.125rem;align-items:center;gap:0 .625rem;padding:.375rem .5rem;display:grid;position:relative}.attuned-preview-row:hover{background-color:var(--color-accent)}.attuned-preview-row.attuned-preview-row--active{background-color:color-mix(in srgb,var(--color-warning,#eab308)26%,transparent);box-shadow:inset 3px 0 0 0 var(--color-warning,#eab308);font-weight:600}.attuned-preview-star{cursor:pointer;width:1.25rem;height:1.25rem;color:var(--color-muted-foreground);background:0 0;border:none;border-radius:.125rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.attuned-preview-star:hover{background-color:var(--color-accent);color:var(--color-sidebar-foreground)}.attuned-preview-star--on{color:#eab308}.attuned-preview-num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-muted-foreground);font-size:.75rem;font-weight:600;text-decoration:none}.attuned-preview-num:hover{color:var(--color-sidebar-foreground);text-decoration:underline}.attuned-preview-avatars{flex-shrink:0;align-items:center;display:inline-flex}.attuned-preview-avatar{object-fit:cover;border:1px solid var(--color-sidebar);background-color:var(--color-muted);border-radius:50%;width:1.125rem;height:1.125rem}.attuned-preview-avatar:not(:first-child){margin-left:-.375rem}.attuned-preview-avatar-more{color:var(--color-muted-foreground);white-space:nowrap;margin-left:.25rem;font-size:10px}.attuned-preview-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;overflow:hidden}.attuned-preview-title-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:2px;cursor:pointer}.attuned-preview-title-link:hover{text-decoration-color:currentColor}.attuned-preview-age{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-muted-foreground);font-size:.6875rem}.attuned-preview-links{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.25rem;display:inline-flex}.attuned-preview-icon{width:1.5rem;height:1.5rem;color:var(--color-muted-foreground);border-radius:.125rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.attuned-preview-icon:hover{background-color:var(--color-sidebar);color:var(--color-sidebar-foreground)}.attuned-preview-icon img,.attuned-preview-icon svg{object-fit:contain;width:1rem;height:1rem}.attuned-preview-flyout{white-space:normal;z-index:53;min-width:260px;max-width:360px;margin-left:2px;padding:0;position:absolute;top:-.25rem;left:100%}.attuned-preview-flyout--below{margin-left:0;right:auto}