.socketclient-badge-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px}.socketclient-badge-dot{position:relative;display:inline-block;width:12px;height:12px;border-radius:50%}.socketclient-badge-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;animation:socketclient-ping 1.6s cubic-bezier(0,0,.2,1) infinite}.socketclient-badge-ping--delayed{animation-delay:.8s}.socketclient-badge-dot--pulsing{animation:socketclient-breath 1.6s ease-in-out infinite}@keyframes socketclient-ping{0%{transform:scale(1);opacity:.9}70%{transform:scale(3);opacity:0}to{transform:scale(3);opacity:0}}@keyframes socketclient-breath{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.tab-item{display:flex;align-items:center;gap:.5rem;padding:0 1rem;height:var(--workspace-tab-height);min-width:8rem;max-width:35rem;flex-shrink:1;flex-grow:0;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;background:transparent;border:none;border-radius:.6rem .6rem 0 0;color:var(--tab-text-inactive, #6b7280);font-size:1.3rem;font-weight:400;letter-spacing:.01em;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.tab-item:after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background-color:#00000026;transition:opacity .12s ease;z-index:1}.tab-item:hover:not(.tab-item--active){background:var(--tab-hover-bg, rgba(0, 0, 0, .06));color:var(--tab-text-hover, #374151)}.tab-item--active{background:var(--tab-active-bg, #ffffff);color:var(--tab-text-active, #3b82f6);font-weight:600;box-shadow:0 -.2rem 0 0 var(--tab-border-active, #3b82f6) inset,0 .4rem 1.2rem #0000001f;z-index:10}.tab-item--pinned{min-width:3.6rem;max-width:4.4rem;padding:0 .6rem;justify-content:center}.tab-item--pinned .tab-item__title{display:none}.tab-item__icon{display:flex;align-items:center;flex-shrink:0;opacity:.75}.tab-item--active .tab-item__icon{opacity:1}.tab-item__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tab-item__close{display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;flex-shrink:0;padding:0;border:none;border-radius:.4rem;background:transparent;color:#ff4d4f;cursor:pointer;opacity:.7;transition:background .1s,opacity .1s,color .1s}.tab-item__close:hover{background:#ff4d4f1a;color:#ff7875;opacity:1}.tab-item__unsaved{color:var(--color-primary, #3b82f6);flex-shrink:0}.tab-item__pin-icon{display:flex;align-items:center;flex-shrink:0;opacity:.5;color:var(--color-primary, #3b82f6)}.tab-context-menu{position:fixed;z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 10px 25px #00000014;padding:4px;min-width:220px;width:max-content;max-width:380px;animation:contextMenuFadeIn .1s ease}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tab-context-menu__item{display:flex;align-items:center;gap:12px;width:100%;padding:1rem 12px;border:none;background:transparent;color:#374151;font-size:1.35rem;cursor:pointer;border-radius:5px;text-align:left;transition:background .1s;white-space:nowrap}.tab-context-menu__item:hover:not(:disabled){background:#f3f4f6;color:#111827}.tab-context-menu__item:disabled{opacity:.4;cursor:not-allowed}.tab-context-menu__item--danger{color:#dc2626}.tab-context-menu__item--danger:hover:not(:disabled){background:#fef2f2;color:#b91c1c}.tab-context-menu__shortcut{margin-left:auto;font-size:1.15rem;color:#9ca3af;font-family:monospace;padding-left:1.2rem;flex-shrink:0}.tab-context-menu__item svg{flex-shrink:0}.tab-context-menu__divider{height:1px;background:#f3f4f6;margin:.3rem 4px}.workspace-tab-bar{display:flex;align-items:center;height:var(--workspace-tab-height);flex-shrink:0;background:var(--tab-bar-bg, #ffffff);border-bottom:1px solid var(--tab-bar-border, rgba(0, 0, 0, .12));position:sticky;top:var(--header-height);z-index:100;overflow:hidden}.workspace-tab-bar__tabs{display:flex;align-items:flex-end;flex:0 1 auto;overflow-x:auto;overflow-y:hidden;min-width:0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.workspace-tab-bar__tabs::-webkit-scrollbar{display:none}.workspace-tab-bar__scroll-btn{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border:none;background:transparent;color:var(--tab-text-inactive, #6b7280);cursor:pointer;border-radius:.4rem;transition:all .15s ease;flex-shrink:0}.workspace-tab-bar__scroll-btn:hover{background:var(--tab-hover-bg, rgba(0, 0, 0, .08));color:var(--tab-text-active, #111827)}.workspace-tab-bar__new-tab{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin-left:.4rem;flex-shrink:0;border:none;background:transparent;color:var(--tab-text-inactive, #6b7280);cursor:pointer;border-radius:50%;transition:background .15s,color .15s}.workspace-tab-bar__new-tab:hover{background:var(--tab-hover-bg, rgba(0, 0, 0, .08));color:var(--tab-text-active, #111827)}.workspace-shell{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;position:relative}.workspace-shell__content-area{flex:1;min-height:0;position:relative;background-color:var(--content-bg);overflow:hidden}.workspace-tab-panel{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;visibility:hidden;pointer-events:none;opacity:0;z-index:1;overflow:auto}.workspace-tab-panel.is-active{position:relative;visibility:visible;pointer-events:auto;opacity:1;z-index:2;animation:var(--animate-workspace-tab-slide-in)}.workspace-shell__loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}
