/* 设备列表：账号下的备注。空占位「点击备注」自带灰色，不受这条影响 */
.note-cell {
  color: var(--green);
}

/* iOS 设备列表：满宽表格，钱包列占主要宽度 */
.lab-ios-devices-table th,
.lab-ios-devices-table td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.lab-ios-devices-table th.lab-ios-wallet-col,
.lab-ios-devices-table td.lab-ios-wallet-col {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

/* 设置类页面（推送面板等）在 .main 内缺少 table-area 包裹，补滚动区域 */
.main > *:not(.sidebar) {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 已有 table-area 的页面保持内部滚动逻辑 */
.main > .table-area {
  overflow: hidden;
}

.main > .table-area > .table-wrap,
.main > .table-area[style*="overflowY"] {
  overflow-y: auto;
}

/* 构建页：表单 + 历史左右布局，窄屏回落上下堆叠 */
.builder-split {
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .builder-split {
    flex-direction: column;
  }
  .builder-split > div:last-child {
    max-height: none !important;
  }
}

/* AI 导航：进行中按钮五彩动态 */
@keyframes labAiNavBgShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes labAiNavBorderGlow {
  0% { border-color: #ef4444; box-shadow: 0 0 6px rgba(239, 68, 68, 0.55), 0 0 12px rgba(249, 115, 22, 0.25); }
  20% { border-color: #f97316; box-shadow: 0 0 6px rgba(249, 115, 22, 0.55), 0 0 12px rgba(234, 179, 8, 0.25); }
  40% { border-color: #22c55e; box-shadow: 0 0 6px rgba(34, 197, 94, 0.55), 0 0 12px rgba(16, 185, 129, 0.25); }
  60% { border-color: #3b82f6; box-shadow: 0 0 6px rgba(59, 130, 246, 0.55), 0 0 12px rgba(6, 182, 212, 0.25); }
  80% { border-color: #a855f7; box-shadow: 0 0 6px rgba(168, 85, 247, 0.55), 0 0 12px rgba(236, 72, 153, 0.25); }
  100% { border-color: #ef4444; box-shadow: 0 0 6px rgba(239, 68, 68, 0.55), 0 0 12px rgba(249, 115, 22, 0.25); }
}
.lab-ai-nav-active {
  background: linear-gradient(
    120deg,
    #fff7ed,
    #fce7f3,
    #dbeafe,
    #ecfdf5,
    #fef9c3,
    #ede9fe,
    #fff7ed
  ) !important;
  background-size: 400% 400% !important;
  animation: labAiNavBgShift 2.8s ease infinite, labAiNavBorderGlow 2s linear infinite !important;
  border-width: 1px !important;
  border-style: solid !important;
  font-weight: 700 !important;
  color: #92400e !important;
  box-sizing: border-box !important;
}

/* 阅读器：翻译开启时按钮五彩动态（保持与 D 相同 1px 边框，不撑大按钮） */
.lab-tr-rainbow {
  background: linear-gradient(
    120deg,
    #fff7ed,
    #fce7f3,
    #dbeafe,
    #ecfdf5,
    #fef9c3,
    #ede9fe,
    #fff7ed
  ) !important;
  background-size: 400% 400% !important;
  animation: labAiNavBgShift 2.8s ease infinite, labAiNavBorderGlow 2s linear infinite !important;
  border-width: 1px !important;
  border-style: solid !important;
  font-weight: 600 !important;
  color: #6d28d9 !important;
  box-sizing: border-box !important;
}
