/* Estilos propios de la parte Casa (el resto viene de style.css, igual que Pulsarwebs) */
#view-inicio .card + .card { margin-top: 16px; }
.type-toggle.tres { grid-template-columns: 1fr 1fr 1fr; }
.type-btn.active-traspaso { background: rgba(143,177,242,0.12); border-color: rgba(143,177,242,0.3); color: var(--casa); }
.filtro-check { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text2); cursor: pointer; }
.filtro-check input { accent-color: var(--lima); }
.etq { display: inline-block; font-size: 11px; border-radius: 4px; padding: 1px 6px; margin-left: 6px; vertical-align: middle; border: 0.5px solid; }
.etq.desgrava { background: rgba(233,185,73,0.1); color: var(--amber); border-color: rgba(233,185,73,0.3); }
.etq.revisar { background: rgba(232,112,95,0.1); color: var(--red); border-color: rgba(232,112,95,0.3); }
.etq.traspaso { background: rgba(143,177,242,0.12); color: var(--casa); border-color: rgba(143,177,242,0.3); }
.tx-amt.traspaso { color: var(--casa); }
#inicio-mes .tiles, #inicio-cuentas .tiles { grid-template-columns: repeat(4, 1fr); }
.barra-fondo { height: 6px; border-radius: 3px; background: var(--bg4); overflow: hidden; min-width: 80px; }
.barra { height: 100%; background: var(--red); border-radius: 3px; }
.tabla-simple td.sube { color: var(--red); }
.tabla-simple td.baja { color: var(--green); }
.aviso-revisar { margin-top: 14px; font-size: 14px; color: var(--text2); }
.aviso-revisar a { cursor: pointer; }
.excel-table tr.grupo td.cat-col { color: var(--text); cursor: pointer; }
.excel-table tr.grupo td.cat-col .flecha { display: inline-block; width: 14px; color: var(--text3); }
.excel-table tr.sub td.cat-col { padding-left: 30px; font-size: 13px; }
.excel-table tr.sub td { font-size: 12px; }
.excel-table tr.seccion td { background: var(--bg3); color: var(--text); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; }
.excel-table th.en-curso, .excel-table td.en-curso { opacity: 0.6; }
.excel-table tr.resultado td { font-weight: 600; }
.cuenta-fila { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 0; border-bottom: 0.5px solid var(--border); }
.cuenta-fila .nombre { min-width: 120px; color: var(--text); }
.cuenta-fila input { max-width: 140px; }
.partida { padding: 6px 0; border-bottom: 0.5px solid var(--border); font-size: 14px; }
.partida .subs { color: var(--text3); font-size: 12px; }
@media (max-width: 1100px) { #inicio-mes .tiles, #inicio-cuentas .tiles { grid-template-columns: repeat(2, 1fr); } }
.excel-table td, .excel-table th { white-space: nowrap; }