/* Colores de la corporación: rojo, negro y amarillo. El amarillo solo va en el botón principal y el total de la tabla;
   el verde marca lo que está bien («Órdenes ACTIVAS», «Recibiré», «Copiado») y el rojo lo que no.
   Todo color sale de estas variables. */
:root{
  --bg:#070707; --panel:#141416; --panel-2:#1c1c20; --ink:#f1f1f1; --muted:#a3a3ab;
  --red:#c8102e; --red-dark:#8e0b20; --red-ink:#ffffff;
  --yellow:#ffc72c; --yellow-dark:#e0a400; --yellow-ink:#141416;
  --line:rgba(255,255,255,.12); --field:#0d0d0f;
  --bad:#ff5a5f; --green:#2ecc71; --green-ink:#7cf0ad;
  --head:var(--red); --head-ink:var(--red-ink); --copy:#d6d6dc; --link:#ff6b78; --accent:var(--red);
}
*{box-sizing:border-box}
body{margin:0;background-color:var(--bg);background-image:radial-gradient(ellipse at 15% 0%,rgba(200,16,46,.28) 0,transparent 55%),radial-gradient(ellipse at 85% 100%,rgba(200,16,46,.12) 0,transparent 50%);background-attachment:fixed;
  color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;padding:24px 16px 48px}
.wrap{max-width:820px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:14px;padding:18px 18px 22px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
h1{margin:4px 6px 4px;font-size:1.5rem}
h1 a.home{color:inherit;text-decoration:none}
.sub{margin:0 6px 14px;color:var(--muted)}
h2{background:linear-gradient(90deg,var(--red),var(--red-dark));color:var(--head-ink);margin:18px 0 10px;padding:6px 14px;border-radius:12px;font-size:1.2rem}
textarea{width:100%;min-height:140px;border:1px solid var(--line);border-radius:8px;padding:10px;font:13px/1.4 ui-monospace,Menlo,Consolas,monospace;background:var(--field);color:var(--ink)}
textarea:focus,.form input:focus,.form select:focus,.row-form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
::placeholder{color:#76767e}
.btn{display:inline-block;margin-top:10px;background:linear-gradient(var(--yellow),var(--yellow-dark));color:var(--yellow-ink);border:1px solid #ffe08a;border-radius:6px;padding:7px 22px;font-weight:800;cursor:pointer}
.btn:hover{filter:brightness(1.06)}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
.btn.busy[disabled]{cursor:progress}
.kv{display:grid;grid-template-columns:minmax(150px,200px) 1fr;gap:4px 14px;padding:0 10px}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.kv dd.big{font-size:1.15rem;color:var(--green-ink)}
.kv dd.bad{color:var(--bad)}
.copy{margin-left:8px;padding:1px 10px;border:1px solid var(--copy);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:700 .82rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;vertical-align:middle;white-space:nowrap}
.copy::before{content:"⧉ "}
.copy:hover{background:#fff;color:var(--panel);border-color:#fff}
.copy.done{background:var(--green);border-color:var(--green);color:#06210f}
.copy.done::before{content:"✓ "}
.bad{color:var(--bad)}
.note{padding:4px 10px 0;color:var(--muted);font-size:.9rem}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th,.tbl td{padding:5px 10px;border-bottom:1px solid var(--line);text-align:left}
.tbl th{color:var(--muted);font-weight:600}
.tbl tbody tr:hover td{background:rgba(255,255,255,.03)}
.tbl td.r,.tbl th.r{text-align:right;font-variant-numeric:tabular-nums}
.tbl tfoot td{font-weight:700;color:var(--yellow);border-bottom:0}
.tag{font-size:.78rem;padding:1px 7px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);white-space:nowrap}
.box{overflow-x:auto;padding:0 4px}
ol{margin:0;padding-left:28px}
ol li{margin:6px 0}
ol li::marker{color:var(--link);font-weight:700}
ol li b{display:block}
a{color:var(--link)}
.foot{margin:16px 10px 0;font-weight:700}
.foot span{font-weight:400;color:var(--muted)}
@media (max-width:560px){.kv{grid-template-columns:1fr}.kv dt{margin-top:6px}.tbl th,.tbl td{padding:5px 6px}}
/* Avisos */
.alert{margin:12px 6px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--ink)}
.alert.ok{background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.45);border-left:5px solid var(--green);color:var(--green-ink)}
.alert.bad{background:rgba(200,16,46,.2);border:1px solid rgba(200,16,46,.6);border-left:5px solid var(--red);color:#ff9aa0}
.rules h3{margin:14px 10px 4px;font-size:1.02rem}
.rules p,.rules ul{margin:4px 10px}
[hidden]{display:none!important}
/* Listas de lo que no compramos */
ul.paused{margin:4px 0 0;padding-left:28px;color:var(--muted)}
ul.paused li{margin:2px 0}
ul.left-out li s{color:var(--bad)}
ul.left-out .why{font-size:.9em}
/* Panel de admin */
.wrap.admin{max-width:1040px}
.nav{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin:4px 6px 10px}
.nav a,.filters a{color:var(--link);font-weight:600;text-decoration:none}
.nav a[aria-current],.filters a[aria-current]{text-decoration:underline}
form.inline{display:inline;margin-left:auto}
button.link{background:none;border:0;padding:0;color:var(--bad);font-weight:600;cursor:pointer;font:inherit}
button.link-ok{background:none;border:0;padding:0;color:var(--link);font-weight:600;cursor:pointer;font:inherit}
.form{padding:0 6px}
.form label{display:block;margin:8px 0;color:var(--muted)}
.form input,.form select{display:block;margin-top:2px;width:100%;max-width:320px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--field);color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 16px}
.filters{margin:0 6px 10px}
.toggle{min-width:44px;border:1px solid var(--line);border-radius:999px;padding:2px 10px;background:var(--panel-2);color:var(--bad);font-weight:700;cursor:pointer}
.toggle.on{background:var(--red);color:var(--red-ink);border-color:var(--red)}
tr.off td{color:var(--muted)}
pre.paste{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:10px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;max-height:320px;overflow:auto}
.row-form{display:inline-flex;align-items:center;gap:4px;margin-right:8px}
.row-form input[name=pct]{width:4.5em;padding:2px 4px;border:1px solid var(--line);border-radius:4px;font:inherit;background:var(--field);color:var(--ink)}
@media (max-width:560px){form.inline{margin-left:0}}