/* Sales-tax calculator on /bullion-tax/{state}/ (templates/calculator.php). Uses the .btax tokens from
   assets/css/tax-showcase.css (cartify DESIGN.md: ink, paper, teal actions, gold accent). */
.btax-calc { background: var(--btax-surface, #fff); border: 1px solid var(--btax-line, #DCE5E0); border-radius: var(--btax-radius-card, 12px); padding: 20px; }
.btax-calc__h { font-family: var(--bt-font-body, Satoshi, Arial, sans-serif) !important; font-size: 19px !important; font-weight: 750 !important; line-height: 1.25 !important; margin: 0 0 4px !important; }
.btax-calc__intro { margin: 0 0 14px; font-size: 14.5px; line-height: 1.5; color: var(--btax-muted, #62716D); }
.btax-calc__state { display: grid; gap: 6px; margin: 0 0 12px; }
.btax-calc__state label, .btax-calc__lab { font-size: 13px; font-weight: 650; color: var(--btax-muted, #62716D); }
.btax-calc__items { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.btax-calc__item fieldset { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 10px; margin: 0; padding: 12px; border: 1px solid var(--btax-line, #DCE5E0); border-radius: var(--btax-radius, 8px); background: var(--btax-paper, #F1F5F3); min-width: 0; }
.btax-calc__legend { float: left; width: 100%; margin: 0 0 2px; padding: 0; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--btax-muted, #62716D); grid-column: 1 / -1; }
.btax-calc__item label { display: grid; gap: 4px; min-width: 0; }
.btax-calc__item .btax-select, .btax-calc__item .btax-input { min-height: 44px; padding: 8px 10px; font-size: 16px; }
.btax-calc__item .btax-money .btax-input { padding-left: 24px; }
.btax-calc .btax-input, .btax-calc .btax-select { background-color: var(--btax-surface, #fff); }
.btax-calc .btax-select { -webkit-appearance: none; appearance: none; padding-right: 32px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23182B2B' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }
.btax-calc__remove { position: absolute; top: 6px; right: 6px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: transparent; color: var(--btax-muted, #62716D); font-size: 22px; line-height: 1; cursor: pointer; }
.btax-calc__remove:hover { background: #fff; color: var(--btax-ink, #182B2B); }
.btax-calc__remove[hidden] { display: none; }
.btax-calc__add { margin: 10px 0 0; min-height: 40px; padding: 0 14px; border: 1px solid var(--btax-primary, #185C53); border-radius: 999px; background: #fff; color: var(--btax-primary, #185C53); font: 700 14.5px/1 var(--bt-font-body, Satoshi, Arial, sans-serif); cursor: pointer; }
.btax-calc__add:hover { background: var(--btax-primary, #185C53); color: #fff; }
.btax-calc__add[hidden] { display: none; }
.btax-calc__out { margin: 14px 0 0; padding: 14px; border-radius: var(--btax-radius, 8px); background: var(--btax-paper, #F1F5F3); border-left: 4px solid var(--btax-line, #DCE5E0); }
.btax-calc__out.is-none { border-left-color: var(--btax-exempt, #185C53); }
.btax-calc__out.is-taxed { border-left-color: var(--btax-taxable, #A5333D); }
.btax-calc__out.is-partly { border-left-color: var(--btax-taxable, #A5333D); }
.btax-calc__out.is-depends { border-left-color: var(--btax-cond, #DDBB78); }
.btax-calc__head { margin: 0 0 8px !important; font-size: 17px; font-weight: 750; line-height: 1.35; }
.btax-calc__head .btax-num { font-variant-numeric: tabular-nums; }
.btax-calc__lines { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; }
.btax-calc__lines li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding-top: 8px; border-top: 1px solid var(--btax-line, #DCE5E0); font-size: 14.5px; line-height: 1.4; }
.btax-calc__lines li:first-child { border-top: 0; padding-top: 0; }
.btax-calc__what { font-weight: 650; font-variant-numeric: tabular-nums; }
.btax-calc__why { grid-column: 1 / -1; font-size: 13.5px; color: var(--btax-muted, #62716D); }
.btax-calc__tag { align-self: start; padding: 1px 9px; border-radius: 999px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.btax-calc__tag.is-free { background: var(--btax-exempt-tint, #E2EFEA); color: #12463F; }
.btax-calc__tag.is-taxed { background: var(--btax-taxable-tint, #F6E3E4); color: #7D1F28; }
.btax-calc__tag.is-depends { background: var(--btax-cond-tint, #F7EEDB); color: #5E4415; }
.btax-calc__hint { margin: 0 0 6px !important; font-size: 14.5px; font-weight: 650; color: var(--btax-ink, #182B2B); }
.btax-calc__note { margin: 0 0 6px !important; font-size: 13.5px; line-height: 1.5; color: var(--btax-muted, #62716D); }
.btax-calc__out > :last-child { margin-bottom: 0 !important; }
.btax-calc__ck { margin: 12px 0 0 !important; font-size: 14.5px; line-height: 1.5; }
.btax-calc__ck:empty { display: none; }
.btax-calc__foot { margin: 10px 0 0 !important; font-size: 12.5px; line-height: 1.5; color: var(--btax-muted, #62716D); }
@media (max-width: 380px) {
	.btax-calc { padding: 16px; }
	.btax-calc__item fieldset { grid-template-columns: minmax(0, 1fr); }
}