/* Shared shell copied from the approved static mock. Both frontends load this file. */
.shell{font-family:Inter,-apple-system,system-ui,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif}
.shell .sidebar{position:sticky;top:0;width:240px;height:100vh;flex:none;background:#e9e9e9;display:flex;flex-direction:column;padding:15px 16px 13px;z-index:10}
.shell .sidebar .brand{display:flex;align-items:center;gap:8px;padding:4px 11px 18px;font-size:22px;font-weight:800;line-height:20px;letter-spacing:-1px;color:#17202c;text-decoration:none}
.shell .sidebar .brand-icon{width:21px;height:21px;display:block;flex:none}
.shell .sidebar .nav-list{display:flex;flex-direction:column;gap:4px}
.shell .sidebar .nav-list .nav-item{height:36px;min-height:36px;border:0;background:transparent;color:#37393e;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:0 12px;text-align:left;width:100%;white-space:nowrap;text-decoration:none;font-size:16px;font-weight:550;line-height:32px}
.shell .sidebar .nav-list .nav-item:hover,.shell .sidebar .nav-list .nav-item.active{background:#fafafa}
.shell .sidebar .nav-list .nav-item.active{font-weight:550}
.shell .sidebar .nav-list .nav-bottom{margin-top:auto}
.shell .sidebar .nav-bottom{margin-top:auto}
.shell .sidebar .nav-bottom .nav-item{height:40px;min-height:40px}
.shell .sidebar .sidebar-icon{width:20px;height:20px;flex:none;fill:#667085;color:#667085}
.shell .sidebar .ref-badge{margin-left:auto;background:#d8effc;color:#2a6e94;font-size:12px;padding:3px 7px;border-radius:4px}
.shell .workspace header{height:56px;background:#f0f0f0;display:flex;align-items:center;justify-content:space-between;padding:0 31px 0 13px;border-bottom:1px solid #e7e7e7}
.shell .workspace header h1{margin:0;font-size:20px;letter-spacing:-.3px;font-weight:650;line-height:24px}
@media(max-width:900px){.shell .sidebar{width:64px;padding:15px 8px}.shell .sidebar .brand span,.shell .sidebar .nav-item span,.shell .sidebar .ref-badge{display:none}.shell .sidebar .brand{padding:4px 13px 18px}.shell .sidebar .nav-list .nav-item{justify-content:center;padding:0}}
@media(max-width:640px){.shell .sidebar{position:fixed;bottom:0;top:auto;width:100%;height:55px;flex-direction:row;padding:4px;align-items:center}.shell .sidebar .brand,.shell .sidebar .nav-bottom{display:none}.shell .sidebar .nav-list{flex-direction:row;width:100%;justify-content:space-around}.shell .sidebar .nav-list .nav-item{width:38px;height:42px}.shell .workspace{padding-bottom:55px}.shell .workspace header h1{font-size:18px}}

.content.live-react-host{padding:0;display:flex;flex-direction:column;height:calc(100dvh - 56px);min-height:0;overflow:hidden}.live-react-root{width:100%;height:100%;min-height:0}.live-react-root>.shell{height:100%;min-height:0}.live-react-root>.shell>.workspace{min-height:0}

@media(max-width:640px){.content.live-react-host{height:calc(100dvh - 111px)}.live-react-host .live-react-root>.shell>.workspace{padding-bottom:0}}