:root{--azul:#1F6FEB;--tinta:#0F172A;--suave:#64748B;--linea:#E2E8F0;--fondo:#F5F7FA;--ok:#0B6B2E;--error:#B42318}
[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tinta);background:var(--fondo)}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid var(--linea)}
header a.marca{font-weight:700;color:var(--tinta);text-decoration:none}header a.marca span{color:var(--azul)}
main{max-width:1000px;margin:0 auto;padding:24px 16px 60px}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:28px 0 10px}
.caja{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:16px;margin:0 0 16px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--linea);vertical-align:top}
th{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.03em}.tabla{overflow-x:auto}
a{color:var(--azul)}.nota{color:var(--suave);font-size:13px}
.etq{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600;background:#EEF2F7;color:var(--tinta)}
.etq.revisar,.etq.recibido{background:#FFF4E5;color:#8A4B00}.etq.aprobado{background:#E7F6EC;color:var(--ok)}
.etq.error,.etq.parado{background:#FDECEA;color:var(--error)}.etq.invitado{background:#E8F0FE;color:#174EA6}
label{display:block;font-size:13px;font-weight:600;margin:0 0 10px}input,select,textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--linea);border-radius:8px;font:inherit;background:#fff}
input[type=checkbox]{display:inline;width:auto;margin-right:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
button,.boton{display:inline-block;background:var(--azul);color:#fff;border:0;padding:10px 16px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
button.sec,.boton.sec{background:#fff;color:var(--azul);border:1px solid var(--azul)}button.peligro{background:#fff;color:var(--error);border:1px solid var(--error)}
form.linea{display:inline}.acciones{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.secreto{font:600 15px ui-monospace,Menlo,monospace;background:#F1F5F9;padding:10px;border-radius:8px;word-break:break-all}
.pin{font-size:28px;letter-spacing:6px}pre.msg{white-space:pre-wrap;background:#F8FAFC;border:1px solid var(--linea);padding:10px;border-radius:8px;font:13px/1.5 inherit}
.aviso{padding:12px 14px;border-radius:10px;background:#FFF4E5;color:#8A4B00;margin:0 0 16px}
details.info{display:inline}details.info summary{display:inline;cursor:pointer;list-style:none;color:var(--azul);font-weight:700}details.info summary::-webkit-details-marker{display:none}details.info p{font-weight:400;font-size:13px;color:var(--suave);background:#F8FAFC;border:1px solid var(--linea);border-radius:8px;padding:8px 10px;margin:4px 0}
@media(max-width:640px){.grid{grid-template-columns:1fr}}