.salary-tool .salary-language{display:flex;gap:.5rem;margin-top:1rem}.salary-tool .salary-language .is-active{border-color:var(--primary);color:var(--primary)}.salary-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.25rem;align-items:start}.salary-tool .salary-form-card,.salary-tool .salary-results{display:grid;gap:1rem}.salary-tool .salary-field{display:grid;gap:.4rem}.salary-tool .salary-field small,.salary-tool .salary-review{color:var(--muted)}.salary-tool .salary-type{border:0;padding:0;margin:0;display:grid;gap:.55rem}.salary-tool .salary-type legend{width:100%;font-weight:700;margin-bottom:.2rem}.salary-tool .salary-type-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.salary-tool .salary-type label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--heading);font-weight:700;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,color .15s ease}.salary-tool .salary-type label:hover{border-color:var(--primary)}.salary-tool .salary-type label:focus-within{outline:3px solid #635bff55;outline-offset:2px}.salary-tool .salary-type label:has(input:checked){border-color:var(--primary);background:var(--primary);color:#fff}.salary-tool .salary-type input{position:absolute;width:1px;height:1px;opacity:0}.salary-tool input[type=number]{box-sizing:border-box;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--heading);font:inherit;font-size:1rem;appearance:textfield}.salary-tool input[type=number]:hover{border-color:var(--primary)}.salary-tool input[type=number]:focus{border-color:var(--primary);outline:3px solid #635bff33}.salary-tool input[type=number]::-webkit-inner-spin-button,.salary-tool input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}.salary-tool .salary-field:has(#gross-salary) #label-gross,.salary-tool .salary-field:has(#gross-salary) #help-gross{font-size:0}.salary-tool .salary-field:has(#gross-salary) #label-gross:after{content:'Gross Monthly Salary (PKR)';font-size:.95rem}.salary-tool .salary-field:has(#gross-salary) #help-gross:after{content:'Enter your gross monthly salary before estimated income tax.';font-size:.85rem}.salary-tool .salary-form-card:has(input[value=annual]:checked) .salary-field:has(#gross-salary) #label-gross:after{content:'Gross Annual Salary (PKR)'}.salary-tool .salary-form-card:has(input[value=annual]:checked) .salary-field:has(#gross-salary) #help-gross:after{content:'Enter your gross annual salary before estimated income tax.'}.salary-tool .salary-field:has(#taxable-allowances) #label-allowance,.salary-tool .salary-field:has(#taxable-allowances) #help-allowance,.salary-tool .salary-field:has(#taxable-bonus) #help-bonus{font-size:0}.salary-tool .salary-field:has(#taxable-allowances) #label-allowance:after{content:'Taxable Allowances (Annual PKR)';font-size:.95rem}.salary-tool .salary-field:has(#taxable-allowances) #help-allowance:after{content:'Enter the total taxable allowances for the full year. Leave 0 if none.';font-size:.85rem}.salary-tool .salary-field:has(#taxable-bonus) #help-bonus:after{content:'Enter your total taxable bonus for the year. Leave 0 if none.';font-size:.85rem}.salary-tool .salary-error{min-height:1.4rem;color:#b42318}.salary-tool .salary-actions{display:flex;flex-wrap:wrap;gap:.65rem}.salary-tool .primary-result{padding:1.15rem;border-radius:.65rem;background:var(--primary);color:#fff;display:grid;gap:.35rem}.salary-tool .primary-result strong{font-size:clamp(1.45rem,3vw,2.2rem)}.salary-tool .result-grid,.salary-tool .result-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.salary-tool .result-grid div,.salary-tool .result-details div{border:1px solid var(--border);border-radius:.5rem;padding:.75rem;background:var(--surface)}.salary-tool .result-grid span,.salary-tool .result-details span{display:block;color:var(--muted);font-size:.86rem}.salary-tool .result-grid strong,.salary-tool .result-details strong{display:block;margin-top:.3rem;overflow-wrap:anywhere}.salary-tool .salary-breakdown{border-top:1px solid var(--border);padding-top:1rem}.salary-tool .salary-breakdown h3{font-size:1.05rem}.salary-tool .breakdown-list{display:grid;gap:.55rem;padding-left:1.4rem}.salary-tool .breakdown-list li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:.45rem 0}.salary-tool .salary-table-wrap{overflow-x:auto}.salary-tool .salary-slabs{width:100%;border-collapse:collapse}.salary-tool .salary-slabs th,.salary-tool .salary-slabs td{padding:.7rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.salary-tool .salary-slabs th{color:var(--muted);font-size:.88rem}.salary-tool .salary-slabs tr.is-current{background:color-mix(in srgb,var(--primary) 10%,transparent);font-weight:700}.salary-tool .salary-content{margin-top:2rem}.salary-tool .faq-section{margin-top:2rem}.salary-tool .faq-section details{border-top:1px solid var(--border);padding:.85rem 0}.salary-tool .faq-section summary{cursor:pointer;font-weight:700}.salary-tool .faq-section p{margin:.75rem 0 0}.salary-tool .related-tools{margin-top:2rem}.salary-tool .related-tools .tool-grid{padding:0}.salary-hub .salary-hub-card{display:grid;gap:1rem}.salary-hub .salary-country-card{display:grid;gap:.35rem;border:1px solid var(--border);border-radius:.6rem;padding:1rem;color:inherit;text-decoration:none;background:var(--surface)}.salary-hub .salary-country-card:hover{border-color:var(--primary)}.salary-hub .salary-country-card strong{color:var(--primary);font-size:1.1rem}.salary-hub .salary-country-card span,.salary-hub .salary-country-card small,.salary-hub-note{color:var(--muted)}.salary-hub .salary-content{margin-top:2rem}.salary-tool[dir=rtl] .breakdown-list{padding-left:0;padding-right:1.4rem}.salary-tool[dir=rtl] .salary-slabs th,.salary-tool[dir=rtl] .salary-slabs td{text-align:right}.salary-tool [hidden]{display:none!important}@media(max-width:900px){.salary-layout{grid-template-columns:1fr}}@media(max-width:600px){.salary-tool .result-grid,.salary-tool .result-details{grid-template-columns:1fr}.salary-tool .salary-actions .button{flex:1 1 9rem}.salary-tool .salary-type-toggle{grid-template-columns:1fr 1fr}.salary-tool .salary-slabs{min-width:42rem}.salary-tool .salary-table-wrap{margin-right:-.5rem}.salary-tool .breakdown-list li{align-items:flex-start;flex-direction:column;gap:.2rem}}