.pay286-statement{display:block;border:1px solid var(--t-line);background:white;border-radius:10px;width:100%;height:65vh;min-height:380px}.pay286-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.pay286-kpis article{padding:18px;border-radius:14px;background:var(--t-surface2);border:1px solid var(--t-line);border-top:4px solid var(--pay286-color);box-shadow:0 6px 15px #00000008}.pay286-kpis span{display:block;font-size:.86rem;margin-bottom:9px}.pay286-kpis strong{font-size:clamp(1.3rem,2vw,1.85rem);overflow-wrap:anywhere}.pay286-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.pay286-panels>section{background:var(--t-surface2);border:1px solid var(--t-line);border-radius:14px;padding:18px;min-width:0}.pay286-panels h3{margin:0 0 14px;font-size:1.05rem}.pay286-panels svg{width:100%;display:block;max-height:270px}.pay286-legend{display:flex;gap:16px;font-size:.8rem}.pay286-legend span:before,.pay286-donut li:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--pay286-color);margin-inline-end:7px}.pay286-small{font-size:.8rem;opacity:.8}.pay286-donut{display:grid;grid-template-columns:minmax(100px,180px) 1fr;align-items:center;gap:16px}.pay286-donut ul{margin:0;padding:0;list-style:none;font-size:.85rem}.pay286-donut li{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;align-items:center}.pay286-donut li strong{margin-inline-start:auto}.pay286-dept{margin:15px 0;font-size:.9rem}.pay286-dept>div:first-child{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:7px}.pay286-bar{height:9px;border-radius:6px;background:#8190a325;overflow:hidden}.pay286-bar i{height:100%;display:block;border-radius:6px;transition:width .25s}.pay286-statuses{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.pay286-statuses span{border:1px solid var(--t-line);border-radius:8px;padding:8px 12px;background:var(--t-surface2);font-size:.85rem}@media(max-width:700px){.pay286-kpis{grid-template-columns:1fr 1fr}.pay286-panels{grid-template-columns:1fr}.pay286-donut{grid-template-columns:minmax(90px,140px) 1fr}.pay286-kpis article{padding:12px}.pay286-statement{height:70vh}}@media(prefers-reduced-motion:reduce){.pay286-bar i{transition:none}}
