/* JOBIX_V150_MOBILE_QUOTE_DEPOSIT_BALANCE_POLISH
   Final polish for mobile SMS quote pages:
   - deposit vs paid-in-full clarity
   - numeric deposit/balance rows
   - softer Powered by Jobix
   - mobile CTA wording support
*/
:root{--jx150-blue:#2563eb;--jx150-green:#16a34a;--jx150-ink:#0f172a;--jx150-muted:#64748b;--jx150-line:#dbe7f4;--jx150-bg:#eef6ff;}

@media screen and (max-width:760px){
  body.jx148-public-quote-body{background:#eaf4ff!important;}

  /* Give sticky customer header a clean reserved layer and prevent content collisions. */
  body.jx148-public-quote-body .jx244-topbar{
    position:sticky!important;top:0!important;z-index:80!important;
    background:rgba(240,248,255,.98)!important;
    backdrop-filter:blur(10px)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
  }
  body.jx148-public-quote-body .jx244-main{padding-top:10px!important;}
  body.jx148-public-quote-body .jx244-card,
  body.jx148-public-quote-body .jx16-doc,
  body.jx148-public-quote-body .jx16-card{scroll-margin-top:110px!important;}

  /* Tenant brand should lead; Jobix remains a subtle power-by mark. */
  body.jx148-public-quote-body .jx244-brand small,
  body.jx148-public-quote-body [class*="brand"] small,
  body.jx148-public-quote-body [class*="powered"]{
    color:#7b8aa1!important;font-size:10px!important;font-weight:700!important;letter-spacing:0!important;
  }

  /* Mobile customer button wording/feel. */
  body.jx148-public-quote-body a,
  body.jx148-public-quote-body button{touch-action:manipulation;}
  body.jx148-public-quote-body .jx244-actions a,
  body.jx148-public-quote-body .jx244-actions button,
  body.jx148-public-quote-body .no-print a,
  body.jx148-public-quote-body .no-print button{
    min-height:44px!important;border-radius:999px!important;font-weight:850!important;
  }

  /* Deposit-paid state should read like a balance statement, not a generic success. */
  body.jx150-state-deposit .jx148-state-banner,
  body.jx149-state-deposit .jx148-state-banner{
    background:#ecfdf5!important;border-color:#bbf7d0!important;color:#166534!important;
  }
  body.jx150-state-deposit .jx148-paid-chip,
  body.jx149-state-deposit .jx148-paid-chip{
    background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important;
  }

  /* Hide stale generic paid-state copy if template still emits it after v149. */
  body.jx150-state-deposit .jx246-approved.jx148-success-card .jx148-state-banner + .jx244-kicker,
  body.jx150-state-deposit .jx246-approved.jx148-success-card .jx148-state-banner + .jx244-kicker + h2,
  body.jx150-state-deposit .jx246-approved.jx148-success-card .jx148-state-banner + .jx244-kicker + h2 + p,
  body.jx150-state-paidfull .jx246-approved.jx148-success-card .jx148-state-banner + .jx244-kicker,
  body.jx150-state-paidfull .jx246-approved.jx148-success-card .jx148-state-banner + .jx244-kicker + h2,
  body.jx150-state-paidfull .jx246-approved.jx148-success-card .jx148-state-banner + .jx244-kicker + h2 + p{
    display:none!important;
  }

  /* Injected numeric mobile rows. */
  .jx150-payment-balance-summary{
    margin:12px 0 0!important;border:1px solid #bbf7d0!important;border-radius:18px!important;overflow:hidden!important;background:#f0fdf4!important;
    box-shadow:0 10px 24px rgba(22,163,74,.08)!important;
  }
  .jx150-payment-balance-summary .jx150-row{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
    padding:13px 16px!important;border-bottom:1px solid rgba(187,247,208,.9)!important;
    font-size:17px!important;line-height:1.25!important;color:#0f172a!important;
  }
  .jx150-payment-balance-summary .jx150-row:last-child{border-bottom:0!important;}
  .jx150-payment-balance-summary .jx150-label{font-weight:850!important;color:#475569!important;}
  .jx150-payment-balance-summary .jx150-value{font-weight:950!important;color:#14532d!important;text-align:right!important;}
  .jx150-payment-balance-summary .jx150-balance .jx150-value{font-size:20px!important;}

  /* Quote notes should include numbers once deposit is received. */
  body.jx150-state-deposit .jx16-note-card:after,
  body.jx149-state-deposit .jx16-note-card:after{display:none!important;}
  .jx150-deposit-note{
    display:block;margin-top:10px;padding:14px 16px;border-radius:16px;
    background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-weight:850;line-height:1.35;
  }

  /* Phone numbers formatted by JS should look clickable. */
  a.jx150-phone-link{color:#0f172a!important;text-decoration:none!important;font-weight:800!important;}
  a.jx150-phone-link:active{color:#2563eb!important;}
}