
.v139-vat-page{width:100%}
.v139-vat-header{
  padding:18px 20px;
  border:1px solid var(--border)!important;
  border-radius:12px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--amber-brand) 7%,var(--card)),var(--card) 55%);
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.v139-vat-header h1{font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.08}
.v139-vat-header p:last-child{max-width:820px}

.v139-vat-status-grid{gap:10px!important}
.v139-vat-status-grid>button{
  min-height:84px;
  border-radius:10px!important;
  padding:13px 14px!important;
  position:relative;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.v139-vat-status-grid>button:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  background:var(--amber-brand);
  opacity:.58;
}
.v139-vat-status-grid>button strong{font-size:1.55rem!important;line-height:1.05}
.v139-vat-status-grid>button span{line-height:1.25}

.v139-vat-filter{
  border-radius:12px!important;
  padding:14px!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.v139-vat-filter input,.v139-vat-filter button{min-height:38px}
.v139-vat-filter .relative input{background:var(--background)}

.v139-vat-table{
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v139-vat-table table{border-collapse:separate;border-spacing:0}
.v139-vat-table thead th{
  position:sticky;top:0;z-index:2;
  background:color-mix(in srgb,var(--muted) 80%,var(--card));
  white-space:nowrap;
}
.v139-vat-table tbody tr{transition:background .14s ease}
.v139-vat-table tbody tr:hover{background:color-mix(in srgb,var(--muted) 35%,var(--card))}
.v139-vat-table td{vertical-align:top}
.v139-vat-table td:first-child,.v139-vat-table th:first-child{padding-left:16px}
.v139-vat-table td:last-child,.v139-vat-table th:last-child{padding-right:16px}
.v139-vat-table td:nth-child(2){min-width:210px}
.v139-vat-table td:nth-child(4){min-width:180px}
.v139-vat-table td:nth-child(5){min-width:140px}
.v139-vat-table td:last-child{min-width:180px}
.v139-vat-table td:last-child button{height:32px}
.v139-vat-table tbody tr:last-child td{border-bottom:0}

.v139-vat-mobile-list{margin-top:14px!important}
.v139-vat-card{
  border-radius:12px!important;
  padding:0!important;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
}
.v139-vat-card>div:first-child{
  padding:13px 14px;
  background:linear-gradient(105deg,color-mix(in srgb,var(--amber-brand) 5%,var(--card)),var(--card));
  border-bottom:1px solid var(--border);
}
.v139-vat-card>p{padding-left:14px;padding-right:14px}
.v139-vat-card>p:nth-of-type(1){margin-top:11px!important}
.v139-vat-card>button{
  width:auto!important;
  min-width:0;
  margin-left:14px!important;
  margin-right:0!important;
  margin-bottom:12px;
}
.v139-vat-card>button+button{margin-left:7px!important}
.v139-vat-card .font-semibold{line-height:1.35}

.v139-vat-modal>div{
  border-radius:14px 14px 0 0!important;
}
.v139-vat-modal header{
  background:linear-gradient(105deg,color-mix(in srgb,var(--amber-brand) 6%,var(--card)),var(--card))!important;
}
.v139-vat-modal header h2{letter-spacing:-.01em}

@media (max-width:639px){
  .v139-vat-page{padding-left:10px!important;padding-right:10px!important}
  .v139-vat-header{padding:14px;border-radius:10px}
  .v139-vat-header h1{font-size:1.65rem!important}
  .v139-vat-header p:last-child{font-size:12px!important;line-height:1.55!important}
  .v139-vat-status-grid{gap:7px!important}
  .v139-vat-status-grid>button{min-height:74px;padding:10px 11px!important}
  .v139-vat-status-grid>button strong{font-size:1.35rem!important}
  .v139-vat-status-grid>button span{font-size:9.8px!important}
  .v139-vat-filter{padding:10px!important}
  .v139-vat-card>div:first-child{align-items:flex-start}
  .v139-vat-card>div:first-child>div{min-width:0}
  .v139-vat-card>div:first-child p:first-child{overflow-wrap:anywhere}
  .v139-vat-card>button{
    display:inline-flex!important;
    font-size:11.5px;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .v139-vat-modal{align-items:flex-end!important}
  .v139-vat-modal>div{
    max-height:96dvh!important;
    border-left:0!important;border-right:0!important;border-bottom:0!important;
  }
  .v139-vat-modal header{padding:13px 14px!important}
}
@media (min-width:640px) and (max-width:1023px){
  .v139-vat-card{padding:0!important}
  .v139-vat-mobile-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
