.v9-tax-page{
  display:grid;
  gap:16px;
}

.v9-tax-loading{
  padding:48px;
  text-align:center;
  color:#71869a;
}

.v9-tax-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}

.v9-tax-head h1{
  margin:4px 0 6px;
  font-size:26px;
  color:#143451;
}

.v9-tax-head p{
  margin:0;
  color:#698096;
}

.v9-tax-kicker{
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
  color:#9c6b17;
}

.v9-tax-period{
  display:flex;
  align-items:end;
  gap:8px;
  flex-wrap:wrap;
}

.v9-tax-period label,
.v9-tax-profile-grid label{
  display:grid;
  gap:5px;
}

.v9-tax-period span,
.v9-tax-profile-grid span{
  font-size:10px;
  font-weight:800;
  color:#708599;
}

.v9-tax-period input,
.v9-tax-profile-grid input,
.v9-tax-adjustment-form input,
.v9-tax-adjustment-form select{
  min-height:39px;
  border:1px solid #d7e1e9;
  border-radius:8px;
  padding:0 10px;
  background:#fff;
  box-sizing:border-box;
}

.v9-tax-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.v9-tax-kpis article{
  display:grid;
  gap:5px;
  padding:16px;
  border:1px solid #dfe7ee;
  border-top:3px solid #24a46d;
  border-radius:12px;
  background:#fff;
}

.v9-tax-kpis small{
  color:#75899b;
  font-weight:800;
}

.v9-tax-kpis strong{
  color:#163b58;
  font-size:21px;
}

.v9-tax-kpis span{
  color:#8192a2;
  font-size:11px;
}

.v9-tax-banner{
  border-radius:10px;
  padding:13px 16px;
}

.v9-tax-banner.success{
  background:#ecf8f1;
  border:1px solid #bde2ca;
  color:#216842;
}

.v9-tax-profile-grid{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 160px 180px auto;
  gap:10px;
  align-items:end;
}

.v9-tax-adjustment-form{
  display:grid;
  grid-template-columns:210px 120px minmax(260px,1fr) 150px auto;
  gap:8px;
  margin-bottom:16px;
}

.v9-tax-adjustments{
  display:grid;
  gap:8px;
}

.v9-tax-adjustment{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px auto;
  align-items:center;
  gap:12px;
  border:1px solid #e0e8ee;
  border-radius:10px;
  padding:12px;
}

.v9-tax-adjustment > div{
  display:grid;
  gap:3px;
}

.v9-tax-adjustment span{
  color:#708599;
  font-size:11px;
}

.v9-tax-calculation{
  display:grid;
  max-width:760px;
}

.v9-tax-calculation > div{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:11px 0;
  border-bottom:1px solid #edf1f4;
}

.v9-tax-calculation > div.total{
  margin-top:5px;
  border-top:2px solid #dbe5eb;
  font-size:16px;
}

.v9-tax-calculation > div.tax{
  border-bottom:0;
  color:#173b58;
  font-size:17px;
  font-weight:900;
}

.v9-tax-calculation span{
  color:#61798e;
}

.v9-tax-review{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.v9-tax-review p{
  color:#6b8195;
  margin:0;
}

.v9-tax-empty{
  padding:17px;
  text-align:center;
  color:#73889a;
  border:1px dashed #d6e1e8;
  border-radius:9px;
}

@media(max-width:1100px){
  .v9-tax-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .v9-tax-profile-grid,
  .v9-tax-adjustment-form{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .v9-tax-head,
  .v9-tax-review{
    display:grid;
  }

  .v9-tax-kpis,
  .v9-tax-profile-grid,
  .v9-tax-adjustment-form{
    grid-template-columns:1fr;
  }

  .v9-tax-adjustment{
    grid-template-columns:1fr;
  }
}