/* --- Import/Export: pill-style group, right aligned (Unfold compatible) --- */
.change-list ul.object-tools {
  /* Unfold sometimes stacks these; force a horizontal pill on wide screens */
  display: inline-flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  margin: 0 1rem 0 auto;     /* push to the right */
  list-style: none;
}

.change-list ul.object-tools li {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
}

/* Base theme tokens */
:root {
  --unfold-blue: #f63f1f;     /* modern blue */
  --unfold-blue-600: #f64a1f; /* hover */
  --unfold-blue-50: #081423;  /* light bg */
  --unfold-ring: 0 1px 2px rgba(0,0,0,.06);
}

/* Make Import/Export look like a segmented control */
.change-list ul.object-tools li a.import_link,
.change-list ul.object-tools li a.export_link {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: .48rem .9rem;
  border: 1px solid var(--unfold-blue);
  background: #fff;
  color: var(--unfold-blue) !important;
  font-weight: 700;
  line-height: 1;
  box-shadow: var(--unfold-ring);
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

/* left segment */
.change-list ul.object-tools li a.import_link {
  border-radius: .9rem 0 0 .9rem;
  border-right: none;
  background: var(--unfold-blue-50);
}

/* right segment */
.change-list ul.object-tools li a.export_link {
  border-radius: 0 .9rem .9rem 0;
  background: var(--unfold-blue);
  color: #fff !important;
}

/* hover states */
.change-list ul.object-tools li a.import_link:hover {
  background: #fff;
  color: var(--unfold-blue) !important;
}
.change-list ul.object-tools li a.export_link:hover {
  background: var(--unfold-blue-600);
  border-color: var(--unfold-blue-600);
}

/* Prevent Unfold toolbars from stacking them vertically on narrow viewports */
@media (max-width: 768px) {
  .change-list ul.object-tools {
    margin-top: .5rem;
    width: 100%;
    justify-content: flex-end;
  }
}

/* --- Bulk actions bar: modern blue button and tidy layout --- */
.change-list .actions {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: .75rem 0 1rem;
}

.change-list .actions select {
  border-radius: .65rem;
  border: 1px solid var(--unfold-blue);
  background: var(--unfold-blue-50);
  padding: .45rem .6rem;
  font-weight: 600;
  min-width: 14rem;
}

.change-list .actions .button {
  border-radius: .65rem;
  border: 1px solid var(--unfold-blue);
  background: var(--unfold-blue);
  color: #fff;
  padding: .48rem .9rem;
  font-weight: 700;
}
.change-list .actions .button:hover {
  background: var(--unfold-blue-600);
  border-color: var(--unfold-blue-600);
}

/* --- Event Access Code: modern green print button --- */
.print-access-btn {
  display: inline-flex !important;
  align-items: center;
  gap: .4rem;
  background: #16a34a !important;    /* green-600 */
  border: 1px solid #16a34a !important;
  color: #fff !important;
  padding: .48rem .9rem !important;
  border-radius: .65rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.print-access-btn:hover {
  background: #15803d !important;     /* green-700 */
  border-color: #15803d !important;
}
.print-access-btn::before {
  content: '\1F5A8'; /* 🖨️ */
  font-size: 14px;
}


/* make the submit visible and labeled */
.change-list .actions button[name="index"],
.change-list .actions input[type="submit"][name="index"] {
  display: inline-flex !important;
  align-items: center;
  padding: .48rem .9rem;
  border-radius: .65rem;
  border: 1px solid #1E40AF;
  background: #1E40AF;
  color: #fff;
  font-weight: 700;
}

/* if Unfold renders an icon-only button, add text */
.change-list .actions button[name="index"]::after,
.change-list .actions input[type="submit"][name="index"]::after {
    content: " ";
    margin-left: .4rem;
}