/* v0.9.1 — polished investor payout screen for narrow Telegram Mini App */
#pageInvestors .iv90-payout{
  margin-top:8px!important;
  padding:10px!important;
  border:1px solid #d9e4df!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,62,50,.05)!important;
}
#pageInvestors .iv90-payout .compact-form{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#pageInvestors .iv90-payout .wide{grid-column:1/-1!important}
#pageInvestors .iv90-payout label{display:grid!important;gap:5px!important;min-width:0!important}
#pageInvestors .iv90-payout label>span{
  font-size:9px!important;
  font-weight:700!important;
  color:#6d837a!important;
}
#pageInvestors .iv90-payout input,
#pageInvestors .iv90-payout select{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  box-sizing:border-box!important;
  padding:0 11px!important;
  border:1px solid #cbd9d3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#14372f!important;
  font-size:13px!important;
  outline:none!important;
}
#pageInvestors .iv90-payout input:focus,
#pageInvestors .iv90-payout select:focus{
  border-color:#35b995!important;
  box-shadow:0 0 0 3px rgba(53,185,149,.10)!important;
}

#pageInvestors .iv90-loan-info{
  display:grid!important;
  gap:9px!important;
  padding:10px!important;
  border:1px solid #d8e4df!important;
  border-radius:14px!important;
  background:#f8fbfa!important;
}
#pageInvestors .iv90-credit-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding-bottom:8px!important;
  border-bottom:1px solid #e1e9e5!important;
}
#pageInvestors .iv90-credit-head>div{display:grid!important;gap:2px!important;min-width:0!important}
#pageInvestors .iv90-credit-head small{
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.45px!important;
  color:#769087!important;
}
#pageInvestors .iv90-credit-head b{
  font-size:12px!important;
  line-height:1.25!important;
  color:#173a31!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#pageInvestors .iv90-credit-head strong{
  flex:0 0 auto!important;
  font-size:18px!important;
  line-height:1!important;
  color:#0d2f26!important;
  white-space:nowrap!important;
}

#pageInvestors .iv90-kpis{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}
#pageInvestors .iv90-kpis>div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding:7px 8px!important;
  border:1px solid #e0e9e5!important;
  border-radius:10px!important;
  background:#fff!important;
}
#pageInvestors .iv90-kpis span{
  font-size:8px!important;
  line-height:1.2!important;
  color:#74887f!important;
}
#pageInvestors .iv90-kpis b{
  font-size:11px!important;
  line-height:1.2!important;
  color:#14372e!important;
  overflow-wrap:anywhere!important;
}

#pageInvestors .iv90-ledger-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
#pageInvestors .iv90-ledger-box{
  min-width:0!important;
  padding:9px!important;
  border:1px solid #dde8e3!important;
  border-radius:11px!important;
  background:#fff!important;
}
#pageInvestors .iv90-ledger-box>strong{
  display:block!important;
  margin-bottom:6px!important;
  font-size:11px!important;
  color:#14372e!important;
}
#pageInvestors .iv90-ledger-box p{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
  margin:5px 0!important;
  font-size:8px!important;
}
#pageInvestors .iv90-ledger-box p span{color:#71867d!important;line-height:1.15!important}
#pageInvestors .iv90-ledger-box p b{
  color:#183a32!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
#pageInvestors .iv90-ledger-box .warn-money{color:#bc7d0d!important}

#pageInvestors .iv90-obligation{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:9px 10px!important;
  border:1px solid #ead9ae!important;
  border-radius:11px!important;
  background:#fff7e7!important;
}
#pageInvestors .iv90-obligation span{
  max-width:65%!important;
  font-size:8.5px!important;
  line-height:1.25!important;
  color:#85692f!important;
}
#pageInvestors .iv90-obligation b{
  font-size:13px!important;
  color:#79550b!important;
  white-space:nowrap!important;
}

#pageInvestors .iv90-pay-split{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
#pageInvestors .iv90-pay-box{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  padding:9px!important;
  border:1px solid #d9e5df!important;
  border-radius:12px!important;
  background:#f9fcfb!important;
}
#pageInvestors .iv90-pay-title{
  display:flex!important;
  justify-content:space-between!important;
  gap:6px!important;
  align-items:baseline!important;
}
#pageInvestors .iv90-pay-title b{font-size:12px!important;color:#14372e!important}
#pageInvestors .iv90-pay-title small{
  font-size:7.5px!important;
  line-height:1.15!important;
  color:#758a81!important;
  text-align:right!important;
}
#pageInvestors .iv90-pay-box input,
#pageInvestors .iv90-pay-box select{min-height:36px!important;font-size:11px!important}
#pageInvestors .iv90-pay-box .mini-btn{
  min-height:34px!important;
  border-radius:9px!important;
  border:1px solid #cbdad4!important;
  background:#fff!important;
  color:#315c50!important;
  font-size:9px!important;
  font-weight:800!important;
}

#pageInvestors .iv90-total-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:11px 12px!important;
  border:1px solid #bfe2d4!important;
  border-radius:12px!important;
  background:#eaf9f3!important;
}
#pageInvestors .iv90-total-row span{
  font-size:10px!important;
  font-weight:900!important;
  color:#4b7668!important;
}
#pageInvestors .iv90-total-row b{
  font-size:19px!important;
  line-height:1!important;
  color:#087451!important;
  white-space:nowrap!important;
}
#pageInvestors #investorPaySubmit{
  min-height:44px!important;
  border-radius:12px!important;
  background:#19c59b!important;
  color:#073d30!important;
  font-size:13px!important;
  font-weight:900!important;
}
#pageInvestors #investorPaySubmit:disabled{opacity:.45!important}

@media(max-width:430px){
  #pageInvestors .iv90-payout{padding:9px!important}
  #pageInvestors .iv90-payout .compact-form{gap:8px!important}
  #pageInvestors .iv90-kpis{grid-template-columns:1fr 1fr!important;gap:5px!important}
  #pageInvestors .iv90-ledger-grid{grid-template-columns:1fr 1fr!important;gap:5px!important}
  #pageInvestors .iv90-pay-split{grid-template-columns:1fr!important}
  #pageInvestors .iv90-credit-head strong{font-size:16px!important}
  #pageInvestors .iv90-kpis>div{padding:6px 7px!important}
  #pageInvestors .iv90-ledger-box{padding:8px 7px!important}
  #pageInvestors .iv90-obligation span{max-width:58%!important}
}