.tb-container{max-width:90rem;margin:0 auto;padding:.75rem 1.5rem}.tb-section{background:var(--color-bg-alt);border:1px solid var(--color-slate-200);border-radius:.5rem;padding:.6rem 1rem;margin-bottom:.6rem}.tb-tanda-section{border-top:3px solid var(--color-primary)}.tb-details-section{border-left:3px solid var(--color-primary)}.tb-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.tb-section-header h2,.tb-match-header h2{font-family:"DM Serif Display",Georgia,serif;font-size:1rem;font-weight:400;color:var(--color-slate-900);white-space:nowrap;margin:0}.tb-stats{font-size:.7rem;color:var(--color-slate-400);margin-left:auto;white-space:nowrap}.tb-controls{display:flex;gap:.4rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:.4rem}.tb-control{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:100px}.tb-control-wide{flex:2}.tb-control label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--color-slate-500)}.tb-control select,.tb-control input{padding:.3rem .4rem;border:1px solid var(--color-slate-300);border-radius:.3rem;font-size:.8rem;font-family:Outfit,system-ui,sans-serif;background:var(--color-slate-50);color:var(--color-slate-800)}.tb-control select:focus,.tb-control input:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-accent)}.tb-control input::placeholder{color:var(--color-slate-400)}.tb-btn-reset{padding:.3rem .6rem;background:var(--color-slate-100);border:1px solid var(--color-slate-300);border-radius:.3rem;font-size:.75rem;font-weight:500;color:var(--color-slate-600);cursor:pointer;white-space:nowrap;font-family:Outfit,system-ui,sans-serif}.tb-btn-reset:hover{background:var(--color-slate-200)}.tb-table-wrap{max-height:160px;overflow-y:auto;position:relative}.tb-table{width:100%;border-collapse:collapse;font-size:.8rem}.tb-table thead{position:sticky;top:0;z-index:1}.tb-table thead th{text-align:left;padding:.25rem .4rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#9a6b1b;background:#fefcf8;border-bottom:2px solid #f1c232;white-space:nowrap;cursor:default}.tb-table thead th.tb-sortable{cursor:pointer;user-select:none}.tb-table thead th.tb-sortable:hover{color:var(--color-orange-700)}.tb-arrow{font-size:.55rem}.tb-table tbody td{padding:.22rem .4rem;border-bottom:1px solid var(--color-slate-100);color:var(--color-slate-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tb-table tbody tr{cursor:pointer;transition:background .1s}.tb-table tbody tr:nth-child(2n){background:var(--color-slate-50)}.tb-table tbody tr:hover{background:var(--color-orange-50)}.tb-table tbody tr.tb-selected{background:var(--color-orange-100);border-left:3px solid var(--color-primary);font-weight:600;box-shadow:inset 0 1px 0 var(--color-orange-200),inset 0 -1px 0 var(--color-orange-200)}.tb-table tbody tr.tb-selected:hover{background:var(--color-orange-200)}.tb-table tbody tr.tb-selected td{color:var(--color-slate-900);border-bottom-color:var(--color-orange-200)}.tb-table tbody tr.tb-selected td:first-child{padding-left:calc(.4rem - 3px)}.tb-col-genre{width:65px}.tb-col-date{width:80px}.tb-empty{text-align:center;padding:1.5rem;color:var(--color-slate-400);font-size:.85rem;font-style:italic}.tb-match-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem;flex-wrap:wrap}.tb-filter-sep{width:1px;height:1.2rem;background:var(--color-slate-200)}.tb-filter-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--color-slate-500)}.tb-filter-cb{display:flex;align-items:center;gap:.2rem;font-size:.75rem;color:var(--color-slate-700);cursor:pointer;white-space:nowrap}.tb-filter-cb input[type=checkbox]{accent-color:var(--color-primary);width:.8rem;height:.8rem}.tb-year-select{padding:.15rem .3rem;border:1px solid var(--color-slate-300);border-radius:.2rem;font-size:.75rem;font-family:Outfit,system-ui,sans-serif;background:#fff}.tb-diff-table{width:100%;border-collapse:collapse;font-size:.78rem;margin-bottom:.5rem}.tb-diff-table thead th{text-align:left;padding:.25rem .5rem;border-bottom:1px solid var(--color-slate-200)}.tb-diff-label{width:80px;font-family:"DM Serif Display",Georgia,serif;font-size:.95rem;font-weight:400;color:var(--color-slate-900)}.tb-diff-song{font-family:"DM Serif Display",Georgia,serif;font-size:1.05rem;font-weight:400}.tb-diff-source{color:var(--color-blue-700)}.tb-diff-match{color:var(--color-orange-700)}.tb-diff-table tbody td{padding:.18rem .5rem;border-bottom:1px solid var(--color-slate-50);color:var(--color-slate-700)}.tb-diff-table tbody td:first-child{font-weight:600;color:var(--color-slate-400);font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;vertical-align:top;padding-top:.25rem}.tb-val-source{color:var(--color-blue-700)}.tb-val-match{color:var(--color-orange-700)}.tb-shared-divider{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.tb-shared-divider span{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--color-slate-400);white-space:nowrap}.tb-shared-divider hr{flex:1;border:none;border-top:1px solid var(--color-slate-200)}.tb-shared-grid{display:grid;grid-template-columns:repeat(4,auto);gap:.15rem 1.5rem;font-size:.78rem}.tb-sg-item{display:flex;align-items:baseline;gap:.3rem}.tb-sg-wide{grid-column:span 2}.tb-sg-label{font-weight:600;color:var(--color-slate-400);font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.tb-sg-value{color:var(--color-slate-700)}@media (max-width: 600px){.tb-col-genre{display:none}.tb-shared-grid{grid-template-columns:repeat(2,auto)}.tb-sg-wide{grid-column:span 2}.tb-controls{gap:.3rem}.tb-control{min-width:80px}.tb-match-header{gap:.4rem}}