/* DjimlyStore Marketplace v3.72.61 — targeted PC fixes and verified shipment timeline. */
/* Official shop: the same payment-logo artwork, stationary on every device. */
body.v36-product #ds358Seller.dm-official-shop img.ds358-shop-logo,
body.v36-product #ds358Seller .ds358-shop-head img.ds358-shop-logo {
 animation:none!important;transform:none!important;transition:none!important;
 width:58px!important;height:58px!important;min-width:58px!important;
 object-fit:contain!important;object-position:center!important;
 border:1px solid #d6e7f5!important;border-radius:15px!important;background:#fff!important;
}
/* Accurate order progress: recorded history only, never simulated dates. */
.rv61-history .rv61-verified-label{color:#3970ac;font-size:12px;font-weight:750}
.rv61-event-list{list-style:none;margin:16px 0 0;padding:0 0 0 9px}
.rv61-event-list li{position:relative;display:flex;gap:17px;padding:0 0 25px;min-width:0}
.rv61-event-list li:not(:last-child):before{content:'';position:absolute;left:6px;top:18px;bottom:-1px;width:2px;background:#d3e6fb}
.rv61-event-dot{flex:none;position:relative;z-index:1;width:14px;height:14px;margin-top:3px;border-radius:50%;background:#2675df;border:3px solid #e4f1ff;box-shadow:0 0 0 1px #a8caed}
.rv61-event-main{min-width:0;display:grid;gap:5px;color:#304c69}
.rv61-event-main strong{font-size:14px;color:#152b48;line-height:1.35}
.rv61-event-time,.rv61-event-place{color:#5d7691;font-size:12px}
.rv61-event-place:before{content:'📍 ';font-size:12px}
.rv61-event-main p{margin:0;font-size:12px;line-height:1.5;color:#536983;overflow-wrap:anywhere}
.rv61-no-events{font-size:13px;line-height:1.65;color:#667d96;padding:12px 2px}
.rv61-carrier dl{margin:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.rv61-carrier dl>div{background:#f2f7fe;border-radius:13px;padding:13px;min-width:0}
.rv61-carrier dt{font-size:11px;color:#627c96;margin-bottom:5px}
.rv61-carrier dd{margin:0;color:#16447b;font-weight:850;font-size:14px;overflow-wrap:anywhere}
.rv61-carrier small{color:#677d91;font-size:11px;line-height:1.45}
@media(max-width:620px){.rv61-carrier dl{grid-template-columns:1fr}.rv61-history,.rv61-carrier{padding:16px!important}.rv61-event-main strong{font-size:13px}}
@media(min-width:1024px){
 /* Reseller: keep sidebar; build genuinely wide inner sections, not enlarged phone cards. */
 body.rv53-premium #tab-more>.scroll{display:block!important;max-width:none!important;padding:28px clamp(20px,3vw,52px) 85px!important}
 body.rv53-premium #tab-more>.scroll>.sec-hdr{width:100%!important;padding:8px 0 15px!important}
 body.rv53-premium #tab-more>.scroll>.card{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;background:transparent!important;border:none!important;border-radius:0!important;width:100%!important;margin:0!important;overflow:visible!important}
 body.rv53-premium #tab-more>.scroll>.card>.card-row{min-width:0!important;min-height:110px!important;padding:22px!important;border:1px solid #344d6f!important;border-radius:18px!important;background:#162943!important;display:flex!important;align-items:center!important;gap:15px!important;box-shadow:0 10px 25px #040e2030!important;cursor:pointer!important}
 body.rv53-premium #tab-more .card-row>div[style*="flex:1"],body.rv53-premium #tab-more .rv61-setting-label{min-width:0!important;flex:1!important}
 body.rv53-premium #tab-more .card-row p{font-size:15px!important;font-weight:750!important;color:#f6faff!important;line-height:1.45!important;overflow-wrap:anywhere!important}
 body.rv53-premium #tab-more .card-row p+p{font-size:12px!important;font-weight:550!important;color:#b5cce8!important;margin-top:4px!important}
 body.rv53-premium #tab-more .card-row>.order-icon{width:46px!important;height:46px!important;flex:none!important;border-radius:13px!important}
 body.rv53-premium #tab-more .card-row>svg:last-child{flex:none!important;color:#afceef!important}
 body.rv53-premium #tab-more .rv61-scan-row{grid-column:auto!important;position:relative!important;margin:0!important}
 /* Reseller wallet: 12-column business workspace. Balance hero + actions up top; no narrow centered mobile strip. */
 body.rv53-premium #tab-wallet>.scroll{width:100%!important;max-width:none!important;overflow-y:auto!important}
 body.rv53-premium #tab-wallet .wallet-ios-shell{width:100%!important;max-width:1660px!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:20px!important;padding:30px clamp(22px,3vw,52px) 85px!important;align-content:start!important;align-items:stretch!important}
 body.rv53-premium #tab-wallet .wallet-ios-hero{grid-column:span 8!important;min-width:0!important;min-height:260px!important;margin:0!important;padding:31px!important}
 body.rv53-premium #tab-wallet .wallet-action-grid{grid-column:span 4!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin:0!important;min-width:0!important}
 body.rv53-premium #tab-wallet .wallet-action-card{min-height:112px!important;width:100%!important;margin:0!important;padding:20px!important}
 body.rv53-premium #tab-wallet .wallet-panel{grid-column:span 6!important;min-width:0!important;margin:0!important;align-self:start!important;padding:24px!important}
 body.rv53-premium #tab-wallet .wallet-history-modern{grid-column:span 12!important}
 body.rv53-premium #tab-wallet .wallet-ios-amount{font-size:clamp(35px,3.2vw,57px)!important;overflow-wrap:anywhere!important}
 /* Reseller orders: readable wide rows with real photo, details, status; existing handlers untouched. */
 body.rv53-premium #tab-orders #ordersList{width:100%!important;max-width:1660px!important;margin:0 auto!important;padding:22px clamp(20px,3vw,50px) 80px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-content:start!important}
 body.rv53-premium #tab-orders #ordersList .rv41-order-row{display:grid!important;grid-template-columns:125px minmax(0,1fr)!important;align-items:start!important;gap:16px!important;margin:0!important;padding:17px!important;border:1px solid #354b6a!important;background:#14243a!important;border-radius:18px!important;box-shadow:0 10px 25px #020a1828!important;min-width:0!important;width:auto!important;max-width:100%!important;min-height:186px!important;overflow:hidden!important}
 body.rv53-premium #tab-orders .rv41-order-img{width:125px!important;height:143px!important;border-radius:12px!important}
 body.rv53-premium #tab-orders .rv41-order-img img{object-fit:contain!important;background:#192e48!important}
 body.rv53-premium #tab-orders .rv41-order-descr{min-width:0!important;overflow:hidden!important}
 body.rv53-premium #tab-orders .rv41-order-descr strong{font-size:15px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
 body.rv53-premium #tab-orders .rv41-order-descr small{font-size:12px!important;line-height:1.5!important}
 body.rv53-premium #tab-orders .rv41-order-funds{grid-column:1/-1!important;font-size:12px!important;padding-top:7px!important;border-top:1px solid #3a5270!important}
 body.rv53-premium #tab-orders #ordersCount{max-width:1660px!important;margin:0 auto!important;padding:15px 38px 0!important;font-size:14px!important}
 body.rv53-premium #tab-orders .top-bar>div:first-child{min-width:0!important}
 /* Full desktop chat with a real conversation rail and usable message composer. */
 body.rv53-premium #sc-chat{width:100%!important;min-width:0!important}
 body.rv53-premium #sc-chat .chat-messages{width:100%!important;max-width:none!important;margin:0!important;padding:26px 36px 30px!important;font-size:15px!important;min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important}
 body.rv53-premium #sc-chat .chat-messages>div{max-width:min(70%,780px)!important;overflow-wrap:anywhere!important}
 body.rv53-premium #sc-chat #chatPaneAI{min-width:0!important;width:100%!important;max-width:none!important}
 body.rv53-premium #sc-chat .chat-input-bar{width:calc(100% - 72px)!important;max-width:none!important;margin:0 36px 22px!important;flex:none!important}
 body.rv53-premium #sc-chat .chat-input-bar input{font-size:15px!important;min-height:50px!important}
 body.rv53-premium #sc-chat .chat-quickreplies{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 36px!important}
 body.rv53-premium #sc-chat .chat-quickreplies .gap{display:none!important}
 /* Desktop payment confirmation: centered, bounded cards instead of full-screen blue QR slab. */
 body:has(.success-wrap) .success-wrap{width:min(100% - 42px,900px)!important;margin:35px auto 80px!important;padding:34px 30px 40px!important;border:1px solid #e0eaf5!important;border-radius:24px!important;background:#fff!important;box-shadow:0 16px 60px #163c6420!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}
 body:has(.success-wrap) .check-circle{width:76px!important;height:76px!important;margin:5px auto 17px!important}
 body:has(.success-wrap) .success-title{font-size:clamp(22px,2vw,30px)!important}
 body:has(.success-wrap) .success-sub{max-width:620px!important;margin-bottom:25px!important}
 body:has(.success-wrap) .success-card,body:has(.success-wrap) .delivery-code-success,body:has(.success-wrap) .success-actions{width:100%!important;max-width:790px!important;margin:0 auto 18px!important;flex:none!important}
 body:has(.success-wrap) .delivery-code-success{padding:20px 26px!important;display:block;text-align:center;border-radius:17px!important}
 body:has(.success-wrap) .delivery-code-success[style*="none"]{display:none!important}
 body:has(.success-wrap) .dc-success-qr{width:134px!important;height:134px!important;margin:12px auto!important}
 body:has(.success-wrap) .success-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
 body:has(.success-wrap) .order-detail-row{padding:12px 21px!important}
 /* Customer order search/list: full-width desktop tracking workspace. */
 body:has(.track-wrap) .track-wrap{max-width:1450px!important;width:calc(100% - 70px)!important;margin:25px auto 90px!important;min-width:0!important}
 body:has(.track-wrap) .track-search-card{margin:0 0 22px!important;padding:23px!important;border-radius:18px!important}
 body:has(.track-wrap) #myOrdersWrap{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}
 body:has(.track-wrap) #myOrdersWrap>.track-list-card{width:100%!important;min-width:0!important;margin:0!important;padding:20px!important;border-radius:18px!important}
 body:has(.track-wrap) .track-list-image{width:115px!important;height:115px!important;flex:none!important}
 body:has(.track-wrap) .track-list-name{font-size:15px!important;line-height:1.45!important}
 body:has(.track-wrap) .track-list-bottom button{min-width:130px!important}
 /* Event detail expands only on PC, while timeline stays vertical on mobile. */
 body:has(.os-page) .os-shell{max-width:1140px!important;width:calc(100% - 55px)!important;padding-bottom:65px!important}
 body:has(.os-page) .os-hero{padding:32px!important}
 body:has(.os-page) .os-card,body:has(.os-page) .os-route{padding:25px!important;border-radius:20px!important}
 body:has(.os-page) .os-step-title{font-size:15px!important}
 body:has(.os-page) .os-step-desc,body:has(.os-page) .os-step-date{font-size:12px!important}
}
@media(min-width:1024px) and (max-width:1240px){
 body.rv53-premium #tab-wallet .wallet-ios-hero{grid-column:1/-1!important}
 body.rv53-premium #tab-wallet .wallet-action-grid{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.rv53-premium #tab-orders #ordersList{grid-template-columns:1fr!important}
}
@media(max-width:1023px){
 /* Keep all existing mobile reseller views and customer layouts, except logo and timeline. */
 .rv61-scan-row{border-top:1px solid var(--border)!important}
}
/* Desktop reseller buyer conversations: size the actual inbox (created by selling.js),
   not just the independent support chat. */
@media(min-width:1024px){
 body.rv53-premium #tab-messages{width:100%!important;min-width:0!important}
 body.rv53-premium #tab-messages .top-bar{min-height:88px!important}
 body.rv53-premium #tab-messages>.scroll{width:100%!important;max-width:none!important;padding:26px clamp(24px,3.3vw,52px) 75px!important;overflow-y:auto!important}
 body.rv53-premium #rv24Inbox{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;width:100%!important;max-width:1550px!important;margin:0 auto!important;min-width:0!important}
 body.rv53-premium #rv24Inbox>.rv31-inbox-row{min-width:0!important;min-height:122px!important;padding:22px!important;display:flex!important;align-items:center!important;gap:17px!important;border-radius:19px!important;border:1px solid #385071!important;background:#152b46!important;text-align:left!important;color:#f4faff!important;box-shadow:0 8px 25px #0612232a!important}
 body.rv53-premium #rv24Inbox .rv31-inbox-avatar{width:52px!important;height:52px!important;font-size:19px!important;flex:none!important}
 body.rv53-premium #rv24Inbox>.rv31-inbox-row>span:nth-child(2){min-width:0!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:6px!important}
 body.rv53-premium #rv24Inbox .rv31-inbox-row strong{font-size:15px!important;color:#fff!important;line-height:1.35!important}
 body.rv53-premium #rv24Inbox .rv31-inbox-row small{font-size:12px!important;color:#b9cee8!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body.rv53-premium #rv24Inbox .rv31-inbox-row img{width:72px!important;height:72px!important;object-fit:contain!important;border-radius:13px!important;flex:none!important}
 body.rv53-premium #rv24Panel.on:has(#rv31ThreadBubbles){inset:4vh max(4vw,calc((100vw - 1180px)/2))!important;max-height:92vh!important;display:flex!important;border:1px solid #465f80!important;border-radius:23px!important;box-shadow:0 27px 75px #0009!important}
 body.rv53-premium #rv24Panel:has(#rv31ThreadBubbles) #rv24Body{min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;flex:1!important;padding:22px 30px!important}
 body.rv53-premium #rv24Panel .rv31-thread-bubbles{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;padding:16px!important;font-size:14px!important}
 body.rv53-premium #rv24Panel:has(#rv31ThreadBubbles) #rv24Footer{flex:none!important;display:flex!important;gap:12px!important;padding:18px 24px!important;align-items:center!important}
 body.rv53-premium #rv24Panel #rv31SellerText{flex:1!important;min-width:0!important;min-height:52px!important;resize:vertical!important;font-size:15px!important}
}
@media(min-width:1024px) and (max-width:1180px){body.rv53-premium #rv24Inbox{grid-template-columns:1fr!important}}
/* Release QA: stronger selectors than the legacy #app desktop rules. */
@media(min-width:1024px){
 body.rv53-premium #app #tab-wallet .wallet-ios-shell{display:grid!important;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr)!important;grid-auto-flow:row!important;grid-auto-rows:auto!important;gap:20px!important;width:100%!important;max-width:1650px!important;margin:0 auto!important;padding:30px clamp(20px,3vw,48px) 88px!important}
 body.rv53-premium #app #tab-wallet .wallet-ios-shell>.wallet-ios-hero{grid-column:1!important;grid-row:auto!important;min-width:0!important;min-height:275px!important;width:100%!important;margin:0!important}
 body.rv53-premium #app #tab-wallet .wallet-ios-shell>.wallet-action-grid{grid-column:2!important;grid-row:auto!important;min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin:0!important}
 body.rv53-premium #app #tab-wallet .wallet-ios-shell>.wallet-panel{grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:100%!important;margin:0!important;padding:23px!important}
 body.rv53-premium #app #tab-wallet .wallet-ios-shell>.wallet-panel.wallet-history-modern{grid-column:1/-1!important}
 body.rv53-premium #app #tab-orders #ordersList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;padding:24px clamp(22px,3vw,50px) 85px!important;align-content:start!important}
 body.rv53-premium #app #tab-orders #ordersList>.rv41-order-row{grid-template-columns:125px minmax(0,1fr)!important;min-width:0!important;max-width:100%!important;min-height:180px!important}
}
@media(min-width:1024px) and (max-width:1240px){
 body.rv53-premium #app #tab-wallet .wallet-ios-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.rv53-premium #app #tab-wallet .wallet-ios-shell>.wallet-ios-hero{grid-column:1/-1!important}
 body.rv53-premium #app #tab-wallet .wallet-ios-shell>.wallet-action-grid{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.rv53-premium #app #tab-orders #ordersList{grid-template-columns:1fr!important}
}
