/* tax.css — /tax page specifics, on top of app-shell.css */

.tax-modes { display: inline-flex; background: #161616; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 4px; gap: 4px; margin: 0 0 24px; }
.tax-mode { background: none; border: none; color: var(--text-dim); font-family: inherit; font-size: 14.5px; font-weight: 600; padding: 9px 18px; border-radius: 9px; cursor: pointer; }
.tax-mode.active { background: var(--mint); color: #062; }
.tax-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 8px; }
.tax-toolbar label { font-size: 14px; color: var(--text-dim); }
.tax-toolbar select { background: #161616; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; padding: 10px 14px; color: #fff; font-size: 15px; font-family: inherit; }
.tax-count { font-size: 13px; color: var(--text-mute); margin: 8px 0 16px; }
.tax-boxes { display: grid; gap: 10px; }
.tax-box { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 14px; background: #0e0e0e; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 14px 16px; }
.tax-box.tax-row2 { grid-template-columns: 1fr auto; }
.tax-box-num { font-size: 12px; font-weight: 700; color: var(--text-dim); text-transform: uppercase; letter-spacing: .04em; }
.tax-box-label { font-size: 14.5px; color: #d4d4d4; line-height: 1.35; }
.tax-box-val { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: #fff; white-space: nowrap; }
.tax-box.tax-box-key { border-color: rgba(0,255,157,.45); background: rgba(0,255,157,.06); }
.tax-box.tax-box-key .tax-box-val { color: var(--mint); font-size: 20px; }
.tax-loading, .tax-error { color: var(--text-dim); padding: 24px 0; text-align: center; }
.tax-error { color: #FF7A7A; }
.tax-help { margin-top: 26px; }
.tax-help p { color: #c9c9c9; font-size: 14.5px; line-height: 1.6; margin: 0; }
.tax-help ol { margin: 8px 0 0; padding-left: 20px; color: #c9c9c9; line-height: 1.6; font-size: 14.5px; }
.tax-help li { margin-bottom: 6px; }
.tax-help a { color: var(--mint); text-decoration: none; }
.tax-note { font-size: 13px; color: var(--text-mute); margin-top: 14px; line-height: 1.5; }
.tax-record { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 18px 0 0; }
.tax-ref { background: #161616; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; padding: 10px 14px; color: #fff; font-family: inherit; font-size: 14px; flex: 1; min-width: 180px; }
.tax-filed { color: var(--mint); font-size: 14px; font-weight: 600; }
.tax-filed.error { color: #FF7A7A; }

/* Two columns on wide screens: figures left, help right. */
.tax-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.tax-grid .tax-help { margin-top: 0; }
@media (max-width: 1100px) { .tax-grid { grid-template-columns: 1fr; } .tax-grid .tax-help { margin-top: 8px; } }