/* TW PAY — Existing-screen polish 2026-11-07.
   Presentation-only patch. Never change Home, Shop, authentication, data, routes, fee, rate or business logic.
   All selectors are scoped to app data-scr for explicitly identified customer screens.
*/
:root{--twp-polish-navy:#071B49;--twp-polish-grad:linear-gradient(100deg,#087BFF 0%,#743DFF 36%,#F414A0 70%,#FF8740 100%)}
#twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"],[data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="product"],[data-scr="kyc"],[data-scr="help"],[data-scr="faq"]){
 --twm-navy:#071B49;--twm-ink:#283b67;--twm-muted:#536286;
 --twm-line:#e4e7f8;--twm-bg:#f7f7ff;--twm-grad:var(--twp-polish-grad);
 --twm-r:18px;--twm-shadow:0 2px 5px rgba(18,32,74,.035),0 8px 24px rgba(48,58,145,.075);
 color:#071B49;
}
/* Scoped common foundation: prioritize legibility over decorative glow. */
#twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"],[data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="product"],[data-scr="kyc"],[data-scr="help"],[data-scr="faq"]) .twm-card{
 border:1px solid #e9e9f8;border-radius:18px;background:#fff;
 box-shadow:0 2px 4px rgba(24,32,80,.025),0 8px 25px rgba(64,53,128,.07);
}
#twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"],[data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="product"],[data-scr="kyc"],[data-scr="help"],[data-scr="faq"]) .twm-h1{font-size:clamp(22px,5.6vw,28px);line-height:1.2;letter-spacing:-.5px}
#twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"],[data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="product"],[data-scr="kyc"],[data-scr="help"],[data-scr="faq"]) :is(input,textarea,select,button){font-family:inherit}
#twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"],[data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="product"],[data-scr="kyc"],[data-scr="help"],[data-scr="faq"]) :where(a,button,input,select,textarea):focus-visible{
 outline:3px solid #743DFF;outline-offset:2px;box-shadow:0 0 0 5px rgba(116,61,255,.12)
}
/* Clear hierarchy, but keep every field and every validation as implemented. */
#twm-app:is([data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s06"],[data-scr="s09"],[data-scr="checkout"],[data-scr="checkout-review"]) .twm-lbl{color:#071B49;font-weight:850}
#twm-app:is([data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s06"],[data-scr="s09"],[data-scr="checkout"],[data-scr="checkout-review"]) .twm-input{border:1.5px solid #dbe1f4;border-radius:14px;min-height:48px;background:#fff}
#twm-app:is([data-scr="s01"],[data-scr="s06"]) .twm-recv{
 border:1px solid #d9e2fb;background:linear-gradient(135deg,#f3f8ff,#f7f0ff);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9)
}
#twm-app:is([data-scr="s01"],[data-scr="s06"]) .twm-recv .v{color:#172fa4;font-size:clamp(22px,6.4vw,31px);font-weight:1000;line-height:1.2}
#twm-app:is([data-scr="s01"],[data-scr="s06"]) .s1-tab.on{background:var(--twp-polish-grad)}
#twm-app:is([data-scr="s01"],[data-scr="s06"]) .s1-tab{border-radius:13px}
/* Recipient form: make bank validation and choices obvious. */
#twm-app[data-scr="s02"] .s2-saved{border:1px solid #e2e4fb}
#twm-app[data-scr="s02"] .s2-chip[aria-checked="true"]{background:#f2f0ff;border-color:#743DFF;color:#4c31b5}
#twm-app[data-scr="s02"] .s2-holder{border:1px solid #e4e6f0}
/* Payment store selection: do not change chosen store, event handlers or source logos. */
#twm-app[data-scr="s03"] .s3-tile{box-shadow:0 3px 8px rgba(55,52,116,.045);min-height:68px;border:1.5px solid #dce2f6}
#twm-app[data-scr="s03"] .s3-tile.on{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--twp-polish-grad) border-box}
#twm-app[data-scr="s03"] .s3-tile img{max-height:30px;object-fit:contain}
#twm-app[data-scr="s03"] .s3-tot b{font-weight:1000}
/* Waiting & barcode: codes must remain crisp and unmodified, no overlays. */
#twm-app:is([data-scr="s04"],[data-scr="s05"]) .s45-sum{border:1px solid #e2e7f8}
#twm-app:is([data-scr="s04"],[data-scr="s05"]) .twm-tl{background:#fff;border-radius:15px}
#twm-app[data-scr="s05"] .s45-bc{background:#fff!important;border:1px solid #e9eaf4!important;box-shadow:0 3px 12px rgba(36,34,95,.04);break-inside:avoid}
#twm-app[data-scr="s05"] .s45-bc .sv svg.c39{height:72px;min-height:72px;background:#fff;filter:none}
#twm-app[data-scr="s05"] .s45-bc .txt{color:#071B49;letter-spacing:.7px}
/* Installments: information-first, do not change formula, down-payment, terms. */
#twm-app[data-scr="s14"] .twm-card{background:linear-gradient(175deg,#fff,#fcfbff)}
#twm-app[data-scr="s14"] :is(.twm-input,select){min-height:44px}
/* Orders and order details: hierarchy, readable statuses, no fake paid state. */
#twm-app:is([data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"]) .twm-card{padding:14px}
#twm-app:is([data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"]) .twm-row{gap:12px;line-height:1.35;border-bottom:1px solid #eff0f8}
#twm-app:is([data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"]) .twm-row :is(b,strong){color:#071B49}
/* Purchase: details remain scrollable; sticky CTA may not obscure actual content. */
#twm-app:is([data-scr="product"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="kyc"]) .mx-content .mx-card{border:1px solid #e8e8f8;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(40,46,120,.05)}
#twm-app:is([data-scr="product"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="kyc"]) .mx-content :is(input,select){font-size:16px;min-height:44px}
#twm-app:is([data-scr="product"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="kyc"]) .mx-error{border:1px solid #e9a6b7;border-radius:12px;color:#9c263b;background:#fff8fa}
/* Help: bring content closer to top without changing routing or contact details. */
#twm-app:is([data-scr="help"],[data-scr="faq"]) .mx-content{gap:12px}
#twm-app:is([data-scr="help"],[data-scr="faq"]) .mx-content .mx-card{border:1px solid #e6e7fa;border-radius:18px;box-shadow:0 7px 21px rgba(53,46,135,.06)}
#twm-app:is([data-scr="help"],[data-scr="faq"]) .mx-link{font-weight:750;line-height:1.4}
/* Mobile compactness without clipping: never overflow:hidden on content. */
@media(max-width:600px){
 #twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"],[data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"],[data-scr="cart"],[data-scr="checkout"],[data-scr="checkout-review"],[data-scr="product"],[data-scr="kyc"],[data-scr="help"],[data-scr="faq"]) .twm-main{padding-left:12px;padding-right:12px}
 #twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"]) .twm-head{margin:4px 0 8px}
 #twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"]) .twm-card{padding:12px 13px;margin-bottom:9px}
 #twm-app:is([data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s06"],[data-scr="s09"]) .twm-steps{margin-bottom:9px}
 #twm-app:is([data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s06"],[data-scr="s09"]) .twm-field{margin-bottom:9px}
 #twm-app:is([data-scr="s04"],[data-scr="s05"]) .s45{gap:8px}
 #twm-app[data-scr="s05"] .s45-bcs{gap:10px}
 #twm-app[data-scr="s05"] .s45-bc{padding:7px 8px}
}
@media(min-width:1024px){
 #twm-app:is([data-scr="help"],[data-scr="faq"],[data-scr="orders"],[data-scr="account-orders"],[data-scr="order-detail"]) .twm-main{max-width:1040px}
 #twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"]) .twm-head{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){
 #twm-app:is([data-scr="s00"],[data-scr="s01"],[data-scr="s02"],[data-scr="s03"],[data-scr="s04"],[data-scr="s05"],[data-scr="s06"],[data-scr="s07"],[data-scr="s08"],[data-scr="s09"],[data-scr="s14"]) :is(button,a){transition:none!important}
}