/* v1.1 admin overrides */

/* ── 事项管理：四个分类标签 + 二级分类 ───────────────────────── */
.admin-matter-shell {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-matter-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-matter-subtab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 14px;
  border: 1px solid var(--border, rgba(148, 163, 184, .28));
  border-radius: 999px;
  background: var(--bg-card, #fff);
  color: var(--text-secondary, #475569);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.admin-matter-subtab:hover {
  border-color: rgba(0, 107, 214, .38);
  color: var(--text-primary, #0f172a);
}

.admin-matter-subtab.active {
  border-color: rgba(0, 107, 214, .55);
  background: rgba(0, 107, 214, .09);
  color: var(--accent, #006bd6);
}

.admin-matter-subtab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(100, 116, 139, .16);
  color: inherit;
  font-size: 11px;
  font-weight: 720;
  font-variant-numeric: tabular-nums;
}

.admin-matter-subtab.active .admin-matter-subtab-count {
  background: rgba(0, 107, 214, .18);
}

.admin-matter-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.admin-matter-panel-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 12px;
}

/* ── 借贷关系明细列表 ─────────────────────────────────────────── */
.admin-relation-grid {
  --lender-overview-columns: minmax(184px, 1.18fr) minmax(140px, .84fr) minmax(150px, .92fr) minmax(150px, .92fr) minmax(160px, .96fr) minmax(150px, .84fr);
}

.admin-relation-row .lender-overview-cell:last-child {
  align-items: flex-start;
}

.admin-relation-status-cell {
  gap: 5px;
}

.admin-relation-status-cell .chain-value-cell,
.admin-relation-row .chain-value-cell {
  max-width: 100%;
  min-width: 0;
}

.admin-relation-row .chain-value {
  font-size: 12px;
  font-weight: 680;
}

.relation-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.relation-row-actions .btn {
  min-width: 76px;
}

.admin-relation-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-relation-table {
  margin-top: 4px;
}

/* ── 借款记录明细：逾期关闭入口 ───────────────────────────────── */
.admin-loan-record-status-cell {
  gap: 5px;
}

.admin-loan-close-btn {
  min-width: 92px;
  white-space: nowrap;
}

.admin-pool-overdue-hint {
  margin: 4px 0 10px;
}

/* ── 账号管理 ─────────────────────────────────────────────────── */
#page-admin-users .account-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

#account-create-wallet-group[hidden] {
  display: none;
}

@media (max-width: 1180px) {
  .admin-relation-grid {
    --lender-overview-columns: minmax(160px, 1.1fr) minmax(130px, .8fr) minmax(140px, .9fr) minmax(140px, .9fr) minmax(150px, .9fr) minmax(140px, .8fr);
  }
}

@media (max-width: 900px) {
  .admin-relation-grid {
    --lender-overview-columns: 1fr 1fr;
    gap: 12px;
  }

  .admin-relation-grid.lender-overview-grid-head {
    display: none;
  }

  .admin-matter-subtab {
    flex: 1 0 132px;
    justify-content: space-between;
  }
}