/* G4-TAXSA1 — the zakat and income-tax report and the rules editor (structure and spacing only; colors follow the site tokens) */
.tax1 .tx-tools{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:end;margin-block:8px}
.tax1 .tx-tools label{display:grid;gap:4px}
.tax1 .tx-tools .mini{display:inline-block}
.tax1 .tx-status{flex:1 1 100%;margin:0}
.tax1 .tx-head{display:flex;flex-wrap:wrap;gap:6px 10px;margin-block:8px}
.tax1 .tx-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.8em;border:1px solid currentColor;white-space:normal}
.tax1 .tx-badge[data-kind="active"]{color:var(--good,#067647)}
.tax1 .tx-badge[data-kind="rules"]{color:var(--accent,#1d4ed8)}
.tax1 .tx-table{inline-size:100%;border-collapse:collapse;margin-block:10px}
.tax1 .tx-table caption{text-align:start;font-weight:600;padding:6px 0}
.tax1 .tx-table th,.tax1 .tx-table td{padding:5px 8px;text-align:start;border-block-end:1px solid var(--line,rgba(0,0,0,.1));vertical-align:top}
.tax1 .tx-table th[scope="row"]{font-weight:500;inline-size:62%}
.tax1 .tx-table td[dir="ltr"],.tax1 .tx-num{font-variant-numeric:tabular-nums;text-align:end}
/* G4-TAXLAW1: the base styles keep every table cell on one line (th, td {white-space:nowrap}); the tax tables wrap their words (a step of the law reads long) and keep only the amounts on one line — no table wider than its card, no sideways page scroll */
.tax1 .tx-table th,.tax1 .tx-table td{white-space:normal;overflow-wrap:break-word}
.tax1 .tx-table td[dir="ltr"],.tax1 .tx-table .tx-num,.tax1 .tx-steps td:nth-child(-n+2),.tax1 .tx-steps thead th{white-space:nowrap}
.tax1 .tx-steps tfoot th[scope="row"]{inline-size:auto}
.tax1 .tx-total th,.tax1 .tx-total td{font-weight:600;border-block-start:2px solid var(--line,rgba(0,0,0,.2))}
.tax1 .tx-sub th{padding-inline-start:18px;font-weight:400}
.tax1 .tx-acc summary{cursor:pointer;font-size:.85em}
.tax1 .tx-acc ul{margin:4px 0;padding-inline-start:18px;max-block-size:24vh;overflow:auto;font-size:.85em}
.tax1 .tx-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px}
.tax1 .tx-inputs label{display:grid;gap:4px}
.tax1 .tx-check{display:flex;gap:8px;align-items:flex-start}
.tax1 .tx-actions{display:flex;flex-wrap:wrap;gap:8px}
.tax1 .tx-partners input{inline-size:100%}
.tax1 .tx-scroll{overflow-x:auto;max-inline-size:100%}
.tax1 .tx-steps-editor input{inline-size:100%;min-inline-size:140px;margin-block:2px}
.tax1 .tx-versions .tx-active td{font-weight:600}
.tax1 .tx-notes{margin-block:8px}
.tax1 .tx-report,.tax1 .tx-form,.tax1 .tx-preview{min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere}
@media (max-width:760px){.tax1 .tx-table{display:block;overflow-x:auto}.tax1 .tx-table th[scope="row"]{inline-size:auto}.tax1 .tx-inputs{grid-template-columns:1fr}}