.tax-filter { display: flex; align-items: end; gap: 12px; margin-bottom: 18px; }
.tax-filter label { color: var(--muted); font-size: 13px; }
.tax-filter input { display: block; padding: 10px; margin-top: 5px; border: 1px solid #cbd5df; border-radius: 7px; }
.tax-filter a { margin-left: auto; color: var(--blue); text-decoration: none; }
.tax-form h2 { margin: 28px 0 14px; font-size: 18px; }
.iva-line { display: grid; grid-template-columns: 2fr 1fr 1.5fr 40px; gap: 12px; align-items: end; margin-bottom: 10px; }
.iva-line label { color: var(--muted); font-size: 13px; }
.iva-line input, .iva-line select { display: block; width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #cbd5df; border-radius: 7px; background: white; }
.iva-line .remove-tax { height: 39px; background: transparent; color: #a12d2d; font-size: 22px; }
.extras { margin-top: 18px; }
.tax-total { display: flex; flex-direction: column; justify-content: end; padding: 10px; border-radius: 8px; background: #e8f4f7; }
.tax-total span { color: var(--muted); font-size: 13px; }
.tax-total strong { margin-top: 5px; font-size: 22px; }
.tax-detail .detail-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 24px; }
.detail-grid span { padding: 15px; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: 13px; }
.detail-grid b { display: block; margin-top: 6px; color: var(--ink); font-size: 16px; }
@media (max-width: 800px) { .iva-line { grid-template-columns: 1fr 1fr; } .tax-detail .detail-grid { grid-template-columns: 1fr 1fr; } .tax-filter { align-items: stretch; flex-direction: column; } .tax-filter a { margin-left: 0; } }