.vat-wrap{padding:1.25rem}
.vat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.vat-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem;align-items:start}

.vat-mode{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.vat-mode .btn{white-space:nowrap}
.vat-mode .btn.is-active{outline:2px solid rgba(255,255,255,.18);box-shadow:0 0 0 4px rgba(0,0,0,.12) inset}

.vat-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.vat-field{display:flex;flex-direction:column;gap:.35rem}
.vat-label{font-size:.95rem}

.vat-input-row{display:flex;align-items:stretch;gap:.5rem}
.vat-input{width:100%;padding:.8rem .9rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:inherit;outline:none}
.vat-input:focus{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 4px rgba(0,0,0,.12)}
.vat-suffix{display:flex;align-items:center;justify-content:center;padding:0 .9rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.12);min-width:3.2rem}
.vat-help{font-size:.85rem}

.vat-rate{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap}
.vat-select{padding:.8rem .9rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:inherit;outline:none;min-width:220px}
.vat-select:focus{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 4px rgba(0,0,0,.12)}
.vat-custom{display:flex;gap:.5rem;align-items:stretch;flex:1}

.vat-options{grid-column:1 / -1;display:flex;gap:1rem;flex-wrap:wrap;margin-top:.25rem}

.vat-results{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:.75rem}
.vat-result-card{padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.14)}
.vat-result-card.total{border-color:rgba(255,255,255,.18);background:rgba(0,0,0,.18)}
.vat-result-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}
.vat-value{font-size:1.5rem;font-weight:700;letter-spacing:.2px;word-break:break-word}

.btn.tiny{padding:.45rem .6rem;border-radius:.75rem;font-size:.9rem}

.vat-formula{margin-top:.8rem;padding:.75rem 1rem;border-radius:1rem;border:1px dashed rgba(255,255,255,.18);background:rgba(0,0,0,.12);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.9rem}

.vat-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:inherit;opacity:0;pointer-events:none;transition:opacity .18s ease}
.vat-toast.show{opacity:1}

.vat-hint{margin-top:.9rem}
.vat-hint kbd{display:inline-block;padding:.15rem .4rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.14);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.85rem}

.vat-panel-card{padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.12)}
.vat-panel-title{margin:0 0 .75rem 0;font-size:1.1rem}
.vat-note-list{margin:0;padding-left:1.1rem}
.vat-note-list li{margin:.35rem 0}

@media (max-width: 980px){
  .vat-grid{grid-template-columns:1fr}
  .vat-inputs{grid-template-columns:1fr}
  .vat-results{grid-template-columns:1fr}
}