/* Aurora Consolidated - merged from version files */
/* === aurora_3_5_reliable.css === */
/* Aurora Messenger 3.5 Reliable Shell
   This file intentionally overrides the previous layered restart CSS. It targets the real React DOM. */
:root {
  --a35-rail: 72px;
  --a35-sidebar: 360px;
  --a35-info: 390px;
  --a35-header: 64px;
  --a35-blue: #2481cc;
  --a35-blue-strong: #1d72b8;
  --a35-rail-bg: #0c1624;
  --a35-rail-bg-2: #101d2f;
  --a35-sidebar-bg: #ffffff;
  --a35-chat-bg: #e9f2f8;
  --a35-chat-dot: rgba(88, 116, 139, .16);
  --a35-text: #13283d;
  --a35-muted: #6d8298;
  --a35-border: #dbe5ee;
  --a35-hover: #edf5fc;
  --a35-active: #e4f1ff;
  --a35-in: #ffffff;
  --a35-out: #dff6c6;
  --a35-shadow: 0 12px 34px rgba(31, 54, 76, .12);
}

html,
body.chat-page {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--a35-chat-bg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--a35-text) !important;
}

body.chat-page.aurora-v35 #chat-root,
body.chat-page.aurora-v35 .chat-theme-root {
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  background: var(--a35-chat-bg) !important;
}

body.chat-page.aurora-v35 .chat-shell-app,
body.chat-page.aurora-v35 .chat-shell-app.has-info-panel {
  width: 100vw !important;
  height: 100vh !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: var(--a35-rail) var(--a35-sidebar) minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: var(--a35-chat-bg) !important;
}

body.chat-page.aurora-v35 .chat-shell-app.has-info-panel {
  grid-template-columns: var(--a35-rail) var(--a35-sidebar) minmax(0, 1fr) var(--a35-info) !important;
}

body.chat-page.aurora-v35 .chat-shell-app::before,
body.chat-page.aurora-v35 .chat-shell-app::after {
  display: none !important;
  content: none !important;
}

/* Real left rail */
body.chat-page.aurora-v35 .aurora-app-rail,
body.chat-page.aurora-v35 .aurora-native-rail {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: var(--a35-rail) !important;
  min-width: var(--a35-rail) !important;
  height: 100vh !important;
  padding: 12px 10px !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, var(--a35-rail-bg) 0%, #08111e 100%) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  z-index: 30 !important;
}

body.chat-page.aurora-v35 .aurora-app-rail__group {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

body.chat-page.aurora-v35 .aurora-app-rail__brand,
body.chat-page.aurora-v35 .aurora-app-rail__button {
  width: 48px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: background-color .14s ease, color .14s ease, transform .12s ease !important;
}

body.chat-page.aurora-v35 .aurora-app-rail__brand {
  background: linear-gradient(135deg, #43a0f2, #247ad0) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  box-shadow: 0 14px 28px rgba(36,129,204,.28) !important;
}

body.chat-page.aurora-v35 .aurora-app-rail__button {
  background: transparent !important;
  color: rgba(226,238,250,.76) !important;
}

body.chat-page.aurora-v35 .aurora-app-rail__button:hover,
body.chat-page.aurora-v35 .aurora-app-rail__button.is-active {
  background: rgba(255,255,255,.1) !important;
  color: #fff !important;
}

body.chat-page.aurora-v35 .aurora-app-rail__button:active { transform: scale(.97) !important; }

body.chat-page.aurora-v35 .aurora-app-rail__button .tg-icon-svg,
body.chat-page.aurora-v35 .aurora-app-rail__button svg {
  width: 21px !important;
  height: 21px !important;
  stroke-width: 2 !important;
}

body.chat-page.aurora-v35 .aurora-app-rail__version {
  width: 42px !important;
  height: 24px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(226,238,250,.68) !important;
  background: rgba(255,255,255,.08) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

/* Sidebar */
body.chat-page.aurora-v35 .chat-sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: var(--a35-sidebar) !important;
  min-width: var(--a35-sidebar) !important;
  max-width: var(--a35-sidebar) !important;
  height: 100vh !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: var(--a35-sidebar-bg) !important;
  border-right: 1px solid var(--a35-border) !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-rows: 64px 42px minmax(0, 1fr) !important;
  padding: 0 !important;
  z-index: 20 !important;
}

body.chat-page.aurora-v35 .chat-sidebar.is-panel-mode {
  grid-template-rows: 64px minmax(0, 1fr) !important;
}

body.chat-page.aurora-v35 .sidebar-topbar {
  height: 64px !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid #edf2f7 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v35 .sidebar-topbar > span,
body.chat-page.aurora-v35 .sidebar-topbar__menu,
body.chat-page.aurora-v35 .sidebar-topbar__action[title="Глобальный поиск"] {
  display: none !important;
}

body.chat-page.aurora-v35 .tg-search--topbar {
  height: 42px !important;
  width: 100% !important;
  min-width: 0 !important;
  background: #f2f6fb !important;
  border: 1px solid #dde7f1 !important;
  border-radius: 16px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.chat-page.aurora-v35 .tg-search--topbar input {
  font-size: 14px !important;
  color: var(--a35-text) !important;
  min-width: 0 !important;
}

body.chat-page.aurora-v35 .sidebar-self {
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #eff6ff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.chat-page.aurora-v35 .tg-folders {
  height: 42px !important;
  min-height: 42px !important;
  padding: 5px 8px 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  background: #fff !important;
  border-bottom: 1px solid #edf2f7 !important;
  box-sizing: border-box !important;
  scrollbar-width: none !important;
}
body.chat-page.aurora-v35 .tg-folders::-webkit-scrollbar { display: none !important; }

body.chat-page.aurora-v35 .tg-folder {
  flex: 0 0 auto !important;
  height: 30px !important;
  min-width: auto !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #536b83 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
body.chat-page.aurora-v35 .tg-folder.is-active {
  color: #fff !important;
  background: var(--a35-blue) !important;
}
body.chat-page.aurora-v35 .tg-folder span:first-child { overflow: visible !important; }

body.chat-page.aurora-v35 .sidebar-list {
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 0 !important;
  background: #fff !important;
}

body.chat-page.aurora-v35 .sidebar-state {
  margin: 12px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  background: #f7fafd !important;
  color: #6c8095 !important;
  font-size: 13px !important;
  text-align: left !important;
}

body.chat-page.aurora-v35 .chat-list-item {
  height: 70px !important;
  min-height: 70px !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #eef2f6 !important;
  background: #fff !important;
  padding: 8px 12px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  box-shadow: none !important;
  transform: none !important;
}

body.chat-page.aurora-v35 .chat-list-item:hover { background: #f6faff !important; }
body.chat-page.aurora-v35 .chat-list-item.is-active { background: var(--a35-active) !important; }
body.chat-page.aurora-v35 .chat-list-item__avatar,
body.chat-page.aurora-v35 .chat-list-item .avatar { width: 48px !important; height: 48px !important; }
body.chat-page.aurora-v35 .chat-list-item__body { min-width: 0 !important; display: grid !important; gap: 2px !important; }
body.chat-page.aurora-v35 .chat-list-item__top,
body.chat-page.aurora-v35 .chat-list-item__bottom,
body.chat-page.aurora-v35 .chat-list-item__meta { min-width: 0 !important; }
body.chat-page.aurora-v35 .chat-list-item__title { font-size: 14px !important; font-weight: 800 !important; color: #10243a !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body.chat-page.aurora-v35 .chat-list-item__time { color: #6d8298 !important; font-size: 12px !important; }
body.chat-page.aurora-v35 .chat-list-item__preview,
body.chat-page.aurora-v35 .chat-list-item__secondary { color: #697f96 !important; font-size: 13px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

body.chat-page.aurora-v35 .new-chat-fab {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  background: var(--a35-blue) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(36,129,204,.28) !important;
  z-index: 3 !important;
}

/* Main chat */
body.chat-page.aurora-v35 .chat-main {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100vh !important;
  display: grid !important;
  grid-template-rows: var(--a35-header) minmax(0, 1fr) !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--a35-chat-bg) !important;
  background-image: radial-gradient(circle, var(--a35-chat-dot) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
}

body.chat-page.aurora-v35 .chat-header {
  grid-row: 1 !important;
  height: var(--a35-header) !important;
  min-height: var(--a35-header) !important;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 14px !important;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--a35-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  z-index: 5 !important;
}

body.chat-page.aurora-v35 .chat-header__avatar,
body.chat-page.aurora-v35 .chat-header__empty-avatar { width: 44px !important; height: 44px !important; }
body.chat-page.aurora-v35 .chat-header__copy strong { font-size: 15px !important; font-weight: 800 !important; color: #0f2438 !important; }
body.chat-page.aurora-v35 .chat-header__copy span { font-size: 12px !important; color: #6f8398 !important; }

body.chat-page.aurora-v35 .chat-body {
  grid-row: 2 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 !important;
  background: transparent !important;
  scroll-behavior: smooth !important;
}

body.chat-page.aurora-v35 .messages-stack {
  width: min(100%, 780px) !important;
  max-width: 780px !important;
  min-height: 100% !important;
  margin: 0 auto !important;
  padding: 24px 24px 118px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.chat-page.aurora-v35 .messages-bg { display: none !important; }

body.chat-page.aurora-v35 .empty-card,
body.chat-page.aurora-v35 .empty-card--aurora {
  width: min(420px, calc(100vw - 560px)) !important;
  min-width: 320px !important;
  margin: auto !important;
  padding: 28px 30px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(214,226,238,.95) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: var(--a35-shadow) !important;
  text-align: center !important;
}
body.chat-page.aurora-v35 .empty-card__eyebrow { color: #6d8aa6 !important; font-size: 11px !important; letter-spacing: .12em !important; text-transform: uppercase !important; font-weight: 800 !important; }
body.chat-page.aurora-v35 .empty-card__title { color: #10243a !important; font-size: 24px !important; line-height: 1.16 !important; margin: 10px 0 !important; }
body.chat-page.aurora-v35 .empty-card__text { color: #6d8298 !important; font-size: 14px !important; line-height: 1.5 !important; }

/* Messages */
body.chat-page.aurora-v35 .message-row,
body.chat-page.aurora-v35 .album-message-row {
  max-width: 100% !important;
}
body.chat-page.aurora-v35 .message-bubble,
body.chat-page.aurora-v35 .album-bubble {
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(31,54,76,.12) !important;
  backdrop-filter: none !important;
  border-radius: 16px !important;
  padding: 8px 10px !important;
  max-width: min(560px, 78%) !important;
  font-size: 14px !important;
  line-height: 1.38 !important;
}
body.chat-page.aurora-v35 .message-row.is-me .message-bubble,
body.chat-page.aurora-v35 .album-message-row.is-me .album-bubble { background: var(--a35-out) !important; }
body.chat-page.aurora-v35 .message-row:not(.is-me) .message-bubble,
body.chat-page.aurora-v35 .album-message-row:not(.is-me) .album-bubble { background: var(--a35-in) !important; }
body.chat-page.aurora-v35 .message-media img,
body.chat-page.aurora-v35 .message-media video,
body.chat-page.aurora-v35 .album-bubble img,
body.chat-page.aurora-v35 .album-bubble video {
  max-width: 420px !important;
  max-height: 480px !important;
  border-radius: 12px !important;
  object-fit: contain !important;
}
body.chat-page.aurora-v35 .message-date {
  align-self: center !important;
  margin: 12px 0 8px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: rgba(97,116,130,.48) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Composer */
body.chat-page.aurora-v35 .chat-composer-wrap {
  position: absolute !important;
  left: 50% !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;
  width: min(780px, calc(100% - 48px)) !important;
  max-width: 780px !important;
  padding: 0 !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
body.chat-page.aurora-v35 .chat-composer-wrap > * { pointer-events: auto !important; }
body.chat-page.aurora-v35 .chat-composer {
  width: 100% !important;
  min-height: 58px !important;
  padding: 8px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(209,222,235,.95) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 12px 34px rgba(26,54,82,.13) !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 44px !important;
  gap: 8px !important;
  align-items: end !important;
  box-sizing: border-box !important;
}
body.chat-page.aurora-v35 .chat-composer__field {
  min-height: 42px !important;
  border: 1px solid #dbe5ee !important;
  border-radius: 16px !important;
  background: #f9fbfd !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  padding: 0 6px 0 14px !important;
}
body.chat-page.aurora-v35 .chat-composer__field textarea {
  min-height: 40px !important;
  max-height: 132px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  outline: none !important;
  resize: none !important;
  background: transparent !important;
  color: #13283d !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
body.chat-page.aurora-v35 .composer-round,
body.chat-page.aurora-v35 .composer-field-button,
body.chat-page.aurora-v35 .composer-submit {
  border: 0 !important;
  border-radius: 14px !important;
  width: 40px !important;
  height: 40px !important;
  color: #5f7891 !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.chat-page.aurora-v35 .composer-submit {
  width: 44px !important;
  height: 44px !important;
  background: #edf4fb !important;
}
body.chat-page.aurora-v35 .composer-submit.is-active {
  background: var(--a35-blue) !important;
  color: #fff !important;
}

body.chat-page.aurora-v35 .desktop-side-panel {
  grid-column: 4 !important;
  grid-row: 1 !important;
  width: var(--a35-info) !important;
  height: 100vh !important;
  min-height: 0 !important;
  border-left: 1px solid var(--a35-border) !important;
  background: #fff !important;
}

body.chat-page.aurora-v35 .app-menu {
  position: fixed !important;
  top: 72px !important;
  left: 82px !important;
  width: 300px !important;
  border-radius: 18px !important;
  z-index: 100 !important;
}

/* Mobile keeps native stack, no desktop rail */
@media (max-width: 980px) {
  body.chat-page.aurora-v35 .chat-shell-app,
  body.chat-page.aurora-v35 .chat-shell-app.has-info-panel {
    grid-template-columns: 1fr !important;
  }
  body.chat-page.aurora-v35 .aurora-app-rail { display: none !important; }
  body.chat-page.aurora-v35 .chat-sidebar {
    grid-column: 1 !important;
    width: min(86vw, 360px) !important;
    min-width: 0 !important;
    max-width: none !important;
    transform: translateX(-102%) !important;
    transition: transform .18s ease !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 60 !important;
  }
  body.chat-page.aurora-v35 .chat-sidebar.is-open { transform: translateX(0) !important; }
  body.chat-page.aurora-v35 .chat-main { grid-column: 1 !important; }
  body.chat-page.aurora-v35 .sidebar-topbar > span,
  body.chat-page.aurora-v35 .sidebar-topbar__menu { display: block !important; }
  body.chat-page.aurora-v35 .sidebar-topbar { grid-template-columns: 42px minmax(0, 1fr) 42px !important; }
  body.chat-page.aurora-v35 .messages-stack { width: 100% !important; padding: 16px 10px 104px !important; }
  body.chat-page.aurora-v35 .message-bubble { max-width: 86% !important; }
  body.chat-page.aurora-v35 .chat-composer-wrap { width: calc(100% - 18px) !important; bottom: 8px !important; }
  body.chat-page.aurora-v35 .empty-card { width: min(360px, calc(100vw - 34px)) !important; min-width: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.chat-page.aurora-v35 * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* === aurora_3_6_no_center.css === */
/* Aurora Messenger 3.6 — No Center Lock
   Fixes the 3.5 regression where the working chat area was visually locked to the center.
   The rail stays. The chat surface now uses the available workspace instead of a centered island. */
:root {
  --a36-rail: 72px;
  --a36-sidebar: 372px;
  --a36-edge: clamp(18px, 3.2vw, 64px);
  --a36-header: 64px;
  --a36-blue: #2481cc;
  --a36-border: #dbe5ee;
  --a36-chat-bg: #e9f2f8;
  --a36-dot: rgba(88,116,139,.14);
  --a36-text: #10243a;
  --a36-muted: #6f8398;
}

body.chat-page.aurora-v36,
body.chat-page.aurora-v36 #chat-root,
body.chat-page.aurora-v36 .chat-theme-root {
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: var(--a36-chat-bg) !important;
}

body.chat-page.aurora-v36 .chat-shell-app,
body.chat-page.aurora-v36 .chat-shell-app.has-info-panel,
body.chat-page.aurora-v36 .chat-shell-app.is-settings-mode {
  width: 100vw !important;
  height: 100vh !important;
  display: grid !important;
  grid-template-columns: var(--a36-rail) var(--a36-sidebar) minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  overflow: hidden !important;
  background: var(--a36-chat-bg) !important;
}

body.chat-page.aurora-v36 .chat-shell-app.has-info-panel {
  grid-template-columns: var(--a36-rail) var(--a36-sidebar) minmax(0, 1fr) 390px !important;
}

body.chat-page.aurora-v36 .aurora-app-rail,
body.chat-page.aurora-v36 .aurora-native-rail {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: var(--a36-rail) !important;
  min-width: var(--a36-rail) !important;
  height: 100vh !important;
  z-index: 40 !important;
}

body.chat-page.aurora-v36 .aurora-app-rail__version::before { content: "3.6" !important; }
body.chat-page.aurora-v36 .aurora-app-rail__version { font-size: 0 !important; }

body.chat-page.aurora-v36 .chat-sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: var(--a36-sidebar) !important;
  min-width: var(--a36-sidebar) !important;
  max-width: var(--a36-sidebar) !important;
  height: 100vh !important;
  background: #fff !important;
  border-right: 1px solid var(--a36-border) !important;
  overflow: hidden !important;
}

body.chat-page.aurora-v36 .chat-main {
  grid-column: 3 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100vh !important;
  display: grid !important;
  grid-template-rows: var(--a36-header) minmax(0, 1fr) !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--a36-chat-bg) !important;
  background-image: radial-gradient(circle, var(--a36-dot) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
}

body.chat-page.aurora-v36 .chat-header {
  grid-row: 1 !important;
  width: 100% !important;
  height: var(--a36-header) !important;
  min-height: var(--a36-header) !important;
  padding: 0 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 14px !important;
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid var(--a36-border) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v36 .chat-body {
  grid-row: 2 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 !important;
  background: transparent !important;
}

/* The important fix: no centered message island. */
body.chat-page.aurora-v36 .messages-stack {
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 22px var(--a36-edge) 112px var(--a36-edge) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.chat-page.aurora-v36 .message-row,
body.chat-page.aurora-v36 .album-message-row {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  margin: 0 0 6px !important;
}

body.chat-page.aurora-v36 .message-row.is-own,
body.chat-page.aurora-v36 .album-message-row.is-own {
  justify-content: flex-end !important;
}

body.chat-page.aurora-v36 .message-bubble,
body.chat-page.aurora-v36 .album-bubble {
  max-width: min(560px, 52vw) !important;
  border: 0 !important;
  border-radius: 16px 16px 16px 8px !important;
  padding: 8px 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(31,54,76,.12) !important;
  backdrop-filter: none !important;
  font-size: 14px !important;
  line-height: 1.38 !important;
}

body.chat-page.aurora-v36 .message-row.is-own .message-bubble,
body.chat-page.aurora-v36 .album-message-row.is-own .album-bubble {
  background: #dff6c6 !important;
  border-radius: 16px 16px 8px 16px !important;
}

body.chat-page.aurora-v36 .message-media img,
body.chat-page.aurora-v36 .message-media video,
body.chat-page.aurora-v36 .album-bubble img,
body.chat-page.aurora-v36 .album-bubble video {
  max-width: min(440px, 44vw) !important;
  max-height: 520px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

/* Composer uses the working surface, not a centered floating island. */
body.chat-page.aurora-v36 .chat-composer-wrap {
  position: absolute !important;
  left: var(--a36-edge) !important;
  right: var(--a36-edge) !important;
  bottom: 14px !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 12 !important;
  pointer-events: none !important;
}

body.chat-page.aurora-v36 .chat-composer-wrap > * { pointer-events: auto !important; }

body.chat-page.aurora-v36 .chat-composer {
  width: 100% !important;
  max-width: none !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 8px !important;
  padding: 8px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(209,222,235,.95) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 10px 28px rgba(26,54,82,.12) !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v36 .chat-composer__field {
  width: 100% !important;
  min-width: 0 !important;
}

body.chat-page.aurora-v36 .chat-body.is-empty {
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
  background: transparent !important;
}

body.chat-page.aurora-v36 .empty-card,
body.chat-page.aurora-v36 .empty-card--aurora {
  width: min(460px, calc(100% - var(--a36-edge) * 2)) !important;
  min-width: 0 !important;
  margin: 84px 0 0 var(--a36-edge) !important;
  padding: 28px 30px !important;
  text-align: left !important;
  border-radius: 22px !important;
  border: 1px solid rgba(214,226,238,.95) !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 12px 34px rgba(31,54,76,.12) !important;
}

body.chat-page.aurora-v36 .empty-card .ui-primary-button {
  margin-left: 0 !important;
}

body.chat-page.aurora-v36 .message-date {
  align-self: center !important;
}

@media (max-width: 980px) {
  body.chat-page.aurora-v36 .chat-shell-app,
  body.chat-page.aurora-v36 .chat-shell-app.has-info-panel,
  body.chat-page.aurora-v36 .chat-shell-app.is-settings-mode {
    grid-template-columns: 1fr !important;
  }
  body.chat-page.aurora-v36 .aurora-app-rail { display: none !important; }
  body.chat-page.aurora-v36 .chat-sidebar {
    grid-column: 1 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
  }
  body.chat-page.aurora-v36 .chat-main {
    grid-column: 1 !important;
  }
  body.chat-page.aurora-v36 .messages-stack {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  body.chat-page.aurora-v36 .message-bubble,
  body.chat-page.aurora-v36 .album-bubble {
    max-width: 86% !important;
  }
  body.chat-page.aurora-v36 .chat-composer-wrap {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
  }
  body.chat-page.aurora-v36 .empty-card,
  body.chat-page.aurora-v36 .empty-card--aurora {
    margin: 56px 16px 0 !important;
    width: auto !important;
    text-align: left !important;
  }
}

/* === aurora_3_7_full_width.css === */
/* Aurora Messenger 3.7 — Full Width Chat Surface
   Fixes the remaining issue where the chat content still looked constrained and undersized. */
:root {
  --a37-rail: 72px;
  --a37-sidebar: 328px;
  --a37-pad: clamp(14px, 2.1vw, 28px);
  --a37-header: 60px;
  --a37-border: #dbe5ee;
  --a37-bg: #e9f2f8;
  --a37-dot: rgba(88,116,139,.14);
}

body.chat-page.aurora-v37,
body.chat-page.aurora-v37 #chat-root,
body.chat-page.aurora-v37 .chat-theme-root {
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
}

body.chat-page.aurora-v37 .chat-shell-app,
body.chat-page.aurora-v37 .chat-shell-app.has-info-panel,
body.chat-page.aurora-v37 .chat-shell-app.is-settings-mode {
  display: grid !important;
  grid-template-columns: var(--a37-rail) var(--a37-sidebar) minmax(0,1fr) !important;
  width: 100vw !important;
  height: 100vh !important;
  background: var(--a37-bg) !important;
}

body.chat-page.aurora-v37 .chat-shell-app.has-info-panel {
  grid-template-columns: var(--a37-rail) var(--a37-sidebar) minmax(0,1fr) 368px !important;
}

body.chat-page.aurora-v37 .aurora-app-rail,
body.chat-page.aurora-v37 .aurora-native-rail {
  grid-column: 1 !important;
  width: var(--a37-rail) !important;
  min-width: var(--a37-rail) !important;
  height: 100vh !important;
}

body.chat-page.aurora-v37 .aurora-app-rail__version::before { content: "3.7" !important; }
body.chat-page.aurora-v37 .aurora-app-rail__version { font-size: 0 !important; }

body.chat-page.aurora-v37 .chat-sidebar {
  grid-column: 2 !important;
  width: var(--a37-sidebar) !important;
  min-width: var(--a37-sidebar) !important;
  max-width: var(--a37-sidebar) !important;
  border-right: 1px solid var(--a37-border) !important;
  background: #fff !important;
}

body.chat-page.aurora-v37 .chat-main {
  grid-column: 3 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: var(--a37-header) minmax(0,1fr) !important;
  background-color: var(--a37-bg) !important;
  background-image: radial-gradient(circle, var(--a37-dot) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
}

body.chat-page.aurora-v37 .chat-header {
  grid-row: 1 !important;
  width: 100% !important;
  height: var(--a37-header) !important;
  padding: 0 18px !important;
  border-bottom: 1px solid var(--a37-border) !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: none !important;
}

body.chat-page.aurora-v37 .chat-body {
  grid-row: 2 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: transparent !important;
}

/* Critical fix: use the whole chat surface, not a narrow centered lane. */
body.chat-page.aurora-v37 .messages-stack {
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 14px var(--a37-pad) 108px var(--a37-pad) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v37 .message-row,
body.chat-page.aurora-v37 .album-message-row {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 4px !important;
  display: flex !important;
  justify-content: flex-start !important;
}

body.chat-page.aurora-v37 .message-row.is-own,
body.chat-page.aurora-v37 .album-message-row.is-own {
  justify-content: flex-end !important;
}

/* Make bubbles wide enough to feel native on desktop, but still readable. */
body.chat-page.aurora-v37 .message-bubble,
body.chat-page.aurora-v37 .album-bubble {
  width: fit-content !important;
  max-width: min(960px, calc(100vw - var(--a37-rail) - var(--a37-sidebar) - 96px)) !important;
  padding: 9px 11px !important;
  border: 0 !important;
  border-radius: 16px 16px 16px 8px !important;
  box-shadow: 0 1px 2px rgba(31,54,76,.12) !important;
  background: #fff !important;
}

body.chat-page.aurora-v37 .message-row.is-own .message-bubble,
body.chat-page.aurora-v37 .album-message-row.is-own .album-bubble {
  background: #dff6c6 !important;
  border-radius: 16px 16px 8px 16px !important;
}

body.chat-page.aurora-v37 .message-media img,
body.chat-page.aurora-v37 .message-media video,
body.chat-page.aurora-v37 .album-bubble img,
body.chat-page.aurora-v37 .album-bubble video {
  max-width: min(760px, calc(100vw - var(--a37-rail) - var(--a37-sidebar) - 140px)) !important;
  max-height: min(72vh, 820px) !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

/* Composer must span the real work area. */
body.chat-page.aurora-v37 .chat-composer-wrap {
  position: absolute !important;
  left: var(--a37-pad) !important;
  right: var(--a37-pad) !important;
  bottom: 12px !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 12 !important;
}

body.chat-page.aurora-v37 .chat-composer-wrap > * { pointer-events: auto !important; }

body.chat-page.aurora-v37 .chat-composer {
  width: 100% !important;
  max-width: none !important;
  min-height: 58px !important;
  padding: 8px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(209,222,235,.95) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 10px 28px rgba(26,54,82,.12) !important;
}

body.chat-page.aurora-v37 .empty-card,
body.chat-page.aurora-v37 .empty-card--aurora {
  width: min(540px, calc(100% - 2 * var(--a37-pad))) !important;
  margin: 48px 0 0 var(--a37-pad) !important;
  text-align: left !important;
}

@media (max-width: 1400px) {
  :root {
    --a37-sidebar: 308px;
  }
  body.chat-page.aurora-v37 .message-bubble,
  body.chat-page.aurora-v37 .album-bubble {
    max-width: min(820px, calc(100vw - var(--a37-rail) - var(--a37-sidebar) - 72px)) !important;
  }
}

@media (max-width: 980px) {
  body.chat-page.aurora-v37 .chat-shell-app,
  body.chat-page.aurora-v37 .chat-shell-app.has-info-panel,
  body.chat-page.aurora-v37 .chat-shell-app.is-settings-mode {
    grid-template-columns: 1fr !important;
  }
  body.chat-page.aurora-v37 .aurora-app-rail,
  body.chat-page.aurora-v37 .aurora-native-rail { display: none !important; }
  body.chat-page.aurora-v37 .chat-sidebar {
    grid-column: 1 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
  }
  body.chat-page.aurora-v37 .chat-main { grid-column: 1 !important; }
  body.chat-page.aurora-v37 .messages-stack {
    padding: 12px 10px 96px !important;
  }
  body.chat-page.aurora-v37 .message-bubble,
  body.chat-page.aurora-v37 .album-bubble {
    max-width: 88% !important;
  }
  body.chat-page.aurora-v37 .chat-composer-wrap {
    left: 10px !important;
    right: 10px !important;
  }
}

/* === aurora_3_9_interface_pass.css === */
/* Aurora Messenger 3.9 — Interface Pass
   Purpose: keep the left rail, make the chat surface use the full workspace,
   tighten dialogs/header/composer/media, and remove the remaining centered-template feel. */
:root {
  --a39-rail: 68px;
  --a39-dialogs: 344px;
  --a39-info: 372px;
  --a39-header: 58px;
  --a39-pad-x: clamp(16px, 2.2vw, 34px);
  --a39-pad-y: 14px;
  --a39-bg: #e8f2f8;
  --a39-panel: #ffffff;
  --a39-rail-bg: #071421;
  --a39-border: #d9e4ee;
  --a39-text: #0d2238;
  --a39-muted: #71859a;
  --a39-blue: #2481cc;
  --a39-blue-soft: #e7f3ff;
  --a39-out: #dcf8c6;
  --a39-in: #ffffff;
  --a39-shadow-sm: 0 1px 2px rgba(31, 54, 76, .12);
  --a39-shadow-float: 0 10px 30px rgba(26, 54, 82, .13);
}

body.chat-page.aurora-v39,
body.chat-page.aurora-v39 #chat-root,
body.chat-page.aurora-v39 .chat-theme-root {
  width: 100vw !important;
  height: 100vh !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: var(--a39-bg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.chat-page.aurora-v39 .chat-shell-app,
body.chat-page.aurora-v39 .chat-shell-app.has-info-panel,
body.chat-page.aurora-v39 .chat-shell-app.is-settings-mode {
  width: 100vw !important;
  height: 100vh !important;
  display: grid !important;
  grid-template-columns: var(--a39-rail) var(--a39-dialogs) minmax(0, 1fr) !important;
  grid-template-rows: 1fr !important;
  overflow: hidden !important;
  background: var(--a39-bg) !important;
}

body.chat-page.aurora-v39 .chat-shell-app.has-info-panel {
  grid-template-columns: var(--a39-rail) var(--a39-dialogs) minmax(0, 1fr) var(--a39-info) !important;
}

/* Left rail: keep it, but make it feel intentional and integrated. */
body.chat-page.aurora-v39 .aurora-app-rail,
body.chat-page.aurora-v39 .aurora-native-rail {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: var(--a39-rail) !important;
  min-width: var(--a39-rail) !important;
  max-width: var(--a39-rail) !important;
  height: 100vh !important;
  padding: 10px 8px !important;
  background: linear-gradient(180deg, #0a1827 0%, #06111d 100%) !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  z-index: 60 !important;
}

body.chat-page.aurora-v39 .aurora-app-rail__brand,
body.chat-page.aurora-v39 .aurora-app-rail__button {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #b9cbe0 !important;
  box-shadow: none !important;
  transition: background-color .14s ease, color .14s ease, transform .08s ease !important;
}

body.chat-page.aurora-v39 .aurora-app-rail__brand {
  background: linear-gradient(180deg, #2d9cff, #1878d6) !important;
  color: #fff !important;
  font-weight: 800 !important;
}

body.chat-page.aurora-v39 .aurora-app-rail__button:hover,
body.chat-page.aurora-v39 .aurora-app-rail__button.is-active {
  background: rgba(255,255,255,.11) !important;
  color: #fff !important;
}

body.chat-page.aurora-v39 .aurora-app-rail__button:active { transform: scale(.98) !important; }
body.chat-page.aurora-v39 .aurora-app-rail__version::before { content: "3.9" !important; }
body.chat-page.aurora-v39 .aurora-app-rail__version { font-size: 0 !important; }
body.chat-page.aurora-v39 .aurora-app-rail__version::before {
  font-size: 11px !important;
  color: rgba(226,239,255,.72) !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
}

/* Dialog list column. */
body.chat-page.aurora-v39 .chat-sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: var(--a39-dialogs) !important;
  min-width: var(--a39-dialogs) !important;
  max-width: var(--a39-dialogs) !important;
  height: 100vh !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  background: var(--a39-panel) !important;
  border-right: 1px solid var(--a39-border) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.chat-page.aurora-v39 .sidebar-topbar {
  height: 62px !important;
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 10px 8px !important;
  border-bottom: 0 !important;
  box-sizing: border-box !important;
}

/* Hide duplicate hamburger when rail exists. */
body.chat-page.aurora-v39 .sidebar-topbar > span:first-child,
body.chat-page.aurora-v39 .sidebar-topbar__menu,
body.chat-page.aurora-v39 .sidebar-topbar__action {
  display: none !important;
}

body.chat-page.aurora-v39 .tg-search--topbar {
  height: 42px !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-column: 1 !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 14px !important;
  background: #f2f6fb !important;
  border: 1px solid #e1e9f2 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v39 .tg-search--topbar input {
  font-size: 14px !important;
  color: var(--a39-text) !important;
}

body.chat-page.aurora-v39 .sidebar-self {
  grid-column: 2 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid #e1e9f2 !important;
  overflow: hidden !important;
  background: #f7fafc !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.chat-page.aurora-v39 .tg-folders {
  height: 38px !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0 10px 6px !important;
  border-bottom: 1px solid #edf2f7 !important;
  scrollbar-width: none !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v39 .tg-folders::-webkit-scrollbar { display: none !important; }

body.chat-page.aurora-v39 .tg-folder {
  height: 28px !important;
  min-width: max-content !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #587089 !important;
  background: transparent !important;
  border: 0 !important;
}

body.chat-page.aurora-v39 .tg-folder.is-active {
  color: #fff !important;
  background: var(--a39-blue) !important;
}

body.chat-page.aurora-v39 .sidebar-list {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 2px 0 88px !important;
  background: #fff !important;
}

body.chat-page.aurora-v39 .chat-list-item {
  min-height: 70px !important;
  height: auto !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #f0f3f7 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 10px !important;
}

body.chat-page.aurora-v39 .chat-list-item:hover { background: #f7fbff !important; }
body.chat-page.aurora-v39 .chat-list-item.is-active { background: #e6f3ff !important; }
body.chat-page.aurora-v39 .chat-list-item__avatar { width: 46px !important; height: 46px !important; }
body.chat-page.aurora-v39 .chat-list-item__title { font-size: 14px !important; font-weight: 800 !important; color: #0e2338 !important; }
body.chat-page.aurora-v39 .chat-list-item__time { font-size: 12px !important; color: #7890a7 !important; }
body.chat-page.aurora-v39 .chat-list-item__secondary,
body.chat-page.aurora-v39 .chat-list-item__preview { font-size: 13px !important; color: #587089 !important; }
body.chat-page.aurora-v39 .chat-list-item__preview {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.chat-page.aurora-v39 .new-chat-fab {
  width: 52px !important;
  height: 52px !important;
  right: 14px !important;
  bottom: 14px !important;
  border-radius: 18px !important;
  background: var(--a39-blue) !important;
  box-shadow: 0 10px 24px rgba(36,129,204,.26) !important;
}

/* Main chat area: use full surface, no centered lane. */
body.chat-page.aurora-v39 .chat-main {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: var(--a39-header) minmax(0, 1fr) !important;
  position: relative !important;
  overflow: hidden !important;
  background-color: var(--a39-bg) !important;
  background-image: radial-gradient(circle, rgba(88,116,139,.13) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
}

body.chat-page.aurora-v39 .chat-header {
  grid-row: 1 !important;
  width: 100% !important;
  height: var(--a39-header) !important;
  min-height: var(--a39-header) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 36vw) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 20px !important;
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid var(--a39-border) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v39 .chat-header__avatar,
body.chat-page.aurora-v39 .chat-header__empty-avatar {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
}

body.chat-page.aurora-v39 .chat-header__copy strong { font-size: 15px !important; font-weight: 800 !important; color: var(--a39-text) !important; }
body.chat-page.aurora-v39 .chat-header__copy span { font-size: 12px !important; color: #6d8298 !important; }
body.chat-page.aurora-v39 .chat-header__actions { gap: 4px !important; }
body.chat-page.aurora-v39 .chat-header__actions .ui-icon-button,
body.chat-page.aurora-v39 .chat-header .ui-icon-button {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  color: #607990 !important;
  box-shadow: none !important;
}

body.chat-page.aurora-v39 .chat-pinned {
  min-width: 0 !important;
  max-width: 100% !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: #f3f8fd !important;
  border: 1px solid #e1eaf3 !important;
}

body.chat-page.aurora-v39 .chat-body {
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 !important;
  background: transparent !important;
}

body.chat-page.aurora-v39 .messages-stack {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: var(--a39-pad-y) var(--a39-pad-x) 106px var(--a39-pad-x) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 5px !important;
}

body.chat-page.aurora-v39 .messages-bg { display: none !important; }

body.chat-page.aurora-v39 .message-row,
body.chat-page.aurora-v39 .album-message-row {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
}

body.chat-page.aurora-v39 .message-row.is-own,
body.chat-page.aurora-v39 .album-message-row.is-own { justify-content: flex-end !important; }

body.chat-page.aurora-v39 .message-bubble,
body.chat-page.aurora-v39 .album-bubble {
  width: fit-content !important;
  min-width: 0 !important;
  max-width: min(900px, calc(100vw - var(--a39-rail) - var(--a39-dialogs) - 96px)) !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 16px 16px 16px 7px !important;
  background: var(--a39-in) !important;
  color: var(--a39-text) !important;
  box-shadow: var(--a39-shadow-sm) !important;
  backdrop-filter: none !important;
  font-size: 14px !important;
  line-height: 1.38 !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v39 .message-row.is-own .message-bubble,
body.chat-page.aurora-v39 .album-message-row.is-own .album-bubble {
  background: var(--a39-out) !important;
  border-radius: 16px 16px 7px 16px !important;
}

body.chat-page.aurora-v39 .message-bubble p,
body.chat-page.aurora-v39 .message-text,
body.chat-page.aurora-v39 .message-content {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

body.chat-page.aurora-v39 .message-media img,
body.chat-page.aurora-v39 .message-media video,
body.chat-page.aurora-v39 .album-bubble img,
body.chat-page.aurora-v39 .album-bubble video {
  max-width: min(720px, calc(100vw - var(--a39-rail) - var(--a39-dialogs) - 132px)) !important;
  max-height: min(72vh, 760px) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

body.chat-page.aurora-v39 .message-date {
  align-self: center !important;
  margin: 10px 0 8px !important;
  height: 24px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(97, 118, 137, .45) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.chat-page.aurora-v39 .message-actions {
  opacity: 0 !important;
  transition: opacity .12s ease !important;
}
body.chat-page.aurora-v39 .message-row:hover .message-actions,
body.chat-page.aurora-v39 .album-message-row:hover .message-actions { opacity: 1 !important; }

/* Composer: full-width within chat workspace. */
body.chat-page.aurora-v39 .chat-composer-wrap {
  position: absolute !important;
  left: var(--a39-pad-x) !important;
  right: var(--a39-pad-x) !important;
  bottom: 12px !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

body.chat-page.aurora-v39 .chat-composer-wrap > * { pointer-events: auto !important; }

body.chat-page.aurora-v39 .chat-composer,
body.chat-page.aurora-v39 .chat-composer--telegram {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 44px !important;
  align-items: end !important;
  gap: 8px !important;
  padding: 7px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(205, 219, 232, .98) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: var(--a39-shadow-float) !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v39 .chat-composer__field {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  border: 1px solid #dbe6f0 !important;
  background: #f8fbfe !important;
  border-radius: 15px !important;
  padding: 0 6px 0 12px !important;
  box-sizing: border-box !important;
}

body.chat-page.aurora-v39 .chat-composer textarea,
body.chat-page.aurora-v39 #chatComposerInput {
  min-height: 40px !important;
  max-height: 132px !important;
  line-height: 20px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  background: transparent !important;
  resize: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  color: var(--a39-text) !important;
}

body.chat-page.aurora-v39 .chat-composer__field-actions {
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
}

body.chat-page.aurora-v39 .composer-round,
body.chat-page.aurora-v39 .composer-field-button,
body.chat-page.aurora-v39 .composer-submit {
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

body.chat-page.aurora-v39 .composer-submit {
  background: #edf4fa !important;
  color: #607990 !important;
}
body.chat-page.aurora-v39 .composer-submit.is-active {
  background: var(--a39-blue) !important;
  color: #fff !important;
}

body.chat-page.aurora-v39 .typing-pill,
body.chat-page.aurora-v39 .reply-bar,
body.chat-page.aurora-v39 .attachment-chip {
  max-width: none !important;
  margin: 0 0 8px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid var(--a39-border) !important;
  box-shadow: var(--a39-shadow-sm) !important;
}

/* Empty state should not become a landing page in the middle of the product. */
body.chat-page.aurora-v39 .chat-body.is-empty {
  display: block !important;
  align-items: initial !important;
  justify-content: initial !important;
}

body.chat-page.aurora-v39 .empty-card,
body.chat-page.aurora-v39 .empty-card--aurora {
  width: min(520px, calc(100% - 2 * var(--a39-pad-x))) !important;
  max-width: 520px !important;
  margin: 42px 0 0 var(--a39-pad-x) !important;
  padding: 26px 28px !important;
  text-align: left !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(214,226,238,.95) !important;
  box-shadow: 0 12px 34px rgba(31,54,76,.12) !important;
}

body.chat-page.aurora-v39 .empty-card .ui-primary-button,
body.chat-page.aurora-v39 .empty-card--aurora .ui-primary-button { margin-left: 0 !important; }

/* Right info panel. */
body.chat-page.aurora-v39 .desktop-side-panel {
  grid-column: 4 !important;
  grid-row: 1 !important;
  width: var(--a39-info) !important;
  max-width: var(--a39-info) !important;
  height: 100vh !important;
  background: #fff !important;
  border-left: 1px solid var(--a39-border) !important;
  box-shadow: none !important;
}

body.chat-page.aurora-v39 .side-panel__head {
  height: var(--a39-header) !important;
  min-height: var(--a39-header) !important;
  border-bottom: 1px solid var(--a39-border) !important;
  background: #fff !important;
}

body.chat-page.aurora-v39 .side-panel__title-wrap strong::first-letter { text-transform: uppercase; }

/* Media viewer / loot / settings surfaces: quieter, less template-like. */
body.chat-page.aurora-v39 .media-viewer,
body.chat-page.aurora-v39 .modal-backdrop,
body.chat-page.aurora-v39 .loot-modal-backdrop {
  backdrop-filter: none !important;
}

body.chat-page.aurora-v39 .media-viewer__frame,
body.chat-page.aurora-v39 .media-viewer__content {
  background: #05080d !important;
  border-radius: 0 !important;
}

body.chat-page.aurora-v39 .settings-card,
body.chat-page.aurora-v39 .loot-vault,
body.chat-page.aurora-v39 .profile-card,
body.chat-page.aurora-v39 .tg-info-card {
  border-radius: 18px !important;
  border: 1px solid #e1eaf3 !important;
  box-shadow: none !important;
  background: #fff !important;
}

@media (min-width: 1700px) {
  :root { --a39-dialogs: 360px; --a39-pad-x: 40px; }
  body.chat-page.aurora-v39 .message-bubble,
  body.chat-page.aurora-v39 .album-bubble {
    max-width: min(980px, calc(100vw - var(--a39-rail) - var(--a39-dialogs) - 112px)) !important;
  }
  body.chat-page.aurora-v39 .message-media img,
  body.chat-page.aurora-v39 .message-media video,
  body.chat-page.aurora-v39 .album-bubble img,
  body.chat-page.aurora-v39 .album-bubble video {
    max-width: min(780px, calc(100vw - var(--a39-rail) - var(--a39-dialogs) - 148px)) !important;
  }
}

@media (max-width: 1280px) {
  :root { --a39-dialogs: 318px; --a39-pad-x: 18px; }
  body.chat-page.aurora-v39 .chat-header {
    grid-template-columns: minmax(0, 1fr) minmax(0, 28vw) auto !important;
  }
  body.chat-page.aurora-v39 .message-bubble,
  body.chat-page.aurora-v39 .album-bubble {
    max-width: min(720px, calc(100vw - var(--a39-rail) - var(--a39-dialogs) - 64px)) !important;
  }
}

@media (max-width: 980px) {
  body.chat-page.aurora-v39 .chat-shell-app,
  body.chat-page.aurora-v39 .chat-shell-app.has-info-panel,
  body.chat-page.aurora-v39 .chat-shell-app.is-settings-mode {
    grid-template-columns: 1fr !important;
  }
  body.chat-page.aurora-v39 .aurora-app-rail,
  body.chat-page.aurora-v39 .aurora-native-rail { display: none !important; }
  body.chat-page.aurora-v39 .chat-sidebar {
    grid-column: 1 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
  }
  body.chat-page.aurora-v39 .chat-main {
    grid-column: 1 !important;
    width: 100vw !important;
  }
  body.chat-page.aurora-v39 .messages-stack {
    padding: 12px 10px 96px !important;
  }
  body.chat-page.aurora-v39 .message-bubble,
  body.chat-page.aurora-v39 .album-bubble {
    max-width: 88% !important;
  }
  body.chat-page.aurora-v39 .message-media img,
  body.chat-page.aurora-v39 .message-media video,
  body.chat-page.aurora-v39 .album-bubble img,
  body.chat-page.aurora-v39 .album-bubble video {
    max-width: 100% !important;
    max-height: 64vh !important;
  }
  body.chat-page.aurora-v39 .chat-composer-wrap {
    left: 10px !important;
    right: 10px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
  }
  body.chat-page.aurora-v39 .chat-composer,
  body.chat-page.aurora-v39 .chat-composer--telegram {
    grid-template-columns: 36px minmax(0, 1fr) 40px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
  }
  body.chat-page.aurora-v39 .empty-card,
  body.chat-page.aurora-v39 .empty-card--aurora {
    width: auto !important;
    margin: 32px 14px 0 !important;
  }
}

/* === aurora_4_full_surface.css === */
/* Aurora Messenger 4.0 — Full Surface Interface Pass
   One visual system for chat, rail, dialogs, settings, profile/info, media, cases/inventory, admin, auth and utility pages. */
:root {
  --a40-rail: 72px;
  --a40-sidebar: 336px;
  --a40-header: 60px;
  --a40-info: 392px;
  --a40-bg: #e8f1f8;
  --a40-bg-soft: #f4f8fc;
  --a40-surface: #ffffff;
  --a40-surface-2: #f8fbff;
  --a40-line: #d8e4ef;
  --a40-line-soft: rgba(24, 55, 88, .09);
  --a40-text: #10243a;
  --a40-text-2: #31485f;
  --a40-muted: #7890a6;
  --a40-blue: #2384d7;
  --a40-blue-2: #1677c8;
  --a40-blue-soft: rgba(35, 132, 215, .1);
  --a40-green: #daf6c7;
  --a40-green-2: #c4efae;
  --a40-danger: #dc4c64;
  --a40-warn: #f2a52c;
  --a40-radius-xs: 8px;
  --a40-radius-sm: 12px;
  --a40-radius-md: 16px;
  --a40-radius-lg: 22px;
  --a40-shadow-sm: 0 1px 2px rgba(24,55,88,.10);
  --a40-shadow-md: 0 14px 34px rgba(24,55,88,.13);
  --a40-shadow-lg: 0 28px 70px rgba(24,55,88,.18);
  --a40-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

body.aurora-v40,
body.aurora-v40 * {
  box-sizing: border-box;
}

body.aurora-v40 {
  font-family: var(--a40-font) !important;
  color: var(--a40-text) !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

body.chat-page.aurora-v40,
body.chat-page.aurora-v40 #chat-root,
body.chat-page.aurora-v40 .chat-theme-root {
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: var(--a40-bg) !important;
}

body.chat-page.aurora-v40 .chat-shell-app,
body.chat-page.aurora-v40 .chat-shell-app.has-info-panel,
body.chat-page.aurora-v40 .chat-shell-app.is-settings-mode {
  display: grid !important;
  grid-template-columns: var(--a40-rail) var(--a40-sidebar) minmax(0, 1fr) !important;
  grid-template-rows: 100vh !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: var(--a40-bg) !important;
}
body.chat-page.aurora-v40 .chat-shell-app.has-info-panel {
  grid-template-columns: var(--a40-rail) var(--a40-sidebar) minmax(0, 1fr) var(--a40-info) !important;
}
body.chat-page.aurora-v40 .chat-shell-app.is-settings-mode {
  grid-template-columns: var(--a40-rail) 392px minmax(0, 1fr) !important;
}

/* Left rail */
body.chat-page.aurora-v40 .aurora-app-rail,
body.chat-page.aurora-v40 .aurora-native-rail {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: var(--a40-rail) !important;
  min-width: var(--a40-rail) !important;
  height: 100vh !important;
  padding: 12px 10px !important;
  background: linear-gradient(180deg, #0f1b2a 0%, #0a1321 100%) !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  z-index: 40 !important;
}
body.chat-page.aurora-v40 .aurora-app-rail__group { display:flex !important; flex-direction:column !important; align-items:center !important; gap:10px !important; }
body.chat-page.aurora-v40 .aurora-app-rail__brand,
body.chat-page.aurora-v40 .aurora-app-rail__button {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border: 0 !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  color: #9fb4ca !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .14s ease, color .14s ease, transform .14s ease !important;
}
body.chat-page.aurora-v40 .aurora-app-rail__brand {
  color: #fff !important;
  background: linear-gradient(180deg, #2d97e9, #1678ca) !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 26px rgba(35,132,215,.32) !important;
}
body.chat-page.aurora-v40 .aurora-app-rail__button:hover { background: rgba(255,255,255,.08) !important; color:#fff !important; }
body.chat-page.aurora-v40 .aurora-app-rail__button.is-active { background: rgba(255,255,255,.13) !important; color:#fff !important; }
body.chat-page.aurora-v40 .aurora-app-rail__button svg { width:20px !important; height:20px !important; }
body.chat-page.aurora-v40 .aurora-app-rail__version { font-size:0 !important; width:46px !important; height:26px !important; border-radius:999px !important; display:grid !important; place-items:center !important; background:rgba(255,255,255,.08) !important; color:#9fb4ca !important; }
body.chat-page.aurora-v40 .aurora-app-rail__version::before { content:"4.0" !important; font-size:11px !important; font-weight:800 !important; letter-spacing:.02em !important; }

/* Dialogs column */
body.chat-page.aurora-v40 .chat-sidebar {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: var(--a40-sidebar) !important;
  min-width: var(--a40-sidebar) !important;
  max-width: var(--a40-sidebar) !important;
  height: 100vh !important;
  background: var(--a40-surface) !important;
  border-right: 1px solid var(--a40-line) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none !important;
}
body.chat-page.aurora-v40 .chat-sidebar.is-panel-mode { width:392px !important; min-width:392px !important; max-width:392px !important; }
body.chat-page.aurora-v40 .sidebar-topbar {
  height: 62px !important;
  flex: 0 0 62px !important;
  padding: 10px 12px 8px !important;
  gap: 8px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 42px !important;
  align-items: center !important;
  border-bottom: 1px solid var(--a40-line-soft) !important;
}
body.chat-page.aurora-v40 .sidebar-topbar__menu,
body.chat-page.aurora-v40 .sidebar-topbar__action { display:none !important; }
body.chat-page.aurora-v40 .sidebar-self { width:42px !important; height:42px !important; border:0 !important; padding:0 !important; border-radius:16px !important; background:#eef5fc !important; cursor:pointer !important; overflow:hidden !important; }
body.chat-page.aurora-v40 .tg-search { height:42px !important; border-radius:16px !important; background:#f2f6fa !important; border:1px solid #e0e9f2 !important; padding:0 12px !important; display:flex !important; align-items:center !important; gap:8px !important; }
body.chat-page.aurora-v40 .tg-search input { width:100% !important; border:0 !important; background:transparent !important; outline:none !important; font-size:14px !important; color:var(--a40-text) !important; }
body.chat-page.aurora-v40 .tg-search__icon svg { width:18px !important; height:18px !important; color:#6f859d !important; }
body.chat-page.aurora-v40 .tg-folders {
  flex: 0 0 auto !important;
  display: flex !important;
  gap: 6px !important;
  padding: 8px 10px 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  border-bottom:1px solid var(--a40-line-soft) !important;
}
body.chat-page.aurora-v40 .tg-folders::-webkit-scrollbar { display:none !important; }
body.chat-page.aurora-v40 .tg-folder {
  height: 32px !important;
  flex: 0 0 auto !important;
  border:0 !important;
  background: transparent !important;
  color: #51687f !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  cursor:pointer !important;
}
body.chat-page.aurora-v40 .tg-folder.is-active { background: var(--a40-blue) !important; color:#fff !important; }
body.chat-page.aurora-v40 .tg-folder__count { min-width:20px !important; height:20px !important; padding:0 6px !important; border-radius:999px !important; display:grid !important; place-items:center !important; background:rgba(35,132,215,.12) !important; color:var(--a40-blue) !important; font-size:12px !important; font-weight:800 !important; }
body.chat-page.aurora-v40 .tg-folder.is-active .tg-folder__count { background:rgba(255,255,255,.22) !important; color:#fff !important; }
body.chat-page.aurora-v40 .sidebar-list { flex:1 1 auto !important; overflow-y:auto !important; padding:0 !important; }
body.chat-page.aurora-v40 .chat-list-item {
  width: 100% !important;
  min-height: 66px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(16,36,58,.055) !important;
  border-radius: 0 !important;
  background: transparent !important;
  display:grid !important;
  grid-template-columns: 48px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items:center !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transform:none !important;
}
body.chat-page.aurora-v40 .chat-list-item:hover { background:#f6f9fc !important; }
body.chat-page.aurora-v40 .chat-list-item.is-active { background:#e7f2fe !important; }
body.chat-page.aurora-v40 .chat-list-item__avatar .ui-avatar,
body.chat-page.aurora-v40 .chat-list-item__avatar { width:46px !important; height:46px !important; }
body.chat-page.aurora-v40 .chat-list-item__body { min-width:0 !important; }
body.chat-page.aurora-v40 .chat-list-item__top { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; }
body.chat-page.aurora-v40 .chat-list-item__title { min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; font-size:14.2px !important; font-weight:800 !important; color:#0d2034 !important; }
body.chat-page.aurora-v40 .chat-list-item__time { flex:0 0 auto !important; font-size:12px !important; color:#6e8399 !important; }
body.chat-page.aurora-v40 .chat-list-item__bottom { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; margin-top:2px !important; }
body.chat-page.aurora-v40 .chat-list-item__preview,
body.chat-page.aurora-v40 .chat-list-item__secondary { min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:#567087 !important; font-size:13px !important; }
body.chat-page.aurora-v40 .chat-list-item__badge { flex:0 0 auto !important; min-width:22px !important; height:22px !important; border-radius:999px !important; padding:0 7px !important; background:var(--a40-blue) !important; color:#fff !important; font-size:12px !important; font-weight:800 !important; display:grid !important; place-items:center !important; }
body.chat-page.aurora-v40 .new-chat-fab { width:52px !important; height:52px !important; right:14px !important; bottom:16px !important; border-radius:18px !important; background:var(--a40-blue) !important; box-shadow:0 16px 34px rgba(35,132,215,.30) !important; }

/* Chat surface */
body.chat-page.aurora-v40 .chat-main {
  grid-column:3 !important;
  grid-row:1 !important;
  min-width:0 !important;
  height:100vh !important;
  display:grid !important;
  grid-template-rows: var(--a40-header) minmax(0,1fr) !important;
  position:relative !important;
  overflow:hidden !important;
  background-color: var(--a40-bg) !important;
  background-image: radial-gradient(circle, rgba(75,105,132,.14) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
}
body.chat-page.aurora-v40 .chat-header {
  grid-row:1 !important;
  height:var(--a40-header) !important;
  min-height:var(--a40-header) !important;
  width:100% !important;
  padding:0 18px !important;
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid var(--a40-line) !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto auto !important;
  align-items:center !important;
  gap:12px !important;
}
body.chat-page.aurora-v40 .chat-header__left { min-width:0 !important; display:flex !important; align-items:center !important; gap:10px !important; }
body.chat-page.aurora-v40 .chat-header__avatar .ui-avatar,
body.chat-page.aurora-v40 .chat-header__empty-avatar { width:42px !important; height:42px !important; }
body.chat-page.aurora-v40 .chat-header__title-row strong { font-size:15px !important; font-weight:800 !important; color:#0e2238 !important; }
body.chat-page.aurora-v40 .chat-header__copy span { font-size:12px !important; color:#5d748b !important; }
body.chat-page.aurora-v40 .chat-header__actions { display:flex !important; gap:6px !important; }
body.chat-page.aurora-v40 .chat-header__actions .ui-icon-button { width:38px !important; height:38px !important; border-radius:12px !important; color:#53708a !important; }
body.chat-page.aurora-v40 .chat-pinned { min-width:240px !important; max-width:36vw !important; height:38px !important; border-radius:14px !important; padding:5px 12px !important; background:#f4f8fc !important; border:1px solid #e1ebf4 !important; }
body.chat-page.aurora-v40 .chat-pinned__label { font-size:11px !important; color:var(--a40-blue) !important; }
body.chat-page.aurora-v40 .chat-pinned__text { font-size:12px !important; color:#38536c !important; }
body.chat-page.aurora-v40 .chat-body { grid-row:2 !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; background:transparent !important; padding:0 !important; }
body.chat-page.aurora-v40 .messages-stack { width:100% !important; max-width:none !important; min-height:100% !important; margin:0 !important; padding:16px clamp(16px,2vw,30px) 104px !important; display:flex !important; flex-direction:column !important; gap:5px !important; }
body.chat-page.aurora-v40 .message-row,
body.chat-page.aurora-v40 .album-message-row { width:100% !important; max-width:none !important; margin:0 0 4px !important; display:flex !important; justify-content:flex-start !important; }
body.chat-page.aurora-v40 .message-row.is-own,
body.chat-page.aurora-v40 .album-message-row.is-own { justify-content:flex-end !important; }
body.chat-page.aurora-v40 .message-bubble,
body.chat-page.aurora-v40 .album-bubble { max-width:min(860px, calc(100% - 82px)) !important; width:fit-content !important; background:#fff !important; border:0 !important; box-shadow:var(--a40-shadow-sm) !important; padding:8px 10px !important; border-radius:16px 16px 16px 7px !important; color:#122840 !important; font-size:14.2px !important; line-height:1.38 !important; }
body.chat-page.aurora-v40 .message-row.is-own .message-bubble,
body.chat-page.aurora-v40 .album-message-row.is-own .album-bubble { background:var(--a40-green) !important; border-radius:16px 16px 7px 16px !important; }
body.chat-page.aurora-v40 .message-text { white-space:pre-wrap !important; overflow-wrap:anywhere !important; }
body.chat-page.aurora-v40 .message-meta { margin-top:3px !important; gap:4px !important; color:#7890a6 !important; font-size:11px !important; justify-content:flex-end !important; }
body.chat-page.aurora-v40 .message-date { align-self:center !important; padding:5px 10px !important; border-radius:999px !important; background:rgba(74,99,120,.36) !important; color:#fff !important; font-size:12px !important; font-weight:800 !important; }
body.chat-page.aurora-v40 .message-media img,
body.chat-page.aurora-v40 .message-media video,
body.chat-page.aurora-v40 .album-bubble img,
body.chat-page.aurora-v40 .album-bubble video { max-width:min(720px, calc(100vw - var(--a40-rail) - var(--a40-sidebar) - 120px)) !important; max-height:min(72vh, 760px) !important; border-radius:12px !important; object-fit:contain !important; }
body.chat-page.aurora-v40 .message-actions { opacity:0 !important; transition:opacity .12s ease !important; }
body.chat-page.aurora-v40 .message-row:hover .message-actions { opacity:1 !important; }

/* Composer */
body.chat-page.aurora-v40 .chat-composer-wrap { position:absolute !important; left:clamp(16px,2vw,30px) !important; right:clamp(16px,2vw,30px) !important; bottom:12px !important; width:auto !important; max-width:none !important; margin:0 !important; transform:none !important; z-index:15 !important; pointer-events:none !important; padding:0 !important; }
body.chat-page.aurora-v40 .chat-composer-wrap > * { pointer-events:auto !important; }
body.chat-page.aurora-v40 .chat-composer { width:100% !important; min-height:56px !important; max-width:none !important; display:grid !important; grid-template-columns:38px minmax(0,1fr) 44px !important; gap:8px !important; align-items:end !important; padding:7px !important; border-radius:20px !important; border:1px solid rgba(207,220,232,.98) !important; background:rgba(255,255,255,.98) !important; box-shadow:0 14px 34px rgba(24,55,88,.16) !important; }
body.chat-page.aurora-v40 .chat-composer__field { min-width:0 !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:end !important; gap:8px !important; min-height:42px !important; border:1px solid #dce7f1 !important; background:#f9fbfd !important; border-radius:15px !important; padding:0 5px 0 12px !important; }
body.chat-page.aurora-v40 .chat-composer__field textarea { min-height:40px !important; max-height:160px !important; padding:10px 0 !important; border:0 !important; resize:none !important; background:transparent !important; outline:none !important; font-size:14px !important; color:#10243a !important; }
body.chat-page.aurora-v40 .chat-composer__field-actions { display:flex !important; align-items:center !important; gap:2px !important; padding-bottom:3px !important; }
body.chat-page.aurora-v40 .composer-round,
body.chat-page.aurora-v40 .composer-field-button,
body.chat-page.aurora-v40 .composer-submit { width:40px !important; height:40px !important; border-radius:14px !important; }
body.chat-page.aurora-v40 .composer-submit { border:0 !important; background:#ecf3fa !important; color:#5d748b !important; display:grid !important; place-items:center !important; }
body.chat-page.aurora-v40 .composer-submit.is-active { background:var(--a40-blue) !important; color:#fff !important; }
body.chat-page.aurora-v40 .reply-bar,
body.chat-page.aurora-v40 .attachment-chip,
body.chat-page.aurora-v40 .typing-pill { width:100% !important; margin:0 0 6px !important; border-radius:15px !important; background:rgba(255,255,255,.96) !important; border:1px solid #dce7f1 !important; box-shadow:var(--a40-shadow-sm) !important; }

/* Context menus, modals, drawers */
body.chat-page.aurora-v40 .context-menu__overlay,
body.chat-page.aurora-v40 .modal-overlay,
body.chat-page.aurora-v40 .media-viewer__overlay { backdrop-filter: blur(8px) !important; background:rgba(13,25,39,.38) !important; }
body.chat-page.aurora-v40 .context-menu,
body.chat-page.aurora-v40 .modal-card,
body.chat-page.aurora-v40 .drawer,
body.chat-page.aurora-v40 .desktop-side-panel,
body.chat-page.aurora-v40 .side-panel__scroll,
body.chat-page.aurora-v40 .side-panel__scroll--left { background:var(--a40-surface) !important; border-color:var(--a40-line) !important; box-shadow:var(--a40-shadow-lg) !important; }
body.chat-page.aurora-v40 .context-menu { border-radius:16px !important; padding:6px !important; min-width:220px !important; }
body.chat-page.aurora-v40 .context-menu__item,
body.chat-page.aurora-v40 .panel-row,
body.chat-page.aurora-v40 .app-menu__item { border-radius:12px !important; min-height:42px !important; padding:8px 10px !important; }
body.chat-page.aurora-v40 .context-menu__item:hover,
body.chat-page.aurora-v40 .panel-row.is-button:hover,
body.chat-page.aurora-v40 .app-menu__item:hover { background:#f3f7fb !important; }
body.chat-page.aurora-v40 .desktop-side-panel { grid-column:4 !important; grid-row:1 !important; width:var(--a40-info) !important; min-width:var(--a40-info) !important; max-width:var(--a40-info) !important; height:100vh !important; border-left:1px solid var(--a40-line) !important; box-shadow:none !important; overflow:hidden !important; }
body.chat-page.aurora-v40 .side-panel__head { height:60px !important; border-bottom:1px solid var(--a40-line) !important; background:#fff !important; padding:0 14px !important; }
body.chat-page.aurora-v40 .side-panel__scroll { height:calc(100vh - 60px) !important; overflow-y:auto !important; padding:14px !important; }
body.chat-page.aurora-v40 .side-panel__scroll--left { height:calc(100vh - 60px) !important; box-shadow:none !important; }

/* Settings / profile / info */
body.chat-page.aurora-v40 .tg-settings-profile,
body.chat-page.aurora-v40 .tg-info-head,
body.chat-page.aurora-v40 .profile-hero,
body.chat-page.aurora-v40 .profile-hero-v2 { border-radius:22px !important; border:1px solid var(--a40-line) !important; box-shadow:var(--a40-shadow-sm) !important; overflow:hidden !important; }
body.chat-page.aurora-v40 .panel-section,
body.chat-page.aurora-v40 .tg-info-card,
body.chat-page.aurora-v40 .vk-bind-card,
body.chat-page.aurora-v40 .device-card { background:#fff !important; border:1px solid var(--a40-line) !important; border-radius:18px !important; box-shadow:var(--a40-shadow-sm) !important; padding:14px !important; }
body.chat-page.aurora-v40 .panel-section + .panel-section { margin-top:12px !important; }
body.chat-page.aurora-v40 .panel-section__title { margin:0 0 10px !important; color:#0f263d !important; font-size:13px !important; font-weight:850 !important; letter-spacing:.01em !important; }
body.chat-page.aurora-v40 .panel-tabs,
body.chat-page.aurora-v40 .tg-info-tabs,
body.chat-page.aurora-v40 .loot-vault__mode-switch,
body.chat-page.aurora-v40 .loot-menu__mode-switch { display:flex !important; gap:5px !important; padding:4px !important; border-radius:14px !important; background:#edf4fb !important; border:1px solid #dde8f2 !important; overflow-x:auto !important; }
body.chat-page.aurora-v40 .panel-tabs__item,
body.chat-page.aurora-v40 .tg-info-tabs__item,
body.chat-page.aurora-v40 .loot-vault__mode-btn,
body.chat-page.aurora-v40 .loot-menu__mode-btn { min-height:34px !important; border:0 !important; border-radius:11px !important; background:transparent !important; color:#536b83 !important; padding:0 10px !important; font-weight:800 !important; white-space:nowrap !important; }
body.chat-page.aurora-v40 .panel-tabs__item.is-active,
body.chat-page.aurora-v40 .tg-info-tabs__item.is-active,
body.chat-page.aurora-v40 .loot-vault__mode-btn.is-active,
body.chat-page.aurora-v40 .loot-menu__mode-btn.is-active { background:#fff !important; color:var(--a40-blue) !important; box-shadow:var(--a40-shadow-sm) !important; }
body.chat-page.aurora-v40 .field input,
body.chat-page.aurora-v40 .field textarea,
body.chat-page.aurora-v40 .modal-search input { border-radius:14px !important; border:1px solid #dce7f1 !important; background:#f9fbfd !important; color:#10243a !important; min-height:42px !important; padding:0 12px !important; }
body.chat-page.aurora-v40 .field textarea { min-height:88px !important; padding:10px 12px !important; resize:vertical !important; }
body.chat-page.aurora-v40 .ui-primary-button,
body.chat-page.aurora-v40 .ui-secondary-button { min-height:40px !important; border-radius:13px !important; padding:0 14px !important; font-weight:800 !important; box-shadow:none !important; }
body.chat-page.aurora-v40 .ui-primary-button { background:var(--a40-blue) !important; color:#fff !important; border:1px solid var(--a40-blue) !important; }
body.chat-page.aurora-v40 .ui-secondary-button { background:#f2f6fa !important; color:#26435e !important; border:1px solid #dce7f1 !important; }
body.chat-page.aurora-v40 .ui-secondary-button.is-danger,
body.chat-page.aurora-v40 .ui-secondary-button--danger { background:rgba(220,76,100,.08) !important; color:var(--a40-danger) !important; border-color:rgba(220,76,100,.18) !important; }

/* Media viewer */
body.chat-page.aurora-v40 .media-viewer { inset:0 !important; width:100vw !important; height:100vh !important; background:#08111d !important; color:#fff !important; border-radius:0 !important; }
body.chat-page.aurora-v40 .media-viewer__chrome { height:62px !important; padding:0 18px !important; background:rgba(8,17,29,.86) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; }
body.chat-page.aurora-v40 .media-viewer__layout { height:calc(100vh - 62px) !important; display:grid !important; grid-template-columns:minmax(0,1fr) 300px !important; gap:0 !important; }
body.chat-page.aurora-v40 .media-viewer__stage { display:grid !important; place-items:center !important; padding:20px !important; }
body.chat-page.aurora-v40 .media-viewer__image,
body.chat-page.aurora-v40 .media-viewer__video { max-width:100% !important; max-height:calc(100vh - 120px) !important; object-fit:contain !important; border-radius:8px !important; }
body.chat-page.aurora-v40 .media-viewer__rail { border-left:1px solid rgba(255,255,255,.08) !important; background:rgba(255,255,255,.04) !important; padding:14px !important; overflow:auto !important; }
body.chat-page.aurora-v40 .media-viewer__info-card,
body.chat-page.aurora-v40 .media-viewer__thumb { border-radius:14px !important; background:rgba(255,255,255,.07) !important; border:1px solid rgba(255,255,255,.08) !important; }

/* Loot / cases / inventory */
body.chat-page.aurora-v40 .loot-page,
body.chat-page.aurora-v40 .loot-vault,
body.chat-page.aurora-v40 .loot-menu { background:#f3f7fb !important; color:#10243a !important; }
body.chat-page.aurora-v40 .loot-vault__topbar,
body.chat-page.aurora-v40 .loot-menu__header,
body.chat-page.aurora-v40 .loot-page__head { min-height:64px !important; padding:12px 18px !important; background:#fff !important; border-bottom:1px solid var(--a40-line) !important; box-shadow:none !important; }
body.chat-page.aurora-v40 .loot-vault__scroll,
body.chat-page.aurora-v40 .loot-menu__main-scroll,
body.chat-page.aurora-v40 .loot-page__body { padding:18px !important; }
body.chat-page.aurora-v40 .loot-vault__simple,
body.chat-page.aurora-v40 .loot-vault__simple-inventory,
body.chat-page.aurora-v40 .loot-vault__panel,
body.chat-page.aurora-v40 .loot-menu__panel,
body.chat-page.aurora-v40 .loot-hub__panel,
body.chat-page.aurora-v40 .loot-hub__hero,
body.chat-page.aurora-v40 .loot-vault__hero,
body.chat-page.aurora-v40 .loot-vault__inventory-hero,
body.chat-page.aurora-v40 .loot-page__hero,
body.chat-page.aurora-v40 .cases-hero-card,
body.chat-page.aurora-v40 .loot-vault__simple-detail-card { background:#fff !important; border:1px solid var(--a40-line) !important; border-radius:22px !important; box-shadow:var(--a40-shadow-sm) !important; }
body.chat-page.aurora-v40 .loot-vault__simple-grid,
body.chat-page.aurora-v40 .loot-vault__reward-grid,
body.chat-page.aurora-v40 .loot-page__reward-grid,
body.chat-page.aurora-v40 .loot-menu__grid,
body.chat-page.aurora-v40 .cases-grid-v2 { display:grid !important; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)) !important; gap:12px !important; }
body.chat-page.aurora-v40 .loot-vault__case-card,
body.chat-page.aurora-v40 .case-tile,
body.chat-page.aurora-v40 .loot-reward-card,
body.chat-page.aurora-v40 .loot-vault__reward-card,
body.chat-page.aurora-v40 .loot-vault__simple-reward,
body.chat-page.aurora-v40 .loot-vault__inventory-compact-card,
body.chat-page.aurora-v40 .loot-menu__reward-row,
body.chat-page.aurora-v40 .loot-menu__case-item { background:#fff !important; border:1px solid var(--a40-line) !important; border-radius:18px !important; box-shadow:var(--a40-shadow-sm) !important; overflow:hidden !important; }
body.chat-page.aurora-v40 .loot-vault__case-card.is-active,
body.chat-page.aurora-v40 .case-tile.is-selected,
body.chat-page.aurora-v40 .loot-menu__case-item.is-active { border-color:rgba(35,132,215,.42) !important; box-shadow:0 0 0 3px rgba(35,132,215,.10) !important; }
body.chat-page.aurora-v40 .loot-vault__simple-detail-art,
body.chat-page.aurora-v40 .loot-vault__case-card-art,
body.chat-page.aurora-v40 .loot-vault__reward-preview,
body.chat-page.aurora-v40 .loot-vault__simple-reward-preview,
body.chat-page.aurora-v40 .loot-vault__inventory-compact-preview,
body.chat-page.aurora-v40 .loot-menu__reward-preview { background:linear-gradient(180deg,#eef6ff,#f8fbff) !important; border-radius:14px !important; border:1px solid #e0eaf4 !important; }
body.chat-page.aurora-v40 .loot-roulette,
body.chat-page.aurora-v40 .loot-vault__board { border-radius:20px !important; border:1px solid #dce7f1 !important; background:#f8fbff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important; }
body.chat-page.aurora-v40 .loot-vault__inventory-tabs { display:flex !important; gap:6px !important; padding:6px !important; border-radius:16px !important; background:#edf4fb !important; overflow:auto !important; }
body.chat-page.aurora-v40 .loot-vault__inventory-tab { border:0 !important; border-radius:12px !important; background:transparent !important; min-height:34px !important; padding:0 12px !important; font-weight:800 !important; color:#536b83 !important; white-space:nowrap !important; }
body.chat-page.aurora-v40 .loot-vault__inventory-tab.is-active { background:#fff !important; color:var(--a40-blue) !important; box-shadow:var(--a40-shadow-sm) !important; }

/* Empty and loading states */
body.chat-page.aurora-v40 .empty-card,
body.chat-page.aurora-v40 .empty-card--aurora,
body.chat-page.aurora-v40 .sidebar-state,
body.chat-page.aurora-v40 .modal-state,
body.chat-page.aurora-v40 .loot-vault__empty { background:rgba(255,255,255,.94) !important; border:1px solid var(--a40-line) !important; border-radius:20px !important; color:#5f778e !important; box-shadow:var(--a40-shadow-sm) !important; }
body.chat-page.aurora-v40 .empty-card,
body.chat-page.aurora-v40 .empty-card--aurora { width:min(520px, calc(100% - 48px)) !important; margin:54px 0 0 clamp(16px,2vw,30px) !important; text-align:left !important; padding:28px !important; }

/* Auth */
body.auth-page.aurora-v40 { min-height:100vh !important; background:linear-gradient(180deg,#eef6fd,#e6f0f8) !important; color:var(--a40-text) !important; overflow:auto !important; }
body.auth-page.aurora-v40 .auth-shell { min-height:100vh !important; display:grid !important; grid-template-columns:minmax(0,1fr) 420px !important; gap:28px !important; align-items:center !important; max-width:1120px !important; margin:0 auto !important; padding:40px 24px !important; }
body.auth-page.aurora-v40 .auth-hero,
body.auth-page.aurora-v40 .auth-panel { background:#fff !important; border:1px solid var(--a40-line) !important; border-radius:28px !important; box-shadow:var(--a40-shadow-md) !important; }
body.auth-page.aurora-v40 .auth-hero { padding:34px !important; }
body.auth-page.aurora-v40 .auth-panel { padding:24px !important; }
body.auth-page.aurora-v40 .auth-title { font-size:clamp(34px,4vw,52px) !important; line-height:1.02 !important; color:#0e2238 !important; }
body.auth-page.aurora-v40 .auth-subtitle,
body.auth-page.aurora-v40 .auth-panel__text { color:#61798f !important; }
body.auth-page.aurora-v40 .auth-field__control { height:46px !important; border-radius:14px !important; border:1px solid #dce7f1 !important; background:#f9fbfd !important; padding:0 12px !important; }
body.auth-page.aurora-v40 .auth-submit { min-height:46px !important; border-radius:15px !important; background:var(--a40-blue) !important; box-shadow:none !important; font-weight:850 !important; }
body.auth-page.aurora-v40 .mode-switch,
body.auth-page.aurora-v40 .auth-toggle { background:#eef5fc !important; border:1px solid #dce7f1 !important; border-radius:16px !important; padding:4px !important; }

/* Admin React */
body.admin-page.aurora-v40 { margin:0 !important; min-height:100vh !important; background:#f3f7fb !important; color:var(--a40-text) !important; font-family:var(--a40-font) !important; overflow:hidden !important; }
body.admin-page.aurora-v40 .admin-shell { display:grid !important; grid-template-columns:264px minmax(0,1fr) !important; width:100vw !important; height:100vh !important; background:#f3f7fb !important; }
body.admin-page.aurora-v40 .admin-sidebar { width:264px !important; height:100vh !important; padding:16px 12px !important; background:#0d1828 !important; border-right:1px solid rgba(255,255,255,.08) !important; color:#dbe8f6 !important; }
body.admin-page.aurora-v40 .admin-brand { padding:10px 10px 16px !important; border-bottom:1px solid rgba(255,255,255,.08) !important; margin-bottom:12px !important; }
body.admin-page.aurora-v40 .admin-brand strong { display:block !important; color:#fff !important; font-size:17px !important; }
body.admin-page.aurora-v40 .admin-brand span { color:#9fb4ca !important; font-size:12px !important; }
body.admin-page.aurora-v40 .admin-nav { display:flex !important; flex-direction:column !important; gap:4px !important; }
body.admin-page.aurora-v40 .admin-nav__item { min-height:42px !important; border:0 !important; border-radius:12px !important; background:transparent !important; color:#a9bdd2 !important; padding:0 12px !important; text-align:left !important; font-weight:750 !important; }
body.admin-page.aurora-v40 .admin-nav__item:hover { background:rgba(255,255,255,.07) !important; color:#fff !important; }
body.admin-page.aurora-v40 .admin-nav__item.is-active { background:var(--a40-blue) !important; color:#fff !important; }
body.admin-page.aurora-v40 .admin-main { min-width:0 !important; height:100vh !important; overflow:auto !important; padding:20px !important; }
body.admin-page.aurora-v40 .admin-header { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:16px !important; align-items:end !important; margin-bottom:16px !important; }
body.admin-page.aurora-v40 .admin-header h1 { margin:0 0 4px !important; font-size:28px !important; color:#0e2238 !important; }
body.admin-page.aurora-v40 .admin-header p { margin:0 !important; color:#6b8298 !important; }
body.admin-page.aurora-v40 .admin-toolbar { display:flex !important; gap:8px !important; align-items:center !important; flex-wrap:wrap !important; justify-content:flex-end !important; }
body.admin-page.aurora-v40 .admin-input,
body.admin-page.aurora-v40 select.admin-input { min-height:40px !important; border-radius:13px !important; border:1px solid #dce7f1 !important; background:#fff !important; color:#10243a !important; padding:0 12px !important; }
body.admin-page.aurora-v40 .admin-button { min-height:40px !important; border-radius:13px !important; border:1px solid #dce7f1 !important; background:#fff !important; color:#24425f !important; padding:0 13px !important; font-weight:800 !important; }
body.admin-page.aurora-v40 .admin-button.is-accent { background:var(--a40-blue) !important; color:#fff !important; border-color:var(--a40-blue) !important; }
body.admin-page.aurora-v40 .admin-button.is-danger { background:rgba(220,76,100,.08) !important; color:var(--a40-danger) !important; border-color:rgba(220,76,100,.22) !important; }
body.admin-page.aurora-v40 .admin-button.is-muted { background:rgba(255,255,255,.08) !important; color:#cfe0f2 !important; border-color:rgba(255,255,255,.12) !important; width:100% !important; margin-top:14px !important; }
body.admin-page.aurora-v40 .admin-stats { display:grid !important; grid-template-columns:repeat(6, minmax(120px, 1fr)) !important; gap:10px !important; margin-bottom:16px !important; }
body.admin-page.aurora-v40 .admin-stat,
body.admin-page.aurora-v40 .admin-card,
body.admin-page.aurora-v40 .admin-panel,
body.admin-page.aurora-v40 .admin-list-card { background:#fff !important; border:1px solid var(--a40-line) !important; border-radius:18px !important; box-shadow:var(--a40-shadow-sm) !important; }
body.admin-page.aurora-v40 .admin-stat { padding:13px !important; }
body.admin-page.aurora-v40 .admin-stat__label { color:#6c8399 !important; font-size:12px !important; font-weight:750 !important; }
body.admin-page.aurora-v40 .admin-stat__value { color:#0e2238 !important; font-size:22px !important; font-weight:850 !important; }
body.admin-page.aurora-v40 .admin-grid,
body.admin-page.aurora-v40 .admin-grid--dashboard { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:14px !important; }
body.admin-page.aurora-v40 .admin-stack { display:grid !important; gap:12px !important; }
body.admin-page.aurora-v40 .admin-card,
body.admin-page.aurora-v40 .admin-panel { padding:16px !important; }
body.admin-page.aurora-v40 .admin-card__head,
body.admin-page.aurora-v40 .admin-panel__head { display:flex !important; justify-content:space-between !important; gap:12px !important; align-items:start !important; border-bottom:1px solid var(--a40-line-soft) !important; padding-bottom:10px !important; margin-bottom:12px !important; }
body.admin-page.aurora-v40 .admin-tags { display:flex !important; flex-wrap:wrap !important; gap:6px !important; }
body.admin-page.aurora-v40 .admin-badge { display:inline-flex !important; align-items:center !important; min-height:24px !important; border-radius:999px !important; padding:0 9px !important; background:#eef5fc !important; color:#43617d !important; font-size:12px !important; font-weight:800 !important; }
body.admin-page.aurora-v40 .admin-badge.is-danger { background:rgba(220,76,100,.1) !important; color:var(--a40-danger) !important; }
body.admin-page.aurora-v40 .admin-badge.is-good { background:rgba(39,174,96,.1) !important; color:#16844a !important; }
body.admin-page.aurora-v40 .admin-meta-grid { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:10px !important; }
body.admin-page.aurora-v40 .admin-meta-grid__label { background:#f6f9fc !important; border:1px solid #e1ebf4 !important; border-radius:14px !important; padding:10px !important; color:#637b92 !important; }
body.admin-page.aurora-v40 .admin-actions { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-top:12px !important; }
body.admin-page.aurora-v40 .admin-empty { background:#fff !important; border:1px dashed #cad8e5 !important; border-radius:18px !important; padding:24px !important; color:#6b8298 !important; text-align:center !important; }
body.admin-page.aurora-v40 .admin-toast { right:22px !important; bottom:22px !important; border-radius:16px !important; background:#0d1828 !important; color:#fff !important; box-shadow:var(--a40-shadow-lg) !important; }

/* Utility pages loaded from normal templates */
body.aurora-legal-v40,
body.aurora-utility-v40 { background:#eef5fc !important; color:var(--a40-text) !important; font-family:var(--a40-font) !important; }
body.aurora-legal-v40 .wrap { width:min(100%, 1040px) !important; padding:24px 18px 44px !important; }
body.aurora-legal-v40 .hero,
body.aurora-legal-v40 .content-card,
body.aurora-utility-v40 .card,
body.aurora-utility-v40 .ban-card { background:#fff !important; border:1px solid var(--a40-line) !important; border-radius:24px !important; box-shadow:var(--a40-shadow-md) !important; backdrop-filter:none !important; }
body.aurora-legal-v40 .nav a { background:#fff !important; border:1px solid #dce7f1 !important; box-shadow:none !important; }

@media (max-width: 1280px) {
  :root { --a40-sidebar: 316px; --a40-info: 360px; }
  body.admin-page.aurora-v40 .admin-stats { grid-template-columns:repeat(3, minmax(120px, 1fr)) !important; }
  body.admin-page.aurora-v40 .admin-grid,
  body.admin-page.aurora-v40 .admin-grid--dashboard { grid-template-columns:1fr 1fr !important; }
}

@media (max-width: 980px) {
  body.chat-page.aurora-v40 .chat-shell-app,
  body.chat-page.aurora-v40 .chat-shell-app.has-info-panel,
  body.chat-page.aurora-v40 .chat-shell-app.is-settings-mode { grid-template-columns:1fr !important; }
  body.chat-page.aurora-v40 .aurora-app-rail,
  body.chat-page.aurora-v40 .aurora-native-rail { display:none !important; }
  body.chat-page.aurora-v40 .chat-sidebar { grid-column:1 !important; width:100vw !important; min-width:100vw !important; max-width:100vw !important; }
  body.chat-page.aurora-v40 .chat-main { grid-column:1 !important; }
  body.chat-page.aurora-v40 .desktop-side-panel { grid-column:1 !important; position:absolute !important; inset:0 !important; width:100vw !important; max-width:100vw !important; z-index:50 !important; }
  body.chat-page.aurora-v40 .messages-stack { padding:12px 10px 96px !important; }
  body.chat-page.aurora-v40 .message-bubble,
  body.chat-page.aurora-v40 .album-bubble { max-width:88% !important; }
  body.chat-page.aurora-v40 .message-media img,
  body.chat-page.aurora-v40 .message-media video { max-width:100% !important; }
  body.chat-page.aurora-v40 .chat-composer-wrap { left:10px !important; right:10px !important; bottom:9px !important; }
  body.chat-page.aurora-v40 .media-viewer__layout { grid-template-columns:1fr !important; }
  body.chat-page.aurora-v40 .media-viewer__rail { display:none !important; }
  body.auth-page.aurora-v40 .auth-shell { grid-template-columns:1fr !important; padding:18px !important; }
  body.auth-page.aurora-v40 .auth-hero { display:none !important; }
  body.admin-page.aurora-v40 { overflow:auto !important; }
  body.admin-page.aurora-v40 .admin-shell { grid-template-columns:1fr !important; height:auto !important; min-height:100vh !important; }
  body.admin-page.aurora-v40 .admin-sidebar { width:100% !important; height:auto !important; position:sticky !important; top:0 !important; z-index:20 !important; }
  body.admin-page.aurora-v40 .admin-nav { flex-direction:row !important; overflow:auto !important; }
  body.admin-page.aurora-v40 .admin-nav__item { flex:0 0 auto !important; }
  body.admin-page.aurora-v40 .admin-main { height:auto !important; padding:14px !important; }
  body.admin-page.aurora-v40 .admin-header { grid-template-columns:1fr !important; }
  body.admin-page.aurora-v40 .admin-stats,
  body.admin-page.aurora-v40 .admin-grid,
  body.admin-page.aurora-v40 .admin-grid--dashboard,
  body.admin-page.aurora-v40 .admin-meta-grid { grid-template-columns:1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.aurora-v40 *, body.aurora-legal-v40 *, body.aurora-utility-v40 * { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}

/* Aurora 4.6.13 — production-grade cases system */
body.chat-page.aurora-v40 .loot-pro{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  background:#f4f8fc;
  color:#152b40;
}
body.chat-page.aurora-v40 .loot-pro__topbar{
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  align-items:center;
  gap:16px;
  padding:12px 18px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #dce7f2;
  box-shadow:0 1px 0 rgba(15,39,64,.03);
  position:relative;
  z-index:2;
}
body.chat-page.aurora-v40 .loot-pro__topbar-main{display:flex;align-items:center;gap:12px;min-width:0}
body.chat-page.aurora-v40 .loot-pro__back{
  width:42px;height:42px;border:0;border-radius:14px;background:#eef5fb;color:#2b597d;display:grid;place-items:center;cursor:pointer;font-size:24px;font-weight:700;line-height:1;transition:background .16s ease,transform .16s ease;
}
body.chat-page.aurora-v40 .loot-pro__back:hover{background:#e1edf8;transform:translateY(-1px)}
body.chat-page.aurora-v40 .loot-pro__back:disabled{opacity:.45;cursor:not-allowed;transform:none}
body.chat-page.aurora-v40 .loot-pro__back .tg-icon-svg{width:20px;height:20px}
body.chat-page.aurora-v40 .loot-pro__title{display:grid;gap:2px;min-width:0}
body.chat-page.aurora-v40 .loot-pro__title strong{font-size:21px;line-height:1.12;color:#10283d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chat-page.aurora-v40 .loot-pro__title span{font-size:13px;color:#6c8297;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chat-page.aurora-v40 .loot-pro__tabs{display:flex;align-items:center;gap:6px;padding:4px;border-radius:16px;background:#edf4fb;border:1px solid #dce8f4}
body.chat-page.aurora-v40 .loot-pro__tabs button{border:0;background:transparent;color:#4b647b;padding:9px 13px;border-radius:12px;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
body.chat-page.aurora-v40 .loot-pro__tabs button.is-active{background:#fff;color:#1677c8;box-shadow:0 8px 20px rgba(34,87,130,.10)}
body.chat-page.aurora-v40 .loot-pro__tabs button:disabled{opacity:.45;cursor:not-allowed}
body.chat-page.aurora-v40 .loot-pro__tabs--inventory{justify-content:flex-start;flex-wrap:wrap;background:transparent;border:0;padding:0;margin-bottom:14px}
body.chat-page.aurora-v40 .loot-pro__tabs--inventory button{background:#fff;border:1px solid #dce7f2;box-shadow:0 6px 14px rgba(15,39,64,.04)}
body.chat-page.aurora-v40 .loot-pro__balance{font-weight:800;color:#17334d;background:#fff;border:1px solid #dce7f2;border-radius:15px;padding:10px 13px;white-space:nowrap;box-shadow:0 8px 20px rgba(15,39,64,.05)}
body.chat-page.aurora-v40 .loot-pro__scroll{min-height:0;overflow:auto;padding:18px;display:grid;gap:18px;align-content:start;background:linear-gradient(180deg,#f4f8fc 0%,#eef6fd 100%)}
body.chat-page.aurora-v40 .loot-pro__dashboard,
body.chat-page.aurora-v40 .loot-pro__detail,
body.chat-page.aurora-v40 .loot-pro__inventory-hero,
body.chat-page.aurora-v40 .loot-pro__panel,
body.chat-page.aurora-v40 .loot-pro__toolbar{
  background:#fff;border:1px solid #dce7f2;border-radius:24px;box-shadow:0 18px 45px rgba(15,39,64,.08);
}
body.chat-page.aurora-v40 .loot-pro__dashboard{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:20px;align-items:center;padding:24px;background:radial-gradient(circle at 8% 12%,rgba(51,144,236,.12),transparent 28%),#fff}
body.chat-page.aurora-v40 .loot-pro__dashboard-copy{display:grid;gap:7px;min-width:0}
body.chat-page.aurora-v40 .loot-pro__eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#2788d8}
body.chat-page.aurora-v40 .loot-pro__dashboard-copy strong,
body.chat-page.aurora-v40 .loot-pro__inventory-hero strong{font-size:30px;line-height:1.08;color:#10283d}
body.chat-page.aurora-v40 .loot-pro__dashboard-copy p,
body.chat-page.aurora-v40 .loot-pro__inventory-hero p,
body.chat-page.aurora-v40 .loot-pro__detail-copy p{margin:0;color:#637b91;line-height:1.55;font-size:14px;max-width:760px}
body.chat-page.aurora-v40 .loot-pro__dashboard-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;min-width:280px}
body.chat-page.aurora-v40 .loot-pro__dashboard-stats .mini-stat{background:#f6f9fc;border:1px solid #e0eaf4;border-radius:18px;padding:12px 14px;box-shadow:none}
body.chat-page.aurora-v40 .loot-pro__toolbar{padding:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;box-shadow:0 10px 24px rgba(15,39,64,.05)}
body.chat-page.aurora-v40 .loot-pro__search{height:44px;min-width:260px;flex:1;display:flex;align-items:center;gap:10px;border-radius:16px;background:#f3f7fb;border:1px solid #dbe7f3;padding:0 14px;color:#6c8297}
body.chat-page.aurora-v40 .loot-pro__search .tg-icon-svg{width:18px;height:18px;flex:0 0 auto}
body.chat-page.aurora-v40 .loot-pro__search input{border:0;background:transparent;outline:none;width:100%;font-size:14px;color:#17334d}
body.chat-page.aurora-v40 .loot-pro__case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.chat-page.aurora-v40 .loot-pro__case-card{position:relative;overflow:hidden;text-align:left;border:1px solid #dce7f2;background:#fff;border-radius:24px;padding:16px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;min-height:250px;cursor:pointer;box-shadow:0 14px 34px rgba(15,39,64,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
body.chat-page.aurora-v40 .loot-pro__case-card:before{content:"";position:absolute;inset:-30% -20% auto auto;width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--loot-accent) 24%, transparent),transparent 68%);pointer-events:none}
body.chat-page.aurora-v40 .loot-pro__case-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(15,39,64,.11);border-color:color-mix(in srgb,var(--loot-accent) 42%, #dce7f2)}
body.chat-page.aurora-v40 .loot-pro__case-card.is-active{border-color:color-mix(in srgb,var(--loot-accent) 55%, #dce7f2);box-shadow:0 18px 42px color-mix(in srgb,var(--loot-accent) 16%, transparent)}
body.chat-page.aurora-v40 .loot-pro__case-art{height:98px;display:grid;place-items:center;position:relative;z-index:1}
body.chat-page.aurora-v40 .loot-pro__case-art .case-visual{transform:scale(.88)}
body.chat-page.aurora-v40 .loot-pro__case-copy{display:grid;gap:7px;position:relative;z-index:1}
body.chat-page.aurora-v40 .loot-pro__case-copy strong{font-size:17px;color:#10283d}
body.chat-page.aurora-v40 .loot-pro__case-copy span{font-size:13px;color:#647b91;line-height:1.35}
body.chat-page.aurora-v40 .loot-pro__case-track{height:5px;border-radius:999px;background:#edf3f8;overflow:hidden;margin-top:3px}
body.chat-page.aurora-v40 .loot-pro__case-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--loot-accent),color-mix(in srgb,var(--loot-accent) 55%, white));min-width:4px}
body.chat-page.aurora-v40 .loot-pro__case-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#60768d;font-size:12px}
body.chat-page.aurora-v40 .loot-pro__case-meta b{color:#17334d;background:#f2f7fb;border:1px solid #dce8f4;border-radius:12px;padding:7px 9px}
body.chat-page.aurora-v40 .loot-pro__detail{display:grid;grid-template-columns:280px minmax(0,1fr) 340px;gap:22px;align-items:center;padding:24px;background:radial-gradient(circle at 15% 50%,color-mix(in srgb,var(--loot-accent) 16%, transparent),transparent 34%),#fff}
body.chat-page.aurora-v40 .loot-pro__detail-art{position:relative;min-height:220px;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#f6fbff,#eaf4fc);border:1px solid #dbe7f2}
body.chat-page.aurora-v40 .loot-pro__glow{position:absolute;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--loot-accent) 22%, transparent);filter:blur(20px)}
body.chat-page.aurora-v40 .loot-pro__case-large{position:relative;z-index:1;transform:scale(1.2)}
body.chat-page.aurora-v40 .loot-pro__detail-copy{display:grid;gap:12px;min-width:0}
body.chat-page.aurora-v40 .loot-pro__detail-copy strong{font-size:34px;line-height:1.04;color:#10283d}
body.chat-page.aurora-v40 .loot-pro__detail-meta{display:flex;flex-wrap:wrap;gap:8px}
body.chat-page.aurora-v40 .loot-pro__detail-meta span,
body.chat-page.aurora-v40 .loot-pro__status{font-size:12px;font-weight:800;color:#426078;background:#f3f7fb;border:1px solid #dce8f4;border-radius:999px;padding:8px 10px}
body.chat-page.aurora-v40 .loot-pro__status.is-danger{color:#b13434;background:#fff2f2;border-color:#ffd7d7}
body.chat-page.aurora-v40 .loot-pro__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.chat-page.aurora-v40 .loot-pro__open-btn{min-height:44px;border-radius:15px;padding-inline:18px;font-weight:900}
body.chat-page.aurora-v40 .loot-pro__featured{background:#f7fafc;border:1px solid #dce7f2;border-radius:22px;padding:14px;min-width:0}
body.chat-page.aurora-v40 .loot-pro__panel{padding:16px}
body.chat-page.aurora-v40 .loot-pro__panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
body.chat-page.aurora-v40 .loot-pro__panel-head strong{font-size:17px;color:#10283d}
body.chat-page.aurora-v40 .loot-pro__panel-head span{font-size:12px;color:#73889b}
body.chat-page.aurora-v40 .loot-pro__content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
body.chat-page.aurora-v40 .loot-pro__side-stack{display:grid;gap:16px}
body.chat-page.aurora-v40 .loot-pro__reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.chat-page.aurora-v40 .loot-pro__reward-grid--inventory{grid-template-columns:repeat(4,minmax(0,1fr))}
body.chat-page.aurora-v40 .loot-pro__reward{min-width:0;text-align:left;border:1px solid #dce7f2;background:#fff;border-radius:18px;padding:11px;display:grid;gap:10px;box-shadow:0 10px 24px rgba(15,39,64,.05);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative;overflow:hidden;color:inherit}
body.chat-page.aurora-v40 button.loot-pro__reward{cursor:pointer}
body.chat-page.aurora-v40 button.loot-pro__reward:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,39,64,.09)}
body.chat-page.aurora-v40 .loot-pro__reward.is-locked{opacity:.62;filter:saturate(.45)}
body.chat-page.aurora-v40 .loot-pro__reward.is-active{border-color:#40a7ff;box-shadow:0 0 0 2px rgba(64,167,255,.13),0 14px 30px rgba(15,39,64,.08)}
body.chat-page.aurora-v40 .loot-pro__reward-preview{height:84px;border-radius:14px;background:#eef5fb;background-size:cover;background-position:center;border:1px solid rgba(15,39,64,.07);display:grid;place-items:center;overflow:hidden}
body.chat-page.aurora-v40 .loot-pro__reward-body{display:grid;gap:5px;min-width:0}
body.chat-page.aurora-v40 .loot-pro__reward-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
body.chat-page.aurora-v40 .loot-pro__reward-head strong{font-size:14px;line-height:1.22;color:#132e47;min-width:0}
body.chat-page.aurora-v40 .loot-pro__reward-body span{font-size:12px;line-height:1.35;color:#667d92}
body.chat-page.aurora-v40 .loot-pro__reward-body em{font-style:normal;font-size:11px;font-weight:800;color:#8092a3}
body.chat-page.aurora-v40 .loot-pro__rarity{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:10px;line-height:1;font-weight:900;border:1px solid #dce7f2;background:#f5f8fb;color:#536c83}
body.chat-page.aurora-v40 .loot-pro__rarity.is-rare{background:#eef7ff;color:#1677c8;border-color:#cfe7ff}
body.chat-page.aurora-v40 .loot-pro__rarity.is-epic{background:#f6efff;color:#7b3fd0;border-color:#e3d0ff}
body.chat-page.aurora-v40 .loot-pro__rarity.is-legendary{background:#fff5df;color:#bd7600;border-color:#ffe0a3}
body.chat-page.aurora-v40 .loot-pro__odds{display:grid;gap:10px}
body.chat-page.aurora-v40 .loot-pro__odds-row{display:grid;gap:6px}
body.chat-page.aurora-v40 .loot-pro__odds-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#60768d;font-size:12px}
body.chat-page.aurora-v40 .loot-pro__odds-track{height:7px;background:#edf3f8;border-radius:999px;overflow:hidden}
body.chat-page.aurora-v40 .loot-pro__odds-track i{display:block;height:100%;border-radius:999px;background:#6aa8ff}
body.chat-page.aurora-v40 .loot-pro__odds-row small{color:#7c90a3;font-size:11px}
body.chat-page.aurora-v40 .loot-pro__history-list{display:grid;gap:9px}
body.chat-page.aurora-v40 .loot-pro__history-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dce7f2;background:#fff;border-radius:16px;padding:8px}
body.chat-page.aurora-v40 .loot-pro__history-preview{width:44px;height:44px;border-radius:12px;background:#eef5fb;background-size:cover;background-position:center;border:1px solid rgba(15,39,64,.06)}
body.chat-page.aurora-v40 .loot-pro__history-copy{display:grid;gap:2px;min-width:0}
body.chat-page.aurora-v40 .loot-pro__history-copy strong{font-size:13px;color:#10283d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chat-page.aurora-v40 .loot-pro__history-copy span,
body.chat-page.aurora-v40 .loot-pro__history-copy small{font-size:11px;color:#72879a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chat-page.aurora-v40 .loot-pro__refund{font-size:11px;color:#118a55;background:#eafff4;border:1px solid #c5f3db;border-radius:999px;padding:5px 7px;white-space:nowrap}
body.chat-page.aurora-v40 .loot-pro__loadout{display:grid;gap:8px}
body.chat-page.aurora-v40 .loot-pro__loadout-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;background:#fff;border:1px solid #dce7f2;border-radius:15px;padding:8px}
body.chat-page.aurora-v40 .loot-pro__loadout-preview{width:42px;height:42px;border-radius:12px;background:#eef5fb;background-size:cover;background-position:center}
body.chat-page.aurora-v40 .loot-pro__loadout-item span{font-size:11px;color:#74899c}
body.chat-page.aurora-v40 .loot-pro__loadout-item strong{font-size:13px;color:#10283d}
body.chat-page.aurora-v40 .loot-pro__inventory-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px}
body.chat-page.aurora-v40 .loot-pro__empty{border:1px dashed #cbd9e6;background:#f8fbfe;border-radius:18px;padding:18px;text-align:center;color:#6d8296;font-weight:700}
body.chat-page.aurora-v40 .loot-pro__empty--small{font-size:12px;padding:12px}
body.chat-page.aurora-v40 .loot-pro__roulette-panel{overflow:hidden}
body.chat-page.aurora-v40 .loot-pro .loot-roulette{margin:0;max-width:none}
@media (max-width:1240px){
  body.chat-page.aurora-v40 .loot-pro__case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.chat-page.aurora-v40 .loot-pro__detail{grid-template-columns:240px minmax(0,1fr)}
  body.chat-page.aurora-v40 .loot-pro__featured{grid-column:1/-1}
  body.chat-page.aurora-v40 .loot-pro__content-grid{grid-template-columns:1fr}
  body.chat-page.aurora-v40 .loot-pro__reward-grid--inventory{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  body.chat-page.aurora-v40 .loot-pro__topbar{grid-template-columns:1fr;align-items:stretch;gap:10px;padding:10px}
  body.chat-page.aurora-v40 .loot-pro__tabs{overflow:auto;justify-content:flex-start}
  body.chat-page.aurora-v40 .loot-pro__balance{justify-self:start}
  body.chat-page.aurora-v40 .loot-pro__scroll{padding:10px;gap:12px}
  body.chat-page.aurora-v40 .loot-pro__dashboard,
  body.chat-page.aurora-v40 .loot-pro__inventory-hero{grid-template-columns:1fr;padding:16px;border-radius:20px}
  body.chat-page.aurora-v40 .loot-pro__dashboard-copy strong,
  body.chat-page.aurora-v40 .loot-pro__inventory-hero strong{font-size:24px}
  body.chat-page.aurora-v40 .loot-pro__dashboard-stats{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.chat-page.aurora-v40 .loot-pro__case-grid,
  body.chat-page.aurora-v40 .loot-pro__reward-grid,
  body.chat-page.aurora-v40 .loot-pro__reward-grid--inventory{grid-template-columns:1fr}
  body.chat-page.aurora-v40 .loot-pro__detail{grid-template-columns:1fr;padding:16px;border-radius:20px}
  body.chat-page.aurora-v40 .loot-pro__detail-copy strong{font-size:27px}
  body.chat-page.aurora-v40 .loot-pro__toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  body.chat-page.aurora-v40 .loot-pro__search{grid-column:1/-1;min-width:0}
}


/* === 4.6.16 chat reward wallpaper fix ===
   The v40 layout painted the dotted fallback on .chat-main and forced
   .chat-body to transparent. As a result selected case wallpapers were
   stored in --tg-wallpaper but visually hidden behind the v40 override.
*/
body.chat-page.aurora-v40 .chat-main.has-chat{
  background: var(--tg-wallpaper, linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)), url("/static/wallpapers/aurora_doodles_mint.jpg") center/cover no-repeat) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.chat-page.aurora-v40 .chat-main.has-chat::before{
  content:'';
  position:absolute;
  inset:var(--a40-header) 0 0 0;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle, rgba(75,105,132,.14) 1px, transparent 1px);
  background-size:22px 22px;
  opacity:.36;
  mix-blend-mode:multiply;
}

body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper::before{
  opacity:.14;
}

body.chat-page.aurora-v40 .chat-main.has-chat .chat-header,
body.chat-page.aurora-v40 .chat-main.has-chat .chat-body,
body.chat-page.aurora-v40 .chat-main.has-chat .chat-composer-wrap,
body.chat-page.aurora-v40 .chat-main.has-chat .messages-stack{
  position:relative;
  z-index:1;
}

body.chat-page.aurora-v40 .chat-main.has-chat .chat-body{
  background:transparent !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-chat,
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-chat{
  background: var(--tg-wallpaper, var(--tg-chat-surface)) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 720px){
  body.chat-page.aurora-v40 .chat-main.has-chat::before{
    inset:var(--a40-header-mobile, 56px) 0 0 0;
    opacity:.18;
  }
}

/* === 4.6.18 composer integration for reward wallpapers ===
   Custom case wallpapers can be dark/contrast-heavy. The previous v40 composer
   was a full-width opaque white slab, which visually killed the wallpaper.
   Keep the input readable, but make the chrome behave like glass over wallpaper.
*/
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
  bottom:16px !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
  min-height:52px !important;
  padding:6px !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(8,15,23,.42) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field{
  min-height:40px !important;
  border-radius:17px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field textarea{
  min-height:38px !important;
  padding:9px 0 !important;
  color:#10243a !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field textarea::placeholder{
  color:#8ba0b3 !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .composer-round,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .composer-submit:not(.is-active):not(.is-recording){
  width:40px !important;
  height:40px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.82) !important;
  color:#55718b !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14) !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .composer-field-button{
  color:#55718b !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .reply-bar,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .attachment-chip,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .typing-pill{
  background:rgba(10,18,28,.64) !important;
  color:#eef6ff !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field,
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-custom-wallpaper .chat-composer__field{
  background:rgba(19,28,39,.84) !important;
  border-color:rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field textarea,
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-custom-wallpaper .chat-composer__field textarea{
  color:#f2f7fb !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper .chat-composer__field textarea::placeholder,
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-wallpaper-ui .chat-composer__field textarea::placeholder{
  color:rgba(223,233,242,.62) !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper .composer-round,
.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper .composer-submit:not(.is-active):not(.is-recording),
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-custom-wallpaper .composer-round,
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-custom-wallpaper .composer-submit:not(.is-active):not(.is-recording){
  background:rgba(22,32,44,.84) !important;
  border-color:rgba(255,255,255,.13) !important;
  color:#d7e6f4 !important;
}

@media (max-width: 720px){
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
  }
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
    border-radius:20px !important;
  }
}

/* === 4.6.19 composer must not be a full-width slab over reward wallpapers ===
   Telegram-grade behavior: only the input and action buttons float; the wrapper
   is transparent and the composer has a sane desktop max width.
*/
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
  left:50% !important;
  right:auto !important;
  bottom:18px !important;
  width:min(940px, calc(100% - 56px)) !important;
  max-width:940px !important;
  transform:translateX(-50%) !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
  width:100% !important;
  max-width:940px !important;
  min-height:48px !important;
  grid-template-columns:40px minmax(0,1fr) 42px !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field{
  min-height:46px !important;
  border-radius:18px !important;
  padding:0 7px 0 14px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(245,249,253,.90) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.52) !important;
  backdrop-filter:blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field textarea{
  min-height:44px !important;
  height:44px !important;
  padding:12px 0 10px !important;
  font-size:14px !important;
  line-height:20px !important;
}

body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .composer-round,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .composer-submit:not(.is-active):not(.is-recording){
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:rgba(245,249,253,.88) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.45) !important;
  backdrop-filter:blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(150%) !important;
}

body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper .composer-submit.is-active,
body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper .composer-submit.is-recording{
  width:44px !important;
  min-width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  box-shadow:0 12px 30px rgba(51,144,236,.24) !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field,
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-custom-wallpaper .chat-composer__field{
  background:rgba(18,27,38,.76) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper .composer-round,
.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-main.has-custom-wallpaper .composer-submit:not(.is-active):not(.is-recording),
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-custom-wallpaper .composer-round,
.chat-theme-root[data-theme-mode="dark"] .chat-main.has-custom-wallpaper .composer-submit:not(.is-active):not(.is-recording){
  background:rgba(18,27,38,.78) !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media (min-width: 1500px){
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
    width:min(980px, calc(100% - 72px)) !important;
    max-width:980px !important;
  }
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
    max-width:980px !important;
  }
}

@media (max-width: 900px){
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
    width:calc(100% - 20px) !important;
    max-width:none !important;
    bottom:10px !important;
  }
}

/* Aurora 4.6.23 — cases layout hardening
   Fixes premium cases pass overflow: no horizontal drift, no clipped cards,
   stable scroll container, responsive grids, and safe topbar wrapping. */
body.chat-page.aurora-v40 .loot-page.loot-pro,
body.chat-page.aurora-v40 .loot-page.loot-pro *{
  box-sizing:border-box !important;
}
body.chat-page.aurora-v40 .loot-page.loot-pro{
  width:100vw !important;
  max-width:100vw !important;
  height:100dvh !important;
  max-height:100dvh !important;
  min-height:0 !important;
  overflow:hidden !important;
  grid-template-rows:auto minmax(0,1fr) !important;
}
body.chat-page.aurora-v40 .loot-page.loot-pro > *{
  min-width:0 !important;
}
body.chat-page.aurora-v40 .loot-pro__topbar{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-template-columns:minmax(220px,1fr) minmax(0,auto) auto !important;
  gap:12px !important;
  overflow:hidden !important;
}
body.chat-page.aurora-v40 .loot-pro__topbar-main,
body.chat-page.aurora-v40 .loot-pro__title,
body.chat-page.aurora-v40 .loot-pro__tabs,
body.chat-page.aurora-v40 .loot-pro__balance{
  min-width:0 !important;
}
body.chat-page.aurora-v40 .loot-pro__tabs{
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  white-space:nowrap !important;
}
body.chat-page.aurora-v40 .loot-pro__tabs::-webkit-scrollbar{display:none !important;}
body.chat-page.aurora-v40 .loot-pro__tabs button{
  flex:0 0 auto !important;
}
body.chat-page.aurora-v40 .loot-pro__balance{
  max-width:190px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.chat-page.aurora-v40 .loot-pro__scroll{
  width:100% !important;
  max-width:100vw !important;
  min-height:0 !important;
  min-width:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
  padding:16px !important;
  padding-bottom:max(24px, env(safe-area-inset-bottom)) !important;
  align-content:start !important;
}
body.chat-page.aurora-v40 .loot-pro__scroll > *,
body.chat-page.aurora-v40 .loot-pro__dashboard,
body.chat-page.aurora-v40 .loot-pro__toolbar,
body.chat-page.aurora-v40 .loot-pro__home-grid,
body.chat-page.aurora-v40 .loot-pro__case-grid,
body.chat-page.aurora-v40 .loot-pro__detail,
body.chat-page.aurora-v40 .loot-pro__content-grid,
body.chat-page.aurora-v40 .loot-pro__reward-grid,
body.chat-page.aurora-v40 .loot-pro__inventory-hero,
body.chat-page.aurora-v40 .loot-pro__panel{
  min-width:0 !important;
  max-width:100% !important;
}
body.chat-page.aurora-v40 .loot-pro__dashboard{
  grid-template-columns:minmax(0,1fr) minmax(220px,360px) !important;
  overflow:hidden !important;
}
body.chat-page.aurora-v40 .loot-pro__dashboard-copy,
body.chat-page.aurora-v40 .loot-pro__dashboard-stats,
body.chat-page.aurora-v40 .loot-pro__detail-copy,
body.chat-page.aurora-v40 .loot-pro__panel-head,
body.chat-page.aurora-v40 .loot-pro__reward-body,
body.chat-page.aurora-v40 .loot-pro__history-copy,
body.chat-page.aurora-v40 .loot-pro__loadout-copy{
  min-width:0 !important;
}
body.chat-page.aurora-v40 .loot-pro__dashboard-stats{
  width:100% !important;
  min-width:0 !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}
body.chat-page.aurora-v40 .loot-pro__dashboard-stats .mini-stat{
  min-width:0 !important;
  overflow:hidden !important;
}
body.chat-page.aurora-v40 .loot-pro__toolbar{
  overflow:hidden !important;
}
body.chat-page.aurora-v40 .loot-pro__search{
  min-width:0 !important;
}
body.chat-page.aurora-v40 .loot-pro__home-grid{
  grid-template-columns:minmax(0,1fr) minmax(260px, .72fr) !important;
}
body.chat-page.aurora-v40 .loot-pro__case-grid{
  grid-template-columns:repeat(auto-fit, minmax(270px, 1fr)) !important;
  align-items:stretch !important;
}
body.chat-page.aurora-v40 .loot-pro__case-card{
  min-width:0 !important;
  min-height:286px !important;
  grid-template-rows:136px auto auto !important;
  overflow:hidden !important;
}
body.chat-page.aurora-v40 .loot-pro__case-art{
  height:136px !important;
  min-height:136px !important;
  overflow:visible !important;
  align-self:center !important;
}
body.chat-page.aurora-v40 .loot-pro__case-art .case-visual{
  transform:scale(.72) !important;
  transform-origin:center center !important;
  max-width:100% !important;
  max-height:142px !important;
}
body.chat-page.aurora-v40 .loot-pro__case-copy strong,
body.chat-page.aurora-v40 .loot-pro__case-copy span,
body.chat-page.aurora-v40 .loot-pro__reward-head strong,
body.chat-page.aurora-v40 .loot-pro__reward-body span,
body.chat-page.aurora-v40 .loot-pro__history-copy strong,
body.chat-page.aurora-v40 .loot-pro__history-copy span,
body.chat-page.aurora-v40 .loot-pro__history-copy small{
  overflow-wrap:anywhere !important;
}
body.chat-page.aurora-v40 .loot-pro__detail{
  grid-template-columns:minmax(170px,240px) minmax(0,1fr) minmax(220px,300px) !important;
  align-items:stretch !important;
  overflow:visible !important;
}
body.chat-page.aurora-v40 .loot-pro__detail-art{
  min-height:210px !important;
  overflow:visible !important;
}
body.chat-page.aurora-v40 .loot-pro__case-large{
  transform:scale(.92) !important;
  max-width:100% !important;
  max-height:230px !important;
}
body.chat-page.aurora-v40 .loot-pro__featured{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
body.chat-page.aurora-v40 .loot-pro__content-grid{
  grid-template-columns:minmax(0,1fr) minmax(260px,320px) !important;
}
body.chat-page.aurora-v40 .loot-pro__reward-grid{
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)) !important;
}
body.chat-page.aurora-v40 .loot-pro__reward-grid--inventory{
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
}
body.chat-page.aurora-v40 .loot-pro__reward,
body.chat-page.aurora-v40 .loot-pro__reward-card,
body.chat-page.aurora-v40 .loot-pro__history-row,
body.chat-page.aurora-v40 .loot-pro__loadout-card{
  min-width:0 !important;
  max-width:100% !important;
}
body.chat-page.aurora-v40 .loot-pro__history-row{
  grid-template-columns:44px minmax(0,1fr) max-content !important;
}
body.chat-page.aurora-v40 .loot-pro__inventory-hero{
  grid-template-columns:minmax(0,1fr) minmax(220px,340px) !important;
}
@media (max-width:1320px){
  body.chat-page.aurora-v40 .loot-pro__detail{
    grid-template-columns:minmax(170px,230px) minmax(0,1fr) !important;
  }
  body.chat-page.aurora-v40 .loot-pro__featured{
    grid-column:1 / -1 !important;
  }
  body.chat-page.aurora-v40 .loot-pro__content-grid,
  body.chat-page.aurora-v40 .loot-pro__home-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:920px){
  body.chat-page.aurora-v40 .loot-pro__topbar{
    grid-template-columns:minmax(0,1fr) !important;
    overflow:visible !important;
  }
  body.chat-page.aurora-v40 .loot-pro__title strong,
  body.chat-page.aurora-v40 .loot-pro__title span{
    white-space:normal !important;
  }
  body.chat-page.aurora-v40 .loot-pro__balance{
    max-width:100% !important;
    justify-self:start !important;
  }
  body.chat-page.aurora-v40 .loot-pro__dashboard,
  body.chat-page.aurora-v40 .loot-pro__detail,
  body.chat-page.aurora-v40 .loot-pro__inventory-hero{
    grid-template-columns:1fr !important;
  }
  body.chat-page.aurora-v40 .loot-pro__case-grid,
  body.chat-page.aurora-v40 .loot-pro__reward-grid,
  body.chat-page.aurora-v40 .loot-pro__reward-grid--inventory{
    grid-template-columns:1fr !important;
  }
  body.chat-page.aurora-v40 .loot-pro__case-card{
    min-height:auto !important;
    grid-template-rows:128px auto auto !important;
  }
  body.chat-page.aurora-v40 .loot-pro__case-art{
    height:128px !important;
    min-height:128px !important;
  }
  body.chat-page.aurora-v40 .loot-pro__case-art .case-visual{
    transform:scale(.66) !important;
  }
}
@media (max-width:560px){
  body.chat-page.aurora-v40 .loot-pro__scroll{
    padding:10px !important;
    padding-bottom:max(18px, env(safe-area-inset-bottom)) !important;
  }
  body.chat-page.aurora-v40 .loot-pro__toolbar{
    grid-template-columns:1fr !important;
  }
  body.chat-page.aurora-v40 .loot-pro__dashboard-stats{
    grid-template-columns:1fr 1fr !important;
  }
  body.chat-page.aurora-v40 .loot-pro__dashboard-copy strong,
  body.chat-page.aurora-v40 .loot-pro__detail-copy strong,
  body.chat-page.aurora-v40 .loot-pro__inventory-hero strong{
    font-size:22px !important;
    line-height:1.12 !important;
  }
  body.chat-page.aurora-v40 .loot-pro__history-row{
    grid-template-columns:40px minmax(0,1fr) !important;
  }
  body.chat-page.aurora-v40 .loot-pro__refund{
    grid-column:2 / -1 !important;
    justify-self:start !important;
  }
}


/* Aurora 4.6.26 — normalized svg4.ru-style UI icon rendering */
.tg-icon-svg{
  width:1.25em;
  height:1.25em;
  display:inline-block;
  vertical-align:-0.18em;
  fill:currentColor;
  stroke:currentColor;
  overflow:visible;
}
svg.tg-icon-svg use{ pointer-events:none; }

/* === aurora_4_6_11_presence_typing_menu_fix.css === */
/* Aurora 4.6.11 — presence, typing and app-menu hotfix */
body.chat-page .chat-sidebar {
  position: relative !important;
  overflow: visible !important;
}

body.chat-page .sidebar-topbar {
  overflow: visible !important;
}

body.chat-page .app-menu {
  position: absolute !important;
  top: 58px !important;
  left: 12px !important;
  z-index: 10050 !important;
  min-width: 268px !important;
  max-width: min(360px, calc(100vw - 24px)) !important;
  pointer-events: auto !important;
  transform: translateZ(0) !important;
}

body.chat-page .app-menu * {
  pointer-events: auto !important;
}

body.chat-page .sidebar-topbar__menu {
  position: relative !important;
  z-index: 10060 !important;
  pointer-events: auto !important;
}

body.chat-page .typing-pill:empty {
  display: none !important;
}


/* Aurora 4.6.12 — rail hamburger opens the real app menu */
body.chat-page.aurora-v40 .chat-sidebar {
  position: relative !important;
  overflow: visible !important;
}

body.chat-page.aurora-v40 .app-menu {
  position: absolute !important;
  top: 66px !important;
  left: 12px !important;
  width: 292px !important;
  max-width: calc(var(--a40-sidebar, 340px) - 24px) !important;
  z-index: 100500 !important;
  pointer-events: auto !important;
}

body.chat-page.aurora-v40 .aurora-app-rail,
body.chat-page.aurora-v40 .aurora-app-rail__button[data-aurora-app-menu-toggle="1"] {
  pointer-events: auto !important;
}

body.chat-page.aurora-v40 .aurora-app-rail__button[data-aurora-app-menu-toggle="1"] {
  position: relative !important;
  z-index: 100510 !important;
}

body.chat-page.aurora-v40 .aurora-app-rail__button[data-aurora-app-menu-toggle="1"].is-active {
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
}

/* === aurora_4_6_30_mobile_media_fix.css === */
/* Aurora 4.6.30 - mobile composer and media permission release fixes */
@media (max-width: 980px){
  body.chat-page.aurora-v40{
    overflow:hidden !important;
  }

  body.chat-page.aurora-v40 .chat-shell-app{
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:0 !important;
    overflow:hidden !important;
    grid-template-columns:1fr !important;
  }

  body.chat-page.aurora-v40 .chat-main{
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:0 !important;
    overflow:hidden !important;
    grid-template-rows:auto minmax(0,1fr) auto !important;
  }

  body.chat-page.aurora-v40 .chat-body{
    min-height:0 !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px !important;
  }

  body.chat-page.aurora-v40 .chat-composer-wrap,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
    position:sticky !important;
    left:auto !important;
    right:auto !important;
    bottom:0 !important;
    transform:none !important;
    z-index:24 !important;
    width:100% !important;
    max-width:100vw !important;
    margin:0 !important;
    padding:8px 8px max(10px, calc(8px + env(safe-area-inset-bottom, 0px))) !important;
    background:rgba(235,239,243,.98) !important;
    pointer-events:auto !important;
  }

  body.chat-page.aurora-v40 .chat-composer-wrap > *,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap > *{
    pointer-events:auto !important;
  }

  body.chat-page.aurora-v40 .chat-composer,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 46px !important;
    gap:6px !important;
    align-items:end !important;
    padding:6px !important;
    border-radius:18px !important;
  }

  body.chat-page.aurora-v40 .chat-composer__field,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field{
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:4px !important;
    align-items:end !important;
    padding:3px 4px 3px 12px !important;
    overflow:hidden !important;
  }

  body.chat-page.aurora-v40 .chat-composer__field textarea,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field textarea{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    height:auto !important;
    padding:10px 0 !important;
    color:#10243a !important;
    background:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.chat-page.aurora-v40 .chat-composer__field-actions{
    flex:0 0 auto !important;
    min-width:0 !important;
    gap:0 !important;
    padding-bottom:2px !important;
  }

  body.chat-page.aurora-v40 .composer-round,
  body.chat-page.aurora-v40 .composer-submit{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
  }

  body.chat-page.aurora-v40 .composer-field-button{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
  }
}

@media (max-width: 420px){
  body.chat-page.aurora-v40 .chat-composer,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
    grid-template-columns:38px minmax(0,1fr) 42px !important;
    gap:5px !important;
    padding:5px !important;
  }

  body.chat-page.aurora-v40 .composer-round,
  body.chat-page.aurora-v40 .composer-submit{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  body.chat-page.aurora-v40 .chat-composer__field-actions .composer-field-button:nth-child(2){
    display:none !important;
  }
}

/* === aurora_4_6_31_visual_voice.css === */
/* Aurora 4.6.31 - release visual pass and premium voice messages */
body.chat-page.aurora-v40 .chat-theme-root{
  --av31-panel:rgba(255,255,255,.88);
  --av31-panel-solid:#ffffff;
  --av31-ink:#10243a;
  --av31-muted:#647b91;
  --av31-line:rgba(132,157,181,.24);
  --av31-blue:#2d8ff0;
  --av31-green:#4aa37d;
  --av31-amber:#d79b48;
  --av31-shadow:0 18px 46px rgba(23,48,74,.12);
  --av31-soft-shadow:0 10px 26px rgba(27,62,94,.08);
  background:#edf2f7;
}

body.chat-page.aurora-v40 .chat-shell-app{
  background:
    linear-gradient(135deg, rgba(232,238,245,.98) 0%, rgba(249,251,253,.98) 44%, rgba(235,247,243,.96) 100%) !important;
}

body.chat-page.aurora-v40 .chat-sidebar,
body.chat-page.aurora-v40 .desktop-side-panel,
body.chat-page.aurora-v40 .drawer,
body.chat-page.aurora-v40 .modal-card{
  background:var(--av31-panel) !important;
  border-color:var(--av31-line) !important;
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
}

body.chat-page.aurora-v40 .chat-sidebar{
  box-shadow:18px 0 54px rgba(29,55,78,.10) !important;
}

body.chat-page.aurora-v40 .sidebar-topbar,
body.chat-page.aurora-v40 .tg-folders,
body.chat-page.aurora-v40 .chat-header,
body.chat-page.aurora-v40 .side-panel__head{
  background:rgba(255,255,255,.74) !important;
  border-color:rgba(144,168,190,.22) !important;
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}

body.chat-page.aurora-v40 .chat-header{
  box-shadow:0 10px 32px rgba(18,43,68,.07) !important;
}

body.chat-page.aurora-v40 .chat-header__title-row strong,
body.chat-page.aurora-v40 .chat-list-item__title,
body.chat-page.aurora-v40 .message-sender{
  color:var(--av31-ink) !important;
}

body.chat-page.aurora-v40 .chat-header__copy span,
body.chat-page.aurora-v40 .chat-list-item__preview,
body.chat-page.aurora-v40 .chat-list-item__secondary,
body.chat-page.aurora-v40 .chat-list-item__time{
  color:var(--av31-muted) !important;
}

body.chat-page.aurora-v40 .tg-search,
body.chat-page.aurora-v40 .tg-search--topbar{
  background:rgba(242,246,250,.88) !important;
  border:1px solid rgba(133,158,181,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86) !important;
}

body.chat-page.aurora-v40 .chat-list-item{
  margin:2px 8px !important;
  width:calc(100% - 16px) !important;
  border-radius:8px !important;
  border:1px solid transparent !important;
  transition:background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.chat-page.aurora-v40 .chat-list-item:hover{
  background:rgba(244,248,251,.92) !important;
  border-color:rgba(130,154,178,.18) !important;
}

body.chat-page.aurora-v40 .chat-list-item.is-active{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--tg-accent, #2d8ff0) 18%, white 82%), rgba(255,255,255,.92)) !important;
  border-color:color-mix(in srgb, var(--tg-accent, #2d8ff0) 28%, transparent) !important;
  box-shadow:0 10px 24px color-mix(in srgb, var(--tg-accent, #2d8ff0) 16%, transparent) !important;
}

body.chat-page.aurora-v40 .chat-main.has-chat{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;
}

body.chat-page.aurora-v40 .chat-main.has-chat::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 22%),
    linear-gradient(0deg, rgba(12,27,42,.08), rgba(12,27,42,0) 34%);
  z-index:0;
}

body.chat-page.aurora-v40 .messages-stack{
  gap:7px !important;
}

body.chat-page.aurora-v40 .message-bubble,
body.chat-page.aurora-v40 .album-bubble{
  border:1px solid rgba(255,255,255,.70) !important;
  box-shadow:0 12px 26px rgba(19,45,70,.09) !important;
}

body.chat-page.aurora-v40 .message-row.is-own .message-bubble,
body.chat-page.aurora-v40 .album-message-row.is-own .album-bubble{
  border-color:rgba(203,238,219,.88) !important;
  box-shadow:0 12px 28px rgba(54,111,81,.10) !important;
}

body.chat-page.aurora-v40 .chat-composer,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
  border-color:rgba(168,188,207,.30) !important;
  background:rgba(255,255,255,.84) !important;
  box-shadow:0 18px 54px rgba(18,43,68,.15), inset 0 1px 0 rgba(255,255,255,.82) !important;
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}

body.chat-page.aurora-v40 .chat-composer__field,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field{
  background:rgba(247,250,253,.96) !important;
  border-color:rgba(137,161,184,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}

body.chat-page.aurora-v40 .composer-submit.is-active{
  box-shadow:0 14px 30px color-mix(in srgb, var(--tg-accent, #2d8ff0) 28%, transparent) !important;
}

body.chat-page.aurora-v40 .message-file--voice{
  width:min(452px, 100%) !important;
  max-width:100% !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.chat-page.aurora-v40 .voice-card{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  display:grid !important;
  grid-template-columns:60px minmax(0,1fr) !important;
  gap:14px !important;
  width:min(452px, 100%) !important;
  min-width:min(360px, 100%) !important;
  padding:14px !important;
  border:1px solid rgba(126,173,215,.28) !important;
  border-radius:18px !important;
  color:#153149 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(241,248,255,.96) 48%, rgba(232,244,255,.94) 100%) !important;
  box-shadow:0 18px 42px rgba(35,85,130,.15), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card{
  border-color:rgba(119,190,154,.32) !important;
  background:
    linear-gradient(135deg, rgba(251,255,252,.98) 0%, rgba(232,249,240,.98) 48%, rgba(218,244,231,.95) 100%) !important;
  box-shadow:0 18px 42px rgba(49,118,82,.15), inset 0 1px 0 rgba(255,255,255,.90) !important;
}

body.chat-page.aurora-v40 .voice-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  width:100%;
  transform:scaleX(var(--voice-progress, 0));
  transform-origin:left center;
  background:linear-gradient(90deg, rgba(45,143,240,.18), rgba(74,163,125,.12));
  transition:transform .18s linear;
}

body.chat-page.aurora-v40 .voice-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.18) 0 1px, transparent 1px 12px),
    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0));
  opacity:.45;
  pointer-events:none;
}

body.chat-page.aurora-v40 .voice-card__play{
  position:relative !important;
  z-index:1;
  width:60px !important;
  height:60px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  color:#fff !important;
  background:linear-gradient(180deg, #42a5ff 0%, #2178d7 100%) !important;
  box-shadow:0 16px 34px rgba(39,127,218,.32) !important;
  overflow:visible !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__play{
  background:linear-gradient(180deg, #56bd91 0%, #2f936a 100%) !important;
  box-shadow:0 16px 34px rgba(47,147,106,.30) !important;
}

body.chat-page.aurora-v40 .voice-card__play-aura{
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(45,143,240,.28);
  background:conic-gradient(from 140deg, rgba(45,143,240,.0), rgba(45,143,240,.28), rgba(74,163,125,.22), rgba(45,143,240,.0));
  opacity:.70;
  transform:scale(.92);
}

body.chat-page.aurora-v40 .voice-card.is-playing .voice-card__play-aura{
  animation:voiceAuraSpin 1.8s linear infinite, voiceAuraPulse 1.15s ease-in-out infinite;
}

body.chat-page.aurora-v40 .voice-card__play-icon{
  position:relative;
  z-index:2;
}

body.chat-page.aurora-v40 .voice-card__main{
  min-width:0 !important;
  gap:7px !important;
}

body.chat-page.aurora-v40 .voice-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  margin-bottom:2px;
}

body.chat-page.aurora-v40 .voice-card__state{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:color-mix(in srgb, var(--tg-accent, #2d8ff0) 72%, #123 28%);
  font-size:12px;
  font-weight:800;
}

body.chat-page.aurora-v40 .voice-card__state.is-live{
  color:#20875e;
}

body.chat-page.aurora-v40 .voice-card__remaining{
  flex:0 0 auto;
  color:#6a8198;
  font-size:12px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

body.chat-page.aurora-v40 .voice-card__wave-button{
  width:100% !important;
  min-width:0;
  min-height:48px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  cursor:pointer;
}

body.chat-page.aurora-v40 .voice-card__wave{
  height:46px !important;
  min-height:46px !important;
  display:grid !important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(3px, 1fr) !important;
  align-items:center !important;
  gap:2px !important;
}

body.chat-page.aurora-v40 .voice-card__bar{
  align-self:center;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(112,178,247,.86), rgba(69,128,194,.52)) !important;
  opacity:.42 !important;
  transform-origin:center bottom;
  transition:opacity .18s ease, transform .18s ease, background .18s ease;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__bar{
  background:linear-gradient(180deg, rgba(111,204,158,.86), rgba(61,140,99,.50)) !important;
}

body.chat-page.aurora-v40 .voice-card__bar.is-played{
  opacity:1 !important;
  background:linear-gradient(180deg, #58b5ff, #2289e9) !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__bar.is-played{
  background:linear-gradient(180deg, #68d79e, #2d9d70) !important;
}

body.chat-page.aurora-v40 .voice-card.is-playing .voice-card__bar{
  animation:voiceBarLift 1.05s ease-in-out infinite;
}

body.chat-page.aurora-v40 .voice-card__progress-line{
  height:5px !important;
  margin-top:7px !important;
  border-radius:999px !important;
  background:rgba(94,122,150,.14) !important;
  overflow:visible !important;
}

body.chat-page.aurora-v40 .voice-card__progress-line > span{
  background:linear-gradient(90deg, #2e9af5, #49b985) !important;
  box-shadow:0 0 16px rgba(45,143,240,.28);
}

body.chat-page.aurora-v40 .voice-card__progress-thumb{
  width:13px !important;
  height:13px !important;
  border:3px solid #fff !important;
  background:linear-gradient(180deg, #43a8ff, #2582de) !important;
  box-shadow:0 5px 14px rgba(38,126,219,.30) !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__progress-thumb{
  background:linear-gradient(180deg, #67d69d, #2d9b70) !important;
  box-shadow:0 5px 14px rgba(48,148,106,.28) !important;
}

body.chat-page.aurora-v40 .voice-card__hover-thumb{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(45,143,240,.34) !important;
}

body.chat-page.aurora-v40 .voice-card__meta{
  margin-top:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

body.chat-page.aurora-v40 .voice-card__meta-main{
  min-width:0;
  gap:6px !important;
}

body.chat-page.aurora-v40 .voice-card__time,
body.chat-page.aurora-v40 .voice-card__duration{
  color:#21435f !important;
  font-weight:800 !important;
  font-variant-numeric:tabular-nums;
}

body.chat-page.aurora-v40 .voice-card__dot,
body.chat-page.aurora-v40 .voice-card__caption,
body.chat-page.aurora-v40 .voice-card__size,
body.chat-page.aurora-v40 .voice-card__listen-label{
  color:#70869b !important;
}

body.chat-page.aurora-v40 .voice-card__actions{
  gap:8px !important;
}

body.chat-page.aurora-v40 .voice-card__speed{
  min-width:42px;
  height:28px;
  border:1px solid rgba(45,143,240,.18) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.72) !important;
  color:#257fd5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__speed{
  border-color:rgba(55,151,107,.20) !important;
  color:#2b8f67 !important;
}

body.chat-page.aurora-v40 .voice-card--preview{
  width:100% !important;
  min-width:0 !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  padding:10px !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

body.chat-page.aurora-v40 .voice-card--preview .voice-card__play{
  width:52px !important;
  height:52px !important;
}

body.chat-page.aurora-v40 .attachment-chip--voice-preview{
  align-items:stretch !important;
  gap:12px !important;
}

body.chat-page.aurora-v40 .attachment-chip--voice-live{
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,244,246,.95)) !important;
  border-color:rgba(238,93,111,.22) !important;
}

body.chat-page.aurora-v40 .voice-recorder{
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  width:100%;
  min-width:0;
}

body.chat-page.aurora-v40 .voice-recorder__pulse{
  width:14px !important;
  height:14px !important;
  border-radius:50% !important;
  background:#ef4964 !important;
  box-shadow:0 0 0 0 rgba(239,73,100,.34), 0 0 18px rgba(239,73,100,.42) !important;
  animation:recordPulse 1.2s ease-out infinite !important;
}

body.chat-page.aurora-v40 .voice-recorder__body{
  min-width:0;
  display:grid;
  gap:7px;
}

body.chat-page.aurora-v40 .voice-recorder__meta{
  min-width:0;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

body.chat-page.aurora-v40 .voice-recorder__meta strong{
  color:#27384b !important;
  font-size:13px !important;
  font-weight:800 !important;
}

body.chat-page.aurora-v40 .voice-recorder__timer{
  color:#ef4964 !important;
  font-size:13px !important;
  font-weight:900 !important;
  font-variant-numeric:tabular-nums;
}

body.chat-page.aurora-v40 .voice-recorder__wave{
  height:34px !important;
  display:grid !important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(3px, 1fr) !important;
  gap:2px !important;
  align-items:center !important;
}

body.chat-page.aurora-v40 .voice-recorder__wave span{
  align-self:center;
  border-radius:999px !important;
  background:linear-gradient(180deg, #ff8d9d, #ef4964) !important;
  box-shadow:0 5px 14px rgba(239,73,100,.13);
  animation:voiceBarLift .84s ease-in-out infinite !important;
}

body.chat-page.aurora-v40 .voice-recorder__hint{
  color:#7c8fa2 !important;
  font-size:12px !important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chat-theme-root[data-theme-mode="dark"]{
  --av31-panel:rgba(30,41,54,.88);
  --av31-panel-solid:#263343;
  --av31-ink:#eef5fb;
  --av31-muted:#a9b8c8;
  --av31-line:rgba(255,255,255,.12);
  --av31-shadow:0 18px 46px rgba(0,0,0,.30);
  --av31-soft-shadow:0 10px 26px rgba(0,0,0,.20);
}

.chat-theme-root[data-theme-mode="dark"] .chat-shell-app{
  background:linear-gradient(135deg, #1f2a37 0%, #243244 50%, #202c3a 100%) !important;
}

.chat-theme-root[data-theme-mode="dark"] .voice-card{
  color:#eef5fb !important;
  border-color:rgba(132,183,244,.20) !important;
  background:linear-gradient(135deg, rgba(43,58,75,.96), rgba(35,49,64,.94)) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.chat-theme-root[data-theme-mode="dark"] .message-row.is-own .voice-card{
  background:linear-gradient(135deg, rgba(48,70,82,.96), rgba(39,64,57,.94)) !important;
}

.chat-theme-root[data-theme-mode="dark"] .voice-card__time,
.chat-theme-root[data-theme-mode="dark"] .voice-card__duration,
.chat-theme-root[data-theme-mode="dark"] .voice-card__state{
  color:#edf6ff !important;
}

.chat-theme-root[data-theme-mode="dark"] .voice-card__remaining,
.chat-theme-root[data-theme-mode="dark"] .voice-card__dot,
.chat-theme-root[data-theme-mode="dark"] .voice-card__caption,
.chat-theme-root[data-theme-mode="dark"] .voice-card__size,
.chat-theme-root[data-theme-mode="dark"] .voice-card__listen-label{
  color:#a9b8c8 !important;
}

.chat-theme-root[data-theme-mode="dark"] .voice-card__speed{
  background:rgba(255,255,255,.08) !important;
  color:#d8ecff !important;
  border-color:rgba(255,255,255,.12) !important;
}

.chat-theme-root[data-theme-mode="dark"] .attachment-chip--voice-live{
  background:linear-gradient(135deg, rgba(44,36,45,.94), rgba(37,45,58,.92)) !important;
  border-color:rgba(255,117,137,.20) !important;
}

.chat-theme-root[data-theme-mode="dark"] .voice-recorder__meta strong{
  color:#eef5fb !important;
}

.chat-theme-root[data-theme-mode="dark"] .voice-recorder__hint{
  color:#a9b8c8 !important;
}

@media (max-width: 980px){
  body.chat-page.aurora-v40 .chat-header{
    min-height:58px !important;
    padding:8px 10px !important;
  }

  body.chat-page.aurora-v40 .messages-stack{
    padding:12px 8px 12px !important;
    gap:6px !important;
  }

  body.chat-page.aurora-v40 .message-bubble,
  body.chat-page.aurora-v40 .album-bubble{
    max-width:90% !important;
  }

  body.chat-page.aurora-v40 .message-file--voice{
    width:min(100%, calc(100vw - 74px)) !important;
  }

  body.chat-page.aurora-v40 .voice-card{
    grid-template-columns:52px minmax(0,1fr) !important;
    gap:11px !important;
    min-width:0 !important;
    width:100% !important;
    padding:11px !important;
    border-radius:16px !important;
  }

  body.chat-page.aurora-v40 .voice-card__play{
    width:52px !important;
    height:52px !important;
  }

  body.chat-page.aurora-v40 .voice-card__wave{
    height:40px !important;
    min-height:40px !important;
    gap:1.5px !important;
  }

  body.chat-page.aurora-v40 .voice-card__top{
    gap:8px;
  }

  body.chat-page.aurora-v40 .voice-card__actions{
    gap:6px !important;
  }

  body.chat-page.aurora-v40 .voice-card__listen-label{
    display:none !important;
  }

  body.chat-page.aurora-v40 .attachment-chip--voice-preview,
  body.chat-page.aurora-v40 .attachment-chip--voice-live{
    width:100% !important;
    min-width:0 !important;
  }

  body.chat-page.aurora-v40 .voice-recorder__hint{
    display:none !important;
  }
}

@media (max-width: 420px){
  body.chat-page.aurora-v40 .message-file--voice{
    width:min(100%, calc(100vw - 54px)) !important;
  }

  body.chat-page.aurora-v40 .voice-card{
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:9px !important;
    padding:10px !important;
  }

  body.chat-page.aurora-v40 .voice-card__play{
    width:46px !important;
    height:46px !important;
  }

  body.chat-page.aurora-v40 .voice-card__wave{
    height:34px !important;
    min-height:34px !important;
  }

  body.chat-page.aurora-v40 .voice-card__state,
  body.chat-page.aurora-v40 .voice-card__remaining,
  body.chat-page.aurora-v40 .voice-card__time,
  body.chat-page.aurora-v40 .voice-card__duration,
  body.chat-page.aurora-v40 .voice-card__speed{
    font-size:11px !important;
  }

  body.chat-page.aurora-v40 .voice-card__speed{
    min-width:38px;
    height:26px;
  }
}

@keyframes voiceAuraSpin{
  to{ transform:rotate(360deg) scale(.92); }
}

@keyframes voiceAuraPulse{
  0%,100%{ opacity:.45; }
  50%{ opacity:.88; }
}

@keyframes voiceBarLift{
  0%,100%{ transform:scaleY(.82); }
  50%{ transform:scaleY(1.08); }
}

/* === aurora_4_6_32_tg_voice_composer.css === */
/* Aurora 4.6.32 - Telegram-like composer and voice messages */

body.chat-page.aurora-v40 .chat-composer-wrap,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  width:min(940px, calc(100% - 56px)) !important;
  max-width:940px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  background:transparent !important;
  border-top:0 !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}

body.chat-page.aurora-v40 .chat-composer-wrap > *,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap > *{
  pointer-events:auto !important;
}

body.chat-page.aurora-v40 .chat-composer,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:38px !important;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) 40px !important;
  align-items:center !important;
  gap:4px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.chat-page.aurora-v40 .composer-round,
body.chat-page.aurora-v40 .composer-submit{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  flex:0 0 38px !important;
  border-radius:14px !important;
  background:rgba(247,250,253,.94) !important;
  border:1px solid rgba(199,211,224,.86) !important;
  color:#55738f !important;
  box-shadow:0 1px 2px rgba(23,44,68,.08) !important;
}

body.chat-page.aurora-v40 .composer-submit.is-active{
  background:#3390ec !important;
  border-color:#3390ec !important;
  color:#fff !important;
}

body.chat-page.aurora-v40 .composer-submit.is-recording{
  background:#e84b61 !important;
  border-color:#e84b61 !important;
  color:#fff !important;
}

body.chat-page.aurora-v40 .chat-composer__field,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field{
  width:100% !important;
  min-width:0 !important;
  min-height:38px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:4px !important;
  padding:0 6px 0 16px !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:rgba(247,250,253,.94) !important;
  border:1px solid rgba(199,211,224,.86) !important;
  box-shadow:0 1px 2px rgba(23,44,68,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

body.chat-page.aurora-v40 .chat-composer__field textarea,
body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field textarea{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  min-height:36px !important;
  height:36px !important;
  max-height:132px !important;
  padding:8px 0 !important;
  border:0 !important;
  outline:0 !important;
  resize:none !important;
  background:transparent !important;
  color:#10243a !important;
  font-size:15px !important;
  line-height:20px !important;
  opacity:1 !important;
  visibility:visible !important;
}

body.chat-page.aurora-v40 .chat-composer__field textarea::placeholder{
  color:#8da1b4 !important;
}

body.chat-page.aurora-v40 .chat-composer__field-actions{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:2px !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  padding:0 !important;
}

body.chat-page.aurora-v40 .composer-field-button,
body.chat-page.aurora-v40 .chat-composer__field-actions .composer-field-button:nth-child(2){
  display:inline-flex !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  flex:0 0 38px !important;
  border:0 !important;
  border-radius:14px !important;
  background:transparent !important;
  color:#55738f !important;
  box-shadow:none !important;
}

body.chat-page.aurora-v40 .message-bubble:has(.message-file--voice){
  padding:6px 8px !important;
  border-radius:18px !important;
  box-shadow:0 1px 1px rgba(26,46,67,.08) !important;
}

body.chat-page.aurora-v40 .message-row:not(.is-own) .message-bubble:has(.message-file--voice){
  background:#fff !important;
}

body.chat-page.aurora-v40 .message-row.is-own .message-bubble:has(.message-file--voice){
  background:#dff4c9 !important;
}

body.chat-page.aurora-v40 .message-file--voice,
body.chat-page.aurora-v40 .message-row.is-own .message-file--voice,
body.chat-page.aurora-v40 .message-row.is-own .message-bubble .message-file--voice{
  width:min(360px, calc(100vw - 78px)) !important;
  max-width:100% !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.chat-page.aurora-v40 .voice-card,
body.chat-page.aurora-v40 .message-row.is-own .voice-card{
  position:relative !important;
  isolation:auto !important;
  overflow:visible !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#5a7186 !important;
}

body.chat-page.aurora-v40 .voice-card::before,
body.chat-page.aurora-v40 .voice-card::after{
  content:none !important;
  display:none !important;
}

body.chat-page.aurora-v40 .voice-card__play{
  position:relative !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  align-self:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#43a7e8 !important;
  color:#fff !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__play{
  background:#55bd64 !important;
}

body.chat-page.aurora-v40 .voice-card.is-playing .voice-card__play{
  background:#3390ec !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card.is-playing .voice-card__play{
  background:#47ad58 !important;
}

body.chat-page.aurora-v40 .voice-card__play-aura{
  display:none !important;
}

body.chat-page.aurora-v40 .voice-card__main{
  display:grid !important;
  gap:3px !important;
  min-width:0 !important;
}

body.chat-page.aurora-v40 .voice-card__wave-button{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  min-height:25px !important;
  height:25px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.chat-page.aurora-v40 .voice-card__wave{
  height:25px !important;
  min-height:25px !important;
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(2px,1fr) !important;
  align-items:center !important;
  gap:2px !important;
}

body.chat-page.aurora-v40 .voice-card__bar{
  align-self:center !important;
  min-height:3px !important;
  border-radius:999px !important;
  background:#c9d7e4 !important;
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

body.chat-page.aurora-v40 .voice-card__bar.is-played{
  background:#83c7ef !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__bar{
  background:#9fd79e !important;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__bar.is-played{
  background:#48b85a !important;
}

body.chat-page.aurora-v40 .voice-card__progress-line,
body.chat-page.aurora-v40 .voice-card__progress-thumb,
body.chat-page.aurora-v40 .voice-card__hover-thumb,
body.chat-page.aurora-v40 .voice-card__actions,
body.chat-page.aurora-v40 .voice-card__top,
body.chat-page.aurora-v40 .voice-card__remaining,
body.chat-page.aurora-v40 .voice-card__state,
body.chat-page.aurora-v40 .voice-card__duration,
body.chat-page.aurora-v40 .voice-card__dot{
  display:none !important;
}

body.chat-page.aurora-v40 .voice-card__meta{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
  margin:0 !important;
  gap:0 !important;
  font-size:11px !important;
  line-height:14px !important;
}

body.chat-page.aurora-v40 .voice-card__meta-main{
  display:inline-flex !important;
  align-items:center !important;
  min-width:0 !important;
  gap:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

body.chat-page.aurora-v40 .voice-card__time,
body.chat-page.aurora-v40 .voice-card__size,
body.chat-page.aurora-v40 .voice-card__caption{
  min-width:0 !important;
  color:#78a3bc !important;
  font-size:11px !important;
  font-weight:500 !important;
  line-height:14px !important;
  font-variant-numeric:tabular-nums;
}

body.chat-page.aurora-v40 .message-row.is-own .voice-card__time,
body.chat-page.aurora-v40 .message-row.is-own .voice-card__size,
body.chat-page.aurora-v40 .message-row.is-own .voice-card__caption{
  color:#5caa65 !important;
}

body.chat-page.aurora-v40 .voice-card__scrubber{
  display:none !important;
}

body.chat-page.aurora-v40 .voice-card--preview{
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
}

body.chat-page.aurora-v40 .voice-card--preview .voice-card__play{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
}

.chat-theme-root[data-theme-mode="dark"] body.chat-page.aurora-v40 .chat-composer-wrap,
.chat-theme-root[data-theme-mode="dark"] .chat-composer-wrap{
  background:transparent !important;
  border-top:0 !important;
}

.chat-theme-root[data-theme-mode="dark"] .chat-composer__field,
.chat-theme-root[data-theme-mode="dark"] .composer-round,
.chat-theme-root[data-theme-mode="dark"] .composer-submit:not(.is-active):not(.is-recording){
  background:#172331 !important;
  border-color:rgba(120,145,168,.22) !important;
  color:#c6d7e8 !important;
}

.chat-theme-root[data-theme-mode="dark"] .chat-composer__field textarea{
  color:#eef5fb !important;
}

.chat-theme-root[data-theme-mode="dark"] .chat-composer__field textarea::placeholder{
  color:#8ea3b7 !important;
}

.chat-theme-root[data-theme-mode="dark"] .message-row:not(.is-own) .message-bubble:has(.message-file--voice){
  background:#1b2734 !important;
}

.chat-theme-root[data-theme-mode="dark"] .message-row.is-own .message-bubble:has(.message-file--voice){
  background:#254433 !important;
}

@media (max-width: 640px){
  body.chat-page.aurora-v40 .chat-composer-wrap,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer-wrap{
    left:50% !important;
    right:auto !important;
    bottom:0 !important;
    width:calc(100% - 16px) !important;
    max-width:none !important;
    transform:translateX(-50%) !important;
    padding:10px 8px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 420px){
  body.chat-page.aurora-v40 .chat-composer,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer{
    grid-template-columns:38px minmax(0,1fr) 40px !important;
    min-height:38px !important;
    gap:3px !important;
  }

  body.chat-page.aurora-v40 .composer-round,
  body.chat-page.aurora-v40 .composer-submit{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex-basis:38px !important;
    border-radius:14px !important;
  }

  body.chat-page.aurora-v40 .chat-composer__field,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field{
    min-height:38px !important;
    padding:0 4px 0 14px !important;
    border-radius:14px !important;
  }

  body.chat-page.aurora-v40 .chat-composer__field textarea,
  body.chat-page.aurora-v40 .chat-main.has-wallpaper-ui .chat-composer__field textarea{
    min-height:36px !important;
    height:36px !important;
    padding:8px 0 !important;
    font-size:14px !important;
    line-height:20px !important;
  }

  body.chat-page.aurora-v40 .composer-field-button,
  body.chat-page.aurora-v40 .chat-composer__field-actions .composer-field-button:nth-child(2){
    display:inline-flex !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex-basis:34px !important;
    border-radius:12px !important;
  }

  body.chat-page.aurora-v40 .message-file--voice,
  body.chat-page.aurora-v40 .message-row.is-own .message-file--voice,
  body.chat-page.aurora-v40 .message-row.is-own .message-bubble .message-file--voice{
    width:min(324px, calc(100vw - 62px)) !important;
  }

  body.chat-page.aurora-v40 .voice-card,
  body.chat-page.aurora-v40 .message-row.is-own .voice-card{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:9px !important;
  }

  body.chat-page.aurora-v40 .voice-card__play{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }

  body.chat-page.aurora-v40 .voice-card__wave{
    height:24px !important;
    min-height:24px !important;
    gap:1.5px !important;
  }
}

/* === Aurora v3 boot fallback (loaded when React CDN fails) === */
.aurora-v3-boot-fallback {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: #eef3f7;
  font-family: system-ui, -apple-system, 'Manrope', sans-serif;
}
.aurora-v3-boot-card {
  width: min(92vw, 430px);
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 20px 60px rgba(15,23,42,.12);
  display: grid;
  gap: 10px;
}
.aurora-v3-boot-card b { font-size: 18px; }
.aurora-v3-boot-card span { color: #64748b; line-height: 1.45; }
.aurora-v3-boot-card button {
  height: 42px;
  border: 0;
  border-radius: 12px;
  background: #2481cc;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
body.chat-page.aurora-v3 .aurora-v3-boot-fallback {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: #eef3f7;
  font-family: system-ui, -apple-system, 'Manrope', sans-serif;
}
body.chat-page.aurora-v3 .aurora-v3-boot-card {
  width: min(92vw, 430px);
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 20px 60px rgba(15,23,42,.12);
  display: grid;
  gap: 10px;
}