/* ===== DWZAS: alignment & spacing fixes ===== */

/* LIST layout – stable 4-column grid and compact rows */
.dwzas-item summary{
  display:grid !important;
  grid-template-columns: 1.9rem 6ch 1fr auto; /* chevron | #no | name | badge */
  align-items:center !important;
  gap:.6rem;
  padding:.42rem .55rem;
  line-height:1.25;
}
.dwzas-item summary::-webkit-details-marker{ display:none; }

.dwzas-item summary .dwzas-chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.9rem;
  height:1.9rem;
  background:#f3f4f6;
  border:1px solid #d1d5db;
  border-radius:8px;
  color:#374151;
  line-height:1;
  transform-origin:50% 50%;
  transition:transform .2s ease;
}
.dwzas-item details[open] .dwzas-chevron{ transform:rotate(90deg); }

.dwzas-item summary .dwzas-number{
  text-align:right;
  white-space:nowrap;
  font-variant-numeric: tabular-nums;
  color:#6b7280;
  padding-right:.25rem;
}
.dwzas-item summary .dwzas-name{ min-width:0; }

/* Badges compact */
.dwzas-badge{
  padding:.08rem .4rem;
  font-size:.7rem;
  line-height:1;
  border-radius:999px;
}
.dwzas-badge.paid{ background:#ecfdf5; border:1px solid #a7f3d0; color:#065f46; }
.dwzas-badge.unpaid{ background:#fef2f2; border:1px solid #fecaca; color:#7f1d1d; }

/* TABLE – slightly tighter */
.dwzas-table th, .dwzas-table td{ padding:.45rem .6rem; line-height:1.35; }
.dwzas-table th:last-child, .dwzas-table td:last-child{ text-align:right; }

/* Pager: rounded frame & spacing */
.dwzas-pager{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-top:.75rem;
  padding:.4rem .5rem;
  border:1px solid #e5e7eb;
  border-radius:.5rem;
  background:#ffffff;
  box-shadow:0 1px 0 rgba(17,24,39,.04);
}
.dwzas-pager.dwzas-pager-top{ margin-bottom:.5rem; }

/* Pager buttons high contrast */
.dwzas-prev, .dwzas-next{
  color:#111827;
  background:#ffffff;
  border:1px solid #111827;
  border-radius:0;
  padding:.45rem .7rem;
  line-height:1.2;
  font-weight:600;
}
.dwzas-prev:hover, .dwzas-next:hover{ background:#e5e7eb; border-color:#111827; }

/* ===== DWZAS FIX PACK: scope, button style, chevron left, compact rows ===== */

/* Scope everything to the widget to beat theme styles */
.dwzas-list-wrap .dwzas-sortbar .dwzas-sortbtn,
.dwzas-list-wrap .dwzas-prev,
.dwzas-list-wrap .dwzas-next{
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #111827 !important;
  border-radius: 0 !important;
  padding: .42rem .7rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.dwzas-list-wrap .dwzas-sortbar .dwzas-sortbtn.is-active{
  background:#eef2ff !important;
  border-color:#4b5563 !important;
}
.dwzas-list-wrap .dwzas-sortbar .dwzas-sortbtn:hover,
.dwzas-list-wrap .dwzas-prev:hover,
.dwzas-list-wrap .dwzas-next:hover{
  background:#e5e7eb !important;
  border-color:#111827 !important;
}

/* List layout: use flex order to place chevron left regardless of DOM order */
.dwzas-list-wrap .dwzas-item summary{
  display:flex !important;
  align-items:center !important;
  gap:.6rem !important;
  padding:.42rem .55rem !important;
  line-height:1.25 !important;
}
.dwzas-list-wrap .dwzas-item summary::-webkit-details-marker{ display:none; }

.dwzas-list-wrap .dwzas-item summary .dwzas-chevron{
  order:-2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.6rem;
  height:1.6rem;
  background:#f3f4f6;
  border:1px solid #d1d5db;
  border-radius:8px;
  color:#374151;
  line-height:1;
  transform-origin:50% 50%;
  transition:transform .2s ease;
}
.dwzas-list-wrap .dwzas-item details[open] .dwzas-chevron{ transform:rotate(90deg); }

.dwzas-list-wrap .dwzas-item summary .dwzas-number{
  order:-1;
  min-width:4ch; /* space for #12 */
  text-align:right;
  white-space:nowrap;
  font-variant-numeric: tabular-nums;
  color:#6b7280;
  margin-right:.2rem;
}
.dwzas-list-wrap .dwzas-item summary .dwzas-name{ order:0; min-width:0; }
.dwzas-list-wrap .dwzas-item summary .dwzas-badge{ order:1; margin-left:auto; padding:.08rem .4rem; font-size:.7rem; line-height:1; }

/* Table: keep status right-aligned */
.dwzas-list-wrap .dwzas-table th:last-child,
.dwzas-list-wrap .dwzas-table td:last-child{ text-align:right; }

/* Pager frame: rounded + spacing */
.dwzas-list-wrap .dwzas-pager{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-top:.75rem;
  padding:.4rem .5rem;
  border:1px solid #e5e7eb;
  border-radius:.5rem;
  background:#ffffff;
  box-shadow:0 1px 0 rgba(17,24,39,.04);
}
.dwzas-list-wrap .dwzas-pager.dwzas-pager-top{ margin-bottom:.5rem; }



/* ===== DWZAS: remove list bullet before chevron (theme-safe) ===== */
.dwzas-list-wrap .dwzas-list{ list-style:none !important; margin:0 !important; padding:0 !important; }
.dwzas-list-wrap .dwzas-list > .dwzas-item{ list-style:none !important; margin:0 !important; padding:0 !important; }
.dwzas-list-wrap .dwzas-list > .dwzas-item::marker{ content:'' !important; }
/* Also suppress summary marker across browsers */
.dwzas-list-wrap .dwzas-item summary::marker{ content:'' !important; }
.dwzas-list-wrap .dwzas-item summary::-webkit-details-marker{ display:none !important; }



/* ===== DWZAS: put DWZ + Elo on one line in details (list + table) ===== */
.dwzas-item .dwzas-detail dl,
.dwzas-detail-dl{
  display: grid !important;
  grid-template-columns: 1fr 1fr; /* two columns: DWZ | Elo on same row */
  gap: .4rem 1rem;
  margin: 0;
}

.dwzas-item .dwzas-detail dl > div,
.dwzas-detail-dl > div{
  display: grid;
  grid-template-columns: auto 1fr; /* label | value */
  gap: .2rem .5rem;
}

.dwzas-item .dwzas-detail dt,
.dwzas-detail-dl dt{
  font-weight: 600;
  color: #374151;
  white-space: nowrap;
}

.dwzas-item .dwzas-detail dd,
.dwzas-detail-dl dd{
  margin: 0;
}

/* Stack on small screens */
@media (max-width: 520px){
  .dwzas-item .dwzas-detail dl,
  .dwzas-detail-dl{
    grid-template-columns: 1fr;
  }
}