/* Header controls only. Preserve the existing 40px shell and page geometry. */
html #appShell .topbar {
  height:40px!important;min-height:40px!important;max-height:40px!important;
  grid-template-columns:minmax(max-content,1fr) minmax(180px,416px) minmax(max-content,1fr)!important;
  align-items:center!important;gap:16px!important;padding:0 12px!important;
  box-sizing:border-box!important;
}
html #appShell .topbar .topbar-left,
html #appShell .topbar .topbar-actions {
  display:flex!important;align-items:center!important;gap:8px!important;
  min-width:0!important;height:36px!important;
}
html #appShell .topbar .topbar-actions {justify-self:end!important;justify-content:flex-end!important}
html #appShell .topbar .topbar-left>button,
html #appShell .topbar #notificationButton,
html #appShell .topbar .topbar-new-contract,
html #appShell .topbar #topbarBotButton {
  height:32px!important;min-height:32px!important;max-height:32px!important;
  flex-shrink:0!important;box-sizing:border-box!important;border-radius:8px!important;
  align-items:center!important;justify-content:center!important;margin:0!important;
}
html #appShell .topbar .topbar-left>button,
html #appShell .topbar #notificationButton {width:32px!important;min-width:32px!important;padding:0!important}
html #appShell .topbar button svg {width:18px!important;height:18px!important;flex-shrink:0}
html #appShell .topbar .topbar-new-contract {width:auto!important;min-width:0!important;padding:0 12px!important;gap:6px!important;font-size:13px!important;line-height:1!important;white-space:nowrap;box-shadow:none!important}
html #appShell .topbar .topbar-new-contract svg {width:16px!important;height:16px!important}
html #appShell .topbar .topbar-bot-upload {display:flex;align-items:center;flex-shrink:0}
html #appShell .topbar #topbarBotButton {
  display:flex!important;position:relative!important;width:98px!important;min-width:98px!important;
  padding:0 5px!important;gap:4px!important;border:1px solid #d8e3e9!important;
  background:#fff!important;box-shadow:none!important;
}
html #appShell .topbar #topbarBotButton>span {display:grid!important;place-items:center;width:26px!important;height:26px!important;flex:0 0 26px;border-radius:6px!important}
html #appShell .topbar #topbarBotButton>span svg {width:17px!important;height:17px!important}
html #appShell .topbar #topbarBotButton:hover,
html #appShell .topbar #topbarBotButton.is-dragging {border-color:#168775!important;background:#edf8f5!important}
html #appShell .topbar #sidebarSearchWrap {
  position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;min-width:0!important;max-width:416px!important;height:32px!important;
  padding:0 10px!important;gap:8px!important;border:1px solid #d8e3e9!important;
  border-radius:8px!important;background:#f8fafb!important;box-sizing:border-box!important;
  justify-self:center!important;box-shadow:none!important;transition:border-color 160ms ease,box-shadow 160ms ease!important;
}
html #appShell .topbar #sidebarSearchWrap:focus-within {border-color:#168775!important;box-shadow:0 0 0 2px #16877520!important}
html #appShell .topbar #globalSearchInput {height:28px!important;min-width:0!important;padding:0!important;line-height:normal!important;font-size:13px!important}
html #appShell .topbar #searchShortcut {flex-shrink:0;height:22px!important;display:inline-flex;align-items:center;padding:0 5px!important;border-radius:4px!important;font-size:10px!important;line-height:1!important}
html #appShell .topbar #notificationButton {position:relative!important;overflow:visible!important}
html #appShell .topbar #notificationBadge {position:absolute!important;inset:auto -3px auto auto!important;top:-1px!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:16px!important;max-width:none!important;height:16px!important;line-height:1!important;font-size:10px!important;font-weight:700;font-style:normal;padding:0 4px!important;margin:0!important;border:0!important;border-radius:9px!important;box-sizing:border-box;white-space:nowrap;background:#b42318!important;color:#fff!important;box-shadow:0 0 0 2px #fff;pointer-events:none}
html #appShell .topbar #notificationBadge[hidden] {display:none!important}
html #appShell .topbar button:focus-visible,
html #appShell .topbar .topbar-brand-logo:focus-visible {outline:2px solid #168775!important;outline-offset:1px}
@media(min-width:821px) {
  html #appShell .topbar #globalSearchInput {display:block!important;flex:1!important;width:100%!important}
}
@media(max-width:820px) {
  html #appShell .topbar {grid-template-columns:auto minmax(36px,1fr) auto!important;gap:8px!important;padding-inline:8px!important}
  html #appShell .topbar .topbar-left,
  html #appShell .topbar .topbar-actions {gap:8px!important}
  html #appShell .topbar .topbar-left>button,
  html #appShell .topbar #notificationButton,
  html #appShell .topbar .topbar-new-contract,
  html #appShell .topbar #topbarBotButton {
    width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;
  }
  html #appShell .topbar .topbar-new-contract span {display:none!important}
  html #appShell .topbar #sidebarSearchWrap {justify-self:end!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;padding:0!important;gap:0!important;border-color:transparent!important;background:transparent!important}
  html #appShell .topbar #sidebarSearchWrap .mobile-search-toggle {width:36px!important;height:36px!important;border-radius:8px!important}
  html #appShell .topbar #sidebarSearchWrap #searchShortcut {display:none!important}
  html #appShell .topbar.is-mobile-search-open #sidebarSearchWrap {position:absolute!important;inset-inline:8px!important;top:50%!important;transform:translateY(-50%)!important;width:calc(100% - 16px)!important;min-width:0!important;max-width:none!important;padding:0 6px!important;gap:6px!important;border-color:#168775!important;background:#fff!important}
  html #appShell .topbar.is-mobile-search-open #globalSearchInput {height:32px!important;font-size:16px!important}
  html #appShell .topbar #topbarBotButton>span {
    position:absolute;inset:4px;width:26px!important;height:26px!important;
    opacity:0;transform:translateY(5px) rotateX(-35deg);
    animation:topbar-document-cycle 9s ease-in-out infinite;
  }
  html #appShell .topbar #topbarBotButton>.is-flight {animation-delay:0s}
  html #appShell .topbar #topbarBotButton>.is-hotel {animation-delay:-6s}
  html #appShell .topbar #topbarBotButton>.is-passport {animation-delay:-3s}
  html #appShell .topbar #topbarBotButton:hover>span,
  html #appShell .topbar #topbarBotButton:focus-visible>span {animation-play-state:paused}
}
@keyframes topbar-document-cycle {
  0%,29% {opacity:1;transform:translateY(0) rotateX(0)}
  33.333%,96% {opacity:0;transform:translateY(-5px) rotateX(35deg)}
  96.01% {opacity:0;transform:translateY(5px) rotateX(-35deg)}
  100% {opacity:1;transform:translateY(0) rotateX(0)}
}
@media(max-width:820px) and (prefers-reduced-motion:reduce) {
  html #appShell .topbar #topbarBotButton>span {animation:none!important;transform:none!important}
  html #appShell .topbar #topbarBotButton>.is-flight {opacity:1}
  html #appShell .topbar #topbarBotButton>.is-hotel,
  html #appShell .topbar #topbarBotButton>.is-passport {opacity:0}
}