/* Rediseño de la página de cuadros (propuesta 07/10/2026).
   Se carga después de sheets.v3.css: compacta la cabecera para que el cuadro ocupe la pantalla
   y redibuja la hoja original de Ippon (mismas tablas y cruces) con el estilo del Coach. */
:root{--verde:#155844;--verde-osc:#0f3f32;--linea:#d3e0d8;--texto:#183f35;--suave:#5b7568;--trazo:#5f8f7c;--oro:#c9971c}

/* Cabecera y franja del evento más bajas */
.masthead{padding-top:10px;padding-bottom:10px}.brand img{height:40px;width:40px}.brand{font-size:22px}.brand small{font-size:13px;margin-top:2px}
.masthead nav a{min-height:42px;padding:9px 15px;font-size:15px}
main{padding-top:14px}
.event-strip{margin-bottom:12px;align-items:center}.event-strip h1{font-size:24px;margin:0 0 3px}.event{font-size:14px}
.capture{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;max-width:none;font-size:13px}
.capture::before{content:"";width:9px;height:9px;border-radius:50%;background:#d0a02b;flex:none}
.capture strong,.capture span{display:inline}.capture span{margin:0;opacity:.85}
.capture[data-live=true]::before{background:#2c9a62;box-shadow:0 0 0 4px #2c9a6226;animation:latido 2s infinite}
.capture[data-closed=true]{background:#eef4f0;color:#3a5d4d;border-color:#cfdcd4}.capture[data-closed=true]::before{background:#7c968a}
@keyframes latido{50%{box-shadow:0 0 0 7px #2c9a6200}}

/* Panel de categorías: agrupado, con filtro y fijo al hacer scroll */
@media(min-width:1024px){.workspace{grid-template-columns:232px minmax(0,1fr);gap:16px}.category-panel{position:sticky;top:10px}.category-panel select{display:none}}
.category-panel label{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--suave);margin-bottom:6px}
#category-filter{width:100%;min-height:40px;border:1px solid #b9cdc1;border-radius:9px;padding:8px 11px;font:inherit;font-size:14px;color:var(--texto);background:#fff}
.category-list{margin-top:10px;gap:3px;max-height:calc(100vh - 170px);padding-right:4px}
.category-group{position:sticky;top:0;z-index:1;margin:8px 0 2px;padding:5px 2px;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--suave);background:#eef3f0}
.category-group:first-child{margin-top:0}
.category-list button{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-height:38px;padding:8px 11px;border-color:transparent;background:transparent;font-size:15px;font-weight:600;border-radius:8px}
.category-list button:hover{background:#fff;border-color:var(--linea)}
.category-list button small{margin:0;font-size:12px;font-weight:400;color:var(--suave);white-space:nowrap}
.category-list button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:#fff}.category-list button[aria-pressed=true] small{color:#cfe5da}
.category-list button.is-empty{opacity:.6}
.category-note{display:none}

/* Visor: título, pestañas y herramientas en dos líneas compactas */
.viewer{border-radius:12px}
.viewer-heading{padding:12px 16px 10px;align-items:flex-end;flex-wrap:wrap;gap:10px 16px}
.viewer-heading h2{font-size:24px}.eyebrow{font-size:11px;margin-bottom:2px}
.viewer-heading #category-details{display:inline;font-size:14px;margin:0}.viewer-title h2{display:inline;margin-right:10px}
.mode-tabs{display:inline-flex;grid-template-columns:none;padding:3px;gap:2px;background:#eef3f0;border:1px solid var(--linea);border-radius:10px}
.mode-tabs button{min-height:36px;padding:6px 14px;border:0;background:transparent;border-radius:8px;font-size:14px;color:#2f5b4a}
.mode-tabs button[aria-pressed=true]{background:var(--verde);color:#fff;box-shadow:0 1px 3px #0f3f3240}
.mode-tabs button:disabled{display:none}
.viewer.single-section .mode-tabs,.viewer.single-section .section-index{display:none}
.toolbar{padding:8px 12px;gap:8px 12px;flex-wrap:nowrap;align-items:center}
.section-index{padding:0;flex:1;min-width:0;gap:5px}
.section-index button{min-height:34px;padding:5px 12px;font-size:13px;border-radius:999px;font-weight:600}
.section-index button[data-kind=medallas]{background:#eef3fb;border-color:#c3d3ea;color:#244d83}
.toolbar-actions{display:flex;gap:6px;align-items:center;margin-left:auto;flex:none}
.zoom-controls button{height:36px;min-width:36px;font-size:20px;border-radius:8px}.zoom-controls output{min-width:50px;font-size:14px}
.view-actions button{min-height:36px;padding:6px 11px;border-radius:8px;font-size:13px}
.expand-button{display:inline-flex;align-items:center;gap:6px;max-width:none;background:var(--verde)!important;color:#fff!important;border-color:var(--verde)!important}
.expand-button svg{width:16px;height:16px}
.guide{display:none}
.scroll-area{height:calc(100vh - 205px);min-height:420px;padding:16px;background-color:#eef3f0;background-image:radial-gradient(#d3ddd6 .8px,transparent .8px)}
.viewer-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:9px 16px;font-size:12px;border-top:1px solid var(--linea)}
.legend{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#36584a}.legend i{display:inline-block;width:18px;height:12px;border-radius:3px}
.lg-white{background:#fff;border:1px solid #c6d5cc;border-left:4px solid #c9d3ce}.lg-blue{background:#eaf1fd;border:1px solid #bccde9;border-left:4px solid #2f63c0}.lg-empty{border:1px dashed #a9bcb1;background:#f5f8f6}
.foot-help{margin-left:auto;color:var(--suave)}
.viewer[data-layout=liga] .legend{display:none}

/* Secciones del cuadro */
.sheet-part{border:1px solid #c9d8cf;border-radius:10px;box-shadow:0 2px 8px #183f3512;margin-bottom:16px;min-width:0}
.part-title{font-size:16px;padding:9px 14px;gap:10px}.part-title span{width:24px;height:24px;font-size:12px}
.original-sheet{padding:14px 18px 18px;font-family:"Segoe UI",Roboto,Arial,sans-serif;color:var(--texto)}

/* Hoja eliminatoria redibujada: tarjetas de judoka (blanco / azul como en Ippon) y líneas de avance en verde */
.original-sheet table[bgcolor="#EDEDED" i],.original-sheet table[bgcolor="#84BEFF" i],.original-sheet table[bgcolor="#FFFFC4" i]{border:1px solid #c6d5cc;border-left:5px solid #c9d3ce;border-radius:6px;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 1px 2px #183f3514;margin:2px 0}
.original-sheet table[width="160"]{width:196px}
.original-sheet table[bgcolor="#EDEDED" i] td,.original-sheet table[bgcolor="#84BEFF" i] td,.original-sheet table[bgcolor="#FFFFC4" i] td{border:0;padding:5px 8px;line-height:1.25;white-space:nowrap}
.original-sheet table[bgcolor="#84BEFF" i]{background:#eaf1fd;border-color:#bccde9;border-left-color:#2f63c0}
.original-sheet table[bgcolor="#84BEFF" i]:not(:has(font)),.original-sheet table[bgcolor="#EDEDED" i]:not(:has(font)){background:#f5f8f6;border:1px dashed #b5c6bc;box-shadow:none;height:28px}
.original-sheet table[bgcolor="#FFFFC4" i]{background:#fff7d9;border-color:#e2c674;border-left-color:var(--oro)}
.original-sheet td[bgcolor="#004080" i]{background:var(--trazo);width:4px;min-width:4px;padding:0}
.original-sheet td[bgcolor="#000000" i]{background:var(--trazo);width:4px;min-width:4px;padding:0}
.original-sheet td[width="10"]{width:4px}
.original-sheet font[size="2"]{font-size:14px;font-weight:600;color:var(--texto)}
.original-sheet font[size="1"]{font-size:11px;font-weight:400;color:var(--suave)}
.original-sheet table[bgcolor] img[alt]{height:16px;width:auto;border-radius:2px;margin-right:4px;box-shadow:0 0 0 1px #0000001a}

/* Hoja de liga (Prom): tabla limpia */
.original-sheet table[bgcolor="#BCC2BD" i]{background:transparent;border:0;border-collapse:collapse}
.original-sheet table[bgcolor="#BCC2BD" i]>tbody>tr>td{border:0;padding:0}
.original-sheet table[cellpadding="4"]{border-collapse:collapse;border:1px solid #c6d5cc;background:#fff;font-size:15px;border-radius:8px;overflow:hidden}
.original-sheet table[cellpadding="4"] td{border:1px solid #dfe8e2;padding:8px 11px}
.original-sheet table[cellpadding="4"] tr[bgcolor="#AAAAAA" i]{background:var(--verde);color:#fff}
.original-sheet table[cellpadding="4"] tr[bgcolor="#AAAAAA" i] td{border-color:#2b6b56;font-size:13px}
.original-sheet table[cellpadding="4"] td[bgcolor="#AAAAAA" i]{background:#eef3f0;color:#3c5d4f}
.original-sheet table[cellpadding="4"] tr:not([bgcolor]):nth-child(odd) td:not([bgcolor]){background:#fafcfb}
.original-sheet table[cellpadding="4"] font[size="2"]{font-size:12px;font-weight:700;color:var(--suave)}

/* Pantalla completa */
.viewer.is-expanded .viewer-heading{padding:8px 14px}.viewer.is-expanded .scroll-area{height:auto}

/* Tableta y móvil: vuelve el desplegable, se ocultan filtro y lista */
@media(max-width:1023px){
 .category-panel select{min-height:46px;font-size:16px}#category-filter{display:none}
 .scroll-area{height:calc(100vh - 230px)}
}
@media(max-width:760px){
 .toolbar{flex-wrap:wrap}.section-index{flex-basis:100%;order:2}.toolbar-actions{width:100%;justify-content:space-between}
 .expand-button span{display:none}.foot-help{display:none}
}
@media(max-width:620px){
 .masthead{padding:10px 12px 8px}.brand{font-size:21px}.brand img{height:36px;width:36px}.masthead nav{margin-top:10px}.masthead nav a{min-height:40px;padding:8px 3px}
 main{padding:10px 8px}.event-strip h1{font-size:21px}.capture{margin-top:8px;border-radius:10px;flex-wrap:wrap;gap:2px 8px}
 .viewer-heading{padding:10px 12px 8px}.viewer-heading h2{font-size:22px}
 .mode-tabs{display:flex;width:100%}.mode-tabs button{flex:1;padding:6px 4px;min-height:40px;font-size:13px}
 .zoom-controls button,.view-actions button{min-height:40px;height:40px}
 .scroll-area{height:calc(100vh - 150px);min-height:380px;padding:10px}
 .viewer-foot{padding:8px 12px}
}
@media(pointer:coarse){.zoom-controls button,.view-actions button,.mode-tabs button,.section-index button{min-height:44px}.zoom-controls button{min-width:44px}}
/* Resaltar delegación y buscar judoka (07/10/2026) */
.finder{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;border-top:1px solid var(--linea);background:#fafcfb}
.finder-field{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--suave)}
.finder-field.grow{flex:1;min-width:220px}
.finder select,.finder input{font:inherit;font-size:14px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--texto);min-height:36px;border:1px solid #b9cdc1;border-radius:8px;background:#fff;padding:5px 10px}
.finder input{flex:1;min-width:0}
#find-count{font-size:13px;color:var(--suave);font-weight:600}
.viewer.has-hl .original-sheet table[bgcolor]:not([bgcolor="#BCC2BD" i]):not(.hl):not(.found){opacity:.45}
.viewer.has-hl .original-sheet table[cellpadding="4"] tr:not([bgcolor]):not(.hl):not(.found){opacity:.45}
.original-sheet table.hl{box-shadow:0 0 0 3px #e2b33a,0 2px 6px #183f3530!important;opacity:1}
.original-sheet tr.hl td{background:#fff3cf!important}
.original-sheet table.found{box-shadow:0 0 0 3px #e0592a,0 2px 8px #183f3540!important;opacity:1}
.original-sheet tr.found td{background:#ffe1d3!important}
@media(max-width:620px){.finder{padding:8px 10px}.finder-field span{display:none}.finder-field{flex:1 1 100%}.finder select{flex:1}}
@media(pointer:coarse){.finder select,.finder input{min-height:44px;font-size:16px}}