.header[data-v-6914ca4c] { gap: 8px; }
.header[data-v-6914ca4c] > div:first-child { min-width: 0; flex: 1; }
.header[data-v-6914ca4c] > div:last-child { flex-shrink: 0; }
.header-info[data-v-6914ca4c] { min-width: 0; margin-left: 6px; }
.agent-title[data-v-6914ca4c] { gap: 5px; min-width: 0; font-size: clamp(14px, 3.9vw, 17.5px); }
.agent-title[data-v-6914ca4c] > div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-support-back { flex: 0 0 44px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: -8px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #333; cursor: pointer; touch-action: manipulation; }
.site-support-back:focus-visible { outline: 2px solid #dd8b20; outline-offset: -2px; }
.site-support-back:active { background: #fff4e4; }
/* 2026-10-24：原来 10px/line-height:17px/padding:1px 5px -> 盒子高 19px，
   比旁边的客服名(.agent-title 17.5px)还高，里面字才 10px，看着一大块空金色。
   老板说「官方好大呀弄小点适配点」。高度 19px -> 14px，并补上窄屏适配。 */
.site-support-badge { display: inline-block; flex: none; padding: 0 4px; border-radius: 3px; background: #fff4e4; color: #ae6b15; font-size: 9px; line-height: 14px; white-space: nowrap; }
.app-container[data-v-6914ca4c] .agent-title, .app-container[data-v-6914ca4c] .site-support-badge { color: var(--frontdesk-accent, #ae6b15); }
@media (max-width: 360px) {
  .header[data-v-6914ca4c] { padding: 0 8px; gap: 4px; }
  .agent-status[data-v-6914ca4c] { font-size: 11px; }
  /* 2026-10-24：窄屏下徽标再收一档 */
  .site-support-badge { font-size: 8px; line-height: 13px; padding: 0 3px; }
  .header-info[data-v-6914ca4c] { margin-left: 2px; }
}