/* TTB – Vote Ballot Generator (styles & print) */
#ttb-vbg { font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color:#111; }
.ttb-vbg-card { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:18px; box-shadow:0 2px 10px rgba(0,0,0,.05); }
.ttb-vbg-title { margin:0 0 12px; font-size:20px; font-weight:700; }

.ttb-vbg-field { margin-bottom:12px; }
.ttb-vbg-field label { display:block; font-size:12px; color:#374151; margin-bottom:6px; }
.ttb-vbg-field input[type="number"] { width:150px; padding:8px 10px; border:1px solid #d1d5db; border-radius:10px; background:#fafafa; }

.ttb-vbg-list-head { display:grid; grid-template-columns: 40px 1fr 1fr; gap:10px; font-size:12px; color:#6b7280; margin:6px 0; }
.ttb-vbg-rows { display:grid; gap:8px; }
.ttb-vbg-row { display:grid; grid-template-columns: 40px 1fr 1fr 40px; gap:10px; }
.ttb-vbg-col input[type="text"] { width:100%; padding:10px 12px; border:1px solid #d1d5db; border-radius:10px; background:#fafafa; }
.ttb-vbg-col--index { display:flex; align-items:center; justify-content:center; color:#6b7280; }
.ttb-vbg-col--actions { display:flex; align-items:center; justify-content:center; }
.ttb-vbg-mini { background:#f3f4f6; border:1px solid #d1d5db; border-radius:8px; padding:6px 8px; cursor:pointer; }
.ttb-vbg-mini:hover { background:#e5e7eb; }

.ttb-vbg-actions { display:flex; gap:10px; margin-top:14px; }
.ttb-vbg-btn { background:#111827; color:#fff; border:none; border-radius:999px; padding:10px 16px; font-weight:600; cursor:pointer; }
.ttb-vbg-btn--primary { background:#111827; }
.ttb-vbg-btn:hover { opacity:.92; }

.ttb-vbg-note { color:#6b7280; font-size:12px; margin-top:8px; }

/* ---------- PRINT ---------- */
@page { size: Letter; margin: 0.5in; }
.ttb-vbg-print-body { margin:0; }

.ttb-vbg-page { page-break-after: always; }
.ttb-vbg-page:last-child { page-break-after: auto; }

.ttb-vbg-page-title {
  text-align:center;
  font-size:20px;
  font-weight:800;
  margin-bottom:12px;
}

.ttb-vbg-items {
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Ballot item rectangle */
.ttb-vbg-item {
  border:2px solid #000;
  border-radius:8px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ttb-vbg-item-text {
  flex:1 1 auto;
  text-align:right; /* align name & group to the right */
  padding-right:16px;
}

.ttb-vbg-item-name {
  font-size:24px;
  font-weight:700;
}

.ttb-vbg-item-group {
  font-size:12px;
  color:#374151;
  margin-top:2px;
}

/* Selection circle on the right */
.ttb-vbg-item-circle {
  flex: 0 0 auto;
  width:45px;
  height:45px;
  border:2px solid #000;
  border-radius:50%;
}

/* empty state */
.ttb-vbg-empty { text-align:center; color:#6b7280; font-size:12px; padding:20px 0; }

.ttb-vbg-del { color: #FF0000; }