.uos-fin-budget { background:var(--uos-parchment); }

.uos-fin-budget__summary { display:grid; margin-top:clamp(55px,8vw,90px); grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid rgba(0,0,0,.09); border-radius:20px; background:#fff; }

.uos-fin-budget__summary article { min-width:0; padding:24px; }

.uos-fin-budget__summary article + article { border-left:1px solid rgba(0,0,0,.08); }

.uos-fin-budget__summary span { display:block; color:#8f8f8f; font-size:10px; text-transform:uppercase; }

.uos-fin-budget__summary strong { display:block; margin-top:10px; font-size:clamp(1.35rem,2.3vw,2.15rem); font-variant-numeric:tabular-nums; letter-spacing:-.045em; overflow-wrap:anywhere; }

.uos-fin-budget__filters { display:flex; overflow-x:auto; margin-top:16px; padding:7px; border:1px solid rgba(0,0,0,.08); border-radius:15px; background:#fff; gap:6px; }

.uos-fin-budget__filters button { flex:0 0 auto; padding:11px 16px; border:0; border-radius:10px; background:transparent; color:#7f7f7f; font:inherit; font-size:13px; cursor:pointer; }

.uos-fin-budget__filters button[aria-selected="true"] { background:var(--uos-navy); color:#fff; }

.uos-fin-budget__table { overflow:hidden; margin-top:16px; border:1px solid rgba(0,0,0,.09); border-radius:20px; background:#fff; }

.uos-fin-budget__table > div { display:grid; min-width:800px; grid-template-columns:minmax(210px,1.3fr) repeat(2,minmax(150px,.75fr)) minmax(180px,.8fr) minmax(135px,.55fr); align-items:center; padding:19px 23px; gap:20px; }

.uos-fin-budget__table > div + div { border-top:1px solid rgba(0,0,0,.08); }

.uos-fin-budget__table .is-head { background:#fcfbfa; color:#8e8e8e; font-size:11px; text-transform:uppercase; }

.uos-fin-budget__table > div:not(.is-head) strong { font-size:14px; }

.uos-fin-budget__table > div:not(.is-head) span { color:#6e6e6e; font-size:13px; font-variant-numeric:tabular-nums; }

.uos-fin-budget__table > div span:nth-child(4) { display:grid; grid-template-columns:minmax(80px,1fr) auto; align-items:center; gap:10px; }

.uos-fin-budget__table span i { display:block; width:var(--w); max-width:100%; height:7px; border-radius:99px; background:#fe8724; }

.uos-fin-budget__table span i.is-over { background:#c87162; }

.uos-fin-budget__table > div > b { width:fit-content; padding:6px 9px; border-radius:99px; font-size:10px; white-space:nowrap; }

.uos-fin-budget__table b.is-watch { background:#fff4dc; color:#9b6b06; }

.uos-fin-budget__table b.is-over { background:#ffe9e6; color:#b84837; }

.uos-fin-budget__table b.is-ok { background:#e8f7f1; color:#16825f; }

.uos-fin-budget__table b.is-none { background:#f1f0ed; color:#6d6d6d; }

.uos-fin-budget__table [hidden] { display:none!important; }

.uos-fin-budget__note { margin:20px 0 0; color:#828282; font-size:13px; text-align:center; }

@media (max-width:1120px) {
  .uos-fin-budget__summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .uos-fin-budget__summary article:nth-child(4),.uos-fin-budget__summary article:nth-child(5) { border-top:1px solid rgba(0,0,0,.08); }
  .uos-fin-budget__summary article:nth-child(4) { border-left:0; }
}

@media (max-width:960px) {
  .uos-fin-budget__table { overflow-x:auto; }
}

@media (max-width:700px) {
  .uos-fin-budget__summary { grid-template-columns:1fr; }
  .uos-fin-budget__summary article + article,.uos-fin-budget__summary article:nth-child(4),.uos-fin-budget__summary article:nth-child(5) { border-top:1px solid rgba(0,0,0,.08); border-left:0; }
  .uos-fin-budget__filters { width:100%; }
}

