/* The workspace takes the available height; call controls float in its grid area. */
body.topbar-layout.orbit-design{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;gap:0}
body.topbar-layout.orbit-design>.navbar{grid-area:1/2;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;margin:0;padding:0 24px;border:0;border-radius:0;border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas);box-shadow:none;z-index:40;container:app-header/inline-size}
body.orbit-design .navbar>.nav-brand,body.orbit-design .navbar>.nav-controls{display:none!important}
.folder-utility{display:flex;align-items:center;gap:20px;min-width:0;min-height:70px;padding:10px 0}.folder-brand{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:var(--text-primary);padding:0;min-height:44px;cursor:pointer;font:700 25px/1 system-ui}.folder-brand img{width:34px;height:34px}.folder-location{display:flex;gap:8px;align-items:center;min-width:0;font-size:12px;border-left:1px solid var(--border-bright);padding-left:20px}.folder-location>span{color:var(--text-dim)}.folder-location>strong{font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folder-location>strong:before{content:'/';margin-right:8px;color:var(--text-dim)}
.tay-global-search{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0;width:clamp(180px,23vw,330px);min-height:42px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-input);color:var(--text-dim);text-align:left;cursor:pointer}.tay-global-search svg{width:18px;flex:none}.tay-global-search>span{flex:1;min-width:0}.tay-global-search kbd{font-size:10px;border:1px solid var(--border-bright);border-radius:4px;padding:2px 4px;color:var(--text-dim)}
body.orbit-design .folder-utility>.nav-right{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap;flex:none}.folder-utility .topbar-staff-tools{display:flex;gap:8px}.folder-utility .user-chip{border:1px solid var(--border-subtle);background:var(--bg-island);border-radius:12px;padding:5px 10px;min-height:42px}.folder-utility .user-chip-name{max-width:115px}.folder-utility .notification-bell{min-width:42px;height:42px;border-radius:12px}
body.orbit-design .navbar>.community-nav-rail{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px 0 10px;border:0;min-width:0;width:100%;overflow:visible}
.folder-trigger,.folder-home,.folder-all{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 15px;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:11px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.35;cursor:pointer;position:relative;white-space:nowrap}.folder-trigger>svg,.folder-home>svg,.folder-all>svg{width:18px;height:18px;flex:none}.folder-trigger .folder-chevron{width:12px;height:12px;opacity:.65;transform:rotate(90deg)}.folder-trigger:hover,.folder-home:hover,.folder-all:hover{background:var(--bg-island);border-color:var(--border-subtle);color:var(--text-primary)}.folder-trigger.active,.folder-trigger[aria-expanded=true],.folder-home.active{background:color-mix(in srgb,var(--accent) 11%,var(--bg-island));border-color:color-mix(in srgb,var(--accent) 28%,var(--border-bright));color:var(--text-primary)}.folder-trigger.active:after{content:'';position:absolute;bottom:-6px;left:25%;right:25%;height:2px;border-radius:2px;background:var(--accent)}.folder-trigger[aria-expanded=true] .folder-chevron{transform:rotate(-90deg)}.folder-all{margin-left:auto;border-color:var(--border-subtle)}
/* Popover top layer avoids clipping by workspaces, server lists or cosmetic layers. */
.folder-menu.tay-action-menu{width:max-content;min-width:360px;max-width:min(850px,calc(100vw - 24px));padding:20px;background:var(--bg-island);border:1px solid var(--border-bright);border-radius:20px;color:var(--text-primary);box-shadow:0 22px 60px #0005;overflow:auto;animation:folder-arrive 140ms ease-out}.folder-menu-intro{display:flex;gap:14px;align-items:center;padding:4px 4px 18px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.folder-menu-emblem{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-card));color:var(--accent);flex:none}.folder-menu-emblem svg{width:25px;height:25px}.folder-menu-intro h2{font-size:18px;margin:0}.folder-menu-intro p{font-size:12px;color:var(--text-dim);margin:4px 0 0;line-height:1.5}.folder-menu-columns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:16px}.folder-menu-columns>section{min-width:0}.folder-menu h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:6px 12px 12px}.folder-menu .folder-destination{display:flex;align-items:center;gap:12px;width:100%;max-width:100%;text-align:left;padding:13px 12px;border:1px solid transparent;border-radius:12px;min-height:66px;color:var(--text-primary);background:transparent;cursor:pointer;font-size:13px;font-weight:600;white-space:normal}.folder-destination>svg{width:21px;height:21px;flex:none;color:var(--accent)}.folder-destination>span{min-width:0}.folder-destination small{display:block;color:var(--text-dim);font-size:11px;font-weight:400;line-height:1.5;margin-top:3px}.folder-destination:hover,.folder-destination[aria-current=page]{border-color:color-mix(in srgb,var(--accent) 26%,var(--border-bright));background:color-mix(in srgb,var(--accent) 8%,var(--bg-input))}.folder-destination[aria-current=page]>span:after{content:'Aquí';color:var(--accent);font-size:10px;display:block;margin-top:3px}
@keyframes folder-arrive{from{opacity:.95;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
/* Left side contains the existing server rail, with stable icon geometry. */
.tay-spine{grid-area:1/1/4/2;display:flex;flex-direction:column;min-width:0;min-height:0;padding:20px 8px 12px;background:var(--bg-input);border-right:1px solid var(--border-subtle);z-index:45;gap:16px}.server-rail-label{font-size:8px;letter-spacing:.09em;text-align:center;color:var(--text-dim)}
body.folder-layout .tay-spine>.guild-rail{display:flex!important;flex-direction:column;align-items:center;width:100%;height:auto;max-height:none;min-height:0;flex:1;overflow-y:auto;overflow-x:visible;border:0;border-radius:0;margin:0;padding:5px 0 12px;gap:12px;background:transparent;scrollbar-width:thin}
body.folder-layout .tay-spine .guild-rail>button{display:grid;place-items:center;position:relative;width:52px;min-width:52px;height:52px;min-height:52px;flex:none;padding:5px;border:1px solid var(--border-bright);border-radius:17px;background:var(--bg-island);color:var(--text-primary);transition:background-color 140ms,border-color 140ms,border-radius 140ms}body.folder-layout .tay-spine .guild-rail>button:hover,body.folder-layout .tay-spine .guild-rail>button.active{border-color:var(--accent);border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,var(--bg-island))}.tay-spine .guild-rail>button.active:before{content:'';position:absolute;left:-6px;top:16px;bottom:16px;width:3px;border-radius:4px;background:var(--accent)}body.folder-layout .tay-spine .guild-logo{width:38px;height:38px;min-width:38px;max-width:38px;border-radius:11px;object-fit:cover;flex:none}.tay-spine .tay-space-name{display:none}
body.topbar-layout.orbit-design>.app-shell,body.topbar-layout.orbit-design.guild-view>.app-shell{grid-area:2/2;display:flex!important;flex-direction:column;min-width:0;min-height:0;gap:0;padding:22px 24px 16px;overflow:visible}body.orbit-design .app-shell>.views-wrapper{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%;container:app-content/inline-size}.section-view,.section-view>.feature-scroll,.feature-card,.panel-glass{min-width:0;max-width:100%}
.topbar-overflow-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.topbar-overflow-actions[hidden]{display:none}.nav-sidebar>.topbar-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 14px;border-bottom:1px solid var(--border-subtle)}.nav-sidebar>.topbar-shortcuts[hidden]{display:none}.nav-sidebar .topbar-shortcuts .home-link{font-size:12px;padding:8px 10px}.quick-shortcuts-choices{grid-template-columns:minmax(0,1fr)}
/* Call controls use the workspace's bounds without allocating a footer row. */
body.folder-layout>.tay-call-footer{flex-direction:row;flex-wrap:wrap}
body.topbar-layout.orbit-design>.tay-call-footer{grid-area:3/2;justify-self:center;display:flex;align-items:center;justify-content:center;min-width:0;max-width:calc(100% - 24px);gap:16px;margin:0 12px 12px;padding:8px 12px;border:1px solid var(--border-bright);border-radius:18px;background:var(--bg-island);z-index:25;box-shadow:0 8px 30px #0003}.call-room-status{display:flex;align-items:center;gap:10px;min-width:0;max-width:230px;padding:6px 12px;background:transparent;border:0;color:var(--text-primary);text-align:left;cursor:pointer}.call-room-status>svg{width:22px;height:22px;flex:none;color:var(--accent)}.call-room-status>span{min-width:0}.call-room-status strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px}.call-room-status small{display:block;margin-top:4px;color:var(--emerald);font-size:11px}
body.orbit-design #mobile-menu,body.orbit-design #mobile-menu-close{display:none!important}
@container app-header (max-width:1120px){.folder-location{display:none}.tay-global-search kbd{display:none}.folder-utility{gap:14px}.tay-global-search{width:auto;flex:1;max-width:330px}}
@container app-header (max-width:900px){.folder-utility .user-chip-name{display:none}.folder-utility .user-chip{padding:5px}.folder-trigger{padding:9px 10px;gap:6px}.folder-trigger>svg:first-child{width:16px}.folder-trigger .folder-chevron{display:none}.folder-utility{gap:10px}}
@container app-header (max-width:740px){.folder-trigger{display:none}.folder-all{margin-left:0}.folder-home{padding:8px 12px}}
@container app-header (max-width:650px){.tay-global-search{flex:none;width:42px;max-width:42px;padding:11px}.tay-global-search>span{display:none}.folder-utility>.nav-right{margin-left:auto;gap:6px}.folder-brand{font-size:22px}.folder-utility{gap:8px}.folder-utility .notification-bell{width:40px;min-width:40px;height:40px;padding:8px}}
@container app-header (max-width:320px){.folder-brand>span{display:none}.folder-brand img{width:28px;height:28px}.folder-utility{gap:5px}.folder-utility .user-chip{padding:3px;border:0}.folder-utility #my-avatar{width:28px;height:28px}}
@media(max-width:900px){.folder-menu-columns{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}.folder-menu.tay-action-menu{min-width:0;width:min(650px,calc(100vw - 24px))}}
@media(max-width:700px){body.topbar-layout.orbit-design{grid-template-columns:68px minmax(0,1fr)}body.topbar-layout.orbit-design>.navbar{padding:0 12px}.tay-spine{padding:17px 5px 10px}.server-rail-label{font-size:7px}body.topbar-layout.orbit-design>.app-shell,body.topbar-layout.orbit-design.guild-view>.app-shell{padding:14px 10px 10px}.folder-menu-columns{grid-template-columns:minmax(0,1fr)}.folder-menu.tay-action-menu{padding:14px}body.folder-layout .nav-sidebar{right:10px;max-width:calc(100vw - 20px);padding:16px;border-radius:16px}.folder-utility{min-height:62px}body.topbar-layout.orbit-design>.tay-call-footer{gap:4px;padding:6px;margin:0 6px 8px;max-width:calc(100% - 12px);flex-wrap:wrap}.call-room-status{width:100%;max-width:none;padding:3px 8px}.call-room-status>span{display:flex;gap:10px;align-items:center}.call-room-status small{margin:0}#voice-dock.tay-call-controls{width:100%;gap:3px;padding:0;flex-wrap:wrap}#voice-dock.tay-call-controls .call-control-group{display:contents}#voice-dock.tay-call-controls .call-arrow{display:none}#voice-dock.tay-call-controls :is(.call-control,.call-hangup){width:44px;min-width:44px;height:44px}}
@media(min-width:900px){body.topbar-layout.orbit-design.has-youtube-player>.app-shell{padding-right:390px}}
@media(max-width:899px){body.topbar-layout.orbit-design.has-youtube-player{grid-template-rows:auto minmax(0,1fr) auto auto}body.orbit-design #youtube-player-shell.youtube-floating{grid-area:4/2;position:relative;inset:auto!important;justify-self:center;width:calc(100% - 16px);max-height:38dvh;overflow-y:auto;margin:0 8px 8px}}
@media(prefers-reduced-motion:reduce){.folder-menu.tay-action-menu{animation:none}.folder-trigger,.tay-spine .guild-rail>button{transition:none}}