.app-switcher{position:relative;font:13px/1.4 system-ui,-apple-system,sans-serif;color:var(--ink,#15283e);z-index:1200}.app-switcher summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;background:var(--surface,var(--card,#fff));border:1px solid var(--line,#dfe7ef);border-radius:10px;padding:10px 13px;white-space:nowrap;font-weight:650}.app-switcher summary::-webkit-details-marker{display:none}.app-switcher summary svg{width:17px;height:17px;fill:none;stroke:var(--blue,#0785f9);stroke-width:1.7}.app-switcher-panel{position:absolute;right:0;top:calc(100% + 9px);width:268px;padding:9px;background:var(--surface,var(--card,#fff));border:1px solid var(--line,#dfe7ef);border-radius:14px;box-shadow:0 14px 45px #071b362b;display:flex;flex-direction:column;gap:4px}.app-switcher-panel>a{display:flex!important;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;text-decoration:none;color:var(--ink,#15283e);border:0;background:transparent;font-size:13px;font-weight:600;white-space:normal}.app-switcher-panel>a[hidden]{display:none!important}.app-switcher-panel>a:hover,.app-switcher-panel>a[aria-current=page]{background:var(--soft,#eaf4ff);color:var(--blue,#087ff5)}.app-switcher-panel small{display:block;font-size:10px;font-weight:400;color:var(--muted,#687c91);margin-top:3px}.app-switcher-panel>a>svg{width:19px;height:19px;flex-shrink:0}.app-switcher-panel .ticket-count{margin-left:auto}.apps-menu-label{font-size:9px;letter-spacing:1.3px;padding:8px 12px;color:var(--muted,#687c91);font-weight:750}.apps-slot{margin-left:auto}.header-actions>#ticket-link,.header-actions>#manage-users-link{display:none!important}.login-locked #apps-menu,.tv #apps-menu{display:none!important}.support-header #apps-menu,.users-header #apps-menu{margin-left:auto}.sse-header #apps-menu{margin-left:0}@media(max-width:600px){.app-switcher summary{padding:9px 10px;font-size:12px}.app-switcher-panel{max-width:calc(100vw - 28px)}}

.apps-unread{background:#db4059;color:white;font-size:10px;padding:2px 6px;line-height:1.3;border-radius:8px;box-shadow:0 0 0 3px #db405915}.apps-unread[hidden]{display:none}

/* Viewport-safe dropdown shared by monitoring, SSE, tickets and installer. */
.app-switcher-panel{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 28px)}
.app-switcher-panel>a{box-sizing:border-box;min-height:44px;flex-shrink:0;overflow-wrap:anywhere;line-height:1.45}
.app-switcher-panel>a>span{min-width:0}
.app-switcher-panel .ticket-count{flex-shrink:0}

/* Each application supplies its own theme tokens; resolve both naming schemes. */
.app-switcher{color:var(--ink,var(--text,#15283e))}
.app-switcher summary,.app-switcher-panel{background:var(--surface,var(--card,var(--panel,#fff)));color:var(--ink,var(--text,#15283e))}
.app-switcher-panel>a{color:var(--ink,var(--text,#15283e))}
.app-switcher-panel>a:hover,.app-switcher-panel>a[aria-current=page]{background:var(--soft,var(--blue-soft,#eaf4ff));color:var(--blue,var(--accent,#087ff5))}
.app-switcher summary svg{stroke:var(--blue,var(--accent,#0785f9))}
.app-switcher-panel>a>.apps-item-icon{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Shared, touch-friendly logout at the right edge of every application header. */
.app-session-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-shrink:0}
.has-app-logout .account,.has-app-logout .header-right{margin-left:auto;justify-content:flex-end}
.has-app-logout button.app-logout-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line,#dfe7ef);border-radius:10px;background:var(--surface,var(--card,var(--panel,#fff)));color:var(--ink,var(--text,#15283e));cursor:pointer;box-shadow:none}
.has-app-logout button.app-logout-button[hidden]{display:none}
.has-app-logout button.app-logout-button:hover{background:var(--soft,var(--blue-soft,#eaf4ff));color:var(--blue,var(--accent,#087ff5))}
.has-app-logout button.app-logout-button:focus-visible{outline:2px solid var(--blue,var(--accent,#087ff5));outline-offset:3px}
.has-app-logout button.app-logout-button:disabled{opacity:.5;cursor:wait}
.app-logout-button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-logout-error{margin:12px auto;padding:12px 16px;max-width:calc(100% - 32px);width:fit-content;border:1px solid #d34d5f;border-radius:10px;background:var(--surface,var(--card,var(--panel,#fff)));color:var(--ink,var(--text,#15283e));font:14px/1.4 system-ui,sans-serif}
.app-logout-error[hidden]{display:none}
@media(max-width:700px){
 .has-app-logout.capture-header{flex-wrap:wrap}
 .has-app-logout.users-header,.has-app-logout.support-header{flex-wrap:wrap}
 .has-app-logout.users-header>.btn{order:2}
 .has-app-logout.support-header>div:not(.app-session-actions){order:2;flex-basis:100%}
 .has-app-logout.support-header>.btn{order:3}
 .app-session-actions{gap:8px}
}
@media(max-width:380px){.has-app-logout .app-switcher summary>span:first-of-type{display:none}}
@media print{.app-logout-button,.app-logout-error{display:none!important}}
