/* ====== stats.css — Estadísticas: tabs, vista semanal, comisiones ====== */
/* ====== STATS TABS ====== */
.st-tabs{display:flex;gap:.3rem;margin-bottom:1rem;border-bottom:1px solid var(--bd);padding-bottom:.65rem;flex-wrap:wrap}
.st-tab{padding:.4rem 1rem;border-radius:var(--rp);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid transparent;background:none;color:var(--t2);transition:var(--tr)}.st-tab:hover{border-color:var(--bd)}
.st-tab.on{background:var(--negro);color:#fff;border-color:var(--negro)}
.st-tab-content{display:none}.st-tab-content.on{display:block}
/* ====== VISTA SEMANAL ====== */
.sem-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.65rem;flex-wrap:wrap;gap:.4rem}
.sem-mes-title{font-family:var(--fd);font-size:1.4rem;font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.sem-mes-sub{font-size:.72rem;color:var(--t2);margin-top:.1rem}
.sem-tabla{width:100%;border-collapse:collapse;margin-top:.2rem}
.sem-tabla th{background:var(--bg);color:var(--t2);padding:.5rem .65rem;font-size:.62rem;font-weight:700;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--rojo)}
.sem-tabla td{padding:.55rem .65rem;border-bottom:1px solid var(--bd);vertical-align:middle}
.sem-row{transition:background .15s}
.sem-row:hover{background:rgba(0,0,0,.015)}
.sem-row.pagada{background:#DCFCE7}.sem-row.pagada td{color:#065F46}
.sem-label{font-weight:800;font-size:.82rem;font-family:var(--ff)}
.sem-dates{font-size:.6rem;color:var(--t3);margin-top:.1rem}
.sem-chips{display:flex;flex-wrap:wrap;gap:.25rem;min-height:20px}
.sem-chip{padding:.18rem .55rem;border-radius:var(--rp);background:var(--prs);color:var(--pr);font-size:.65rem;font-weight:600;cursor:pointer;transition:var(--tr);white-space:nowrap;border:1px solid transparent}
.sem-chip:hover{background:var(--pr);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px rgba(234,0,41,.3)}
.sem-num{text-align:center;font-weight:700;font-size:.82rem;white-space:nowrap}
.sem-monto{font-weight:800;color:var(--ac);font-family:var(--ff);white-space:nowrap}
.sem-total-row{background:var(--sbg)!important;color:#F8FAFC}
.sem-total-row td{border:none;padding:.65rem .65rem}
.sem-total-row .sem-num{color:#FBBF24}
.sem-total-row .sem-monto{color:#4ADE80}
.sem-estado-btn{padding:.22rem .6rem;border-radius:var(--rp);border:1px solid var(--bd);background:var(--sf);color:var(--t3);font-size:.65rem;font-weight:600;cursor:pointer;transition:var(--tr);white-space:nowrap}
.sem-estado-btn:hover{border-color:var(--sg);color:var(--sg);background:#DCFCE7}
.sem-estado-btn.pagada{background:#D1FAE5;border-color:#059669;color:#065F46}
/* Commission panel */
.com-panel{background:var(--negro);color:#F8FAFC;border-radius:var(--rl);padding:1rem 1.15rem;margin-top:.85rem}
.com-panel-t{font-family:var(--fd);font-size:1.3rem;font-weight:400;letter-spacing:.03em;margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}
.com-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin-bottom:.65rem}
.com-meta-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:.55rem .7rem}
.com-meta-box.highlight{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.08)}
.com-meta-label{font-size:.6rem;color:#94A3B8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}
.com-meta-val{font-family:var(--ff);font-size:1rem;font-weight:800;line-height:1.1}
.com-meta-sub{font-size:.62rem;color:#94A3B8;margin-top:.15rem}
.com-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;background:rgba(255,255,255,.05);border-radius:6px;margin-bottom:.25rem;font-size:.72rem;flex-wrap:wrap;gap:.25rem}
.com-row.warn{background:rgba(239,68,68,.12);color:#FCA5A5}
.com-row.ok{background:rgba(34,197,94,.08);color:#86EFAC}
.com-row.bonus{background:rgba(251,191,36,.1);color:#FDE68A}
.tax-period-nav{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.75rem;align-items:center}
.tax-period-btn{padding:.28rem .75rem;border-radius:var(--rp);font-size:.72rem;font-weight:600;cursor:pointer;border:1px solid var(--bd);background:var(--sf);color:var(--t2);transition:var(--tr)}
.tax-period-btn.on{background:var(--negro);color:#fff;border-color:var(--negro)}
.tax-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem}
.tax-card{background:var(--sf);border:1px solid var(--bd);border-radius:var(--rl);padding:1rem 1.1rem}
.tax-card-t{font-family:var(--fd);font-weight:400;font-size:1.1rem;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--bd)}
.tax-row{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--bg);font-size:.78rem}
.tax-row:last-child{border:none}
.tax-row .tl{color:var(--t2)}.tax-row .tv{font-weight:700}
.tax-total-row{display:flex;justify-content:space-between;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:800;margin-top:.4rem}
.tax-detail-table{width:100%;border-collapse:collapse;font-size:.72rem;margin-top:.5rem}
.tax-detail-table th{background:var(--bg);padding:.3rem .5rem;text-align:left;font-weight:700;color:var(--t2)}
.tax-detail-table td{padding:.3rem .5rem;border-bottom:1px solid var(--bg)}
.tax-detail-table tr:last-child td{border:none}
.isr-bracket-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 26px;gap:.2rem;align-items:center;margin-bottom:.25rem}
.isr-bracket-row input{padding:.25rem .35rem;border:1px solid var(--bd);border-radius:5px;font-size:.7rem;font-family:inherit;color:var(--tx);background:var(--sf)}
.isr-bracket-row input:focus{outline:none;border-color:var(--negro)}

/* ====== GRÁFICAS SVG (estadísticas ampliadas) ====== */
.ch{width:100%;height:auto;display:block}
.ch-grid{stroke:var(--bd);stroke-width:1}
.ch-val{font-family:var(--ff);font-size:11px;font-weight:700;fill:var(--t2)}
.ch-lab{font-family:var(--ff);font-size:10px;fill:var(--t3)}
.ch-empty{padding:1.2rem;text-align:center;color:var(--t3);font-size:.75rem}
.hb{display:grid;gap:.35rem}
.hb-row{display:grid;grid-template-columns:minmax(90px,40%) 1fr auto;gap:.5rem;align-items:center;font-size:.74rem}
.hb-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--t2)}
.hb-t{height:12px;background:var(--bg);border-radius:var(--rp);overflow:hidden}
.hb-t i{display:block;height:100%;border-radius:var(--rp);min-width:2px}
.hb-v{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.dn{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.dn-svg{width:128px;height:128px;flex-shrink:0}
.dn-c{font-family:var(--fd);font-size:20px;letter-spacing:.03em;fill:var(--tx)}
.dn-s{font-family:var(--ff);font-size:8px;fill:var(--t3);text-transform:uppercase;letter-spacing:.06em}
.dn-l{display:grid;gap:.3rem;flex:1;min-width:160px}
.dn-li{display:grid;grid-template-columns:10px 1fr auto auto;gap:.45rem;align-items:center;font-size:.74rem}
.dn-li i{width:10px;height:10px;border-radius:3px}
.dn-li b{font-variant-numeric:tabular-nums}.dn-li em{font-style:normal;color:var(--t3);font-size:.68rem;width:34px;text-align:right}
.st-card-sub{font-size:.7rem;color:var(--t3);margin:-.4rem 0 .6rem}
.st-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}
.st-kv div{background:var(--bg);border-radius:10px;padding:.6rem .75rem}
.st-kv b{display:block;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}
.st-kv span{font-size:.68rem;color:var(--t2)}
.svl-s{font-size:.72rem;font-weight:500;color:var(--t3)}
.tblwrap{overflow-x:auto}