.assistant-rail-collapse { display: grid !important; }
.assistant-rail-reopen { position: fixed; z-index: 4000; top: 88px; left: 12px; display: none; width: 34px; height: 34px; border: 1px solid #d9e3ea; border-radius: 9px; background: #fff; color: #263f52; font-size: 18px; cursor: pointer; box-shadow: 0 7px 20px rgba(38, 74, 99, .14); }
.web-assistant-shell.is-rail-collapsed { grid-template-columns: 0 minmax(0, 1fr); }
.web-assistant-shell.is-rail-collapsed .assistant-rail { visibility: hidden; overflow: hidden; padding-left: 0; padding-right: 0; }
.web-assistant-shell.is-rail-collapsed .assistant-rail-reopen { display: grid !important; place-items: center; }
@media (max-width: 850px) {
  .web-assistant-shell.is-rail-collapsed .assistant-rail { display: none; }
  .web-assistant-shell.is-rail-collapsed .assistant-rail-reopen { top: 76px; left: 9px; }
}
body.is-voice-page-open .site-header, body.is-voice-page-open .web-assistant-shell, body.is-voice-page-open .site-footer { display: none; }
body.is-voice-page-open .assistant-voice-mode.is-open { position: fixed !important; inset: 0 !important; width: 100vw !important; max-width: none !important; height: 100dvh !important; margin: 0 !important; transform: none !important; }
.assistant-voice-mode.is-thinking .assistant-voice-ring { box-shadow: 0 0 0 15px rgba(79, 174, 235, .12), 0 0 50px rgba(92, 140, 255, .34); }.assistant-voice-mode.is-thinking .assistant-voice-ring > img { animation: athesus-thinking-ring 1.25s ease-in-out infinite; }.assistant-voice-mode.is-thinking .assistant-voice-spikes { opacity: .5; }.assistant-voice-mode.is-thinking .assistant-voice-spikes i { height: 14px; background: linear-gradient(#95e7ff, #a071ff); animation: athesus-thinking-spike .7s ease-in-out infinite alternate; }.assistant-voice-mode.is-thinking .assistant-voice-spikes i:nth-child(2n) { animation-delay: .18s; }.assistant-voice-mode.is-thinking .assistant-voice-mic-badge { background: linear-gradient(135deg, #1f8dd0, #8c64e5); }@keyframes athesus-thinking-ring { 50% { transform: scale(1.065); filter: brightness(1.16) saturate(1.2); } }@keyframes athesus-thinking-spike { to { transform: scaleY(2.2); opacity: .45; } }
.web-assistant-shell > .assistant-rail { box-sizing: border-box; min-height: 0; overflow: hidden; }.assistant-history-list { flex: 1 1 0; min-height: 0; max-height: none; overflow-y: scroll !important; overscroll-behavior: contain; padding-right: 4px; scrollbar-color: #bfc7cc transparent; scrollbar-width: thin; }.assistant-history-list::-webkit-scrollbar { width: 7px; }.assistant-history-list::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 99px; background: #bfc7cc; background-clip: padding-box; }.assistant-desktop-link { flex: 0 0 auto; margin-top: 10px; }.assistant-rail-profile { flex: 0 0 auto; }
.assistant-rail-profile { position: relative; z-index: 2; display: flex !important; min-height: 48px; margin-top: 10px; background: #fff; }.assistant-usage-ring { flex: 0 0 33px; }.assistant-history-list + .assistant-desktop-link { margin-bottom: 0; }
.web-assistant-shell { height: calc(100dvh - 93px) !important; min-height: 500px; }.web-assistant-shell ~ .site-footer { display: none; }
.web-assistant-shell > .assistant-rail { display: grid !important; grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto; gap: 0 !important; height: 100%; padding: 15px 14px 12px; }.assistant-rail-brand { margin-bottom: 12px; }.assistant-workspace-nav { margin-top: 0; margin-bottom: 12px; }.assistant-bridge-status { margin: 0 0 12px; }.assistant-history-head { margin: 0; padding-top: 12px; padding-bottom: 8px; }.assistant-history-list { display: grid; align-content: start; height: auto; min-height: 0; margin: 0; }.assistant-desktop-link { margin: 8px 0 0; }.assistant-rail-profile { align-self: end; margin-top: 8px; padding-top: 10px; }
@media (max-width: 850px) { .web-assistant-shell { height: auto !important; min-height: calc(100dvh - 68px); }.web-assistant-shell ~ .site-footer { display: block; } }
.assistant-profile-button { display: flex; min-width: 0; flex: 1 1 auto; align-items: center; gap: 9px; border: 0; background: transparent; padding: 0; color: inherit; text-align: left; cursor: pointer; }.assistant-profile-button > span:last-child { display: grid; min-width: 0; }.assistant-profile-button strong, .assistant-profile-button small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.assistant-usage-ring { border: 0; cursor: pointer; }.assistant-rail-popover { position: fixed; z-index: 4500; bottom: 68px; left: 13px; display: grid; width: min(270px, calc(100vw - 26px)); gap: 8px; border: 1px solid #d8e4eb; border-radius: 15px; background: rgba(255,255,255,.98); padding: 17px; color: #233f55; box-shadow: 0 18px 48px rgba(23,59,83,.23); }.assistant-rail-popover[hidden] { display: none; }.assistant-rail-popover strong { font: 800 15px "Manrope", sans-serif; }.assistant-rail-popover small { color: #668096; font-size: 12px; overflow-wrap: anywhere; }.assistant-rail-popover a { border-radius: 9px; background: #f3f8fb; padding: 9px 10px; color: #1d587f; font: 800 12px "Manrope", sans-serif; text-decoration: none; }.assistant-rail-popover a:hover { background: #e4f4fb; }.assistant-rail-popover .is-upgrade { background: #123b66; color: #fff; }.assistant-task-context-menu { position: fixed; z-index: 5000; display: grid; min-width: 198px; overflow: hidden; border: 1px solid #d4e1e8; border-radius: 11px; background: #fff; padding: 5px; box-shadow: 0 15px 35px rgba(24,57,78,.22); }.assistant-task-context-menu[hidden] { display: none; }.assistant-task-context-menu button { border: 0; border-radius: 7px; background: transparent; padding: 10px 12px; color: #26485f; text-align: left; font: 700 13px "Manrope", sans-serif; cursor: pointer; }.assistant-task-context-menu button:hover, .assistant-task-context-menu button:focus-visible { background: #e8f5fb; color: #0d6898; outline: 0; }.assistant-task-context-menu [data-task-context-delete] { color: #b53a45; }.assistant-task-context-menu [data-task-context-delete]:hover { background: #fff0f1; color: #a21f2d; }
@media (max-width: 850px) { .assistant-task-context-menu { min-width: 225px; }.assistant-rail-popover { bottom: 16px; left: 50%; transform: translateX(-50%); }.web-assistant-shell > .assistant-rail { height: auto; min-height: 100dvh; grid-template-rows: auto auto auto auto minmax(160px, 1fr) auto auto; }.assistant-history-list { max-height: min(42dvh, 420px); }.assistant-rail-profile, .assistant-rail:not(.is-expanded) .assistant-rail-profile { display: flex !important; position: sticky; bottom: 0; background: #fff; } }

/* One responsive drawer system. It deliberately overrides the older mobile
   layout fragments above so the chat is never displaced by sidebar state. */
@media (max-width: 850px) {
  .web-assistant-shell,
  .web-assistant-shell.is-rail-collapsed {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .web-assistant-shell .assistant-stage {
    display: flex !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  .web-assistant-shell .assistant-conversation:not([hidden]) {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 22px 14px 16px !important;
  }

  .web-assistant-shell .assistant-composer-wrap:not([hidden]) {
    display: block !important;
    flex: 0 0 auto !important;
    padding: 10px 12px 16px !important;
  }

  .web-assistant-shell .assistant-topbar {
    display: flex !important;
    min-height: 54px !important;
    flex: 0 0 auto !important;
  }

  .web-assistant-shell > .assistant-rail,
  .web-assistant-shell.is-rail-collapsed > .assistant-rail {
    position: fixed !important;
    z-index: 4100 !important;
    top: 68px !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    width: min(330px, calc(100vw - 42px)) !important;
    min-height: 0 !important;
    height: calc(100dvh - 68px) !important;
    visibility: visible !important;
    overflow: hidden !important;
    padding: 15px 14px 12px !important;
    transform: translateX(-105%);
    transition: transform 220ms ease, box-shadow 220ms ease;
    box-shadow: none;
  }

  .web-assistant-shell:not(.is-rail-collapsed) > .assistant-rail {
    transform: translateX(0);
    box-shadow: 18px 0 40px rgba(6, 22, 46, .24);
  }

  .web-assistant-shell .assistant-rail-reopen {
    position: fixed !important;
    z-index: 4000 !important;
    top: 84px !important;
    left: 12px !important;
  }

  .web-assistant-shell.is-rail-collapsed .assistant-rail-reopen { display: grid !important; place-items: center; }
  .web-assistant-shell:not(.is-rail-collapsed) .assistant-rail-reopen { display: none !important; }
}
