/* DataTable (layout) */
.dataTable_container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.dataTable {
  width: 100%;
  border-collapse: collapse;
}

.dataTable_th {
  padding: 12px;
  font-weight: 700;
  font-size: 0.9rem;
  border-bottom: 2px solid #ddd;
}

.dataTable_td {
  padding: 12px;
  font-size: 0.9rem;
}

.dataTable_alignLeft {
  text-align: left;
}

.dataTable_alignCenter {
  text-align: center;
}

.dataTable_alignRight {
  text-align: right;
}

/* ── Data table enhancements ── */
/* Base row border (replaces inline fallback) */
.dataTable tbody tr { border-bottom: 1px solid #e5e5e7; }
.dataTable tbody tr:last-child { border-bottom: none; }
/* Standard admin table header */
.dataTableHeaderRow--admin {
  background: #f5f5f7;
  color: #1d1d1f;
  border-bottom: 1px solid #e5e5e7;
}
/* Neutral-background-only header */
.dataTableHeaderRow--neutral { background: #f5f5f7; }
/* API keys table header */
.dataTableHeaderRow--apikeys { background: #f5f5f5; }

/*
 * API Key 一覧: 旧インライン GenericDataTable（d4dc0be）は各行 tr に
 * border-bottom: 1px solid #eee（最下行も）。上の .dataTable tbody ルールより後に置く。
 */
.dataTable.dataTable--apiKeys tbody tr {
  border-bottom: 1px solid #eee;
}

.dataTable.dataTable--apiKeys tbody tr:last-child {
  border-bottom: 1px solid #eee;
}

/* Zebra striping */
.dataTable--zebra tbody tr:nth-child(even) { background: #fafafa; }
/* Fixed table layout */
.dataTable--fixed { table-layout: fixed; }


/* Deleted events table: rows shown at reduced opacity */
.dataTable--deletedRows tbody tr { opacity: 0.7; }

/* ── DataTable min-width variants ── */
.dataTable--min700 { min-width: 700px; }
.dataTable--min720 { min-width: 720px; }
.dataTable--min900 { min-width: 900px; }
.dataTable--min1200 { min-width: 1200px; }
.dataTable--min1220 { min-width: 1220px; }

/* ── DataTable container min-width variants ── */
.dataTable_container--min700 { min-width: 700px; }
.dataTable_container--min900 { min-width: 900px; }
.dataTable_container--min1200 { min-width: 1200px; }
.dataTable_container--min1220 { min-width: 1220px; }

/* ── DataTable column width utilities ── */
.dtCol--w10  { width: 10%; }
.dtCol--w11  { width: 11%; }
.dtCol--w12  { width: 12%; }
.dtCol--w18  { width: 18%; }
.dtCol--w20  { width: 20%; }
.dtCol--w25  { width: 25%; }
.dtCol--w27  { width: 27%; }
.dtCol--w28  { width: 28%; }
.dtCol--w30  { width: 30%; }
.dtCol--w34  { width: 34%; }
.dtCol--w80px  { width: 80px; }
.dtCol--w100px { width: 100px; }
.dtCol--w120px { width: 120px; }
.dtCol--w180px { width: 180px; }
.dtCol--w200px { width: 200px; }
.dtCol--w280px { width: 280px; }

/* ── DataTable cell style utilities ── */
.td--bold { font-weight: 600; }
.td--mono { font-family: monospace; }
.td--monoSm { font-family: monospace; font-size: 0.9rem; }
.td--mutedSm { font-size: 0.85rem; color: #6e6e73; }
.dataTable_td--bold { font-weight: 600; }
.dataTable_td--mono { font-family: monospace; }
.dataTable_td--monoSm { font-family: monospace; font-size: 0.9rem; }