/* Single mobile credit layout: compact entry, readable aligned results. */
html body .masthead.mmg-credit-heading>div:first-child{flex:1 1 100%!important;min-width:0!important}
html body .masthead.mmg-credit-heading .subtitle{display:none!important}
html body .masthead.mmg-credit-heading .mmg-gorev-sekmeleri{display:flex!important;flex:0 0 auto!important;width:max-content!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0 0 0 auto!important;padding:0!important;gap:6px!important;background:transparent!important;border:0!important;box-shadow:none!important;justify-content:flex-end!important}
html body .masthead.mmg-credit-heading .mmg-gorev-sekme{flex:0 0 auto!important;width:auto!important;min-height:0!important;height:auto!important;padding:3px 8px!important;font:500 11px/1.4 Inter,Arial,sans-serif!important;border:1px solid var(--hairline,#d8dfeb)!important;border-radius:5px!important}
/* A single font and row system for both loan calculators. */
html body #quick#quick#quick#quick :is(.input-card,.result-card,.result-hero .value,#rToplamGeri,.rvalue,input,select,button,summary){font-family:Inter,Arial,sans-serif!important;font-variant-numeric:tabular-nums}
html body #quick#quick#quick#quick .result-hero :is(.value,#rToplamGeri){font-size:clamp(28px,3.1vw,44px)!important;font-weight:700!important;line-height:1.2!important}
@media(max-width:860px){
  html body #quick#quick#quick#quick{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;scroll-padding-bottom:100px}
  html body #quick#quick#quick#quick .calc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:start!important}
  html body #quick#quick#quick#quick .calc-grid>*{min-width:0!important;max-width:100%!important;margin:0!important}
  html body #quick#quick#quick#quick :is(.input-card,.result-card){padding:8px!important;border-radius:9px!important;min-width:0!important;box-sizing:border-box!important;background:var(--surface,#fff)!important;border:1px solid var(--hairline,#d8dfeb)!important;box-shadow:none!important}
  html body #quick#quick#quick#quick .input-card :is(.field-row-4,.field-row-3,.field-row,.adv-satir){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0!important}
  html body #quick#quick#quick#quick .input-card .field{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;min-width:0!important;width:100%!important;max-width:none!important;grid-column:auto!important;flex:none!important;gap:3px!important;margin:0!important;padding:6px 0!important;box-sizing:border-box!important;height:auto!important;min-height:0!important;border-bottom:1px solid var(--hairline,#d8dfeb)!important}
  /* Respect application-controlled visibility, especially the grace-period field. */
  html body #quick#quick#quick#quick .input-card .field:is([hidden],[style*="display:none"],[style*="display: none"]){display:none!important}
  html body #quick#quick#quick#quick .input-card label{font:400 13px/1.25 Inter,Arial,sans-serif!important;white-space:normal!important;text-align:left!important;display:block!important;width:100%!important;align-self:stretch!important;overflow-wrap:normal!important;height:auto!important;min-height:0!important;margin:0!important;color:var(--muted,#637083)!important}
  html body #quick#quick#quick#quick .input-card label br{display:none!important}
  html body #quick#quick#quick#quick .input-wrap{display:flex!important;align-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;height:32px!important;min-height:32px!important;box-sizing:border-box!important}
  html body #quick#quick#quick#quick .input-card :is(input:not([type=hidden]),select){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--text,#172638)!important;height:32px!important;min-height:32px!important;padding:0!important;font:500 16px/1.3 Inter,Arial,sans-serif!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
  html body #quick#quick#quick#quick .input-wrap input:not([type=hidden]){flex:1 1 0!important;width:0!important;text-align:right!important}
  html body #quick#quick#quick#quick .input-wrap .unit{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;font:400 12px/1.3 Inter,Arial,sans-serif!important;margin:0!important;padding:0!important}
  html body #quick#quick#quick#quick .input-card :is(input,select):focus-visible{outline:2px solid var(--brass,#947a36)!important;outline-offset:1px!important}
  html body #quick#quick#quick#quick .result-hero{display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important;height:auto!important;min-height:0!important;padding:5px 0 8px!important;margin:0!important;text-align:center!important;border-bottom:1px solid var(--hairline,#d8dfeb)!important}
  html body #quick#quick#quick#quick .result-hero .label{font:600 12px/1.25 Inter,Arial,sans-serif!important;text-align:center!important;margin:0 0 4px!important;letter-spacing:0!important}
  html body #quick#quick#quick#quick .result-hero :is(.value,#rToplamGeri){font:700 clamp(15px,4vw,22px)/1.25 Inter,Arial,sans-serif!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:-.4px!important}
  html body #quick#quick#quick#quick :is(#rToplamGeriSub,.result-hero .sub){display:none!important}
  html body #quick#quick#quick#quick .result-rows{gap:0!important;margin:0!important}
  html body #quick#quick#quick#quick .result-row{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:2px!important;padding:5px 0!important;margin:0!important;min-width:0!important;height:auto!important;min-height:0!important;box-sizing:border-box!important;border-bottom:1px solid var(--hairline,#d8dfeb)!important}
  html body #quick#quick#quick#quick .rlabel{flex:0 0 auto!important;min-width:0!important;font:400 13px/1.25 Inter,Arial,sans-serif!important;white-space:normal!important}
  html body #quick#quick#quick#quick .rvalue{margin:0!important;font:600 14px/1.3 Inter,Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important}
  html body #quick#quick#quick#quick :is(.rlabel small,.rnot,.rlabel [data-i18n="total_difference_note"]){display:none!important}
  html body #quick#quick#quick#quick summary{font:400 13px/1.4 Inter,Arial,sans-serif!important;white-space:normal!important;padding:10px 0!important}
  html body #quick#quick#quick#quick .mmg-calculate-action{width:100%!important;padding:8px!important;min-height:44px!important;height:auto!important;font-size:14px!important}
  html body #quick#quick#quick#quick .mmg-vtakim{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;padding-bottom:60px!important;max-width:100%!important}
  html body #quick#quick#quick#quick .mmg-vtakim button{width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;padding:0!important;min-height:40px!important}
  html body:has(#quick .calc-grid) h1.title :is(br,span){white-space:normal!important}
  html body .masthead.mmg-credit-heading .mmg-gorev-sekme{font-size:12px!important;line-height:1.3!important;min-height:0!important;height:auto!important;padding:3px 7px!important}
}

/* Compact quick-entry pairs; main amounts retain the full entry width. */
@media(max-width:860px){
html body #quick#quick#quick#quick .input-card>.field-row-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 8px!important}
html body #quick#quick#quick#quick .input-card>.field-row-4>.mmg-fold{display:contents!important}
html body #quick#quick#quick#quick .input-card>.field-row-4 .field{order:0!important;align-self:stretch!important}
html body #quick#quick#quick#quick .input-card>.field-row-4 .field:has(#qTutar){grid-column:1/-1!important}
html body #quick#quick#quick#quick .input-card #qTutar{font-size:16px!important;letter-spacing:-.35px!important}
html body #quick#quick#quick#quick .credit-result-details summary{padding:7px 0!important}
html body #quick#quick#quick#quick .result-row:is([hidden],[style*="display:none"],[style*="display: none"]){display:none!important}
}
html body #quick .credit-result-details{border:0;border-bottom:1px solid var(--hairline,#d8dfeb);margin:0;padding:0;min-width:0}
html body #quick#quick#quick#quick .credit-result-details>summary{cursor:pointer;padding:8px 0!important;font:700 13px/1.4 Inter,Arial,sans-serif!important;color:var(--brass,#705b26)}
html body #quick#quick#quick#quick .credit-result-details>summary *{font:inherit!important;color:inherit!important}
@media(max-width:860px){
html body #quick#quick#quick#quick .input-card :is(input:not([type=hidden]),select),
html body #quick#quick#quick#quick .rvalue{font-size:14px!important;font-weight:500!important;line-height:1.3!important}
html body #quick#quick#quick#quick .input-card #qTutar{font-size:14px!important}
html body #quick#quick#quick#quick .input-card>.field-row-4{margin-bottom:0!important}
html body #quick#quick#quick#quick .result-hero{margin-bottom:0!important}
}
@media print{html body #quick .credit-result-details:not([open])>*:not(summary){display:flex!important}html body #quick .credit-result-details>summary{display:none!important}}
/* Rate tables remain readable inside the equal-width mobile input card. */
@media(max-width:860px){
  [data-tax-body]{overflow-x:auto;max-width:100%;min-width:0}
  [data-tax-body][hidden]{display:none!important}
  #mmgVergiNotu [data-tax-body] table,#mmgVergiSerit [data-tax-body] table{min-width:340px!important;table-layout:auto!important}
}
/* Shared credit headings and labels, on mobile and desktop. */
html body #quick#quick#quick#quick .input-card label,
html body #quick#quick#quick#quick .rlabel,
html body #quick#quick#quick#quick .result-hero{text-align:center!important}
html body #quick#quick#quick#quick .input-card .field:has(#qTutar) label{font-weight:700!important}
@media(max-width:860px){
 html body #quick#quick#quick#quick .gun-tool :is(.gun-satir,.gun-tarihler){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;min-width:0!important}
 html body #quick#quick#quick#quick .gun-tool .field{width:100%!important;min-width:0!important}
 html body #quick#quick#quick#quick .gun-tool input[type=date]{width:100%!important;flex:1 1 auto!important;min-width:0!important;font-size:13px!important;letter-spacing:-.5px!important;text-align:left!important}
 html body #quick#quick#quick#quick .gun-tool .gun-result{background:var(--surface,#fff)!important;border:1px solid var(--hairline,#d8dfeb)!important;border-radius:5px!important;padding:5px!important;box-sizing:border-box!important}
 html body #quick#quick#quick#quick #gunUygula#gunUygula#gunUygula{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;max-height:none!important;padding:4px!important;white-space:normal!important;font-size:13px!important}
 html body #quick#quick#quick#quick .gun-tool .field:last-child .input-wrap{height:40px!important;min-height:40px!important}
}

/* Equal label and value tracks, not merely equal outer row borders. */
@media(max-width:860px){
 html body #quick#quick#quick#quick .input-card .field,
 html body #quick#quick#quick#quick .result-hero,
 html body #quick#quick#quick#quick .result-row{justify-content:flex-start!important;padding:4px 0!important;gap:2px!important}
 html body #quick#quick#quick#quick .result-hero .label,
 html body #quick#quick#quick#quick .input-card .field:has(#qTutar) label{font:700 13px/1.25 Inter,Arial,sans-serif!important;letter-spacing:0!important;margin:0!important;text-align:center!important}
 html body #quick#quick#quick#quick .result-hero :is(.value,#rToplamGeri),
 html body #quick#quick#quick#quick .rvalue{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:28px!important;line-height:1.3!important}
 html body #quick#quick#quick#quick .result-hero :is(.value,#rToplamGeri){font-size:14px!important;letter-spacing:-.35px!important}
 html body #quick#quick#quick#quick .input-wrap,
 html body #quick#quick#quick#quick .input-card :is(input:not([type=hidden]),select){height:28px!important;min-height:28px!important}
 html body #quick#quick#quick#quick .mmg-vtakim{padding-bottom:12px!important}
}
/* The visible heading text inherits the same metrics as its label container. */
html body #quick#quick#quick#quick .result-hero .label,
html body #quick#quick#quick#quick .input-card .field:has(#qTutar) label{text-transform:none!important}
html body #quick#quick#quick#quick .result-hero .label *,
html body #quick#quick#quick#quick .input-card .field:has(#qTutar) label *{font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}
