/* Monday Vibe visual language. Scoped strictly to cash flow; no budget/data changes. */
#flujo{--pdfc-blue:#2563eb;--pdfc-purple:#7c3aed;--pdfc-ink:#17365d}
#flujo>.panel{border:1px solid #e3e8f4!important;border-radius:18px!important;box-shadow:0 8px 28px #1e3a8a0a!important;background:#fff!important}
#flujo>.panel>.panel-title{padding:14px 18px!important;margin:0 0 10px!important;border-radius:12px!important;background:linear-gradient(115deg,#2563eb,#7c3aed 75%,#9333ea)!important;color:#fff!important}
#flujo>.panel>.panel-title :is(h2,p){color:#fff!important}
#flujo>.panel>.panel-title h2{font-size:22px!important;letter-spacing:-.4px;line-height:1.3!important}
#flujo>.panel>.panel-title p{opacity:.88;font-size:12px!important;line-height:1.5!important}
#flujo .flow-tabs{border:1px solid #e2e8f0!important;background:#f4f6fc!important;border-radius:11px!important;padding:4px!important}
#flujo .flow-tabs .flow-tab{border-radius:8px!important;transition:background .2s,color .2s,box-shadow .2s}
#flujo .flow-tabs .flow-tab.active,#flujo .flow-tabs .flow-tab[aria-selected="true"]{background:#2563eb!important;color:#fff!important;box-shadow:0 3px 8px #2563eb24!important}
#flow-panel-proyectado .v222-toolbar{background:#f8faff!important;border:1px solid #e0e7f3!important;border-radius:10px!important;padding:9px 11px!important;gap:9px!important}
#flow-panel-proyectado .v222-toolbar :is(input,select){background:#fff!important;border:1px solid #cbd5e1!important;border-radius:7px!important;min-height:32px;color:#17365d!important}
#flow-panel-proyectado .v222-actions button{border-radius:8px!important;transition:transform .2s,box-shadow .2s}
#flow-panel-proyectado #v224-export-fc{background:linear-gradient(110deg,#2563eb,#7c3aed)!important;color:white!important;border:0!important;box-shadow:0 3px 9px #2563eb26!important;font-weight:700!important}
#flow-panel-proyectado #v224-export-fc:hover{transform:translateY(-2px);box-shadow:0 6px 14px #2563eb33!important}
#flow-panel-proyectado :is(.v221-kpis,.v222-kpis)>div{border:1px solid #e1e7f2!important;border-radius:12px!important;box-shadow:0 3px 10px #17365d06;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
#flow-panel-proyectado :is(.v221-kpis,.v222-kpis)>div:hover{transform:translateY(-4px);box-shadow:0 9px 20px #2563eb16}
#v224-fc-view{border:1px solid #dfe7f3!important;border-radius:12px!important;background:#fff!important;padding:10px!important;animation:pdfc-enter .3s ease-out}
#v224-fc-view .cqz-fc-workspace-head{padding:3px 3px 10px!important;flex-wrap:wrap}
#v224-fc-view .cqz-fc-workspace-head strong{font-size:15px!important;color:#17365d!important;letter-spacing:-.2px}
#v224-fc-view .cqz-fc-workspace-actions button,#v224-fc-view .cqz-fc-workspace-head button{border:1px solid #d4dff0!important;border-radius:7px!important;background:#f7f9ff!important;color:#1d4ed8!important;height:31px!important;padding:0 10px!important}
#v224-fc-view button:focus-visible,#flow-panel-proyectado :is(input,select,button):focus-visible{outline:3px solid #a78bfa!important;outline-offset:2px}
#v224-fc-view .pdfc-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:0 3px 10px;color:#52647e;font-size:11px}
.pdfc-legend>span{display:inline-flex;align-items:center;gap:5px}.pdfc-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}.pdfc-opening{background:#bfdbfe}.pdfc-unit{background:#c4b5fd}.pdfc-balance{background:#5eead4}.pdfc-legend .pdfc-currency{margin-left:auto;color:#64748b}
#v224-fc-scroll{border:1px solid #dfe7f3!important;border-radius:8px!important;scrollbar-color:#a5b4d5 #f1f5fb;scrollbar-width:thin;overscroll-behavior:contain;scrollbar-gutter:stable}
#v224-fc-table th,#v224-fc-table td{font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:11px!important;padding:7px 8px!important;line-height:1.35!important;font-variant-numeric:tabular-nums!important}
#v224-fc-table thead th{background:#17365d!important;color:#fff!important;border-bottom:3px solid #7c3aed!important;font-weight:600!important;height:40px!important}
#v224-fc-table thead th:nth-child(-n+3){background:#17365d!important}
#v224-fc-table tbody tr:not(.cqz-fc-group):not(.v224-total-row):not(.v224-open-row)>td{background:#fff!important;color:#17365d!important;border-bottom:1px solid #edf0f7!important}
#v224-fc-table tbody tr:not(.cqz-fc-group):not(.v224-total-row):not(.v224-open-row):nth-child(even)>td{background:#f5f7fc!important}
#v224-fc-table tbody tr.v224-open-row>td{background:#dbeafe!important;color:#1e40af!important;font-weight:600!important}
#v224-fc-table tbody tr.cqz-fc-group>td,#v224-fc-table tbody tr.cqz-fc-group>td:nth-child(-n+3){background:#ede9fe!important;color:#5b21b6!important;border-top:1px solid #ddd6fe!important;font-weight:700!important}
#v224-fc-table .cqz-fc-toggle{font:inherit!important;font-weight:700!important;color:#5b21b6!important;line-height:1.4!important}
#v224-fc-table tbody tr.v224-total-row>td,#v224-fc-table tbody tr.v224-total-row>td:first-child{background:#99f6e4!important;color:#115e59!important;border-top:2px solid #14b8a6!important;font-weight:800!important;padding-top:10px!important;padding-bottom:10px!important}
#v224-fc-table tbody tr:hover>td,#v224-fc-table tbody tr:hover>td:nth-child(-n+3){background:#eff6ff!important}
#v224-fc-table tbody tr.cqz-fc-group:hover>td{background:#ddd6fe!important;color:#5b21b6!important}
#v224-fc-table tbody tr.v224-total-row:hover>td{background:#5eead4!important;color:#115e59!important}
/* Financial red always wins over stripe, group, hover and balance styles. */
#v224-fc-table tbody tr>td.v224-neg,#v224-fc-table tbody tr:hover>td.v224-neg,#v224-fc-table tbody tr>td .v224-neg{color:#b91c1c!important}
#v224-fc-table tbody tr>td.pdfc-negative,#v224-fc-table tbody tr:hover>td.pdfc-negative,#v224-fc-table td:is(.v224-neg,.pdfc-negative) .cqz-fc-amount{color:#b91c1c!important}
#v224-fc-table tbody tr>td:last-child{box-shadow:inset 1px 0 #d8e1ef;font-weight:700!important}
@keyframes pdfc-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#v224-fc-view{animation:none!important}#flow-panel-proyectado *{transition:none!important;transform:none!important}}
@media(max-width:700px){#flujo>.panel>.panel-title{padding:11px!important}#v224-fc-view{padding:6px!important}.pdfc-legend .pdfc-currency{margin-left:0}#v224-fc-view .cqz-fc-workspace-head strong{font-size:13px!important}}