/*
 * Payment Center and case tracker inside the public site's own header and footer
 * (owner, 1 Oct 2026). Builds on cha-payment-recovery-v1.css; only fixes and the
 * in-site frame live here.
 */

/* In-site frame: the site header/footer around a calm, light content band. */
.cha-pr-site .cha-pr-main{position:relative;padding:56px 0 88px;background:linear-gradient(180deg,#fff 0,#f6fbfb 55%,#f1f7f8 100%)}
.cha-pr-site .cha-pr-main::before{content:"";position:absolute;inset:0 0 auto;height:360px;pointer-events:none;background:radial-gradient(circle at 18% 0,rgba(14,124,123,.08),transparent 46%)}
.cha-pr-site .cha-pr-layout{position:relative}
.cha-pr-site .cha-pr-aside{top:104px}
.cha-pr-intro[hidden]{display:none}
.cha-pr-site .cha-pr-intro h1{font-size:clamp(32px,3.6vw,46px)}
/* The site header already leads home. */
.cha-pr-site .cha-pr-back{display:none}

/* Session view: headings and copy that had no style of their own. */
.cha-pr-section-title{margin:28px 0 0;color:#163047;font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.01em}
.cha-pr-action-area>.cha-pr-section-title:first-child{margin-top:0}
.cha-pr-choice-copy{margin:6px 0 16px;color:#64748b;font-size:13px;line-height:1.6}

/* Amount: label above the figure, never glued to it. */
.cha-pr-amount>div{display:grid;gap:6px}
.cha-pr-amount>div:last-child:not(:first-child){text-align:right}

/* Payment methods: two balanced columns; an odd last card takes the full row. */
.cha-pr-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cha-pr-method{min-height:150px;font:inherit}
.cha-pr-method:last-child:nth-child(odd){grid-column:1/-1;min-height:0}

/* Footer links of the session card share one size. */
.cha-pr-session__footer .cha-pr-text-link,.cha-pr-session__footer .cha-pr-text-link span{font-size:13px;line-height:1.4}

/* Case tracker form (same card, fields and button as the Payment Center). */
.cha-track-main .cha-pr-form .cha-pr-button--full{grid-column:1/-1}
.cha-track-main .cha-track-result{grid-column:1/-1;margin-top:0;border-radius:14px}
.cha-track-main .cha-track-result .cha-track-pay{display:inline-flex;margin-top:14px;width:auto}
.cha-track-main .cha-pr-info-card ul{margin-top:18px}

/* Receipt file picker in the page's language; the native input stays for keyboard and screen readers. */
.cha-pr-upload .cha-pr-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cha-pr-file{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 6px 6px 6px;border:1px solid #dce7ed;border-radius:10px;background:#fff;cursor:pointer}
.cha-pr-file__button{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#e8f4f4;color:#0b6463;font-size:13px;font-weight:600}
.cha-pr-file__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569;font-size:13px}
.cha-pr-upload .cha-pr-file-input:focus-visible+.cha-pr-file{outline:3px solid rgba(14,124,123,.35);outline-offset:2px}

@media (max-width:720px){
  /* Case No never breaks in the middle; long labels wrap on their own line instead. */
  .cha-pr-summary__item{flex-wrap:wrap;row-gap:4px}
  .cha-pr-summary__item strong{overflow-wrap:normal;white-space:nowrap;margin-left:auto}
  .cha-pr-site .cha-pr-main{padding:36px 0 64px}
  .cha-pr-method-grid{grid-template-columns:1fr}
  .cha-pr-method:last-child:nth-child(odd){grid-column:auto}
  .cha-pr-amount>div:last-child:not(:first-child){text-align:left}
}

/* Public site rule (Oct 2026): flat surfaces, hairlines, no shadows, no lift on hover. The
   send button stays on one line on phones. */
.cha-pr-site .cha-pr-card,.cha-pr-site .cha-pr-info-card,.cha-pr-site .cha-pr-button,.cha-pr-site .cha-pr-method,
.cha-pr-site .cha-pr-dialog__surface,.cha-pr-site .cha-pr-toast,.cha-pr-site .cha-pr-languages a{box-shadow:none}
.cha-pr-site .cha-pr-button:hover:not(:disabled),.cha-pr-site .cha-pr-method:hover{transform:none;box-shadow:none}
.cha-pr-site #cha-pr-request-submit span{white-space:nowrap}