.app{grid-template-columns:var(--sb-w,220px) 1fr var(--feed-w,340px);height:100vh;transition:grid-template-columns .25s;display:grid}.app.sidebar-collapsed{--sb-w:0px}.app.feed-collapsed{--feed-w:0px}.sidebar{background:var(--bg-surface);border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.brand{height:var(--header-h);padding:0 calc(18px * var(--density));border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{justify-content:center;align-items:center;width:34px;height:29px;display:flex}.brand-mark svg{width:18px;height:18px}.brand-mark img{object-fit:contain;width:100%;height:100%}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text .n{font-size:calc(13px * var(--font-scale));color:var(--ink);font-weight:700}.brand-text .m{font-size:calc(9px * var(--font-scale));color:var(--ink-muted);letter-spacing:.05em}.nav-section{padding:calc(14px * var(--density)) calc(12px * var(--density)) calc(6px * var(--density));font-size:calc(9px * var(--font-scale));color:var(--ink-subtle);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.nav-item{padding:calc(8px * var(--density)) calc(14px * var(--density));border-radius:var(--radius-sm);font-size:calc(12.5px * var(--font-scale));color:var(--ink-muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;width:calc(100% - 16px);margin:1px 8px;font-family:inherit;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--bg-sunken);color:var(--ink)}.nav-item.on{background:var(--em-bg);color:var(--em);font-weight:600}.nav-item.on:before{content:"";background:var(--em);border-radius:0 2px 2px 0;width:3px;height:18px;position:absolute;left:0}.nav-item svg{flex-shrink:0;width:15px;height:15px}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item .badge{font-size:calc(9px * var(--font-scale));background:var(--critical);color:#fff;text-align:center;border-radius:99px;min-width:16px;margin-left:auto;padding:1px 6px;font-weight:700}.nav-scroll{min-height:0;padding-bottom:calc(4px * var(--density));flex:1;overflow-y:auto}.sb-status{padding:calc(10px * var(--density)) calc(14px * var(--density)) calc(8px * var(--density));border-top:1px solid var(--line);font-size:calc(10px * var(--font-scale));color:var(--ink-subtle);background:var(--bg-surface);flex-shrink:0}.sb-status .h{color:var(--em);font-weight:600;font-size:calc(10.5px * var(--font-scale));align-items:center;gap:6px;display:flex}.sb-user{padding:calc(10px * var(--density)) calc(12px * var(--density));border-top:1px solid var(--line);cursor:pointer;background:var(--bg-surface);flex-shrink:0;align-items:center;gap:9px;transition:background .12s;display:flex}.sb-user:hover{background:var(--bg-sunken)}.sb-user-av{background:linear-gradient(135deg, var(--vi), var(--cy));color:#fff;width:30px;height:30px;font-size:calc(11px * var(--font-scale));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sb-user-meta{flex:1;min-width:0;line-height:1.25}.sb-user-name{font-size:calc(12px * var(--font-scale));color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sb-user-role{font-size:calc(10px * var(--font-scale));color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-select{border:1px solid var(--line);border-radius:calc(8px * var(--radius-scale));background:var(--bg-elevated);max-width:100%;height:30px;color:var(--ink-muted);font-family:inherit;font-size:calc(12px * var(--font-scale));cursor:pointer;text-align:left;align-items:center;gap:6px;padding:0 8px;font-weight:600;display:inline-flex}.app-select:hover{border-color:var(--line-strong,var(--line));color:var(--ink)}.app-select:focus-visible{outline:2px solid var(--em);outline-offset:1px}.app-select[disabled]{opacity:.6;cursor:progress}.app-select[aria-expanded=true]{border-color:var(--em)}.app-select.on{color:var(--em)}.app-select-lead,.app-select-caret{flex-shrink:0;width:14px;height:14px}.app-select-caret{opacity:.7;width:12px;height:12px}.app-select-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-select-menu{z-index:120;background:var(--bg-elevated);border:1px solid var(--line);border-radius:calc(8px * var(--radius-scale));padding:5px;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.app-select-opt{padding:calc(6px * var(--density)) calc(8px * var(--density));border-radius:calc(6px * var(--radius-scale));color:var(--ink);font-size:calc(12px * var(--font-scale));cursor:pointer;white-space:nowrap;align-items:center;gap:8px;display:flex}.app-select-opt[data-active=true]{background:var(--bg-sunken)}.app-select-opt.on{color:var(--em);font-weight:600}.app-select-opt-icon{opacity:.75;flex-shrink:0;width:14px;height:14px}.app-select-opt-label{text-overflow:ellipsis;flex:1;overflow:hidden}.app-select-opt-check{flex-shrink:0;width:13px;height:13px}.app-select-mate{border:1px solid var(--line);border-radius:calc(8px * var(--radius-scale));background:var(--bg-elevated);height:30px;color:var(--ink-muted);font-family:inherit;font-size:calc(12px * var(--font-scale));cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.app-select-mate[aria-pressed=true]{color:var(--em);border-color:var(--em)}.app-select-mate:hover{border-color:var(--line-strong,var(--line));color:var(--ink)}.app-select-mate:focus-visible{outline:2px solid var(--em);outline-offset:1px}.app-select.sm{height:26px;font-size:calc(11px * var(--font-scale));gap:4px;padding:0 6px;font-weight:400}.app-select.sm .app-select-lead,.app-select.sm .app-select-caret{width:11px;height:11px}.app-select.field{background:var(--bg-sunken);border-radius:var(--radius-sm);width:100%;height:32px;font-weight:400}.app-select.role-switch{width:100%;height:auto;font-size:calc(10px * var(--font-scale));background:0 0;border-color:#0000;gap:3px;margin-left:-3px;padding:1px 3px;font-weight:400}.app-select.role-switch:hover{background:var(--bg-elevated);border-color:var(--line)}.app-select.role-switch .app-select-caret{width:11px;height:11px}.more-item{width:100%;padding:calc(7px * var(--density)) calc(9px * var(--density));color:var(--ink);cursor:pointer;font-size:calc(12px * var(--font-scale));text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;text-decoration:none;display:flex}.more-item:hover{background:var(--bg-sunken)}.workspace{flex-direction:column;display:flex;overflow:hidden}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--line);height:var(--header-h);padding:0 calc(18px * var(--density));align-items:center;gap:calc(14px * var(--density));flex-shrink:0;display:flex}.crumbs{flex-direction:column;justify-content:center;gap:0;min-width:clamp(72px,16vw,220px);line-height:1.2;display:flex}.topbar .tenant-pick,.topbar .vendor-pick{flex-shrink:1;min-width:0}.topbar .tenant-pick .app-select-label,.topbar .vendor-pick .app-select-label{max-width:clamp(90px,18vw,260px)}.topbar .drp{flex:none}.crumbs .h{font-weight:700;font-size:calc(14px * var(--font-scale));color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crumbs .s{font-size:calc(10.5px * var(--font-scale));color:var(--ink-subtle);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}html[data-header-skin=inline] .topbar .crumbs .s,html[data-header-skin=inline] .topbar .drp,html:not([data-header-skin=inline]) .inline-header{display:none}.inline-header{align-items:center;margin:0 0 12px}.inline-header .dh-sub{font-size:calc(13px * var(--font-scale));color:var(--ink);align-items:center;gap:6px;display:inline-flex}.inline-header .dh-sub svg{width:15px;height:15px;color:var(--em);flex-shrink:0}.spacer{flex:1}.search-box{width:300px;position:relative}.search-box input{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);font-size:calc(12px * var(--font-scale));outline:none;padding:7px 10px 7px 32px;font-family:inherit}.search-box input:focus{border-color:var(--em)}.search-box svg{width:14px;height:14px;color:var(--ink-subtle);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box .kbd{font-size:calc(9px * var(--font-scale));border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-muted);font-family:var(--font-mono);padding:1px 5px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.icon-btn{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.icon-btn:hover{background:var(--bg-sunken)}.icon-btn svg{width:15px;height:15px}.icon-btn .nbadge{background:var(--ro);color:#fff;min-width:15px;height:15px;font-size:calc(9px * var(--font-scale));border:2px solid var(--bg-surface);border-radius:99px;justify-content:center;align-items:center;padding:0 3px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.main{padding:var(--gap-page);flex:1;min-width:0;overflow-y:auto}.live-side{background:var(--bg-surface);border-left:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.live-side .live-head{height:var(--header-h);padding:0 calc(16px * var(--density));border-bottom:1px solid var(--line);font-size:calc(12px * var(--font-scale));color:var(--ink);flex-shrink:0;align-items:center;gap:8px;font-weight:700;display:flex}.live-side .live-body{overscroll-behavior:contain;min-height:0;padding:calc(16px * var(--density));font-size:calc(12px * var(--font-scale));color:var(--ink-subtle);flex:1;overflow-y:auto}