/* FirePro+ · «Mis tablas» (21-oct-2026). Sección en Estudio → Mi material, revisión y práctica en el modal. */
.tb-sec{margin:0 0 1.6rem}
.tb-intro{font-size:.84rem;line-height:1.5;margin:.2rem 0 .8rem}
.tb-top{display:grid;gap:.5rem;margin-bottom:.8rem}
.tb-lista{display:grid;gap:.65rem}
.tb-item{padding:.85rem;margin:0}
.tb-item-head{display:flex;gap:.7rem;align-items:center}
.tb-item-head>div{flex:1;min-width:0}
.tb-item-head h3{margin:0;font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}
.tb-item-head p{margin:.2rem 0 0;font-size:.74rem;color:var(--text-secondary)}
.tb-item-head .btn{flex-shrink:0}
.tb-barra{height:6px;border-radius:6px;background:var(--stroke);overflow:hidden;margin:.7rem 0 .35rem}
.tb-barra span{display:block;height:100%;background:var(--green);border-radius:6px;transition:width .3s}
.tb-prog{font-size:.76rem;color:var(--text-secondary);margin:0 0 .6rem;line-height:1.45}
.tb-acciones{display:flex;flex-wrap:wrap;gap:.4rem}
.tb-acciones .btn{flex:1 1 auto;min-height:40px;font-size:.78rem}
.tb-borrar{color:var(--red)!important}
@media(min-width:800px){.tb-lista{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.tb-top{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}

/* Añadir */
.tb-origen{display:grid;gap:.5rem;margin:.6rem 0 .2rem}
.tb-origen .btn{cursor:pointer;text-align:center}
.tb-off{opacity:.45;pointer-events:none}
.tb-prueba{font-size:.82rem;line-height:1.55}
#tb-texto{width:100%;box-sizing:border-box;font-size:16px;min-height:120px}

/* Revisión */
.tb-aviso{border-left:3px solid var(--gold,#e0a23a)}
.tb-original{margin:.6rem 0;border:1px solid var(--stroke);border-radius:12px;overflow:hidden}
.tb-original summary{cursor:pointer;padding:.55rem .75rem;font-size:.8rem;font-weight:650;color:var(--text-secondary)}
.tb-original summary span{font-weight:400}
.tb-original img{display:block;max-width:100%;max-height:38vh;object-fit:contain;height:auto;margin:0 auto;background:#fff;cursor:zoom-in}
.tb-original.tb-full img{max-height:none;cursor:zoom-out}
.tb-original pre{margin:0;padding:.6rem .75rem;font-size:.74rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto}
#tb-titulo{width:100%;box-sizing:border-box;font-size:16px}
.tb-grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.7rem 0 .5rem;border:1px solid var(--stroke);border-radius:12px}
.tb-grid{border-collapse:collapse;min-width:100%}
.tb-grid th,.tb-grid td{border-bottom:1px solid var(--stroke);border-right:1px solid var(--stroke);padding:0;vertical-align:middle}
.tb-grid thead th{background:rgba(127,127,127,.08)}
.tb-grid input{min-width:3.5rem;box-sizing:content-box;border:0;border-radius:0;background:transparent;color:inherit;padding:.6rem .5rem;font:inherit;font-size:16px;margin:0}
.tb-grid thead input{font-weight:700;font-size:15px}
.tb-grid input:focus{outline:2px solid var(--cyan);outline-offset:-2px;background:rgba(127,127,127,.06)}
.tb-grid .tb-k input{font-weight:700;color:var(--accent)}
.tb-th{display:flex;align-items:center}
.tb-x{flex:none;border:0;background:transparent;color:var(--text-secondary);font-size:.8rem;min-width:36px;min-height:40px;cursor:pointer}
.tb-x:hover,.tb-x:focus-visible{color:var(--red)}
.tb-xcol{width:36px;border-right:0!important}
.tb-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .3rem}
#tb-clave{width:100%;box-sizing:border-box;font-size:16px}
.tb-warn{font-size:.8rem;line-height:1.45;color:var(--text-primary);background:rgba(224,162,58,.12);border-radius:10px;padding:.5rem .65rem;margin:.5rem 0 0}
.tb-cuenta{font-size:.84rem;margin:.7rem 0 .3rem}
.tb-ejemplo{font-size:.84rem;line-height:1.45;border:1px dashed var(--stroke);border-radius:10px;padding:.55rem .7rem;margin:.4rem 0 0}
.tb-ejemplo span{display:block;font-size:.66rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.2rem}
.tb-ejemplo small{color:var(--text-secondary)}

/* Práctica */
.tb-q{font-size:1.08rem;line-height:1.45;margin:.2rem 0 1rem}
.tb-fila{width:100%;border-collapse:collapse;margin-top:.55rem;font-size:.84rem}
.tb-fila th,.tb-fila td{text-align:left;padding:.38rem .5rem;border-top:1px solid var(--stroke);vertical-align:top;overflow-wrap:anywhere}
.tb-fila th{font-weight:600;color:var(--text-secondary);width:48%}
.tb-fila td{color:var(--text-primary);font-weight:600}
.tb-fila tr.tb-kr td{color:var(--accent)}
.tb-fila tr.tb-hit{background:rgba(76,214,160,.14)}
.tb-fila tr.tb-hit td{color:var(--green)}
[data-theme="light"] .tb-fila tr.tb-hit td{color:#13784f}

/* Elegir cuáles practicar (496) */
.tb-pick-busca{width:100%;box-sizing:border-box;font-size:16px;margin:0 0 .5rem}
.tb-pick-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .5rem}
.tb-pick-lista{display:grid;gap:.4rem;max-height:min(52vh,460px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.tb-pick{display:flex;gap:.65rem;align-items:flex-start;border:1px solid var(--stroke);border-radius:12px;padding:.6rem .7rem;cursor:pointer}
.tb-pick[hidden]{display:none}
.tb-pick input{width:1.15rem;height:1.15rem;margin:.1rem 0 0;flex:none;accent-color:var(--accent)}
.tb-pick span{min-width:0;display:grid;gap:.15rem}
.tb-pick b{font-size:.9rem;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.tb-pick small{font-size:.74rem;color:var(--text-secondary)}
.tb-pick:has(input:checked){border-color:var(--accent);background:rgba(214,69,63,.06)}
.tb-pick-vacio{font-size:.84rem;margin:.3rem 0 0}