/* TW PAY detail screens — Aurora dimensional UI, high contrast and authentic assets.
   Home (#/home) and Shop landing (#/shop) intentionally unaffected. */
#twm-app:has(.mx-content) {
 --detail-navy:#071B49;--detail-muted:#52617c;--detail-line:#e1e7f4;
 --detail-rainbow:linear-gradient(100deg,#087BFF 0%,#743DFF 42%,#F414A0 75%,#FF8740 100%);
}
#twm-app:has(.mx-content)>.twm-main{
 background:radial-gradient(60% 28% at 90% -5%,rgba(144,121,254,.12),transparent 80%),linear-gradient(180deg,#fafbff 0%,#f6f5ff 100%)!important;
}
#twm-app:has(.mx-content) .mx-content{color:var(--detail-navy);gap:10px;max-width:780px}
#twm-app:has(.mx-content) :is(.sc-card,.mx-card,.sc-row){border:1px solid #e9eafb;box-shadow:0 5px 18px rgba(40,39,104,.065);background:linear-gradient(175deg,#fff 15%,#fbfbff)}
#twm-app:has(.mx-content) .twm-btn:not(.ghost){background:var(--detail-rainbow)!important;color:#fff!important;border:0!important;font-weight:900;min-height:48px;border-radius:15px;box-shadow:0 6px 18px rgba(116,61,255,.16)}
#twm-app[data-scr=shop] .sc-pdp{gap:10px}
#twm-app[data-scr=shop] .sc-pdp .sc-hero{grid-template-columns:1fr;gap:6px;min-height:0;overflow:visible;padding:12px;border:1px solid #e2e7ff;background:linear-gradient(150deg,#f5faff,#f4f0ff 55%,#fff4f1);border-radius:20px}
#twm-app[data-scr=shop] .sc-pdp .sc-hero-tx{padding-top:0;gap:4px}
#twm-app[data-scr=shop] .sc-pdp .sc-hero-tx h2{font-size:18px;margin:0}
#twm-app[data-scr=shop] .sc-pdp .sc-hero-bag{left:auto;right:10px;top:5px;bottom:auto;width:42px;height:42px;opacity:.8;filter:drop-shadow(0 5px 8px rgba(68,59,143,.13))}
#twm-app[data-scr=shop] .sc-pdp .pdp-stage{display:flex;flex-direction:column;align-items:stretch;padding:0;width:100%;min-width:0;gap:8px}
#twm-app[data-scr=shop] .sc-pdp .pdp-stage::after{display:none}
#twm-app[data-scr=shop] .sc-pdp .pdp-gallery-scroll{height:230px;max-width:min(100%,390px);width:100%;margin:0 auto;display:flex;gap:0;align-items:center;border-radius:16px;background:linear-gradient(160deg,#fff,#f6f8ff);box-shadow:inset 0 0 0 1px #edf0fa,0 5px 15px rgba(70,60,145,.045)}
#twm-app[data-scr=shop] .sc-pdp .pdp-gallery-img{flex:0 0 100%;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:7px;mix-blend-mode:normal;filter:drop-shadow(0 7px 8px rgba(36,39,89,.12))}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot{display:flex;min-width:0;min-height:75px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #e1e4f5;border-radius:12px;padding:4px;background:linear-gradient(160deg,#fff,#faf9ff);color:#071B49;font:800 10px/1.2 Nunito,sans-serif;overflow:hidden;cursor:pointer}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot img{display:block;height:45px;max-width:100%;object-fit:contain}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot span{white-space:nowrap}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot.active{border-color:#743DFF;box-shadow:0 0 0 2px rgba(116,61,255,.15)}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot.missing{border-style:dashed;color:#717c96;background:#f4f6fb;cursor:default}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-pending{height:45px;display:grid;place-items:center;font-size:22px;color:#a1aaca}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-note{margin:0;color:#5e6883;font-size:11px;line-height:1.35;text-align:center}
#twm-app[data-scr=shop] .sc-pdp .sc-info{padding:12px 14px}
#twm-app[data-scr=shop] .sc-pdp .sc-info-name{font-size:17px}
#twm-app[data-scr=shop] .sc-pdp .sc-price-lg{font-size:23px;color:#743DFF;font-weight:900;margin:7px 0}
#twm-app[data-scr=shop] .sc-pdp .pdp-condition{padding:14px;border-radius:18px}
#twm-app[data-scr=shop] .sc-pdp .pdp-condition-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}
#twm-app[data-scr=shop] .sc-pdp .pdp-condition-title h2{font:900 16px/1.25 Nunito,sans-serif;margin:0}
#twm-app[data-scr=shop] .sc-pdp .pdp-condition-state{background:#f0ebff;color:#5e2ee1;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}
#twm-app[data-scr=shop] .sc-pdp .pdp-condition-warning{font-size:11.5px;color:#6b617e;margin:4px 0 8px;line-height:1.4}
#twm-app[data-scr=shop] .sc-pdp .pdp-condition-summary{font:700 12px/1.4 Nunito,sans-serif;color:#25375e;margin:4px 0 10px}
#twm-app[data-scr=shop] .sc-pdp .pdp-condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;margin:0}
#twm-app[data-scr=shop] .sc-pdp .pdp-check-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:7px 0;border-bottom:1px solid #e9eaf5;font-size:12px}
#twm-app[data-scr=shop] .sc-pdp .pdp-check-row dt{color:#5b6780}
#twm-app[data-scr=shop] .sc-pdp .pdp-check-row dd{margin:0;text-align:right;font-weight:900;color:#142752;overflow-wrap:anywhere}
#twm-app[data-scr=shop] .sc-pdp .pdp-more{border:0;padding:9px 0 0;margin-top:4px}
#twm-app[data-scr=shop] .sc-pdp .pdp-more summary{list-style-position:inside;font-size:13px;font-weight:900;color:#633ce6;cursor:pointer;padding:3px 0 8px}
#twm-app[data-scr=shop] .sc-pdp .pdp-meta{font-size:12px;line-height:1.45;padding:5px 0 0;margin:5px 0 0;color:#39466d}
#twm-app[data-scr=shop] .sc-pdp .sc-kyc{background:#fff9f7;border:1px solid #ffc9ba;padding:10px;border-radius:16px}
#twm-app[data-scr=shop] .sc-pdp .sc-kyc p{font-size:12.5px}
#twm-app[data-scr=shop] .sc-pdp .sc-kyc img{width:52px;height:52px}
#twm-app[data-scr=shop] .sc-pdp .sc-row{padding:10px 12px;border-radius:14px}
#twm-app[data-scr=shop] .sc-pdp .sc-row-tx b{font-size:14px}
#twm-app[data-scr=shop] .sc-pdp .sc-row-tx small{font-size:12px}
#twm-app[data-scr=shop] .sc-pdp .pdp-swatches-section{padding:11px 12px}
#twm-app[data-scr=shop] .sc-pdp .sc-btn{border-radius:15px;min-height:48px}
#twm-app[data-scr=shop] :is(.sc-co,.sc-cart) .sc-steps li{font-size:12px}
#twm-app[data-scr=shop] :is(.sc-co,.sc-cart) .sc-card{padding:12px 14px}
#twm-app[data-scr=shop] :is(.sc-co,.sc-cart) .sc-card h2{font-size:16px}
#twm-app[data-scr=shop] :is(.sc-co,.sc-cart) .sc-sr{font-size:13px}
#twm-app[data-scr=shop] :is(.sc-co,.sc-cart) :is(input,select){border:1px solid #dbe2f3;border-radius:12px;color:#071B49}
#twm-app .mx-content .mx-barcode{border:1px solid #e3e8ef;border-radius:14px;background:#fff;overflow-x:auto}
#twm-app .mx-content .mx-barcode svg{min-width:280px;height:84px}
@media(max-width:480px){
 #twm-app[data-scr=shop] .sc-pdp .sc-hero{padding:10px}
 #twm-app[data-scr=shop] .sc-pdp .pdp-gallery-scroll{height:185px}
 #twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot{min-height:65px;font-size:9.5px}
 #twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot img,#twm-app[data-scr=shop] .sc-pdp .pdp-photo-pending{height:36px}
 #twm-app[data-scr=shop] .sc-pdp .pdp-condition-grid{grid-template-columns:1fr}
 #twm-app[data-scr=shop] .sc-pdp .pdp-check-row{padding:5px 0}
}
@media(prefers-reduced-motion:reduce){#twm-app[data-scr=shop] .sc-pdp .pdp-gallery-scroll{scroll-behavior:auto}}


/* Order progress & consolidated history — only after purchase / transfer entry screens */
#twm-app .mx-timeline{border-radius:18px;background:linear-gradient(180deg,#fff,#faf8ff);}
#twm-app .mx-timeline h2{font-size:16px;font-weight:900;color:#071B49;margin:0 0 10px}
#twm-app .mx-timeline ol{padding:0;margin:0;list-style:none;display:grid;gap:10px}
#twm-app .mx-timeline li{display:flex;align-items:flex-start;gap:10px;color:#60708b;line-height:1.3}
#twm-app .mx-timeline li.complete{color:#071B49}
#twm-app .mx-timeline-node{flex:0 0 29px;height:29px;border-radius:50%;display:grid;place-items:center;border:1px solid #d6d4ef;background:#f6f5ff;font-size:11px;font-weight:900}
#twm-app .mx-timeline li.complete .mx-timeline-node{color:#fff;background:#743DFF;border-color:#743DFF}
#twm-app .mx-timeline li span:last-child{display:flex;flex-direction:column;gap:3px}
#twm-app .mx-timeline li b{font-size:13px}
#twm-app .mx-timeline li small{font-size:11px;color:#64718d}
#twm-app .mx-timeline-warning{color:#8c4900;border:1px solid #f2dba8;background:#fffaf0;padding:10px;border-radius:12px;font-size:12px;font-weight:750}
#twm-app .mx-order-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 7px;scrollbar-width:thin}
#twm-app .mx-order-tabs button{flex:none;min-height:42px;border:1px solid #dedcf7;border-radius:14px;background:#fff;color:#071B49;font:850 12px Nunito,sans-serif;padding:8px 12px}
#twm-app .mx-order-tabs button[aria-pressed=true]{background:linear-gradient(110deg,#087BFF,#743DFF,#F414A0,#FF8740);border:0;color:#fff}
#twm-app .mx-order-item{min-width:0}
#twm-app .mx-order-copy{min-width:0;overflow-wrap:anywhere}
#twm-app .mx-order-item[hidden],#twm-app #mx-order-filter-empty[hidden]{display:none!important}
@media(max-width:390px){#twm-app .mx-order-item{gap:7px}#twm-app .mx-order-item .mx-pill{font-size:10px}#twm-app .mx-order-item b{font-size:12px}}

/* 2026-11-07 SKU photo provenance and sellability clarity */
#twm-app[data-scr=shop] .sc-pdp .pdp-img-placeholder{width:100%;min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#5D6383;text-align:center;font-size:12px}
#twm-app[data-scr=shop] .sc-pdp .pdp-img-placeholder img{width:min(75%,220px);height:70%;object-fit:contain;opacity:.85}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-source{font:700 11px/1.45 Nunito,sans-serif;color:#5D6383;margin:3px 0 0}
#twm-app[data-scr=shop] .sc-pdp .pdp-stock-notice{font-size:11.5px;color:#5d6084;font-weight:700}
#twm-app[data-scr=shop] .sc-pdp .pdp-img-load-error{flex:0 0 100%;min-width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:12px;color:#626d85;font-size:12px;background:#f8f7ff}
#twm-app[data-scr=shop] .sc-pdp .pdp-photo-slot .pdp-img-load-error{height:45px;min-width:100%}
#twm-app[data-scr=shop] .sc-pdp .pdp-sale-blocked{border:1px solid #ffc8b3;background:#fff9f5;border-radius:12px;color:#6d4355;padding:12px;font-size:13px;font-weight:800}
#twm-app[data-scr=shop] .sc-pdp .pdp-swatches-static .pdp-swatch-plain{display:inline-flex;align-items:center;gap:5px;cursor:default;min-height:36px}

/* 2026-11-07: Product condition dossier, readable and collapsed by default. */
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier{padding:12px 14px;border-radius:17px}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;min-height:44px;font:900 13px/1.35 Nunito,sans-serif;color:#071B49}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier summary::-webkit-details-marker{display:none}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier summary:focus-visible{outline:3px solid #087BFF;outline-offset:3px;border-radius:7px}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier summary::after{content:'⌄';font-size:21px;color:#743DFF}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier[open] summary::after{transform:rotate(180deg)}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-amount{font-size:11px;color:#66648c;font-weight:800;white-space:nowrap}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-disclaimer{font-size:12px;line-height:1.5;color:#615778;background:#f8f6ff;border:1px solid #ede7ff;padding:10px;border-radius:12px;margin:7px 0}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;margin:0}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px;min-width:0;padding:8px 0;border-bottom:1px solid #eef0f9;line-height:1.35}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-row dt{font-size:11.5px;color:#5d6881}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-row dd{font-size:12px;font-weight:800;color:#071B49;margin:0;overflow-wrap:anywhere}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-row dd.missing{color:#8d7992;font-weight:650}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-photo{font-size:11.5px;line-height:1.5;color:#5b6483;margin:12px 0 8px}
#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-help{display:inline-flex;align-items:center;min-height:44px;color:#6238db;font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-list{grid-template-columns:1fr}#twm-app[data-scr=shop] .sc-pdp .pdp-dossier-amount{font-size:10px}}