#tm-interface-shell{position:fixed;inset:0;border:0;width:100%;height:100%;z-index:10000;background:var(--surface-0);color:var(--text-1)}
body.tm-interface-active #app>#nav-sidebar,body.tm-interface-active #app>#detail-sidebar,body.tm-interface-active #app>#main-content,body.tm-interface-active #app>#member-sidebar,body.tm-interface-active #mobile-bottom-nav{display:none!important}
.tm-protected-surface{position:fixed;min-width:180px;min-height:140px;max-width:100vw;max-height:calc(100vh - 40px);resize:both;overflow:hidden;display:flex;flex-direction:column;background:var(--surface-0);color:var(--text-1);border:1px solid var(--border-2);border-radius:12px;box-shadow:0 14px 44px #0006;isolation:isolate}
.tm-protected-title{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;font:600 12px system-ui;background:var(--surface-2);flex-shrink:0;cursor:move;touch-action:none;user-select:none}
.tm-protected-title button{padding:4px 12px;cursor:pointer;background:transparent;color:inherit;border:0;font-size:18px}
.tm-protected-body{flex:1;min-height:0;min-width:0;overflow:hidden;display:flex}
.tm-protected-body>#nav-sidebar{overflow:auto;flex-direction:row!important;flex-wrap:wrap;align-content:flex-start}
.tm-protected-body>#main-content{flex:1;display:flex;flex-direction:column}
.tm-protected-body #main-action-dock{flex-wrap:wrap}
body.tm-interface-active [id$="-modal"],body.tm-interface-active #auth-overlay,body.tm-interface-active #notifications-panel,body.tm-interface-active #veftr-lifecycle-restricted{z-index:2147483100!important}
#tm-interface-emergency{display:none;position:fixed;top:4px;right:6px;z-index:2147483646;padding:7px 12px;background:#132b24;color:#fff;border:1px solid #6ee7b7;border-radius:8px;font:600 12px system-ui;cursor:pointer}
body.tm-interface-active #tm-interface-emergency{display:block}
#tm-interface-settings{padding:16px;margin:12px 0;border:1px solid var(--border-2);border-radius:12px;display:grid;gap:10px}
#tm-interface-settings label{display:grid;grid-template-columns:minmax(110px,1fr) minmax(100px,2fr);align-items:center;gap:10px}
#tm-interface-settings select{min-width:0;width:100%;color:var(--text-1);background:var(--surface-2);padding:8px}
#app[data-interface-layout]{display:grid!important;gap:0;overflow:hidden}
#app[data-interface-layout]>#nav-sidebar{grid-area:navigation;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important}
#app[data-interface-layout]>#detail-sidebar{grid-area:sidebar;position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;height:auto!important;transform:none!important;display:flex!important}
#app[data-interface-layout]>#main-content{grid-area:workspace;position:relative!important;inset:auto!important;min-width:0!important;width:auto!important;height:auto!important}
#app[data-interface-layout]>#member-sidebar{grid-area:members;position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;height:auto!important;transform:none!important}
#app[data-interface-layout]>[data-interface-hidden="true"]{display:none!important}
#app[data-interface-layout="top"]>#nav-sidebar,#app[data-interface-layout="bottom"]>#nav-sidebar{flex-direction:row!important;overflow:auto;align-items:center}
#app[data-interface-layout="top"] #dynamic-servers,#app[data-interface-layout="bottom"] #dynamic-servers{display:flex}
.tm-extension-theme #main-content{background-image:var(--interface-background,none);background-size:cover}
@media(prefers-reduced-motion:reduce){.tm-protected-surface{transition:none;animation:none}}
@media(forced-colors:active){.tm-protected-surface,#tm-interface-emergency{border:2px solid CanvasText}}