/* WEXRI — the suite bar shown on top of every back-office screen.
   Visual language: Fleet Scheduler Pro (classic window title bar + menu drops).
   Everything is scoped to #suitebar so module stylesheets cannot reach it and
   it cannot reach them. */
#suitebar, #suitebar * { box-sizing: border-box; margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; line-height: normal; letter-spacing: normal; text-transform: none; text-shadow: none; }
#suitebar {
  position: relative; z-index: 99990; display: flex; align-items: stretch; height: 28px; flex: 0 0 auto;
  background: #0A0A0A; color: #fff;
  border: 2px solid; border-color: #5F6368 #000000 #000000 #5F6368; user-select: none; width: 100%;
}
#suitebar .sb-brand { display: flex; align-items: center; gap: 6px; padding: 0 10px 0 2px; font-weight: bold; color: #fff; white-space: nowrap; text-decoration: none; font-size: 12px; }
#suitebar .sb-brand .sb-tenant { background: #F4F4F5; color: #2B59FF; padding: 0 5px; border: 1px solid; border-color: #808080 #fff #fff #808080; font-size: 10px; }
#suitebar .sb-brand .sb-env { background: #c05800; color: #fff; padding: 0 5px; font-size: 10px; }
#suitebar .sb-menu { position: relative; display: flex; align-items: stretch; }
#suitebar .sb-title { display: flex; align-items: center; gap: 4px; padding: 0 9px; cursor: pointer; color: #fff; white-space: nowrap; border: 1px solid transparent; background: none; }
#suitebar .sb-menu:hover > .sb-title, #suitebar .sb-menu:focus-within > .sb-title, #suitebar .sb-menu.sb-open > .sb-title { background: #F4F4F5; color: #000; border-color: #808080 #fff #fff #808080; }
#suitebar .sb-menu.sb-active > .sb-title { font-weight: bold; text-decoration: underline; }
#suitebar .sb-drop {
  display: none; position: absolute; top: 100%; left: 0; min-width: 240px; max-height: calc(100vh - 40px); overflow-y: auto;
  background: #fff; color: #000; border: 1px solid #808080; box-shadow: 2px 2px 5px rgba(0,0,0,.35); z-index: 99991;
}
#suitebar .sb-menu:hover > .sb-drop, #suitebar .sb-menu:focus-within > .sb-drop, #suitebar .sb-menu.sb-open > .sb-drop { display: block; }
#suitebar .sb-drop a { display: block; padding: 5px 12px; color: #000; text-decoration: none; border-bottom: 1px solid #e4e4e4; white-space: nowrap; font-size: 12px; }
#suitebar .sb-drop a:last-child { border-bottom: none; }
#suitebar .sb-drop a:hover, #suitebar .sb-drop a:focus { background: #2B59FF; color: #fff; outline: none; }
#suitebar .sb-drop a.sb-current { font-weight: bold; }
#suitebar .sb-drop .sb-head { padding: 4px 12px 2px; color: #808080; font-size: 10px; font-weight: bold; background: #FAFAFA; border-bottom: 1px solid #e4e4e4; }
#suitebar .sb-drop .sb-sep { height: 0; border-top: 2px solid #E4E4E7; }
#suitebar .sb-right { margin-left: auto; display: flex; align-items: stretch; }
#suitebar .sb-user { display: flex; align-items: center; padding: 0 8px; color: #fff; white-space: nowrap; }
#suitebar .sb-btn { display: flex; align-items: center; padding: 0 9px; margin: 1px; color: #000; background: #F4F4F5; text-decoration: none; border: 2px solid; border-color: #ffffff #808080 #808080 #ffffff; font-weight: bold; white-space: nowrap; }
#suitebar .sb-btn:active { border-color: #808080 #ffffff #ffffff #808080; }
#suitebar .sb-support { background: #ffff80; color: #000; padding: 0 6px; margin: 3px 4px; display: flex; align-items: center; font-weight: bold; border: 1px solid #808080; }
@media (max-width: 900px) { #suitebar .sb-title .sb-label { display: none; } #suitebar .sb-user { display: none; } }
@media print { #suitebar { display: none !important; } }
/* program windows: the program's name instead of the platform brand, a Close button instead of Log Off */
#suitebar .sb-progname { font-weight: bold; font-size: 12px; }
#suitebar.sb-program .sb-brand { cursor: default; }
#suitebar .sb-close[hidden] { display: none; }
#suitebar .sb-close { color: #000; }
#suitebar img.sb-logo { display: block; height: 22px; width: auto; min-width: 64px; }