:root{
  --qt-blue:#0b4fa3;
  --qt-blue-2:#0f67c7;
  --qt-blue-dark:#07366d;
  --qt-green:#198754;
  --qt-green-dark:#0f6a3f;
  --qt-ink:#17263a;
  --qt-muted:#65758b;
  --qt-line:#d5e1eb;
  --qt-soft:#f4f8fc;
  --qt-result:#ecf9f1;
  --qt-result-line:#78c496;
  --qt-result-ink:#07502f;
  --qt-shadow:0 16px 42px rgba(8,47,73,.10);
  --qt-radius:16px;
}

.qtax-calculator-page{
  margin:0;
  color:var(--qt-ink);
  background:
    radial-gradient(circle at 2% 8%,rgba(25,135,84,.10),transparent 24%),
    radial-gradient(circle at 98% 20%,rgba(11,79,163,.11),transparent 23%),
    linear-gradient(180deg,#f8fbfe 0%,#eef5fa 48%,#f8fbfe 100%);
  overflow-x:hidden;
}
.qtax-calculator-page *{box-sizing:border-box}

/* ------------------------------------------------------------------
   TOP CALCULATOR TABS — shared by every calculator
------------------------------------------------------------------- */
.qtax-calculator-tabs{
  width:calc(100% - 16px);
  max-width:1760px;
  margin:10px auto 8px;
  padding:6px;
  border:1px solid rgba(11,79,163,.15);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(8,47,73,.08);
  position:relative;
  z-index:20;
}
.qtax-calculator-tabs__inner{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:1px;
  scrollbar-width:thin;
  scrollbar-color:#b8cadb transparent;
}
.qtax-calculator-tab{
  flex:1 0 132px;
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid #d8e4ee;
  border-radius:9px;
  color:var(--qt-blue-dark);
  background:#f8fbfe;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.qtax-calculator-tab:hover{
  transform:translateY(-2px);
  background:#eaf3ff;
  box-shadow:0 7px 17px rgba(11,79,163,.11);
}
.qtax-calculator-tab.is-active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--qt-blue),var(--qt-green));
  box-shadow:0 8px 20px rgba(11,79,163,.22);
}

/* ------------------------------------------------------------------
   FULL WIDTH PAGE SHELL — no right calculator sidebar
------------------------------------------------------------------- */
.qtax-calculator-page .qtax-calculator-intro,
.qtax-calculator-page .calculator-intro,
.qtax-calculator-page .business-page,
.qtax-calculator-page .salary-page,
.qtax-calculator-page .rental-page,
.qtax-calculator-page .tax-page,
.qtax-calculator-page .wrapper,
.qtax-calculator-page .pta-tax-page,
.qtax-calculator-page .withholding-page,
.qtax-calculator-page .calc-guide,
.qtax-calculator-page .qtax-result-guide{
  width:calc(100% - 16px)!important;
  max-width:1760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.qtax-calculator-page .business-page,
.qtax-calculator-page .salary-page,
.qtax-calculator-page .rental-page,
.qtax-calculator-page .tax-page,
.qtax-calculator-page .pta-tax-page,
.qtax-calculator-page .withholding-page,
.qtax-calculator-page .wrapper{
  padding-left:0!important;
  padding-right:0!important;
}
.qtax-calculator-page .business-layout,
.qtax-calculator-page .salary-layout,
.qtax-calculator-page .rental-layout,
.qtax-calculator-page .tax-layout,
.qtax-calculator-page .withholding-layout,
.qtax-calculator-page .pta-tax-wrap,
.qtax-calculator-page .wrapper > .grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
.qtax-calculator-page main,
.qtax-calculator-page .tax-main,
.qtax-calculator-page .calc-column,
.qtax-calculator-page .side-column{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.qtax-calculator-page .side-column{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:12px!important;
  margin:0!important;
  position:static!important;
}
.qtax-calculator-page .calculator-strip,
.qtax-calculator-page .side-box.calculator-strip{
  display:none!important;
}

/* ------------------------------------------------------------------
   INTRODUCTION AND PRIMARY CALCULATOR PANEL
------------------------------------------------------------------- */
.qtax-calculator-page .qtax-calculator-intro,
.qtax-calculator-page .calculator-intro{
  margin-top:8px!important;
  margin-bottom:10px!important;
}
.qtax-calculator-page .business-box,
.qtax-calculator-page .salary-box,
.qtax-calculator-page .rental-box,
.qtax-calculator-page .withholding-box,
.qtax-calculator-page .tax-card,
.qtax-calculator-page .pta-tax-card,
.qtax-calculator-page .calc-column > .card,
.qtax-calculator-page .year-bar{
  width:100%!important;
  max-width:none!important;
  padding:16px!important;
  border:1px solid var(--qt-line)!important;
  border-radius:var(--qt-radius)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:var(--qt-shadow)!important;
  position:relative;
  overflow:hidden;
}
.qtax-calculator-page .business-box::before,
.qtax-calculator-page .salary-box::before,
.qtax-calculator-page .rental-box::before,
.qtax-calculator-page .withholding-box::before,
.qtax-calculator-page .tax-card::before,
.qtax-calculator-page .pta-tax-card::before,
.qtax-calculator-page .calc-column > .card::before,
.qtax-calculator-page .year-bar::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--qt-blue),var(--qt-green));
}
.qtax-calculator-page .head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
.qtax-calculator-page .head h2,
.qtax-calculator-page .tax-title,
.qtax-calculator-page .calc-column > .card > h2,
.qtax-calculator-page .legacy-calculator-heading{
  margin:0 0 6px!important;
  color:var(--qt-blue-dark)!important;
  line-height:1.2!important;
}
.qtax-calculator-page .legacy-calculator-heading{
  font-size:clamp(24px,2.8vw,38px)!important;
}
.qtax-calculator-page .head p,
.qtax-calculator-page .intro p{
  margin:0!important;
  color:var(--qt-muted)!important;
}

/* ------------------------------------------------------------------
   EQUAL INPUT BOXES — label above, compact, no field descriptions
------------------------------------------------------------------- */
.qtax-calculator-page .grid,
.qtax-calculator-page .form-grid,
.qtax-calculator-page .tax-grid,
.qtax-calculator-page .year-bar,
.qtax-calculator-page .publisher-meta{
  gap:9px!important;
}
.qtax-calculator-page .business-box > .grid,
.qtax-calculator-page .salary-box > .grid,
.qtax-calculator-page .rental-box > .grid,
.qtax-calculator-page .pta-tax-card .form-grid,
.qtax-calculator-page .calc-column .form-grid,
.qtax-calculator-page .tax-grid-3,
.qtax-calculator-page .year-bar{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  align-items:end!important;
}
.qtax-calculator-page .tax-grid-2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
}
.qtax-calculator-page .field,
.qtax-calculator-page .tax-group,
.qtax-calculator-page .change-row > *{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
.qtax-calculator-page .field label,
.qtax-calculator-page .tax-group label,
.qtax-calculator-page .change-row label{
  display:block!important;
  min-height:18px!important;
  margin:0 0 5px!important;
  color:var(--qt-blue-dark)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.qtax-calculator-page .field small,
.qtax-calculator-page .field .hint,
.qtax-calculator-page .field .help,
.qtax-calculator-page .field .helper,
.qtax-calculator-page .tax-group small{
  display:none!important;
}
.qtax-calculator-page .field input,
.qtax-calculator-page .field select,
.qtax-calculator-page .field textarea,
.qtax-calculator-page .tax-group input,
.qtax-calculator-page .tax-group select,
.qtax-calculator-page .change-row input,
.qtax-calculator-page .change-row select,
.qtax-calculator-page .search-select,
.qtax-calculator-page .duration-box{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #c6d5e2!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--qt-ink)!important;
  font-size:14px!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.qtax-calculator-page .field textarea{height:auto!important;min-height:76px!important}
.qtax-calculator-page input:focus,
.qtax-calculator-page select:focus,
.qtax-calculator-page textarea:focus{
  outline:none!important;
  border-color:var(--qt-green)!important;
  box-shadow:0 0 0 3px rgba(25,135,84,.13)!important;
}
.qtax-calculator-page input::placeholder{color:#8795a6!important;opacity:1}
.qtax-calculator-page .change-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(180px,1fr)) auto 42px!important;
  align-items:end!important;
  gap:9px!important;
}
.qtax-calculator-page .change-head{margin-bottom:5px!important}

/* Category buttons inside common calculator */
.qtax-calculator-page .tax-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
}
.qtax-calculator-page .tab-btn{
  min-height:42px!important;
  border:1px solid #cbd9e5!important;
  border-radius:8px!important;
  background:#f5f9fd!important;
  color:var(--qt-blue-dark)!important;
  font-weight:850!important;
}
.qtax-calculator-page .tab-btn.active{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--qt-blue),var(--qt-green))!important;
}

/* ------------------------------------------------------------------
   RESULT BOXES — always highlighted and equal size
------------------------------------------------------------------- */
.qtax-calculator-page .summary,
.qtax-calculator-page .summary-grid,
.qtax-calculator-page .result-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
  margin-top:12px!important;
}
.qtax-calculator-page .summary > .card,
.qtax-calculator-page .summary-box,
.qtax-calculator-page .total-box,
.qtax-calculator-page .result-box,
.qtax-calculator-page .tax-group.result{
  min-height:105px!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  padding:12px!important;
  border:1px solid var(--qt-result-line)!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#f7fff9,var(--qt-result))!important;
  box-shadow:0 8px 22px rgba(25,135,84,.11)!important;
  position:relative!important;
  overflow:hidden!important;
}
.qtax-calculator-page .summary > .card::after,
.qtax-calculator-page .summary-box::after,
.qtax-calculator-page .total-box::after,
.qtax-calculator-page .result-box::after,
.qtax-calculator-page .tax-group.result::after{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  right:-34px;
  top:-36px;
  border-radius:50%;
  background:rgba(25,135,84,.13);
}
.qtax-calculator-page .summary .label,
.qtax-calculator-page .summary-box .label,
.qtax-calculator-page .total-box .label,
.qtax-calculator-page .result-label,
.qtax-calculator-page .result-box h3,
.qtax-calculator-page .tax-group.result label{
  margin:0!important;
  color:#17633e!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
.qtax-calculator-page .summary .value,
.qtax-calculator-page .summary-box .value,
.qtax-calculator-page .total-box .value,
.qtax-calculator-page .result-value{
  color:var(--qt-result-ink)!important;
  font-size:clamp(20px,2vw,29px)!important;
  line-height:1.1!important;
  font-weight:900!important;
  word-break:break-word!important;
}
.qtax-calculator-page .result-box .result-label{
  font-size:11px!important;
  font-weight:700!important;
  color:#3b6d53!important;
}
.qtax-calculator-page .tax-group.result input,
.qtax-calculator-page input[readonly]{
  border-color:var(--qt-result-line)!important;
  background:#eefbf3!important;
  color:var(--qt-result-ink)!important;
  font-weight:900!important;
}
.qtax-calculator-page .total-box{
  margin-top:10px!important;
  border-width:2px!important;
  background:linear-gradient(135deg,#e8f8ee,#d8f1e2)!important;
}

/* ------------------------------------------------------------------
   BUTTONS
------------------------------------------------------------------- */
.qtax-calculator-page .actions,
.qtax-calculator-page .calc-actions,
.qtax-calculator-page .toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:11px!important;
}
.qtax-calculator-page .primary-btn,
.qtax-calculator-page .btn:not(.btn-danger),
.qtax-calculator-page .download-btn,
.qtax-calculator-page .export-btn,
.qtax-calculator-page .small-btn,
.qtax-calculator-page .tax-reset-btn,
.qtax-calculator-page .add-line-btn,
.qtax-calculator-page .icon-btn{
  min-height:41px!important;
  border:0!important;
  border-radius:8px!important;
  padding:8px 14px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--qt-blue),var(--qt-green))!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.qtax-calculator-page .secondary-btn,
.qtax-calculator-page .btn-danger{
  min-height:41px!important;
  border:1px solid #bfd0df!important;
  border-radius:8px!important;
  padding:8px 14px!important;
  background:#fff!important;
  color:var(--qt-blue-dark)!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.qtax-calculator-page button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(8,47,73,.12)}

/* ------------------------------------------------------------------
   EXPLANATION, SOURCES, FAQ AND DISCLAIMER
------------------------------------------------------------------- */
.qtax-calculator-page .content-box,
.qtax-calculator-page .calc-guide,
.qtax-calculator-page .qtax-result-guide,
.qtax-calculator-page .notes,
.qtax-calculator-page .explain-card,
.qtax-calculator-page .info-card,
.qtax-calculator-page .notice-box,
.qtax-calculator-page .helper-card,
.qtax-calculator-page .seo-card{
  border:1px solid var(--qt-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 9px 25px rgba(8,47,73,.06)!important;
}
.qtax-calculator-page .qtax-result-guide{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
  gap:12px!important;
  padding:16px!important;
  margin-top:14px!important;
}
.qtax-calculator-page .qtax-result-guide h2,
.qtax-calculator-page .content-box h2,
.qtax-calculator-page .notes h2{
  color:var(--qt-blue-dark)!important;
}

/* ------------------------------------------------------------------
   WITHHOLDING TABLE — full width, compact, readable
------------------------------------------------------------------- */
.qtax-calculator-page .table-wrap{
  width:100%!important;
  max-width:none!important;
  overflow-x:auto!important;
  border:1px solid var(--qt-line)!important;
  border-radius:10px!important;
}
.qtax-calculator-page .excel-table{
  width:100%!important;
  min-width:1220px!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.qtax-calculator-page .excel-table th{
  background:linear-gradient(135deg,var(--qt-blue-dark),var(--qt-blue))!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.25!important;
  padding:7px 5px!important;
}
.qtax-calculator-page .excel-table td{padding:4px!important;vertical-align:middle!important}
.qtax-calculator-page .excel-table input,
.qtax-calculator-page .excel-table select,
.qtax-calculator-page .excel-table textarea,
.qtax-calculator-page .excel-table .display-cell{
  width:100%!important;
  min-height:36px!important;
  padding:5px 6px!important;
  font-size:11px!important;
  border-radius:5px!important;
}
.qtax-calculator-page .excel-table tfoot td{
  background:linear-gradient(135deg,#e7f6ed,#d8f0e2)!important;
  color:var(--qt-result-ink)!important;
  font-weight:900!important;
}

/* ------------------------------------------------------------------
   SCROLL REVEAL
------------------------------------------------------------------- */
.qtax-calculator-page .qtax-reveal{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .5s ease,transform .5s ease;
}
.qtax-calculator-page .qtax-reveal.is-visible{opacity:1;transform:none}

@media(max-width:980px){
  .qtax-calculator-page .qtax-result-guide{grid-template-columns:1fr!important}
  .qtax-calculator-page .change-row{grid-template-columns:1fr 1fr!important}
  .qtax-calculator-page .change-row .add-line-btn,
  .qtax-calculator-page .change-row .icon-btn{width:100%!important}
}
@media(max-width:700px){
  .qtax-calculator-tabs,
  .qtax-calculator-page .qtax-calculator-intro,
  .qtax-calculator-page .calculator-intro,
  .qtax-calculator-page .business-page,
  .qtax-calculator-page .salary-page,
  .qtax-calculator-page .rental-page,
  .qtax-calculator-page .tax-page,
  .qtax-calculator-page .wrapper,
  .qtax-calculator-page .pta-tax-page,
  .qtax-calculator-page .withholding-page,
  .qtax-calculator-page .calc-guide,
  .qtax-calculator-page .qtax-result-guide{
    width:calc(100% - 8px)!important;
  }
  .qtax-calculator-tabs{margin-top:5px;padding:4px;border-radius:10px}
  .qtax-calculator-tab{flex:0 0 124px;min-height:40px;padding:7px 9px;font-size:12px}
  .qtax-calculator-page .business-box,
  .qtax-calculator-page .salary-box,
  .qtax-calculator-page .rental-box,
  .qtax-calculator-page .withholding-box,
  .qtax-calculator-page .tax-card,
  .qtax-calculator-page .pta-tax-card,
  .qtax-calculator-page .calc-column > .card,
  .qtax-calculator-page .year-bar{
    padding:12px 8px!important;
    border-radius:12px!important;
  }
  .qtax-calculator-page .business-box > .grid,
  .qtax-calculator-page .salary-box > .grid,
  .qtax-calculator-page .rental-box > .grid,
  .qtax-calculator-page .pta-tax-card .form-grid,
  .qtax-calculator-page .calc-column .form-grid,
  .qtax-calculator-page .tax-grid-3,
  .qtax-calculator-page .year-bar{
    grid-template-columns:1fr!important;
  }
  .qtax-calculator-page .tax-tabs{grid-template-columns:1fr!important}
  .qtax-calculator-page .change-row{grid-template-columns:1fr!important}
  .qtax-calculator-page .summary,
  .qtax-calculator-page .summary-grid,
  .qtax-calculator-page .result-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .qtax-calculator-page .summary > .card,
  .qtax-calculator-page .summary-box,
  .qtax-calculator-page .total-box,
  .qtax-calculator-page .result-box,
  .qtax-calculator-page .tax-group.result{
    min-height:94px!important;
    padding:9px!important;
  }
  .qtax-calculator-page .summary .value,
  .qtax-calculator-page .summary-box .value,
  .qtax-calculator-page .total-box .value,
  .qtax-calculator-page .result-value{font-size:18px!important}
}
@media(max-width:430px){
  .qtax-calculator-page .summary,
  .qtax-calculator-page .summary-grid,
  .qtax-calculator-page .result-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .qtax-calculator-page .qtax-reveal{opacity:1;transform:none;transition:none}
  .qtax-calculator-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
