/* CT · KPIs por empresa épicos (Por pagar, Por cobrar, Gastos) */
html body .patr-operations [data-kx]{gap:14px!important}
html body .patr-operations [data-kx]>button[data-owner]{
  --kx-c:#193651;--kx-f:0;--kx-x:20px;--kx-y:36px;--kx-tr:#EEF2F7;
  position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
  text-align:left!important;height:auto!important;min-height:136px!important;padding:18px 20px 50px!important;border-radius:18px!important;
  border:1px solid #E2E8F0!important;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 24px -14px rgba(15,23,42,.18)!important;
  background:
    linear-gradient(var(--kx-c),var(--kx-c)) var(--kx-x) calc(100% - var(--kx-y))/calc((100% - 2 * var(--kx-x)) * var(--kx-f)) 6px no-repeat,
    linear-gradient(var(--kx-tr),var(--kx-tr)) var(--kx-x) calc(100% - var(--kx-y))/calc(100% - 2 * var(--kx-x)) 6px no-repeat,
    #fff!important;
  transition:transform .18s ease,box-shadow .18s ease!important;white-space:normal!important}
html body .patr-operations [data-kx]>button[data-owner]:hover{transform:translateY(-2px)}
html body .patr-operations [data-kx]>button[data-owner]::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--kx-c)}
html body .patr-operations [data-kx]>button[data-owner]::after{content:attr(data-kx-t);position:absolute;left:20px;right:20px;bottom:12px;font:600 11px/1.2 Inter,sans-serif;color:#64748B;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Todos: barra apilada por empresa */
html body .patr-operations [data-kx]>button[data-kx-o=all]{
  background:
    var(--kx-st,linear-gradient(#193651,#193651)) var(--kx-x) calc(100% - var(--kx-y))/calc(100% - 2 * var(--kx-x)) 6px no-repeat,
    #fff!important}
html body .patr-operations [data-kx]>button[data-kx-o=all]::before{background:linear-gradient(90deg,#193651,#0A6E96)}
/* cifra grande */
html body .patr-operations [data-kx]>button>strong,
html body .patr-operations [data-kx] [data-testid^=accounts-scope-total]{font:700 28px/1.1 "Space Grotesk",Inter,sans-serif!important;letter-spacing:-.02em!important;color:#0A1A31!important;margin-top:10px!important}
html body .patr-operations [data-kx]>button>small{margin-top:4px!important;font-size:12px!important;color:#64748B!important}
html body .patr-operations [data-kx]>button>span,
html body .patr-operations [data-kx] .patr-scope-tab>div:first-child>span:first-child{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:700!important;color:#475569!important}
html body .patr-operations [data-kx] .patr-scope-tab>div:first-child{width:100%!important}
html body .patr-operations [data-kx] [data-testid^=accounts-scope-count]{font-size:11px!important;padding:4px 8px!important;border-radius:99px!important}
/* seleccionada: cristal navy */
html body .patr-operations [data-kx]>button[aria-pressed=true],
html body .patr-operations [data-kx]>button[data-state=active]{
  --kx-tr:rgba(255,255,255,.14);
  border-color:#193651!important;
  box-shadow:0 18px 34px -16px rgba(25,54,81,.65),inset 0 1px 0 rgba(255,255,255,.08)!important;
  background:
    linear-gradient(var(--kx-c),var(--kx-c)) var(--kx-x) calc(100% - var(--kx-y))/calc((100% - 2 * var(--kx-x)) * var(--kx-f)) 6px no-repeat,
    linear-gradient(var(--kx-tr),var(--kx-tr)) var(--kx-x) calc(100% - var(--kx-y))/calc(100% - 2 * var(--kx-x)) 6px no-repeat,
    radial-gradient(120% 90% at 100% 0%,rgba(90,197,235,.22),transparent 55%),
    linear-gradient(135deg,#0B2340 0%,#193651 60%,#1D4569 100%)!important}
html body .patr-operations [data-kx]>button[data-kx-o=all][aria-pressed=true],
html body .patr-operations [data-kx]>button[data-kx-o=all][data-state=active]{
  background:
    var(--kx-st,linear-gradient(#5AC5EB,#5AC5EB)) var(--kx-x) calc(100% - var(--kx-y))/calc(100% - 2 * var(--kx-x)) 6px no-repeat,
    radial-gradient(120% 90% at 100% 0%,rgba(90,197,235,.22),transparent 55%),
    linear-gradient(135deg,#0B2340 0%,#193651 60%,#1D4569 100%)!important}
html body .patr-operations [data-kx]>button[aria-pressed=true]>strong,
html body .patr-operations [data-kx]>button[data-state=active] [data-testid^=accounts-scope-total]{color:#fff!important}
html body .patr-operations [data-kx]>button[aria-pressed=true]>span,
html body .patr-operations [data-kx]>button[data-state=active]>div:first-child>span:first-child{color:#9FC3DD!important}
html body .patr-operations [data-kx]>button[aria-pressed=true]>small,
html body .patr-operations [data-kx]>button[aria-pressed=true]::after,
html body .patr-operations [data-kx]>button[data-state=active]::after{color:rgba(226,236,245,.72)!important}
html body .patr-operations [data-kx]>button[data-state=active] [data-testid^=accounts-scope-count]{background:rgba(255,255,255,.14)!important;color:#fff!important}
@media (max-width:720px){
  html body .patr-operations [data-kx]{gap:10px!important}
  html body .patr-operations [data-kx]>button[data-owner]{min-height:118px!important;padding:14px 14px 44px!important;--kx-x:14px;--kx-y:30px}
  html body .patr-operations [data-kx]>button>strong,
  html body .patr-operations [data-kx] [data-testid^=accounts-scope-total]{font-size:21px!important}
  html body .patr-operations [data-kx]>button[data-owner]::after{left:14px;right:14px;bottom:10px;font-size:10px}
}
html body .patr-operations [data-kx]>button[data-kx-o=all]>span::before,
html body .patr-operations [data-kx]>button[data-kx-o=all]>div:first-child>span:first-child::before{background:#5AC5EB!important}
html body .patr-operations [data-kx] [data-testid^=accounts-scope-total]{margin-bottom:12px!important}