/* AVANCE360 · Panel de plataforma (F4-05a) */
*{box-sizing:border-box}
body{margin:0;font-family:var(--a360-font-body, system-ui, sans-serif);background:#f3f5f8;color:#0f1b2d}
.barra{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#0f1b2d;color:#fff;position:sticky;top:0;z-index:5}
.barra img{height:26px}
.etiqueta{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--a360-green-bright,#3ddc97)}
.entorno{font-size:12px;font-weight:800;background:#fff4e5;color:#8a4b00;border-radius:8px;padding:3px 8px}
.espacio{flex:1}
.contenido{max-width:1000px;margin:0 auto;padding:20px 16px 60px}
h1{font-size:22px;margin:4px 0 14px}
h2{font-size:17px;margin:26px 0 10px}
.muted{color:#5b6b7f}
.tarjeta{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(15,27,45,.05)}
.entrada{max-width:380px;margin:40px auto}
.campo{margin-bottom:12px}
.campo label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;color:#5b6b7f;margin-bottom:5px}
.campo input{width:100%;padding:11px 12px;border:1px solid #cfd8e3;border-radius:10px;font-size:15px}
.codigo{font-size:26px!important;letter-spacing:.35em;text-align:center;font-family:var(--a360-font-mono, monospace)}
.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:800;font-size:14px;cursor:pointer}
.btn:disabled{opacity:.6;cursor:default}
.btn-azul{background:#1f5fe0;color:#fff}
.btn-verde{background:#0e8b60;color:#fff}
.btn-rojo{background:#fff;color:#b42318;border:1px solid #f1b6b0}
.btn-claro{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.btn-bloque{width:100%}
.error{background:#fdecea;color:#b42318;border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px}
.ok{background:#eaf7ef;color:#0e7a4f;border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px}
.qr{display:block;margin:10px auto;width:200px;height:200px;background:#fff;border:1px solid #e3e8ef;border-radius:10px}
.secreto{font-family:var(--a360-font-mono, monospace);font-size:13px;word-break:break-all;background:#f3f5f8;padding:8px;border-radius:8px}
.pago{display:grid;grid-template-columns:1fr auto;gap:12px}
.pago .datos{font-size:14px;line-height:1.55}
.pago .acciones{display:flex;flex-direction:column;gap:8px;min-width:150px}
.pago .comprobante img{max-width:150px;max-height:150px;border-radius:8px;border:1px solid #e3e8ef;display:block}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800}
.pill.g{background:#eaf7ef;color:#0e7a4f}.pill.r{background:#fdecea;color:#b42318}.pill.o{background:#fff4e5;color:#8a4b00}.pill.n{background:#eef2f7;color:#445}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-size:11.5px;text-transform:uppercase;color:#5b6b7f;padding:6px 8px;border-bottom:1px solid #e3e8ef}
td{padding:7px 8px;border-bottom:1px solid #eef2f7;vertical-align:top}
.tabla{overflow-x:auto}
a{color:#1746b0}
@media (max-width:640px){ .pago{grid-template-columns:1fr} .pago .acciones{flex-direction:row;flex-wrap:wrap} }