/* adm-pag.css — estilos del módulo pag de administración (PC). Prefijo: adm-pag-*  ·  solo tokens --cs-* (claro/oscuro). */
.adm-pag { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.adm-pag-enc { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.adm-pag-enc h1 { font-size: 1.35rem; font-weight: 800; color: var(--cs-ink); margin: 0 0 .15rem; }
.adm-pag-enc p { margin: 0; color: var(--cs-muted); font-size: .88rem; max-width: 62ch; }
.adm-pag-acciones { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }

.adm-pag-btn { min-height: 34px; padding: 0 .9rem; border-radius: 8px; border: 1px solid var(--mb-t1-border, var(--cs-line)); background: var(--cs-surface); color: var(--cs-text); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; }
.adm-pag-btn:hover:not([disabled]) { border-color: var(--cs-primary); color: var(--cs-primary); }
.adm-pag-btn[disabled] { opacity: .5; cursor: not-allowed; }
.adm-pag-btn--primario { background: var(--cs-primary); border-color: var(--cs-primary); color: #fff; }
.adm-pag-btn--primario:hover:not([disabled]) { color: #fff; filter: brightness(.95); }
.adm-pag-btn--peligro { background: var(--cs-err); border-color: var(--cs-err); color: #fff; }
.adm-pag-select { min-height: 34px; border-radius: 8px; border: 1px solid var(--mb-t1-border, var(--cs-line)); background: var(--cs-surface); color: var(--cs-text); padding: 0 .5rem; font: inherit; font-size: .85rem; }
.adm-pag-check { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: var(--cs-text); }

.adm-pag-aviso { padding: .65rem .9rem; border-radius: 10px; font-size: .88rem; background: var(--cs-info-bg); color: var(--cs-info); }
.adm-pag-aviso--ok { background: var(--cs-ok-bg); color: var(--cs-ok); }
.adm-pag-aviso--err, .adm-pag-error { background: var(--cs-err-bg); color: var(--cs-err); padding: .65rem .9rem; border-radius: 10px; font-size: .88rem; }
.adm-pag-aviso--dev { background: var(--cs-warn-bg); color: var(--cs-warn); }

.adm-pag-rejilla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.adm-pag-tarjeta { background: var(--cs-surface); border: 1px solid var(--cs-line); border-radius: 14px; padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: .75rem; box-shadow: var(--cs-shadow); min-width: 0; }
.adm-pag-tarjeta--ancha { grid-column: 1 / -1; }
.adm-pag-tarjeta h2 { margin: 0; font-size: 1rem; color: var(--cs-ink); }
.adm-pag-tarjeta h3 { margin: .25rem 0 0; font-size: .88rem; color: var(--cs-muted); }
.adm-pag-tarjeta hr { border: 0; border-top: 1px solid var(--cs-line); margin: .2rem 0; width: 100%; }
.adm-pag-fila { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75rem; }
.adm-pag-ayuda { margin: 0; font-size: .8rem; color: var(--cs-muted); line-height: 1.4; }
.adm-pag-url { display: flex; gap: .5rem; }
.adm-pag-url input { flex: 1; min-height: 36px; padding: 0 .7rem; border-radius: 8px; border: 1px solid var(--mb-t1-border, var(--cs-line)); background: var(--cs-surface-2); color: var(--cs-text); font-family: ui-monospace, Consolas, monospace; font-size: .8rem; min-width: 0; }

.adm-pag-grid { height: calc(100vh - 250px); min-height: 360px; min-width: 0; }
.adm-pag-detalle { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; align-items: baseline; padding: .6rem .9rem; border-radius: 10px; background: var(--cs-surface); border: 1px solid var(--cs-line); font-size: .85rem; }
.adm-pag-detalle code { font-size: .8rem; }
.adm-pag-nota-error { color: var(--cs-err); }

@media (max-width: 1100px) { .adm-pag-rejilla { grid-template-columns: 1fr; } }