#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:9px;font-size:15px;text-decoration:none;display:flex}#topBar .brand-home:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#topBar .brand-titles{color:var(--text);letter-spacing:.2px;white-space:nowrap;flex-shrink:0;line-height:1.25}#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{display:none}#topBar .brand-mark{height:22px}#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;background:var(--panel-alt);border:1px solid var(--border);border-radius:var(--r-6);align-self:flex-end;align-items:center;gap:2px;padding:0 2px 0 8px;font-size:11.5px;display:flex}#ticketAlerts .ta-more-link{color:var(--text-dim);padding:4px 0;text-decoration:none}#ticketAlerts .ta-more-link:hover{color:var(--text)}#ticketAlerts .ta-more-close{min-width:24px;min-height:24px;color:var(--text-dim);font:inherit;cursor:pointer;border-radius:var(--r-4);background:0 0;border:none;padding:0 4px;font-size:15px;line-height:1}#ticketAlerts .ta-more-close:hover{color:var(--text);background:var(--wash-06)}@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}.ph-tabbar,.ph-more,.ph-backbar{display:none}body.phone .ph-tabbar{z-index:1400;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}body.phone .ph-tab{min-height:50px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:0;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}body.phone .ph-tab.on{color:var(--accent)}body.phone .ph-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-8,8px)}body.phone .ph-tab-badge{box-sizing:border-box;background:var(--danger);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:1px;left:calc(50% + 5px)}body.phone .ph-tab-badge.warn{background:var(--accent);color:var(--bg)}body.phone .ph-tab-badge[hidden]{display:none}body.phone.ph-has-tabs #navMenuBtn,body.phone.ph-has-back #navMenuBtn{display:none!important}body.phone.ph-has-tabs{--ph-tabbar-h:calc(62px + env(safe-area-inset-bottom,0px))}body.phone.ph-has-tabs .main-scroll,body.phone.ph-has-tabs .tickets-page{padding-bottom:var(--ph-tabbar-h)}body.phone .ph-more{inset:0 0 var(--ph-tabbar-h,0px) 0;z-index:1390;background:var(--bg);color:var(--text);-webkit-overflow-scrolling:touch;flex-direction:column;display:flex;position:fixed;overflow:auto}body.phone .ph-more[hidden]{display:none}body.phone .ph-more-head{padding:max(14px, env(safe-area-inset-top,0px)) 12px 6px 16px;align-items:center;gap:8px;display:flex}body.phone .ph-more-head h1{flex:1;margin:0;font-size:22px;font-weight:600}body.phone .ph-more-close{border-radius:var(--r-8,8px);width:44px;height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1}body.phone .ph-more-main{flex-direction:column;gap:14px;padding:6px 16px 20px;display:flex}body.phone .ph-more-group{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}body.phone .ph-more-item{box-sizing:border-box;border:none;border-top:1px solid var(--border-soft);width:100%;min-height:50px;color:var(--text);font:inherit;text-align:left;background:0 0;align-items:center;gap:10px;margin:0;padding:0 14px;font-size:15px;text-decoration:none;display:flex}body.phone .ph-more-group>.ph-more-item:first-child{border-top:none}body.phone a.ph-more-item:active,body.phone button.ph-more-item:active{background:var(--wash-05)}body.phone .ph-more-k{flex:1;min-width:0}body.phone .ph-more-v{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:13.5px;overflow:hidden}body.phone .ph-more-chev{color:var(--text-faint);flex:none}body.phone .ph-more-logout{color:var(--danger-hi,var(--danger));cursor:pointer}body.phone .ph-more-cap{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:4px 2px 0;font-size:12px}body.phone .ph-more-note{color:var(--text-dim);margin:0 2px;font-size:13.5px;line-height:1.45}body.phone .ph-backbar{min-height:44px;padding:max(4px, env(safe-area-inset-top,0px)) 12px 0;color:var(--accent);background:var(--bg);align-items:center;gap:4px;font-size:15px;font-weight:500;text-decoration:none;display:flex}body.phone .ph-more-demo #demoNavExtras{border-top:none;gap:10px;margin:0;padding:10px 14px}body.phone .ph-more-demo .demo-nav-row{color:var(--text);min-height:40px;font-size:15px}body.phone .ph-more-demo select{min-height:40px;font-size:15px}body.phone .ph-more-demo .demo-nav-links a{color:var(--text-dim);background:0 0;border:0;padding:8px 4px;font-size:14px;text-decoration:none}body.phone .ph-more-demo .demo-nav-links a.demo-lead{color:var(--accent);font-weight:600}.ph-only{display:none!important}body.phone .ph-only{display:inline-flex!important}
