:root{--bg: #f3f5f2;--surface: #ffffff;--ink: #1f2a24;--muted: #5d6b63;--line: #dde3de;--brand: #1f7a4d;--brand-ink: #ffffff;--accent: #f2c744;--danger: #b3382c;--warn: #a86a00;--radius: 12px;--shadow: 0 1px 2px rgb(20 40 30 / 8%), 0 4px 14px rgb(20 40 30 / 6%)}html{min-height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,sans-serif;font-size:16px}body{min-width:320px;min-height:100%;margin:0}*{box-sizing:border-box}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}.page{max-width:1000px;margin:0 auto;padding:16px;display:grid;gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.muted{color:var(--muted);font-size:.9rem}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row.between{justify-content:space-between}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}.error{color:var(--danger);font-size:.9rem}.ok{color:var(--brand);font-size:.9rem}button,.btn{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 14px;min-height:40px;cursor:pointer}button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}button.danger{color:var(--danger);border-color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}button.small{min-height:32px;padding:4px 10px;font-size:.85rem}input,select{font:inherit;min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);max-width:100%}input.score{width:3.2rem;text-align:center;padding:6px 2px}label.field{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:6px 8px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase}td.pts{font-weight:700;background:#fff6cf}tr.up td:first-child{border-left:4px solid var(--brand)}tr.down td:first-child{border-left:4px solid var(--danger)}.table-scroll{overflow-x:auto}input[type=checkbox]{width:22px;height:22px;min-height:0;padding:0}@media(max-width:600px){h1{font-size:1.3rem}.page{padding:12px;gap:12px}.card{padding:12px}table{font-size:.85rem}th,td{padding:6px 4px}.row>input:not([type=checkbox]):not(.score),.row>select,label.field,label.field select{flex:1 1 100%;width:100%}.row>button{flex:1 1 auto}table.stack thead{display:none}table.stack,table.stack tbody{display:block}table.stack tr{display:block;border:1px solid var(--line);border-radius:10px;padding:4px 10px;margin-bottom:8px}table.stack td{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px;border:0;padding:4px 0;text-align:right}table.stack td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.75rem;text-transform:uppercase;text-align:left}table.stack td:first-child{font-weight:700;text-align:left}table.stack td.acciones{justify-content:flex-end;flex-wrap:wrap;white-space:normal}}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;background:var(--line);color:var(--ink)}.badge.validado{background:#d6f0e1;color:#14573a}.badge.pendiente{background:#fff0c2;color:var(--warn)}.badge.disputado{background:#f9d9d5;color:var(--danger)}
