/* Financify calculator: compact layout for phones only (<=700px). Desktop and tablet are untouched. */
@media (max-width:700px){
  .fin-calc-section{padding:36px 12px 10px!important}
  .fin-calc-section>div:first-child{margin-bottom:2px!important;gap:8px!important}
  .fin-calc-section>div:first-child h2{font-size:21px!important;margin-top:2px!important}
  .fin-calc-section .fin-calc-switch{width:100%}
  .fin-calc-section .fin-calc-switch button{flex:1;padding:9px 10px!important;font-size:12.5px!important}
  .fin-calc-section .fin-calc-ai-closed{padding:7px 12px!important;font-size:12px!important;margin:6px 0 0!important}
  .fin-calc-section .fin-calc-ai{padding:12px!important;margin-top:8px!important}
  .fin-calc-section .fin-calc-shell{padding:12px 11px!important;margin-top:8px!important;border-radius:14px!important}
  .fin-calc-section .fin-calc-grid{gap:12px!important}
  .fin-calc-section .fin-calc-input-column{gap:0!important}

  /* inputs: tighter, hints hidden */
  .fin-calc-section .fin-coached-field{margin:0 0 10px!important;padding:0!important}
  .fin-calc-section .fin-field-coach,.fin-calc-section .fin-borrower-help{display:none!important}
  .fin-calc-section label,.fin-calc-section .fin-field-label{font-size:12.5px!important;margin:0 0 4px!important;line-height:1.3!important}
  .fin-calc-section .fin-calc-range-row{gap:8px!important;min-height:0!important}
  .fin-calc-section input[type=number],.fin-calc-section input[type=text],.fin-calc-section input[type=date],.fin-calc-section select{height:36px!important;min-height:0!important;padding:0 10px!important;font-size:14px!important;border-radius:8px!important}
  .fin-calc-section .fin-calc-range-row input[type=number]{width:96px!important;flex:0 0 96px!important}
  .fin-calc-section .fin-inline-entry{margin-top:4px!important}
  .fin-calc-section .fin-preset-row{flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;margin-bottom:4px!important}
  .fin-calc-section .fin-preset-row::-webkit-scrollbar{display:none}
  .fin-calc-section .fin-preset-row button{flex:1 0 auto;padding:7px 11px!important;font-size:12.5px!important;min-height:0!important;height:auto!important;border-radius:9px!important}
  .fin-calc-section .fin-calc-toggle-group{gap:6px!important}
  .fin-calc-section .fin-calc-toggle-button{padding:7px 12px!important;min-height:0!important;font-size:12.5px!important}
  .fin-calc-section .fin-calc-toggle-title{font-size:12.5px!important;margin-bottom:4px!important}
  .fin-calc-section .fin-calc-input-column>.full-only:first-child{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:4px!important}
  .fin-calc-section .fin-calc-toggle-button{white-space:nowrap!important}
  .fin-calc-section .fin-borrower-option{margin-top:4px!important}
  .fin-calc-section .fin-borrower-toggle{padding:9px 12px!important;min-height:0!important;font-size:13px!important}

  .fin-calc-section .full-only p{font-size:11px!important;margin:3px 0 0!important;line-height:1.35!important}
  .fin-calc-section .full-only input{margin-bottom:0!important}
  .fin-calc-section .full-only{margin-bottom:6px!important}

  /* advanced: borrower + fee fields two per row */
  .fin-calc-section .fin-borrower-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important}
  .fin-calc-section .fin-borrower-fields .fin-coached-field{margin:0!important}
  .fin-calc-section .fin-borrower-metric-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .fin-calc-section .fin-borrower-metric{padding:8px 10px!important}

  /* chart */
  .fin-calc-section .fin-repayment-chart{padding:12px!important;margin-top:0!important}
  .fin-calc-section .fin-repayment-chart-head span{font-size:13px!important}
  .fin-calc-section .fin-repayment-chart-body{gap:14px!important;margin-top:8px!important}
  .fin-calc-section .fin-repayment-donut{width:92px!important;height:92px!important;flex:0 0 92px!important}
  .fin-calc-section .fin-repayment-donut strong{font-size:14px!important}
  .fin-calc-section .fin-repayment-legend{gap:6px!important;font-size:12px!important}

  /* results */
  .fin-calc-section .fin-calc-results{padding:14px!important}
  .fin-calc-section .fin-calc-results>div[style*="justify-content"]{padding:3px 0!important;font-size:12.5px!important}
  .fin-calc-section .fin-calc-results>div[style*="font-size:38px"]{font-size:30px!important;margin-top:0!important}
  .fin-calc-section .fin-calc-results>div[style*="height:1px"]{margin:8px 0!important}
  .fin-calc-section .fin-value-box{padding:7px 10px!important;margin:0 0 6px!important;min-height:0!important;gap:8px!important}
  .fin-calc-section .fin-value-box span{font-size:10.5px!important}
  .fin-calc-section .fin-value-box strong{font-size:12.5px!important}
  .fin-calc-section .fin-fee-input{height:28px!important;width:58px!important;padding:0 6px!important;font-size:12.5px!important}
  .fin-calc-section .fin-fee-reset{font-size:10.5px!important;padding:2px 6px!important}
  .fin-calc-section .fin-calc-results button,.fin-calc-section .fin-calc-results a{min-height:0!important}
  .fin-calc-section .fin-calc-results>button{padding:9px!important;margin-top:10px!important;font-size:13px!important}
  .fin-calc-section .fin-calc-results>div[style*="flex-wrap"]{margin-top:8px!important;gap:8px!important}
  .fin-calc-section .fin-calc-results>div[style*="flex-wrap"]>*{padding:9px!important;font-size:12.5px!important}
  .fin-calc-section .fin-calc-results>a{height:44px!important;margin-top:8px!important}

  /* sticky payment summary */
  .fin-mobile-payment{padding:8px 14px!important}
}
