/* Compact event-manager rail.  Geometry remains owned by the existing
   manager-workspace asset; this layer only makes the native rail a complete,
   non-scrolling operational navigation at desktop size. */
.how-manager-rail-toggle,.how-manager-rail-footer{display:none}

@media (min-width:1100px){
  body[data-how-layout="event-workspace"]>.how-ops-brand{
    position:fixed!important;z-index:61;left:0!important;top:0!important;
    display:flex!important;align-items:center!important;gap:11px!important;
    width:var(--how-workspace-rail)!important;height:84px!important;min-height:84px!important;
    margin:0!important;padding:14px 56px 14px 16px!important;
    border:0!important;border-bottom:1px solid #29313a!important;
    background:#080c10!important;box-shadow:none!important;color:#f5f7fa!important;
    text-decoration:none!important;clip-path:none!important;
  }
  body[data-how-layout="event-workspace"]>.how-ops-brand img{
    width:42px!important;height:50px!important;object-fit:contain!important;flex:none!important;
  }
  body[data-how-layout="event-workspace"]>.how-ops-brand span{
    display:grid!important;gap:5px!important;min-width:0!important;
    font:800 15px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:.075em!important;text-transform:uppercase!important;white-space:nowrap!important;
  }
  body[data-how-layout="event-workspace"]>.how-ops-brand small{
    display:block!important;color:#9ca7b2!important;
    font:700 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:.16em!important;text-transform:uppercase!important;
  }
  body[data-how-layout="event-workspace"]>.how-manager-rail-toggle{
    position:fixed!important;z-index:63;left:calc(var(--how-workspace-rail) - 48px)!important;top:20px!important;
    display:grid!important;place-items:center!important;width:32px!important;height:42px!important;padding:0!important;
    border:1px solid #34404a!important;border-radius:5px!important;background:#0b1015!important;
    color:#c3c9cf!important;font:800 19px/1 system-ui!important;cursor:pointer!important;
  }
  body[data-how-layout="event-workspace"]>.how-manager-rail-toggle:hover,
  body[data-how-layout="event-workspace"]>.how-manager-rail-toggle:focus-visible{
    border-color:#ef243c!important;background:#171016!important;color:#fff!important;outline:0!important;
  }

  /* Never change left or width here: manager-workspace.css has the correct
     relative coordinates that keep page content to the rail's right. */
  body[data-how-layout="event-workspace"]>.top>.tabs:not(.subtabs){
    z-index:60!important;top:0!important;bottom:auto!important;height:332px!important;
    display:flex!important;flex-direction:column!important;gap:0!important;
    overflow:hidden!important;box-sizing:border-box!important;padding:84px 12px 8px!important;
    background:#080c10!important;border-color:#29313a!important;
  }
  body[data-how-layout="event-workspace"]>.top>.tabs.subtabs{
    z-index:60!important;top:332px!important;bottom:48px!important;height:auto!important;
    display:flex!important;flex-direction:column!important;gap:0!important;
    overflow:hidden!important;box-sizing:border-box!important;padding:8px 12px!important;
    background:#080c10!important;border-color:#29313a!important;
  }
  body[data-how-layout="event-workspace"]>.top>.tabs.subtabs h4{display:none!important}
  body[data-how-layout="event-workspace"]>.top>.tabs>.tab{
    display:flex!important;align-items:center!important;flex:0 0 40px!important;
    min-height:40px!important;height:40px!important;gap:11px!important;margin:0!important;
    padding:8px 12px!important;border:0!important;border-left:3px solid transparent!important;
    background:transparent!important;color:#aab5c0!important;
    font:750 12px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:.105em!important;text-transform:uppercase!important;white-space:nowrap!important;
  }
  body[data-how-layout="event-workspace"]>.top>.tabs>.tab .how-icon{
    width:18px!important;height:18px!important;flex:0 0 18px!important;color:currentColor!important;
  }
  body[data-how-layout="event-workspace"]>.top>.tabs:not(.subtabs)>.tab.on{
    border-left-color:#f22b46!important;
    background:linear-gradient(90deg,rgba(11,48,55,.92),rgba(10,25,30,.78))!important;color:#f8fbff!important;
  }
  body[data-how-layout="event-workspace"]>.top>.tabs:not(.subtabs)>.tab.on .how-icon{color:#4bd7df!important}
  body[data-how-layout="event-workspace"]>.top>.tabs.subtabs>.tab.on{
    border-left-color:transparent!important;background:#111d22!important;color:#f8fbff!important;
  }
  body[data-how-layout="event-workspace"]>.top>.tabs>.tab:hover,
  body[data-how-layout="event-workspace"]>.top>.tabs>.tab:focus-visible{
    background:#111d22!important;color:#fff!important;outline:0!important;
  }
  body[data-how-layout="event-workspace"]>.how-manager-rail-footer{
    position:fixed!important;z-index:63;left:0!important;bottom:0!important;
    display:flex!important;align-items:center!important;gap:9px!important;
    width:var(--how-workspace-rail)!important;height:48px!important;box-sizing:border-box!important;
    margin:0!important;padding:0 16px!important;border-top:1px solid #29313a!important;
    background:#080c10!important;color:#aab5c0!important;
    font:650 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    letter-spacing:.075em!important;text-transform:none!important;white-space:nowrap!important;
  }
  body[data-how-layout="event-workspace"]>.how-manager-rail-footer i{
    width:10px!important;height:10px!important;flex:0 0 10px!important;border-radius:50%!important;
    background:#22d47c!important;box-shadow:0 0 0 4px rgba(34,212,124,.12)!important;
  }

  body[data-how-layout="event-workspace"].how-manager-rail-collapsed{--how-workspace-rail:72px}
  body[data-how-layout="event-workspace"].how-manager-rail-collapsed>.how-ops-brand{
    width:72px!important;justify-content:center!important;padding:12px!important;
  }
  body[data-how-layout="event-workspace"].how-manager-rail-collapsed>.how-ops-brand span{display:none!important}
  body[data-how-layout="event-workspace"].how-manager-rail-collapsed>.how-manager-rail-toggle{
    left:20px!important;top:20px!important;transform:rotate(180deg);
  }
  body[data-how-layout="event-workspace"].how-manager-rail-collapsed>.top>.tabs>.tab{
    justify-content:center!important;gap:0!important;padding-inline:8px!important;font-size:0!important;
  }
  body[data-how-layout="event-workspace"].how-manager-rail-collapsed>.top>.tabs>.tab .how-icon{
    width:20px!important;height:20px!important;flex-basis:20px!important;
  }
  body[data-how-layout="event-workspace"].how-manager-rail-collapsed>.how-manager-rail-footer{
    width:72px!important;justify-content:center!important;padding:0!important;font-size:0!important;
  }

  /* At lower desktop heights retain every manager route without adding a rail
     scrollbar.  This is still the same rail, just denser. */
  @media (max-height:760px){
    body[data-how-layout="event-workspace"]>.how-ops-brand{height:74px!important;min-height:74px!important}
    body[data-how-layout="event-workspace"]>.how-manager-rail-toggle{top:14px!important}
    body[data-how-layout="event-workspace"]>.top>.tabs:not(.subtabs){height:296px!important;padding-top:74px!important;padding-bottom:6px!important}
    body[data-how-layout="event-workspace"]>.top>.tabs.subtabs{top:296px!important;bottom:40px!important}
    body[data-how-layout="event-workspace"]>.top>.tabs>.tab{flex-basis:36px!important;min-height:36px!important;height:36px!important;padding-block:7px!important}
    body[data-how-layout="event-workspace"]>.how-manager-rail-footer{height:40px!important}
    body[data-how-layout="event-workspace"].how-manager-rail-collapsed>.how-manager-rail-toggle{top:14px!important}
  }
}