/*
 * Reseller "Airy" Overrides
 * 目标：消除蜘蛛网式的多重 1px 边框，改用柔和阴影 / 背景层级 / 留白。
 * 作用范围：分销商后台 + 客户中心 + 前台模板（4 套）
 * 加载顺序：放在原 layout style 之后，用 specificity / !important 覆盖。
 */

/* ─── 通用：卡片 ─── */
.ctr-card,
.rsl-main,
.rsl-side,
.tnd-table-card,
.tnd-sidebar,
.ck-card,
.fab-modal .box {
  border-color: transparent !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .04) !important;
}

/* 卡片之间靠间距而非分割线 */
.ctr-card + .ctr-card { margin-top: 14px !important; }

/* ─── 分销商后台（basic/user/reseller）─── */
.rsl-side {
  background: var(--surface-2, #fafafa) !important;
  border-radius: 12px !important;
}
.rsl-side-head { border-bottom: 0 !important; padding-bottom: 14px !important; }
.rsl-side-head .balance { border-top: 1px dashed rgba(15, 23, 42, .08) !important; }
.rsl-side-group { padding: 6px 0 !important; }
.rsl-side a { border-left-width: 2px !important; }
.rsl-side .footer-link { border-top: 1px dashed rgba(15, 23, 42, .08) !important; }
.rsl-main {
  background: #fff !important;
  border-radius: 12px !important;
}

/* ─── 客户中心 layout (4 模板共用 class) ─── */
.ctr-top { border-bottom-color: rgba(15, 23, 42, .06) !important; }
.ctr-side {
  background: var(--surface-2, #fafafa) !important;
  border: 0 !important;
  border-radius: 12px !important;
}
.ctr-side-user { border-bottom: 0 !important; padding-bottom: 14px !important; }
.ctr-side-link { border-left-width: 2px !important; }
.ctr-card { border-radius: 12px !important; }
.ctr-stat {
  background: var(--ink-soft, #fafafa) !important;
  border: 0 !important;
  border-radius: 10px !important;
}
.ctr-table thead { background: transparent !important; }
.ctr-table th { border-bottom: 1px solid rgba(15, 23, 42, .06) !important; background: transparent !important; }
.ctr-table tbody tr { transition: background .12s; }
.ctr-table tbody tr:hover { background: rgba(15, 23, 42, .025) !important; }
.ctr-table td { border-bottom: 0 !important; }
.ctr-table tbody tr + tr td { border-top: 1px dashed rgba(15, 23, 42, .06) !important; }

/* tabs / filters：保留下划线、去掉环形 border */
.filters a {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.filters a:hover { background: rgba(15, 23, 42, .05) !important; }
.filters a.active {
  background: var(--accent, #1f4632) !important;
  border-color: var(--accent, #1f4632) !important;
}

/* badge：去多余边框 */
.badge { border: 0 !important; }

/* field/input：用底色而非边框 */
.field input,
.field textarea {
  border-color: transparent !important;
  background: var(--ink-soft, #fafafa) !important;
}
.field input:focus,
.field textarea:focus {
  background: #fff !important;
  border-color: var(--accent, #1f4632) !important;
}

/* btn ghost 弱化 */
.btn.btn-ghost { border-color: rgba(15, 23, 42, .08) !important; }
.btn.btn-ghost:hover { border-color: var(--accent, #1f4632) !important; }

/* ─── 客户中心 shared content ─── */
.cf-card, .cn-card, .ntf-card,
.tk-card, .rrr-card,
.msg, .msg-bubble {
  border-color: rgba(15, 23, 42, .06) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03) !important;
}
.cf-card:hover, .cn-card:hover, .tk-card:hover {
  box-shadow: 0 4px 14px rgba(15, 23, 42, .06) !important;
}

/* refund-button / ticket-button modal */
.rrr-cli-modal .box, .tk-cli-modal .box {
  border: 0 !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, .25) !important;
}

/* 工单详情 timeline 简化 */
.td-timeline::before {
  background: linear-gradient(180deg, transparent, rgba(15, 23, 42, .06) 12%, rgba(15, 23, 42, .06) 88%, transparent) !important;
}
.msg-bubble::before { display: none !important; }
.msg-bubble::after { display: none !important; }

/* ─── 收银台 ─── */
.ck-card { border-radius: 14px !important; }
.ck-gw label { border-color: rgba(15, 23, 42, .08) !important; }
.ck-gw label.selected {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-soft) !important;
}

/* ─── 前台 d 模板 ─── */
.tnd-table-card {
  border-color: rgba(15, 23, 42, .06) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .03) !important;
}
.tnd-table tbody tr { border-bottom: 0 !important; }
.tnd-table tbody tr + tr td { border-top: 1px dashed rgba(15, 23, 42, .05) !important; }
.tnd-table th { border-bottom: 1px solid rgba(15, 23, 42, .06) !important; }
.tnd-sidebar {
  background: rgba(15, 23, 42, .015) !important;
  border-color: transparent !important;
}
.tnd-side-head { border-bottom-color: rgba(15, 23, 42, .06) !important; }
.tnd-side-item { border-left-width: 2px !important; }

/* 模板 c (黑红暗模式) 适配：边框用半透白 */
.tpl-c .ctr-card,
.tpl-c .rsl-main,
.tpl-c .rsl-side,
.tpl-c .ck-card,
.tpl-c .tnd-table-card,
.tpl-c .cf-card, .tpl-c .cn-card, .tpl-c .ntf-card,
.tpl-c .tk-card, .tpl-c .rrr-card,
.tpl-c .msg-bubble {
  background: rgba(255, 255, 255, .02) !important;
  border-color: rgba(255, 255, 255, .04) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .04) !important;
}
.tpl-c .ctr-side,
.tpl-c .rsl-side,
.tpl-c .tnd-sidebar {
  background: rgba(255, 255, 255, .025) !important;
}
.tpl-c .ctr-table th { border-bottom-color: rgba(255, 255, 255, .08) !important; }
.tpl-c .ctr-table tbody tr + tr td { border-top-color: rgba(255, 255, 255, .05) !important; }
.tpl-c .ctr-table tbody tr:hover { background: rgba(255, 255, 255, .04) !important; }