/* zero2hero — admin: Paquetes (page-scoped) */

/* Program picker (overrides legacy unified.css colours) */
#admin-packages .admin-program-picker {
  border: 1px solid var(--adm-border);
  border-radius: var(--adm-radius-sm);
  background: var(--adm-surface);
  max-height: 300px;
  overflow: auto;
  padding: 0.5rem 0.6rem;
  display: block;
}
#admin-packages .adm-picker-group { padding: 0.3rem 0 0.2rem; }
#admin-packages .adm-picker-group + .adm-picker-group { border-top: 1px solid var(--adm-border); margin-top: 0.3rem; padding-top: 0.55rem; }
#admin-packages .adm-picker-group__title {
  font-family: var(--adm-font-mono);
  font-size: 0.64rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--adm-muted);
  margin: 0 0 0.35rem;
}
#admin-packages .admin-program-option {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: 0.86rem;
  color: var(--adm-text);
  padding: 0.4rem 0.45rem;
  border-radius: 8px;
  cursor: pointer;
  min-height: 36px;
}
#admin-packages .admin-program-option:hover { background: var(--adm-surface-2); }
#admin-packages .admin-program-option input[type="checkbox"] { margin-top: 0.2rem; flex: 0 0 auto; }
#admin-packages .admin-program-option.is-hidden { display: none; }
#admin-packages .admin-program-option.is-inactive { background: var(--adm-warn-soft); cursor: not-allowed; }
#admin-packages .admin-program-option .adm-opt-slug { color: var(--adm-muted); font-size: 0.76rem; font-family: var(--adm-font-mono); }

/* Selected order chips */
#admin-packages .adm-chips { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.6rem; }
#admin-packages .adm-chip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.45rem 0.35rem 0.7rem;
  border: 1px solid var(--adm-violet-line);
  background: var(--adm-violet-soft);
  color: var(--adm-violet-deep);
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 600;
}
#admin-packages .adm-chip__idx { font-family: var(--adm-font-mono); font-size: 0.68rem; color: var(--adm-muted); min-width: 1.3em; }
#admin-packages .adm-chip__label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#admin-packages .adm-chip__kind { font-family: var(--adm-font-mono); font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--adm-violet-strong); }
#admin-packages .adm-chip__btns { display: inline-flex; gap: 0.15rem; flex: 0 0 auto; }
#admin-packages .adm-chip__btns .adm-act { min-height: 30px; min-width: 30px; padding: 0 0.45rem; justify-content: center; }

/* Package rows */
#admin-packages #packages-list .list-group-item { text-align: left; width: 100%; }
#admin-packages .adm-row-price { font-family: var(--adm-font-mono); font-size: 0.78rem; color: var(--adm-text-2); white-space: nowrap; }
#admin-packages .adm-row-pills { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.35rem; }

/* Filter chips */
#admin-packages .adm-filter-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
#admin-packages .adm-filter-chips .adm-act.is-on { color: var(--adm-violet-deep); border-color: var(--adm-violet-line); background: var(--adm-violet-soft); }

/* Activation code rows */
#admin-packages .adm-code-row { display: flex; align-items: flex-start; gap: 0.6rem; }
#admin-packages .adm-code-row__main { flex: 1 1 auto; min-width: 0; }
#admin-packages .adm-code-row__code { font-family: var(--adm-font-mono); font-weight: 700; font-size: 0.92rem; letter-spacing: 0.04em; color: var(--adm-violet-deep); }
#admin-packages .adm-code-row__meta { color: var(--adm-muted); font-size: 0.78rem; margin-top: 0.15rem; }
#admin-packages .adm-code-row__side { display: flex; flex-direction: column; align-items: flex-end; gap: 0.35rem; flex: 0 0 auto; }
#admin-packages .list-group-item.is-new { box-shadow: inset 3px 0 0 var(--adm-ok); }

/* Slug preview */
#admin-packages .adm-slug-preview { font-family: var(--adm-font-mono); font-size: 0.76rem; color: var(--adm-muted); word-break: break-all; }

/* Form footer */
#admin-packages .adm-form-footer { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: flex-end; padding-top: 0.4rem; border-top: 1px solid var(--adm-border); }
#admin-packages .adm-form-footer #delete-btn { margin-right: auto; }

@media (max-width: 575.98px) {
  #admin-packages .adm-code-row { flex-direction: column; }
  #admin-packages .adm-code-row__side { flex-direction: row; align-items: center; }
}

/* fieldset legend sits tighter to its fields */
#admin-packages .adm-fieldset > legend { margin-bottom: 0.35rem; }
#admin-packages .adm-fieldset > .row { margin-top: 0; }
body.adm-body .adm-content #admin-packages .adm-toolbar__search .form-control { padding-left: 2.3rem; }