/* DELOG Table UI (scoped) */
body.delog .tablewrap,
body.delog .tableWrap{
  border:1px solid var(--line);
  border-radius:14px;
  overflow:auto;
  background:#fff;
}

/* Apply to any table on delog pages (except calendar pages) */
body.delog:not(.delog-calendar) table{
  width:100%;
  border-collapse:collapse;
}

body.delog:not(.delog-calendar) thead th{
  position: sticky;
  top: 0;
  z-index: 1;
  background:#f8fafc;
  border-bottom:1px solid var(--line);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#0f172a;
  padding:11px 10px;
  text-align:left;
  vertical-align:middle;
  white-space:nowrap;
}

body.delog:not(.delog-calendar) tbody td{
  border-bottom:1px solid #eef2f6;
  padding:10px;
  vertical-align:top;
}
body.delog:not(.delog-calendar) tbody tr:hover{
  background:#fbfdff;
}

/* Sort indicators if present */
body.delog .sortIcon,
body.delog .arrows{
  margin-left:6px;
  font-size:14px;
  font-weight:900;
  color:#c62828;
  text-shadow: 0 1px 0 rgba(0,0,0,.10);
}

/* Action buttons in cells */
body.delog .btnTrash,
body.delog .iconBtn{
  width:34px; height:34px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.55);
  cursor:pointer;
  transition: background .15s ease, box-shadow .15s ease, transform .05s ease;
}
body.delog .btnTrash:hover,
body.delog .iconBtn:hover{
  background:rgba(255,255,255,.92);
  box-shadow: 0 12px 22px rgba(0,0,0,.10);
}
body.delog .btnTrash:active,
body.delog .iconBtn:active{ transform: translateY(1px); }