/* Retain source layout and motion; restore only state lost with the Vue runtime. */
/* Hover-only tooltips captured in the DOM must not remain permanently visible. */
.el-popper.is-dark:not(.local-preview-tooltip) { display: none !important; }
/* Element Plus supplies the original colors, padding, radius, typography and arrow. */
.el-popper.is-dark.local-preview-tooltip {
  position: fixed;
  z-index: 2147482999;
  max-width: min(360px, calc(100vw - 24px));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--el-transition-fade-linear, opacity .2s linear);
}
.el-popper.is-dark.local-preview-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
}
.el-popper.is-dark.local-preview-tooltip[hidden] { display: none !important; }
.local-preview-tooltip[data-popper-placement^="top"] > .el-popper__arrow,
.local-preview-tooltip[data-popper-placement^="bottom"] > .el-popper__arrow {
  left: calc(50% - 5px);
}
.local-preview-tooltip[data-popper-placement^="left"] > .el-popper__arrow,
.local-preview-tooltip[data-popper-placement^="right"] > .el-popper__arrow {
  top: calc(50% - 5px);
}

/* Source is-focus colors, also usable without a framework-managed class. */
.chat-input-small.simple[data-v-8b365fd7]:focus-within { border-color: #9fa3a8; }
.chat-input-small.heavy[data-v-8b365fd7]:focus-within,
.chat-input-small[data-v-8d89b018]:focus-within { border-color: #eaeaef; }

/* Native local scrolling replaces only the removed Swiper controller on tabs. */
.home-case .case-tab .local-tab-viewport {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
}
.home-case .case-tab .local-tab-viewport::-webkit-scrollbar { display: none; }
.home-case .case-tab .local-tab-viewport > .swiper-wrapper {
  width: max-content !important;
  transform: none !important;
}
.home-case .case-item[hidden] { display: none !important; }

#local-preview-controls {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  box-sizing: border-box;
  color: #22262e;
}
#local-preview-controls {
  position: fixed;
  z-index: 2147483000;
  right: 16px;
  bottom: 14px;
  max-width: calc(100vw - 32px);
}
#local-preview-controls details {
  background: rgba(255, 255, 255, .97);
  border: 1px solid #d8dde5;
  border-radius: 12px;
  box-shadow: 0 3px 18px #1e263016;
  overflow: hidden;
}
#local-preview-controls[hidden] { display: none !important; }
#local-preview-controls summary {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 34px;
  padding: 7px 13px;
  list-style: none;
  cursor: pointer;
  user-select: none;
  color: #525f70;
}
#local-preview-controls summary::-webkit-details-marker { display: none; }
#local-preview-controls summary span { font-size: 10px; color: #8992a0; }
#local-preview-controls .preview-panel { width: 250px; padding: 8px 14px 14px; border-top: 1px solid #edf0f4; }
#local-preview-controls strong { font-size: 13px; font-weight: 600; }
#local-preview-controls p { margin: 4px 0 10px; color: #7b8491; font-size: 11px; }
#local-preview-controls nav { display: grid; gap: 3px; max-height: 48vh; overflow-y: auto; }
#local-preview-controls a { display: block; border-radius: 7px; padding: 7px 9px; color: #4c5666; text-decoration: none; }
#local-preview-controls a:hover { background: #f2f5f9; }
#local-preview-controls a[aria-current="page"] { color: #2764c8; background: #eaf2ff; font-weight: 600; }
#local-preview-controls small { display: block; margin-top: 10px; font-size: 10px; color: #9aa2ad; }
#local-preview-toast {
  z-index: 2147483001;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  pointer-events: none;
}
#local-preview-toast.is-visible { opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
@media print { #local-preview-controls, #local-preview-toast { display: none !important; } }

.editor-wrap:has(.editor:not(:empty)) > .placeholder { display: none; }

/* Narrow-screen adaptation of the captured desktop DOM, not a mobile screenshot. */
@media (max-width: 700px) {
  html, body { min-width: 0 !important; max-width: 100%; overflow-x: hidden !important; }
  .layout > .main { margin-left: 0 !important; width: 100% !important; min-width: 0 !important; }
  .layout > .sidebar,
  .teamo-banner,
  .file-global-slider2,
  .main-box-right,
  .chat-input-wrap2 { display: none !important; }
  .topbar { padding-left: 14px !important; padding-right: 14px !important; background: #f2f2f2f2 !important; }
  .topbar-inner { width: 100% !important; min-width: 0 !important; flex-wrap: nowrap !important; gap: 12px; }
  .topbar-left { flex: 0 0 auto !important; }
  .topbar-left .breadnav,
  .topbar-right .btn_invite,
  .topbar-right .lang,
  .topbar-right .notice-trigger { display: none !important; }
  .topbar-right { flex: 0 1 auto !important; gap: 8px !important; min-width: 0 !important; white-space: nowrap !important; }
  .topbar-right .btn_pricing { margin-right: 0 !important; flex-shrink: 0; }
  .home_div, .agent-home { width: 100% !important; padding-right: 0 !important; min-width: 0 !important; }
  .home-main { padding-left: 16px !important; padding-right: 16px !important; margin-bottom: 32px !important; }
  .home-main-inner, .home-main-center { width: 100% !important; min-width: 0 !important; }
  .home-main-center { padding-top: 88px !important; background-size: contain !important; }
  .hero-section { margin-bottom: 24px !important; }
  .hero-title { height: auto !important; font-size: 20px !important; line-height: 1.5 !important; gap: 8px !important; }
  .hero-title .agent-icons-container { display: none !important; }
  .hero-subtitle { font-size: 22px !important; line-height: 1.5 !important; }
  .chat-input-wrap, .chat-input-small { width: 100% !important; min-width: 0 !important; }
  .chat-input-inner { min-width: 0 !important; }
  .home-case { padding: 0 16px !important; }
  .home-case-inner { padding-top: 12px !important; }
  .home-case .case-hd { white-space: nowrap; font-size: 19px !important; }
  .home-case .case-tab { top: 50px !important; padding: 8px 0 !important; background: #f2f2f2; }
  .home-case .case-tab > .swiper { width: 100%; overflow-x: auto !important; }
  .home-case .case-tab .swiper-wrapper { width: max-content !important; transform: none !important; }
  .home-case .case-tab .swiper-slide { width: auto !important; flex-shrink: 0; }
  .home-case .case-tab .swiper-button-prev,
  .home-case .case-tab .swiper-button-next { display: none !important; }
  .home-case .case-bd { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
  .home-case .case-item { width: 100% !important; min-width: 0 !important; }
  .mcp-div { padding: 60px 12px 20px !important; }
  .mcp-main { padding: 58px 16px 24px !important; }
  .card-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .mcp-detail-scroll { padding: 62px 16px 30px !important; }
  .agent-landing, .agent-landing .header-box { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .agent-landing img { max-width: 100%; object-fit: contain; }
  .pricing_div { padding: 66px 16px 60px !important; }
  .pricing_ln { width: 100% !important; max-width: 100% !important; }
  .pricing_box1 .swiper { overflow: visible !important; }
  .pricing_box1 .swiper-wrapper { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; transform: none !important; }
  .pricing_box1 .swiper-slide { width: 100% !important; margin-right: 0 !important; height: auto !important; }
  .pricing_card .group .col { white-space: normal !important; }
  .yyyz-activity .inner { padding: 68px 12px 24px !important; }
  .yyyz-activity .tab { gap: 3px; }
  .yyyz-activity .tab li { flex: 1; width: auto !important; min-width: 0; }
  .yyyz-activity .tab li a { height: auto !important; min-height: 54px; padding: 10px 8px !important; font-size: 13px !important; white-space: normal !important; }
  .yyyz-activity .tab li::after, .yyyz-activity .tab li::before { display: none !important; }
  .chat_div, .chat_ln, .main-box { width: 100% !important; min-width: 0 !important; }
  .main-box-center { flex-basis: 100% !important; min-width: 0 !important; width: 100% !important; margin-right: 0 !important; }
  .landing[data-v-c02a013b] { inset: 10px !important; border-radius: 18px !important; padding: 0 24px !important; }
  .landing .page[data-v-c02a013b] { width: 100% !important; height: auto !important; }
  .landing .page .question[data-v-c02a013b] { font-size: 23px !important; line-height: 1.6 !important; }
  .landing .input-wrap[data-v-c02a013b] { width: 100% !important; }
  .landing .input_inner[data-v-c02a013b] { width: 100% !important; min-width: 0 !important; font-size: 20px !important; }
  #local-preview-controls { right: 10px; bottom: 10px; }
}