#topBar{background:linear-gradient(180deg,var(--panel-2),var(--bg));border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:14px;min-width:0;height:56px;padding:0 16px;display:flex}#topBar .brand-home{color:inherit;border-radius:var(--r-6);flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:flex}#topBar .brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#topBar .brand-mark{flex-shrink:0;width:26px;height:auto}#topBar .brand-titles{flex-direction:column;flex-shrink:0;line-height:1.25;display:flex}#topBar .brand-titles .t1{color:var(--text);letter-spacing:.2px;white-space:nowrap;font-size:15px;font-weight:700}#topBar .brand-titles .t2{color:var(--text-dim);white-space:nowrap;font-size:11px}#topBar .brand-spacer{flex:auto}#topBar #sessionInfo{min-width:0;color:var(--text-dim);align-items:center;gap:10px;font-size:11.5px;display:flex}#topBar #sessionInfo>*{white-space:nowrap;flex-shrink:0}#topBar .session-label{color:var(--text-dim)}#topBar #projectSelect{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--r-8);cursor:pointer;max-width:220px;padding:3px 6px;font-family:inherit;font-size:11.5px}#topBar #projectSelect:hover{border-color:var(--accent)}#topBar #projectSelect option{background:var(--panel-alt);color:var(--text)}#topBar .session-user{text-overflow:ellipsis;min-width:0;max-width:260px;overflow:hidden;flex-shrink:1!important}#topBar .session-user .su-name{color:var(--text)}#topBar .session-user .su-role{color:var(--text-dim)}#topBar .top-nav{align-items:center;gap:6px;display:flex}#topBar .top-nav a,#topBar #btnLogout{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--r-4);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:3px 8px;font-family:inherit;font-size:11px;text-decoration:none;display:inline-flex}#topBar .top-nav a:hover,#topBar #btnLogout:hover{border-color:var(--accent);color:var(--accent)}#topBar .top-nav a:focus-visible,#topBar #btnLogout:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#topBar .nav-ic{flex-shrink:0;width:14px;height:14px}#topBar .top-nav a.nav-current{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8.0%, transparent);pointer-events:none;cursor:default}.nav-badge{background:var(--accent);min-width:15px;height:15px;color:var(--bg);border-radius:var(--r-99);justify-content:center;align-items:center;margin-left:1px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:inline-flex}.nav-badge.badge-danger{background:var(--danger);color:#fff}#navMenuBtn{display:none}@media (max-width:1780px){#topBar .session-label{display:none}}@media (max-width:1560px) and (min-width:1101px){#topBar .top-nav{gap:3px}#topBar .top-nav a,#topBar #btnLogout{flex-direction:column;gap:2px;min-width:48px;padding:3px 4px;font-size:10px;line-height:1;position:relative}#topBar .top-nav .nav-badge{position:absolute;top:-5px;right:-3px}}@media (max-width:1100px){#topBar{position:relative}#topBar .brand-titles,#topBar .session-user .su-role{display:none}#navMenuBtn{border-radius:var(--r-4);border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 8.0%, transparent);color:var(--accent);font:inherit;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}#navMenuBtn .nav-caret{font-size:10px}#navMenuBtn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#topBar .top-nav{z-index:1000;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-6);min-width:230px;box-shadow:0 10px 30px var(--shadow-45);flex-direction:column;align-items:stretch;gap:1px;padding:4px;display:none;position:absolute;top:calc(100% + 4px);right:16px}#topBar.nav-open .top-nav{display:flex}#topBar .top-nav a{border:none;justify-content:flex-start;gap:9px;padding:9px 10px;font-size:13px}#topBar .top-nav a:hover{background:var(--panel-alt)}#topBar .top-nav .nav-ic{width:16px;height:16px}}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}#topBar .hdr-alarms{border-left:1px solid var(--border);border-right:1px solid var(--border);font-family:var(--font-mono);color:var(--text);flex-shrink:0;align-self:stretch;align-items:center;gap:12px;padding:0 12px;font-size:12px;text-decoration:none;display:flex}#topBar .hdr-alarms[hidden]{display:none}#topBar .hdr-alarms:hover{background:var(--panel-alt)}#topBar .hdr-alarms:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#topBar .hdr-alarms .grp{align-items:center;gap:6px;display:flex}#topBar .hdr-alarms .grp.zero,#topBar .hdr-alarms .grp.zero .st-mark{color:var(--text-faint)}#topBar .hdr-alarms.has-alarm .g-alarm .n{color:var(--danger-hi);font-weight:600}#topBar .hdr-alarms.has-alarm .g-alarm .st-mark{animation:1.4s ease-in-out infinite hdrAlarmPulse}@keyframes hdrAlarmPulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){#topBar .hdr-alarms.has-alarm .g-alarm .st-mark{animation:none}}@media (max-width:640px){#topBar .hdr-alarms{padding:0 8px}#topBar .hdr-alarms :is(.g-warn,.g-nodata){display:none}}#ticketAlerts{z-index:2100;pointer-events:none;flex-direction:column;gap:8px;width:340px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}#ticketAlerts .ta-card{pointer-events:auto;border-radius:var(--r-8);background:var(--panel-alt);color:var(--text);border:1px solid var(--border);border-left:3px solid var(--text-dim);box-shadow:0 12px 30px var(--shadow-45);padding:10px 12px 10px 14px;font-size:12.5px;line-height:1.45;animation:.18s ease-out ta-in;position:relative}#ticketAlerts .ta-card.prio-high{border-left-color:var(--prio-high)}#ticketAlerts .ta-card.prio-critical{border-left-color:var(--danger)}#ticketAlerts .ta-card.ta-summary{border-left-color:var(--accent)}#ticketAlerts .ta-head{align-items:center;gap:6px;font-weight:600;display:flex}#ticketAlerts .ta-dot{opacity:.6;background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}#ticketAlerts .prio-high .ta-dot{background:var(--prio-high);opacity:1}#ticketAlerts .prio-critical .ta-dot{background:var(--danger);opacity:1}#ticketAlerts .ta-kind{flex:auto;min-width:0}#ticketAlerts .ta-project{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--r-4);background:var(--wash-06);max-width:120px;color:var(--text-dim);flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:500;overflow:hidden}#ticketAlerts .ta-title{overflow-wrap:anywhere;margin-top:3px}#ticketAlerts .ta-meta{color:var(--text-dim);margin-top:2px;font-size:11.5px}#ticketAlerts .prio-high .ta-prio{color:var(--prio-high)}#ticketAlerts .prio-critical .ta-prio{color:var(--danger);font-weight:600}#ticketAlerts .ta-actions{gap:6px;margin-top:8px;display:flex}#ticketAlerts .ta-actions a{text-decoration:none}#ticketAlerts .ta-more{pointer-events:auto;color:var(--text-dim);background:var(--panel-alt);border:1px solid var(--border);border-radius:var(--r-6);align-self:flex-end;padding:4px 8px;font-size:11.5px;text-decoration:none}#ticketAlerts .ta-more:hover{color:var(--text)}@keyframes ta-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#ticketAlerts .ta-card{animation:none}}#ticketAlerts .ta-btn{border-radius:var(--r-5);cursor:pointer;font:inherit;color:var(--text);border:1px solid var(--border);background:0 0;align-items:center;padding:4px 10px;font-size:11.5px;line-height:1.4;display:inline-flex}#ticketAlerts .ta-btn:hover{border-color:var(--text-dim)}#ticketAlerts .ta-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}#ticketAlerts .ta-btn-primary:hover{filter:brightness(1.08)}#ticketAlerts .ta-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}