/* Seminarios — page-scoped styles (admin.css provides the vocabulary) */

/* ── Seminar list rows ─────────────────────────────────────────────── */
#admin-seminars .sem-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.6rem 1rem;
  align-items: center;
}
#admin-seminars .sem-row__title {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.55rem;
  font-family: var(--adm-font-head); font-weight: 600; letter-spacing: -0.01em;
}
#admin-seminars .sem-row__meta {
  display: flex; flex-wrap: wrap; gap: 0.25rem 0.9rem;
  font-size: 0.8rem; color: var(--adm-muted); margin-top: 0.2rem;
}
#admin-seminars .sem-row__meta i { width: 1em; text-align: center; color: var(--adm-muted-2, var(--adm-muted)); margin-right: 0.2rem; }
#admin-seminars .sem-row__meta .is-full { color: var(--adm-danger); font-weight: 600; }
#admin-seminars .sem-row__actions {
  display: flex; flex-wrap: wrap; gap: 0.4rem; justify-content: flex-end; align-items: center;
}
#admin-seminars .sem-row__actions .adm-act--danger { margin-left: 0.35rem; }
#admin-seminars .sem-cap {
  display: inline-block; width: 64px; height: 5px; border-radius: 999px;
  background: var(--adm-surface-2); vertical-align: middle; overflow: hidden; margin-left: 0.35rem;
  border: 1px solid var(--adm-border);
}
#admin-seminars .sem-cap > span { display: block; height: 100%; background: var(--adm-violet); }
#admin-seminars .sem-cap.is-full > span { background: var(--adm-danger); }

/* ── Detail panel ──────────────────────────────────────────────────── */
#admin-seminars .sem-thumb {
  display: flex; gap: 0.75rem; align-items: center;
}
#admin-seminars .sem-thumb__img {
  width: 96px; height: 60px; flex: 0 0 auto; border-radius: var(--adm-radius-sm);
  border: 1px solid var(--adm-border); background: var(--adm-surface-2);
  display: grid; place-items: center; color: var(--adm-muted); overflow: hidden;
}
#admin-seminars .sem-thumb__img--round { width: 60px; height: 60px; border-radius: 50%; }
#admin-seminars .sem-thumb__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#admin-seminars .sem-thumb__body { min-width: 0; flex: 1 1 auto; }
#admin-seminars .sem-thumb__body .form-control { margin-top: 0.3rem; }
#admin-seminars .sem-mail-hint { font-size: 0.78rem; color: var(--adm-muted); }
#admin-seminars .sem-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
#admin-seminars .sem-chip {
  border: 1px solid var(--adm-border); background: var(--adm-surface); color: var(--adm-muted);
  border-radius: var(--adm-radius-sm); padding: 0.2rem 0.7rem; font-size: 0.76rem; line-height: 1.4; cursor: pointer;
  font-family: var(--adm-font-mono); letter-spacing: 0.04em;
}
#admin-seminars .sem-chip:hover { border-color: var(--adm-violet-line); color: var(--adm-violet-strong); }
#admin-seminars .sem-chip.active,
#admin-seminars .sem-chip[aria-pressed="true"] {
  background: var(--adm-violet-soft); border-color: var(--adm-violet-line); color: var(--adm-violet-strong);
}
#admin-seminars .sem-summary { font-size: 0.8rem; color: var(--adm-muted); display: flex; flex-wrap: wrap; gap: 0.3rem 1rem; }
#admin-seminars .sem-summary strong { color: var(--adm-text); font-variant-numeric: tabular-nums; }
#admin-seminars .sem-detail-alert { margin: 0 0 0.9rem; }
#admin-seminars .sem-count { font-size: 0.72rem; color: var(--adm-muted); font-family: var(--adm-font-mono); }
#admin-seminars .sem-count.is-over { color: var(--adm-danger); }
#admin-seminars .sem-test { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
#admin-seminars .sem-test .form-control { flex: 1 1 200px; min-width: 0; }

/* ── Registrations table → cards on mobile ─────────────────────────── */
@media (max-width: 767.98px) {
  #admin-seminars .sem-row { grid-template-columns: 1fr; }
  #admin-seminars .sem-row__actions { justify-content: flex-start; }
  #admin-seminars .sem-reg-wrap { border: 0; overflow: visible; }
  #admin-seminars .sem-reg-wrap table, #admin-seminars .sem-reg-wrap tbody,
  #admin-seminars .sem-reg-wrap tr, #admin-seminars .sem-reg-wrap td { display: block; width: 100%; }
  #admin-seminars .sem-reg-wrap thead { display: none; }
  #admin-seminars .sem-reg-wrap tbody tr {
    border: 1px solid var(--adm-border); border-radius: var(--adm-radius-sm);
    margin-bottom: 0.6rem; padding: 0.35rem 0.2rem; background: var(--adm-surface);
  }
  body.adm-body .adm-content #admin-seminars .sem-reg-wrap tbody td {
    display: flex; justify-content: space-between; gap: 0.75rem; align-items: center;
    padding: 0.35rem 0.6rem; border-bottom: 0; font-size: 0.83rem; text-align: left;
  }
  #admin-seminars .sem-reg-wrap tbody td::before {
    content: attr(data-label); font-family: var(--adm-font-mono); font-size: 0.62rem;
    letter-spacing: 0.1em; text-transform: uppercase; color: var(--adm-muted); flex: 0 0 auto;
  }
  #admin-seminars .sem-reg-wrap tbody td.sem-reg-empty { justify-content: center; }
  #admin-seminars .sem-reg-wrap tbody td.sem-reg-empty::before { content: none; }
  #admin-seminars .sem-thumb__img { width: 72px; height: 48px; }
}

/* search icon must not overlap the small input's placeholder */
body.adm-body .adm-content #admin-seminars .adm-toolbar__search .form-control { padding-left: 2.2rem; }