/* ============================================================
 * 灵音托管引擎自动化工作台 - 弹窗全局通用样式
 * ============================================================ */

/* ===== 弹窗通用主题 ===== */
.lwm-window {
  position: relative;
  z-index: 100001;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

.lwm-header {
  background: linear-gradient(135deg, var(--bg-secondary), var(--bg-card));
  border-bottom: 1px solid var(--border-color) !important;
}

.lwm-body {
  background: var(--bg-primary);
  color: var(--text-primary) !important;
}

.lwm-title {
  color: var(--text-primary) !important;
}

.lwm-close {
  background: rgba(239, 68, 68, 0.1) !important;
  color: var(--text-secondary) !important;
  border-radius: 6px !important;
}

.lwm-close:hover {
  background: rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
}

/* ===== 弹窗内通用按钮样式 ===== */
.lwm-window button {
  font-family: inherit;
  font-size: 13px;
  border-radius: 6px;
  transition: all 0.2s;
}

/* ===== LWM body 定位上下文 ===== */
.lwm-body {
  position: relative;
}

/* ===== 工具窗口根容器通用修正 ===== */
.lwm-body > [class*="-container"],
.lwm-body > [class*="-root"],
.lwm-body > [class*="det-"] {
  position: relative !important;
  inset: auto !important;
}

/* ===== 空状态通用样式 ===== */
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: var(--text-muted, #5a7a9e);
  text-align: center;
}

.empty-state i {
  font-size: 32px;
  margin-bottom: 12px;
  opacity: 0.6;
}

.empty-state .empty-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-secondary, #8ba4c7);
  margin-bottom: 6px;
}

.empty-state .empty-hint {
  font-size: 12px;
  color: var(--text-muted, #5a7a9e);
  opacity: 0.8;
}

/* ===== 复制按钮通用样式 ===== */
.copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid var(--border-color, #1e3a5f);
  background: transparent;
  color: var(--text-muted, #5a7a9e);
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s;
}

.copy-btn:hover {
  color: var(--accent-cyan, #06b6d4);
  border-color: var(--accent-cyan, #06b6d4);
  background: rgba(6, 182, 212, 0.1);
}

/* ===== 弹窗内滚动条 ===== */
.lwm-body::-webkit-scrollbar {
  width: 4px;
}

.lwm-body::-webkit-scrollbar-track {
  background: transparent;
}

.lwm-body::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 2px;
}

.lwm-body::-webkit-scrollbar-thumb:hover {
  background: var(--accent-cyan);
}


/* ===== 响应式：弹窗通用 ===== */
@media (max-width: 768px) {
  .lwm-window { width: 95vw !important; left: 2.5vw !important; top: 2vh !important; }
  .lwm-header { padding: 8px 10px !important; }
  .lwm-title { font-size: 12px !important; }
  .lwm-body { padding: 0 !important; font-size: 12px !important; -webkit-overflow-scrolling: touch; }
}