/**
 * admin-biz.css — 业务页薄主题（管理端 / 商户端共用）
 * 目标：统一圆角、间距、筛选宽阶、单一强调色；不改 layuiAdmin 壳层结构。
 * 作用域：#LAY_app_body，避免冲击独立登录页。
 */

:root {
  /* 与 layuiAdmin 默认选中色一致，壳层与业务区同一气质 */
  --biz-accent: #16baaa;
  --biz-accent-hover: #149589;
  --biz-accent-soft: rgba(22, 186, 170, 0.12);
  --biz-hero-from: #149589;
  --biz-hero-mid: #16baaa;
  --biz-hero-to: #0e7490;
  --biz-text: #334155;
  --biz-text-muted: #64748b;
  --biz-border: #e2e8f0;
  --biz-border-strong: #cbd5e1;
  --biz-surface: #ffffff;
  --biz-page-bg: #f1f5f9;
  --biz-radius: 8px;
  --biz-radius-sm: 6px;
  --biz-radius-lg: 10px;
  --biz-space: 12px;
  --biz-space-lg: 16px;
  /* 筛选控件标准宽度阶梯（页内可用 class，也可逐步替换 inline width） */
  --biz-w-xs: 120px;
  --biz-w-sm: 130px;
  --biz-w-md: 150px;
  --biz-w-lg: 180px;
  --biz-w-xl: 200px;
  --biz-w-2xl: 220px;
}

/* ---------- 页面底与卡片 ---------- */
#LAY_app_body {
  color: var(--biz-text);
}

#LAY_app_body .layui-fluid {
  padding: var(--biz-space-lg);
}

#LAY_app_body .layui-card {
  margin-bottom: var(--biz-space-lg);
  border: 1px solid var(--biz-border);
  border-radius: var(--biz-radius-lg);
  background: var(--biz-surface);
  box-shadow: none;
}

#LAY_app_body .layui-card:last-child {
  margin-bottom: 0;
}

#LAY_app_body .layui-card-header {
  height: auto;
  min-height: 42px;
  line-height: 42px;
  padding: 0 var(--biz-space-lg);
  border-bottom: 1px solid var(--biz-border);
  border-radius: var(--biz-radius-lg) var(--biz-radius-lg) 0 0;
  color: var(--biz-text);
  font-weight: 600;
}

#LAY_app_body .layui-card-body {
  padding: var(--biz-space-lg);
  border-radius: 0 0 var(--biz-radius-lg) var(--biz-radius-lg);
}

/* ---------- 搜索表单（pane） ---------- */
#LAY_app_body .layui-form-pane {
  margin-bottom: var(--biz-space);
}

#LAY_app_body .layui-form-pane .layui-form-item {
  margin-bottom: 10px;
}

#LAY_app_body .layui-form-pane .layui-form-label {
  border-radius: var(--biz-radius-sm) 0 0 var(--biz-radius-sm);
  border-color: var(--biz-border);
  background: #f8fafc;
  color: var(--biz-text-muted);
}

#LAY_app_body .layui-form-pane .layui-input,
#LAY_app_body .layui-form-pane .layui-select,
#LAY_app_body .layui-form-pane .layui-textarea,
#LAY_app_body .layui-form-pane .layui-form-select .layui-input {
  border-radius: 0 var(--biz-radius-sm) var(--biz-radius-sm) 0;
  border-color: var(--biz-border);
}

#LAY_app_body .layui-input:focus,
#LAY_app_body .layui-textarea:focus {
  border-color: var(--biz-accent) !important;
}

/* 筛选宽度工具类（替换各页杂乱 inline width 时用） */
#LAY_app_body .biz-w-xs { width: var(--biz-w-xs) !important; }
#LAY_app_body .biz-w-sm { width: var(--biz-w-sm) !important; }
#LAY_app_body .biz-w-md { width: var(--biz-w-md) !important; }
#LAY_app_body .biz-w-lg { width: var(--biz-w-lg) !important; }
#LAY_app_body .biz-w-xl { width: var(--biz-w-xl) !important; }
#LAY_app_body .biz-w-2xl { width: var(--biz-w-2xl) !important; }

/* 搜索区操作行：搜索 / 重置 / 导出 对齐 */
#LAY_app_body .biz-search-actions,
#LAY_app_body .biz-list-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 0 4px;
  border-top: 1px dashed var(--biz-border);
}

#LAY_app_body .biz-search-actions .layui-btn,
#LAY_app_body .biz-list-actions .layui-btn {
  margin: 0;
}

/* ---------- 英雄顶区（跑量 / 产品 / 佣金等）---------- */
#LAY_app_body .biz-hero {
  position: relative;
  margin-bottom: 16px;
  padding: 20px 22px 22px;
  border-radius: var(--biz-radius-lg);
  overflow: hidden;
  color: #fff;
  background: linear-gradient(
    135deg,
    var(--biz-hero-from) 0%,
    var(--biz-hero-mid) 42%,
    var(--biz-hero-to) 100%
  );
}

#LAY_app_body .biz-hero::after {
  content: '';
  position: absolute;
  right: -36px;
  top: -48px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

#LAY_app_body .biz-hero h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

#LAY_app_body .biz-hero p {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  opacity: 0.92;
  max-width: 48em;
}

/* 列表轻量顶栏：与英雄页同色系呼应，但不抢视觉 */
#LAY_app_body .biz-list-banner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: var(--biz-radius);
  border: 1px solid var(--biz-border);
  border-left: 3px solid var(--biz-accent);
  background: linear-gradient(90deg, var(--biz-accent-soft) 0%, #ffffff 58%);
}

#LAY_app_body .biz-list-banner__title {
  font-size: 15px;
  font-weight: 600;
  color: var(--biz-text);
  line-height: 1.3;
}

#LAY_app_body .biz-list-banner__desc {
  font-size: 12px;
  color: var(--biz-text-muted);
  line-height: 1.45;
}

/* ---------- 列表页骨架：筛选 → 操作行 →（提示）→ 表格 ---------- */
#LAY_app_body .biz-list-page .layui-card-body {
  padding-top: var(--biz-space-lg);
}

#LAY_app_body .biz-list-form {
  margin-bottom: 0 !important;
}

#LAY_app_body .biz-list-filters .layui-form-item {
  margin-bottom: 10px;
}

#LAY_app_body .biz-list-filters .layui-form-item:last-child {
  margin-bottom: 2px;
}

#LAY_app_body .biz-list-meta {
  margin: 10px 0 12px;
  color: var(--biz-text-muted);
  font-size: 12px;
  line-height: 1.5;
}

#LAY_app_body .biz-list-table-wrap {
  margin-top: 4px;
}

#LAY_app_body .biz-list-filters .layui-form-checkbox[lay-skin='primary'] {
  margin-right: 4px;
}

/* ---------- 按钮强调色（主按钮） ---------- */
#LAY_app_body .layui-btn:not(.layui-btn-primary):not(.layui-btn-normal):not(.layui-btn-warm):not(.layui-btn-danger):not(.layui-btn-disabled):not(.layui-border) {
  background-color: var(--biz-accent);
}

#LAY_app_body .layui-btn:not(.layui-btn-primary):not(.layui-btn-normal):not(.layui-btn-warm):not(.layui-btn-danger):not(.layui-btn-disabled):not(.layui-border):hover {
  background-color: var(--biz-accent-hover);
}

#LAY_app_body .layui-btn-primary:hover {
  border-color: var(--biz-accent);
  color: var(--biz-accent);
}

/* ---------- 表格 ---------- */
#LAY_app_body .layui-table-view {
  border-color: var(--biz-border);
  border-radius: var(--biz-radius);
  overflow: hidden;
}

#LAY_app_body .layui-table thead tr,
#LAY_app_body .layui-table-header {
  background-color: #f8fafc;
}

#LAY_app_body .layui-table th {
  font-weight: 600;
  color: var(--biz-text);
}

#LAY_app_body .layui-table td,
#LAY_app_body .layui-table th {
  border-color: var(--biz-border);
}

#LAY_app_body .layui-table-hover,
#LAY_app_body .layui-table tbody tr:hover {
  background-color: var(--biz-accent-soft);
}

/* 空态文案（表格 + 面板） */
#LAY_app_body .layui-none {
  color: var(--biz-text-muted);
  padding: 28px 0;
  letter-spacing: 0.02em;
}

#LAY_app_body .biz-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 20px 12px;
  color: var(--biz-text-muted);
  font-size: 13px;
  letter-spacing: 0.02em;
  text-align: center;
}

/* ---------- 链接 / 辅助 ---------- */
#LAY_app_body a.biz-link,
#LAY_app_body .biz-link {
  color: var(--biz-accent);
}

#LAY_app_body a.biz-link:hover,
#LAY_app_body .biz-link:hover {
  color: var(--biz-accent-hover);
}

#LAY_app_body .biz-muted {
  color: var(--biz-text-muted);
}

/* 轻量加载提示 */
#LAY_app_body .biz-loading-tip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: var(--biz-radius-sm);
  background: var(--biz-accent-soft);
  color: var(--biz-accent-hover);
  font-size: 12px;
  line-height: 1.4;
}

#LAY_app_body .biz-loading-tip--block {
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  min-height: 72px;
  padding: 20px 12px;
  margin: 0;
  background: transparent;
  color: var(--biz-text-muted);
}

#LAY_app_body .biz-loading-tip .layui-icon-loading {
  font-size: 16px;
  color: var(--biz-accent);
}

#LAY_app_body .biz-list-table-wrap .biz-loading-tip {
  margin-bottom: 8px;
}

/* ---------- 概览统计砖（管理端 / 商户端共用） ---------- */
#LAY_app_body .biz-stat-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

@media (min-width: 768px) {
  #LAY_app_body .biz-stat-tiles--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

#LAY_app_body .biz-stat-tile {
  padding: 12px 14px;
  border: 1px solid var(--biz-border);
  border-radius: var(--biz-radius);
  background: #f8fafc;
  min-width: 0;
}

#LAY_app_body .biz-stat-tile--accent {
  border-color: rgba(22, 186, 170, 0.35);
  background: var(--biz-accent-soft);
}

#LAY_app_body .biz-stat-tile__label {
  margin: 0 0 6px;
  font-size: 12px;
  color: var(--biz-text-muted);
  line-height: 1.3;
}

#LAY_app_body .biz-stat-tile__value {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--biz-text);
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  word-break: break-all;
}

#LAY_app_body .biz-stat-tile--accent .biz-stat-tile__value {
  color: var(--biz-accent-hover);
}

/* 商户余额砖：对齐主题 token（保留原 class，仅收敛色值） */
#LAY_app_body .mo-bal-tile {
  border-radius: var(--biz-radius-lg);
  border-color: var(--biz-border);
}

#LAY_app_body .mo-bal-label {
  color: var(--biz-text-muted);
}

#LAY_app_body .mo-bal-value {
  color: var(--biz-text);
}

#LAY_app_body .mo-bal-tile--avail {
  background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 52%);
  border-color: rgba(22, 186, 170, 0.35);
}

#LAY_app_body .mo-bal-tile--avail .mo-bal-icon {
  background: var(--biz-accent-soft);
  color: var(--biz-accent-hover);
}

/* 概览顶栏（欢迎 + 时钟） */
#LAY_app_body .biz-overview-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

#LAY_app_body .biz-overview-hero__clock {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--biz-text);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Tab 条与业务页对齐（finance / ok-rate 等） */
#LAY_app_body .layui-tab-title {
  border-bottom-color: var(--biz-border);
}

#LAY_app_body .layui-tab-title .layui-this {
  color: var(--biz-accent);
}

#LAY_app_body .layui-tab-title .layui-this:after {
  border-bottom-color: var(--biz-accent);
}

/* 开关等控件选中色贴近强调色 */
#LAY_app_body .layui-form-onswitch {
  border-color: var(--biz-accent);
  background-color: var(--biz-accent);
}

#LAY_app_body .layui-form-checked[lay-skin='primary'] > i {
  border-color: var(--biz-accent);
  background-color: var(--biz-accent);
}

#LAY_app_body .layui-form-radioed > i {
  color: var(--biz-accent);
}

/* 分页当前页 */
#LAY_app_body .layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--biz-accent);
}

/* 使用说明 · 机器人创建截图：iPhone 17 普通版 CSS 视口 402×874（view 内 <style> 会被 layui 丢掉） */
#LAY_app_body .LAY-manual-phone-shot {
  margin: 0;
  max-width: 402px;
  max-height: 874px;
}
#LAY_app_body .LAY-manual-phone-shot img,
#LAY_app_body .LAY-manual-bot-step img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 402px !important;
  max-height: 874px !important;
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid var(--biz-border);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.07);
}