/* TaskBirds public payments page + public footer v312 */
body.tb-payments-public-page .tb-wrap{
  width:min(1580px,calc(100% - 40px));
}
body.tb-payments-public-page .tb-shell{
  max-width:1420px;
  padding:40px 44px;
}
body.tb-payments-public-page .tb-head h1{
  font-size:38px;
}
body.tb-payments-public-page .tb-head p,
body.tb-payments-public-page .tb-card p{
  font-size:16px;
}
body.tb-payments-public-page .tb-card h2,
body.tb-payments-public-page .tb-table-head h2{
  font-size:22px;
}
body.tb-payments-public-page .tb-nav-title{
  font-size:13px;
}
body.tb-payments-public-page .tb-nav-sub{
  font-size:11px;
}
body.tb-payments-public-page .tb-pay-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0 0 24px;
}
body.tb-payments-public-page .tb-pay-stat{
  min-height:126px;
  padding:20px;
  border:1px solid rgba(112,129,221,.36);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(24,43,84,.92),rgba(11,23,53,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.tb-payments-public-page .tb-pay-stat span{
  color:#aeb9f1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.45px;
  text-transform:uppercase;
}
body.tb-payments-public-page .tb-pay-stat strong{
  display:block;
  margin:8px 0 5px;
  color:#fff;
  font-size:25px;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
}
body.tb-payments-public-page .tb-pay-stat small{
  color:#cbd7ff;
  font-size:12px;
  line-height:1.35;
}
body.tb-payments-public-page .tb-table-wrap{
  overflow:visible;
}
body.tb-payments-public-page .tb-table-head{
  padding:20px 22px;
}
body.tb-payments-public-page .tb-table-head p{
  margin:7px 0 0;
  color:#aebcff;
  font-size:13px;
  font-weight:700;
}
body.tb-payments-public-page .tb-pay-table th,
body.tb-payments-public-page .tb-pay-table td{
  padding:15px 17px;
  font-size:15px;
}
body.tb-payments-public-page .tb-pay-table th{
  font-size:12px;
}
body.tb-payments-public-page .tb-status{
  min-height:28px;
  padding:0 11px;
  font-size:12px;
}
body.tb-payments-public-page .tb-actions{
  margin-top:6px;
}
body.tb-payments-public-page .tb-btn{
  min-width:260px;
  height:52px;
  font-size:16px;
}

.tb-home-footer-v312,
.tb-public-footer-v312{
  text-align:center;
  padding:20px 16px 28px;
  color:#9fb3cc;
  background:rgba(3,8,22,.72);
  border-top:1px solid rgba(115,126,191,.22);
}
.tb-home-footer-v312 a,
.tb-public-footer-v312 a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 20px;
  border:1px solid rgba(91,111,255,.48);
  border-radius:10px;
  color:#dce6ff;
  background:rgba(20,32,74,.72);
  text-decoration:none;
  font-size:14px;
  font-weight:900;
  transition:.2s ease;
}
.tb-home-footer-v312 a:hover,
.tb-public-footer-v312 a:hover{
  color:#fff;
  border-color:#7c4dff;
  box-shadow:0 0 18px rgba(93,72,255,.28);
}
.tb-public-footer-v312 p{margin:0}

@media (max-width:1100px){
  body.tb-payments-public-page .tb-pay-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tb-payments-public-page .tb-shell{padding:32px}
}

@media (max-width:760px){
  body.tb-payments-public-page .tb-wrap{width:calc(100% - 16px)}
  body.tb-payments-public-page .tb-shell{padding:20px 14px}
  body.tb-payments-public-page .tb-head h1{font-size:28px}
  body.tb-payments-public-page .tb-pay-stats{grid-template-columns:1fr}
  body.tb-payments-public-page .tb-pay-stat{min-height:105px}
  body.tb-payments-public-page .tb-table-wrap{border:0;background:transparent;overflow:visible}
  body.tb-payments-public-page .tb-table-head{border:1px solid rgba(105,118,182,.32);border-radius:13px;margin-bottom:10px;background:rgba(11,21,48,.78)}
  body.tb-payments-public-page .tb-pay-table,
  body.tb-payments-public-page .tb-pay-table tbody,
  body.tb-payments-public-page .tb-pay-table tr,
  body.tb-payments-public-page .tb-pay-table td{
    display:block;
    width:100%;
    min-width:0;
  }
  body.tb-payments-public-page .tb-pay-table thead{display:none}
  body.tb-payments-public-page .tb-pay-table tr{
    margin:0 0 12px;
    padding:9px 13px;
    border:1px solid rgba(105,118,182,.34);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(17,31,66,.96),rgba(9,20,47,.98));
    box-shadow:0 10px 22px rgba(0,0,0,.18);
  }
  body.tb-payments-public-page .tb-pay-table td{
    display:grid;
    grid-template-columns:minmax(116px,42%) minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:10px 2px;
    border-bottom:1px solid rgba(105,118,182,.17);
    text-align:right;
    overflow-wrap:anywhere;
  }
  body.tb-payments-public-page .tb-pay-table td:last-child{border-bottom:0}
  body.tb-payments-public-page .tb-pay-table td::before{
    content:attr(data-label);
    color:#9faef0;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    text-align:left;
  }
  body.tb-payments-public-page .tb-status{justify-self:end}
  body.tb-payments-public-page .tb-btn{width:100%;min-width:0}
}