/* 操作历史页专属样式(通用的按钮/卡片/弹窗/toast/登录门/导航条复用 dict.css)。
   全页只读:没有任何写操作的样式(无危险按钮、无表单提交态)。 */

/* ---------------- 筛选条 ---------------- */
.filters-bar {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  flex-wrap: wrap;
}
.f-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.f-label {
  font-size: 12px;
  color: #6b7280;
}
.f-item select,
.f-item input[type="date"] {
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 13px;
  background: #fff;
  min-width: 130px;
}

/* ---------------- 表格 ---------------- */
.audit-grid { font-size: 13px; }
.audit-grid th { white-space: nowrap; }
.audit-grid .c-time   { width: 150px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.audit-grid .c-user   { width: 90px;  white-space: nowrap; }
.audit-grid .c-action { width: 120px; white-space: nowrap; }
.audit-grid .c-target { width: 190px; font-family: ui-monospace, Menlo, Consolas, monospace;
                        font-size: 12px; color: #6b7280; white-space: nowrap; }
.audit-grid .c-summary{ min-width: 260px; }
.audit-grid .c-ip     { width: 120px; font-family: ui-monospace, Menlo, Consolas, monospace;
                        font-size: 12px; color: #6b7280; white-space: nowrap; }

/* 主行可点开 detail —— 给出可点的提示 */
.log-row { cursor: pointer; }
.log-row:hover { background: #f9fafb; }
.log-row.expanded { background: #eff6ff; }
.log-row.expanded .c-summary { font-weight: 600; }
/* 失败的记录(如 login_failed)整行淡红 */
.log-row.row-failed .c-summary { color: #b91c1c; }

/* ---------------- 类型徽标 ---------------- */
.badge.act {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  white-space: nowrap;
}
.badge.a-create { background: #dcfce7; color: #166534; }  /* 新增 = 绿 */
.badge.a-edit   { background: #dbeafe; color: #1e40af; }  /* 改   = 蓝 */
.badge.a-off    { background: #f3f4f6; color: #4b5563; }  /* 停用 = 灰 */
.badge.a-auth   { background: #e0f2fe; color: #075985; }  /* 登录 = 淡蓝 */
.badge.a-failed { background: #fee2e2; color: #991b1b; }  /* 失败 = 红 */

/* ---------------- detail 展开区 ---------------- */
.detail-row > td { background: #f8fafc; padding: 0; border-top: none; }
.detail-box {
  padding: 10px 14px 12px 14px;
  border-left: 3px solid #93c5fd;
  margin: 0 0 0 6px;
}
.detail-json {
  margin: 0;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.5;
  color: #334155;
  white-space: pre-wrap;
  word-break: break-all;   /* TRON 地址很长,别把表格撑破 */
}

.foot { margin: 16px 0 24px 0; font-size: 12px; }