/* V336: compact payment form, portal colors, and no reserved hidden fields. */
@media screen {
body[data-portal-page][data-appearance] #payment-request-v257 {
  max-width:none;width:100%;margin:0 0 24px;min-width:0;padding:0!important;
  --ink:var(--text);--muted:inherit;--line:var(--border);--blue:var(--primary);
  color:var(--text);font-family:inherit;
}
body[data-portal-page][data-appearance] #payment-request-v257 * {font-family:inherit!important}
body[data-portal-page][data-appearance] #payment-request-v257 .pr262-details {container-type:inline-size}
body[data-portal-page][data-appearance] #payment-request-v257 .pr263-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 .pr263-grid>.pr262-slot[hidden],
body[data-portal-page][data-appearance] #payment-request-v257 .pr263-spacer {display:none!important}
body[data-portal-page][data-appearance] #payment-request-v257 .pr264-row3>.pr260-card {
  min-height:0!important;height:auto!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 .pr260-main {gap:10px}
body[data-portal-page][data-appearance] #payment-request-v257 :is(.pr260-card,.pr260-steps,.pr260-files,.pr260-side>section:not(.pr260-brand),.pr263-bottom-actions) {
  background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 :is(.pr264-control-wrap,.pr257-nature-button,.pr257-nature-popup,.pr257-nature-options button,input,select,textarea) {
  background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 .pr257-nature-popup {width:285px;max-width:100%}
body[data-portal-page][data-appearance] #payment-request-v257 :is(.pr264-control-wrap>output,.pr260-drop,.section-note,.pr260-vendor-empty) {
  background:var(--surface-alt)!important;color:var(--text)!important;border-color:var(--border)!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 .pr264-control-icon {
  background:var(--surface-alt)!important;color:var(--primary-ink)!important;border-color:var(--border)!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 :is(.pr260-heading h2,.pr260-side h3,.pr262-vendor-head b,.pr260-steps span,.field,.fv24-label,.pr257-field>span,.pr260-files-head b) {color:var(--text)!important}
body[data-portal-page][data-appearance] #payment-request-v257 :is(.pr260-heading p,.pr260-side small,.pr262-vendor-head small,.pr260-steps small,.pr260-checks p,.pr260-side dt,.pr260-drop small,.pr256-empty,.field small) {color:var(--muted)!important}
body[data-portal-page][data-appearance] #payment-request-v257 .pr260-brand small {color:#fff!important}
body[data-portal-page][data-appearance] #payment-request-v257 .btn.primary {
  background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 .pr260-steps .active b {background:var(--primary)!important;color:var(--on-primary)!important}
body[data-portal-page][data-appearance] #payment-request-v257 .pr260-hero {
  min-height:88px!important;background:var(--pt-heading-bg,var(--surface))!important;
}
body[data-portal-page][data-appearance] #payment-request-v257 .pr260-hero h1 {color:var(--pt-heading-ink,var(--text))!important}
body[data-portal-page][data-appearance] #payment-request-v257 .pr260-hero p {color:var(--pt-heading-muted,var(--muted))!important}
body[data-portal-page][data-appearance] #payment-request-v257 .pr260-trust {color:var(--pt-heading-ink,var(--text))!important}
/* Theme banners already provide artwork. Do not overlay pale legacy mountains. */
body[data-overview-theme][data-portal-page][data-appearance] #payment-request-v257 .pr260-hero::before,
body[data-overview-theme][data-portal-page][data-appearance] #payment-request-v257 .pr260-hero::after {display:none!important}
body:not([data-overview-theme])[data-appearance="dark"] #payment-request-v257 :is(input,select,textarea) {color-scheme:dark}
body:not([data-overview-theme])[data-appearance="dark"] #payment-request-v257 .pr260-hero::before,
body:not([data-overview-theme])[data-appearance="dark"] #payment-request-v257 .pr260-hero::after {display:none!important}
@container (min-width:820px) {
  body[data-portal-page][data-appearance] #payment-request-v257 .pr263-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@container (min-width:1080px) {
  body[data-portal-page][data-appearance] #payment-request-v257 .pr263-grid {grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@container (max-width:599px) {
  body[data-portal-page][data-appearance] #payment-request-v257 .pr263-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container (max-width:379px) {
  body[data-portal-page][data-appearance] #payment-request-v257 .pr263-grid {grid-template-columns:1fr!important}
}
@media(max-width:1149px) {
  body[data-portal-page][data-appearance] #payment-request-v257 .pr260-steps {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;height:auto!important}
  body[data-portal-page][data-appearance] #payment-request-v257 .pr260-steps>div {min-width:0!important}
  body[data-portal-page][data-appearance] #payment-request-v257 .pr260-steps>i {display:none!important}
}
@media(max-width:760px) {
  body[data-portal-page][data-appearance] #payment-request-v257 .pr260-hero {min-height:0!important}
  body[data-portal-page][data-appearance] #payment-request-v257 .pr263-grid :is(.pr257-field,.pr257-nature,.fv24-control,.pr263-method>.field) {grid-template-rows:16px 46px!important;min-height:67px!important}
  body[data-portal-page][data-appearance] #payment-request-v257 .pr264-control-wrap {min-height:46px!important;height:46px!important}
  body[data-portal-page][data-appearance] #payment-request-v257 :is(.pr264-control-wrap>select,.pr264-control-wrap>input,.pr264-control-wrap>output,.pr264-control-wrap>.pr257-nature-button) {min-height:44px!important;height:44px!important;font-size:16px!important}
  body[data-portal-page][data-appearance] #payment-request-v257 .pr264-control-icon {height:44px!important}
  body[data-portal-page][data-appearance] #payment-request-v257 .pr257-nature-options button {height:auto;min-height:44px;padding:8px;font-size:14px!important}
}
}
