/* Estilos de /admin y /pagar (se suman a style.css) */
.narrow{max-width:640px}
.panel main{padding:28px 0 64px}
.phead{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.phead img{width:64px;border-radius:18px;box-shadow:0 5px 0 var(--pink)}
.phead h1{font-size:clamp(1.7rem,5vw,2.4rem);font-weight:800}
.phead .sub{margin:2px 0 0}
.phead .btn{margin-left:auto}
.box{background:var(--surface);border:2px solid var(--line);border-radius:28px;padding:24px;margin-bottom:20px}
.box h2{font-size:1.7rem;margin-bottom:14px}
.btn.sm{padding:8px 16px;font-size:.9rem}
.err{color:#c0392b;font-weight:700;margin:0 0 12px}
.okmsg{color:#2c6b3a;font-weight:700}
.big{font:800 clamp(2.4rem,11vw,3.6rem)/1 'Baloo 2',sans-serif;letter-spacing:.06em;margin:8px 0}
.amount{font:800 clamp(2.2rem,9vw,3.2rem)/1 'Baloo 2',sans-serif;margin:6px 0 2px}
.row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:560px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.85rem;color:var(--muted)}
.badge{display:inline-block;padding:3px 12px;border-radius:99px;font-weight:700;font-size:.85rem}
.b-pending{background:#fbd75b;color:#3b1f17}.b-paid{background:var(--mint);color:#2c3a2d}.b-expired{background:var(--line);color:var(--muted)}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.acts button{border:2px solid var(--ink);background:transparent;color:var(--ink);border-radius:99px;padding:3px 11px;font:700 .8rem Nunito,sans-serif;cursor:pointer}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em}
.code-in{font:800 2rem 'Baloo 2',sans-serif;text-align:center;letter-spacing:.12em}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0}
.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:700;word-break:break-all}
.hint2{color:var(--muted);font-size:.95rem}
#tr{margin-top:22px}