/* 天眼摄像头页 · 项目栏置顶 + 字号 + 客服对话 · cam-ui-fix-20260728 */

.cam-dual-ai-panel {
  display: flex;
  flex-direction: column;
}

/* 项目蓝条置顶 */
.cam-dual-ai-panel > .cam-premium-bar {
  order: -20;
  flex-shrink: 0;
  padding: 5px 10px 4px !important;
  margin: 0 0 4px !important;
}

.cam-dual-ai-panel > .risk-top-bar--cam {
  order: -10;
  flex-shrink: 0;
  margin: 0 0 5px !important;
}

.cam-dual-ai-panel > .cam-main-hint {
  order: -5;
  flex-shrink: 0;
  font-size: 0.78rem !important;
  padding: 4px 10px 3px !important;
}

.cam-dual-ai-panel > .cam-cs-panel {
  order: 0;
  flex: 1;
  min-height: 0;
}

/* 项目栏：框更紧凑、字更大 */
.cam-premium-top {
  margin-bottom: 4px !important;
  gap: 6px !important;
}

.cam-premium-brand .brand-fluid-img--cam {
  width: clamp(72px, 22vw, 96px) !important;
  height: auto !important;
}

.cam-premium-game {
  font-size: 1.24rem !important;
  padding: 2px 0 3px !important;
  line-height: 1.3 !important;
}

.cam-game-suffix {
  font-size: 1.08em !important;
}

.cam-mode-chip {
  font-size: 0.92rem !important;
  line-height: 1.28 !important;
}

.cam-cs-pair-hint {
  font-size: 0.88rem !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}

.cam-main-hint {
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
}

.cam-close-top,
.cam-preview-toggle {
  font-size: 0.68rem !important;
  padding: 3px 7px !important;
}

.cam-premium-live {
  font-size: 0.62rem !important;
  padding: 2px 6px !important;
}

/* 斗地主模式：之前压太小，恢复可读字号 */
.cam-layer.cam-layer--ddz .cam-premium-bar {
  padding: 4px 8px 3px !important;
}

.cam-layer.cam-layer--ddz .cam-premium-brand .brand-fluid-img--cam {
  width: clamp(68px, 20vw, 86px) !important;
}

.cam-layer.cam-layer--ddz .cam-premium-game {
  font-size: 1.18rem !important;
}

.cam-layer.cam-layer--ddz .cam-mode-chip {
  font-size: 0.88rem !important;
}

.cam-layer.cam-layer--ddz .cam-cs-pair-hint,
.cam-layer.cam-layer--ddz .cam-main-hint {
  font-size: 0.84rem !important;
}

.cam-layer.cam-layer--ddz .cam-close-top,
.cam-layer.cam-layer--ddz .cam-preview-toggle {
  font-size: 0.62rem !important;
}

/* 客服对话字号加大 */
.cam-cs-head strong#camCsName {
  font-size: 1.08rem !important;
}

.cam-cs-role {
  font-size: 0.86rem !important;
}

.cam-cs-status {
  font-size: 0.8rem !important;
}

.cam-cs-msg-who {
  font-size: 0.88rem !important;
  margin-bottom: 4px !important;
}

.cam-cs-msg-body {
  font-size: 1.06rem !important;
  line-height: 1.68 !important;
  padding: 10px 13px !important;
}

.cam-cs-input {
  font-size: 1rem !important;
}

/* 表情：默认隐藏，点按钮才显示 */
.cam-cs-emoji-panel[hidden] {
  display: none !important;
}

.cam-cs-emoji-panel:not([hidden]) {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 10px;
  border-top: 1px solid rgba(56, 189, 248, 0.12);
  background: rgba(8, 14, 28, 0.95);
}

.cam-cs-emoji-btn {
  width: 2.55rem;
  height: 2.55rem;
  border: none;
  border-radius: 10px;
  background: rgba(56, 189, 248, 0.14);
  font-size: 1.38rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.cam-cs-emoji-btn:active {
  background: rgba(56, 189, 248, 0.32);
  transform: scale(0.96);
}

/* 斗地主顶栏 · 记牌器 + 字号加大 · ddz-tracker-20260728 */
.risk-top-bar--ddz {
  padding: 6px 8px 5px !important;
}

.risk-top-tracker {
  margin-bottom: 6px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(52, 211, 153, 0.22);
}

.risk-top-tracker-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  color: #6ee7b7;
  letter-spacing: 0.06em;
  margin-bottom: 5px;
}

.risk-top-tracker-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.risk-top-bar--ddz .card-tracker-cell {
  min-width: 1.85rem;
  padding: 4px 5px;
}

.risk-top-bar--ddz .card-tracker-cell b {
  font-size: 0.72rem;
}

.risk-top-bar--ddz .card-tracker-cell i {
  font-size: 0.68rem;
}

.risk-top-bar--cam.risk-top-bar--ddz .risk-top-k {
  font-size: 0.68rem !important;
}

.risk-top-bar--cam.risk-top-bar--ddz .risk-top-v {
  font-size: clamp(1rem, 4.2vw, 1.22rem) !important;
}

.risk-top-bar--cam.risk-top-bar--ddz .risk-top-detail {
  font-size: 0.62rem !important;
  line-height: 1.4 !important;
}

.risk-top-bar--cam.risk-top-bar--ddz .risk-top-item {
  padding: 6px 5px 5px;
}