/* 官网预览：静态浏览器管理页，无交互 */
html, body {
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  pointer-events: none !important;
  user-select: none !important;
  cursor: default !important;
}

* {
  scrollbar-width: none;
}
*::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* 恢复客户端原有侧栏留白（左/下悬浮间隙） */
.preview-mode {
  --sidebar-gap: 24px;
  --window-radius: 12px;
}

.preview-mode body.frameless-client {
  border-radius: var(--window-radius);
  background: #fff !important;
}

.preview-mode .sidebar {
  margin: var(--sidebar-gap) 0 var(--sidebar-gap) var(--sidebar-gap) !important;
  border-radius: var(--sidebar-radius, 18px) !important;
}

.preview-mode .content {
  margin: var(--sidebar-gap) var(--sidebar-gap) var(--sidebar-gap) 0 !important;
}

.preview-mode .user-bar {
  top: calc(var(--sidebar-gap) + var(--titlebar-height)) !important;
  right: var(--sidebar-gap) !important;
}

.app {
  height: calc(100vh - var(--titlebar-height, 36px)) !important;
  max-height: calc(100% - var(--titlebar-height, 36px)) !important;
}

/* 表格撑满中间，日志贴底，去掉日志下方大片白边 */
.preview-mode .content-pull-layer {
  height: 100%;
  min-height: 0;
}

.preview-mode #page-browser.active {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.preview-mode #page-browser .browser-tab-panel.active {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.preview-mode #page-browser .table-wrap {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.preview-mode .log-box {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  max-height: 132px !important;
}

.preview-mode .log-content {
  max-height: 72px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.hidden[hidden],
[hidden] {
  display: none !important;
}

.preview-mode #splash,
.preview-mode #update-gate,
.preview-mode #auth-gate,
.preview-mode #reconnect-gate,
.preview-mode #legal-modal,
.preview-mode #announcement-modal,
.preview-mode #win-shot-consent-modal,
.preview-mode .user-dropdown,
.preview-mode .plan-privacy-panel,
.preview-mode .plan-group-panel {
  display: none !important;
}

.preview-mode .page:not(#page-browser) {
  display: none !important;
}

.preview-mode .nav-btn {
  pointer-events: none !important;
  opacity: 1 !important;
}

/* 预览缩放时减轻选中态圆角/图标锯齿 */
.preview-mode .nav-btn.active {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.preview-mode .nav-btn svg {
  shape-rendering: geometricPrecision;
  -webkit-backface-visibility: hidden;
}

.preview-mode .sidebar {
  -webkit-font-smoothing: antialiased;
}

.preview-mode .window-ctrl-btn {
  opacity: 0.45;
}

#status-dot {
  background: #16a34a !important;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2);
}

.login-ok {
  color: #16a34a;
  font-weight: 600;
}