:root{font-family:Inter,system-ui,"Noto Sans Thai",sans-serif;color:#f7f7fb;background:#090a0f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#171027 0,#090a0f 35%);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}header{height:72px;position:sticky;top:0;z-index:5;background:rgba(8,9,14,.9);backdrop-filter:blur(16px);border-bottom:1px solid #24242d;display:flex;align-items:center;padding:0 5vw;gap:28px}.logo{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:max-content}.logoMark{width:42px;height:42px;object-fit:contain;display:block;filter:drop-shadow(0 0 14px rgba(159,108,255,.34))}.logo.solo{gap:0}.logoWord{height:24px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 0 16px rgba(171,93,255,.22))}nav{display:flex;gap:8px;flex:1}nav button{background:transparent;color:#aaa;border:0;padding:10px 12px;border-radius:10px}nav button.active,nav button:hover{background:#171721;color:#fff}.balance{border:1px solid #302b3f;border-radius:12px;padding:9px 13px;color:#d7c7ff}main{width:min(1180px,92vw);margin:28px auto 70px}.hero{min-height:430px;border:1px solid #292633;border-radius:24px;overflow:hidden;padding:56px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;background:linear-gradient(120deg,#141019,#0b0c12 60%,#1d1335)}.hero h1{font-size:58px;line-height:1.02;margin:8px 0 18px}.hero p{color:#b8b7c0;max-width:600px;font-size:18px}.eyebrow,.cat{font-size:12px;color:#9f7cff;text-transform:uppercase;letter-spacing:.12em}.heroBrand{height:72px;width:auto;display:block;margin-bottom:18px;max-width:72px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(171,93,255,.26))}.heroArt{display:grid;place-items:center;position:relative}.heroIconArt{width:min(100%,390px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 0 40px rgba(126,73,236,.42))}.primary{background:linear-gradient(135deg,#7f55dd,#9b6ff3);border:0;color:#fff;font-weight:700;border-radius:12px;padding:13px 18px;box-shadow:0 10px 30px rgba(116,70,200,.25)}.sectionTitle,.pageHead{display:flex;align-items:end;justify-content:space-between;margin:34px 0 18px}.sectionTitle span,.pageHead p,.muted{color:#8f8f9b}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#111219;border:1px solid #282934;border-radius:16px;padding:12px;transition:.2s;cursor:pointer}.card:hover{transform:translateY(-3px);border-color:#6d4fa9}.thumb{height:150px;border-radius:12px;background:linear-gradient(150deg,#25212f,#11131a);display:grid;place-items:center;font-size:70px;margin-bottom:14px}.card h3{min-height:48px;margin:6px 0}.row{display:flex;justify-content:space-between;align-items:center}.row b,.price{color:#ffc56f}.info{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info>div{background:#111219;border:1px solid #282934;border-radius:16px;padding:20px;display:grid;gap:6px}.info span{color:#92929b;font-size:13px}.pageHead input,.form input,.form select{background:#111219;color:#fff;border:1px solid #2a2b36;border-radius:12px;padding:12px 14px;min-width:260px}.chips{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.chips span,.badges span{background:#15151d;border:1px solid #292a35;border-radius:999px;padding:8px 11px;color:#c6c6cf}.product{display:grid;grid-template-columns:460px 1fr;gap:34px}.productImage{height:460px;border:1px solid #2a2933;border-radius:22px;background:linear-gradient(150deg,#23202d,#0f1118);display:grid;place-items:center;font-size:180px}.productInfo h1{font-size:40px;margin-bottom:8px}.price{font-size:34px;font-weight:800;margin:20px 0}.badges{display:flex;flex-wrap:wrap;gap:8px}.buy{width:100%;margin:24px 0;font-size:18px}.panel,.walletCard,.order,.stats>div{background:#111219;border:1px solid #282934;border-radius:16px;padding:20px}.walletCard{max-width:520px;display:grid;gap:10px}.walletCard strong{font-size:40px}.txn,.sellerItem{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #22232b;padding:14px 0}.empty{text-align:center;padding:70px;color:#8f8f9b;border:1px dashed #30313b;border-radius:16px}.order{margin-bottom:14px}.orderTop,.orderBody,.actions{display:flex;align-items:center}.orderTop{justify-content:space-between}.orderBody{gap:14px;margin:18px 0}.miniThumb{width:70px;height:70px;background:#1a1b22;border-radius:12px;display:grid;place-items:center;font-size:34px}.grow{flex:1}.timer{text-align:right}.timer small{display:block;color:#90909b}.timer b{color:#ffb55d}.actions{justify-content:flex-end;gap:10px}.pending,.done{padding:7px 10px;border-radius:999px;font-size:12px}.pending{background:#3a2a13;color:#ffbd66}.done{background:#123521;color:#6ee7a2}.danger,.success{border:0;border-radius:10px;padding:10px 14px;color:#fff}.danger{background:#a92e48}.success{background:#218a52}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats span{display:block;color:#8f8f9b}.stats strong{display:block;font-size:28px;margin-top:8px}.form{margin-bottom:18px}.formRow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.form label{display:grid;gap:6px;color:#a7a7b1}.form small{color:#777987}.sellerItem{gap:12px}.sellerItem>span{font-size:30px}.toast{position:fixed;right:24px;bottom:24px;background:#1f182b;border:1px solid #684b9b;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 15px 50px #0008}.hidden{display:none}.chatNavBtn{position:relative;background:linear-gradient(135deg,#19ab57,#30d977);border:1px solid #43e592;color:#fff;font-weight:800;border-radius:12px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 28px rgba(25,183,95,.2)}.chatNavBtn.hasUnread{box-shadow:0 0 0 2px rgba(48,217,119,.2),0 0 22px rgba(48,217,119,.35)}.chatNavBadge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff405f;color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center;border:2px solid #0b0c12}.bellBtn.hasUnread{box-shadow:0 0 0 2px rgba(255,64,95,.15)}.chatLayout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.chatSidebar,.chatMain{background:#111219;border:1px solid #282934;border-radius:18px}.chatSidebar{padding:14px;display:grid;grid-template-rows:auto auto minmax(320px,1fr);gap:12px}.chatSearch{width:100%;background:#0e0f15;border:1px solid #2b2d37;border-radius:12px;padding:11px 13px;color:#fff}.chatThreadList{display:grid;gap:10px;max-height:66vh;overflow:auto;padding-right:4px}.chatThreadItem{background:#0d0e14;border:1px solid #252733;border-radius:14px;padding:12px;cursor:pointer;display:grid;gap:6px}.chatThreadItem.active{border-color:#31cf74;box-shadow:0 0 0 1px #31cf74 inset}.chatThreadTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.chatThreadName{font-weight:800;color:#fff}.chatThreadPreview{color:#8d8f9b;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chatThreadMeta{display:flex;gap:8px;align-items:center;font-size:12px;color:#7bdc9f}.chatUnread{background:#2ed172;color:#08110b;font-weight:900;border-radius:999px;padding:2px 7px;font-size:11px}.chatMain{display:grid;grid-template-rows:auto 1fr auto;min-height:72vh}.chatMainHead{padding:18px 20px;border-bottom:1px solid #282934;display:flex;justify-content:space-between;gap:16px;align-items:center}.chatMainHead b{font-size:18px}.chatMainHead .muted{font-size:13px}.chatMessages{padding:18px 18px 8px;overflow:auto;display:grid;gap:12px;background:linear-gradient(180deg,#0d0e14,#111219)}.chatMsg{max-width:min(78%,620px);padding:12px 14px;border-radius:16px;line-height:1.6;word-break:break-word}.chatMsg small{display:block;margin-top:6px;font-size:11px;opacity:.72}.chatMsg.mine{justify-self:end;background:linear-gradient(135deg,#19ab57,#28d475);color:#fff;border-bottom-right-radius:6px}.chatMsg.theirs{justify-self:start;background:#171922;border:1px solid #2c2e39;color:#ececf2;border-bottom-left-radius:6px}.chatMsg.system{justify-self:center;background:#14161d;border:1px dashed #35384a;color:#b8bbc8;max-width:86%;text-align:center}.chatComposer{padding:16px 18px 18px;border-top:1px solid #282934;display:grid;grid-template-columns:1fr auto;gap:12px}.chatComposer textarea{width:100%;min-height:84px;max-height:180px;resize:vertical;background:#0d0e14;border:1px solid #2d2f39;border-radius:14px;padding:12px 14px;color:#fff}.chatSendBtn{align-self:end;background:linear-gradient(135deg,#18aa56,#2fd977);border:1px solid #40e68f;color:#fff;font-weight:800;border-radius:14px;padding:12px 18px;min-width:150px}.chatTag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#0f2117;border:1px solid #295b40;color:#84e2aa;font-size:12px;font-weight:700}.chatEmptyPanel{display:grid;place-items:center;color:#8c8e9b;padding:30px;text-align:center}.chatQuickActions{display:flex;gap:10px;flex-wrap:wrap}.chatJumpBtn{background:#15161e;border:1px solid #333541;color:#ddd;border-radius:10px;padding:8px 10px;font-size:13px}.chatPageMain{width:min(1480px,98vw)}.chatShell{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;min-height:78vh;background:#0b0c12;border:1px solid #292a35;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}.chatSidebar2{background:#101118;border-right:1px solid #292a35;display:grid;grid-template-rows:auto auto auto 1fr}.chatBrand{padding:16px 18px;border-bottom:1px solid #292a35;display:flex;align-items:center;justify-content:space-between;gap:12px}.chatBrandLogo{display:flex;align-items:center;gap:12px;font-weight:900;color:#e93a56;font-size:18px}.chatBrandLogoMark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#20121a;color:#e93a56;font-weight:900}.chatSideBell{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid #30323d;background:#15161e;color:#a8acb8;display:grid;place-items:center}.chatSideBell .chatNavBadge{top:-4px;right:-4px;border-color:#0b0c12}.chatSidebarSearch{padding:14px 14px 10px}.chatSidebarSearch input{width:100%;background:#111219;border:1px solid #30323d;border-radius:16px;padding:12px 14px;color:#f4f4f7}.chatSidebarMeta{padding:0 14px 14px;display:grid;gap:12px}.chatSidebarFilter{display:flex;align-items:center;justify-content:space-between;color:#999ca8;font-size:14px;padding:0 4px}.chatTabs{display:flex;gap:8px}.chatTabs button{background:#111219;border:1px solid #30323d;border-radius:999px;padding:9px 13px;color:#6c7280}.chatTabs button.active{background:#7f55dd;color:#fff;border-color:#9b6ff3}.chatThreadList2{overflow:auto;padding:0 10px 12px;display:grid;gap:8px;align-content:start;grid-auto-rows:max-content}.chatThreadRow{background:transparent;border:1px solid transparent;border-radius:16px;padding:10px 10px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;cursor:pointer;min-height:72px}.chatThreadRow:hover{background:#171922}.chatThreadRow.active{background:#1c1827;border-color:#6d4fa9}.chatThreadAvatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#282033,#12131a);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;overflow:hidden;position:relative;isolation:isolate}.chatThreadAvatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.chatStatusDot{position:absolute;right:1px;bottom:1px;width:10px;height:10px;border-radius:50%;border:2px solid #101118;background:#8d95a4;z-index:3}.chatStatusDot.online{background:#22c55e}.chatThreadText{min-width:0}.chatThreadText b{display:block;color:#f4f4f7;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatThreadSub{display:flex;gap:8px;align-items:center;color:#9a9da8;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatThreadPreview2{font-size:12px;color:#a9acb8;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatThreadRight{display:grid;justify-items:end;gap:6px;color:#9295a1;font-size:11px;align-self:center}.chatUnreadPill{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#ff4d6d;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}.chatMoreBtn{background:transparent;border:0;color:#8b93a2;font-size:22px;line-height:1}.chatStage{display:grid;grid-template-rows:auto minmax(320px,1fr) auto;background:#0d0e14;min-height:0}.chatStageHead{height:70px;padding:12px 18px;border-bottom:1px solid #292a35;display:flex;align-items:center;justify-content:space-between;gap:16px}.chatPeerBox{display:flex;align-items:center;gap:12px;min-width:0}.chatPeerAvatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#282033,#12131a);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden;position:relative;isolation:isolate}.chatPeerAvatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.adminAvatarFrame{box-shadow:0 0 0 2px rgba(255,217,102,.28),0 0 24px rgba(144,102,255,.28)}.adminAvatarFrame::before{content:"";position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 0deg,#ffd86b,#a970ff,#27d5b6,#ffd86b);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);animation:adminRingSpin 3s linear infinite;pointer-events:none;z-index:0}.adminCrownBadge{position:absolute;top:-7px;right:-4px;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#ffe18a,#ffb703);display:grid;place-items:center;font-size:11px;box-shadow:0 6px 16px rgba(255,198,59,.4);z-index:4}.chatPeerAvatar .adminCrownBadge{width:20px;height:20px;font-size:12px;top:-8px;right:-5px}.adminThreadBadge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;background:rgba(255,216,107,.14);color:#ffd86b;border:1px solid rgba(255,216,107,.35);margin-left:8px;vertical-align:middle}.chatThreadRow.adminSupportThread{background:linear-gradient(135deg,rgba(89,63,176,.26),rgba(19,16,32,.98));border-color:#6546d8;box-shadow:0 0 0 1px rgba(111,80,221,.18) inset}.chatThreadRow.adminSupportThread.active{border-color:#ffd86b;box-shadow:0 0 0 1px rgba(255,216,107,.45) inset,0 0 26px rgba(125,87,242,.2)}.adminSupportThread .chatThreadPreview2{color:#d6cdfa}@keyframes adminRingSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.chatPeerTitle{min-width:0}.chatPeerTitle b{display:block;color:#f4f4f7;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatPeerMeta{display:flex;gap:10px;align-items:center;color:#9699a5;font-size:13px;flex-wrap:wrap}.chatOnline{display:inline-flex;align-items:center;gap:6px;color:#6d7482}.chatOnline i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#686b77}.chatOnline.online i{background:#22c55e}.chatHistoryBtn{background:#15161e;border:1px solid #30323d;border-radius:999px;padding:10px 14px;color:#b8bac4;display:inline-flex;align-items:center;gap:8px;font-weight:700}.chatBoard{background:linear-gradient(180deg,#0c0d13,#0f1118);overflow:auto;overflow-x:hidden;padding:20px 22px;min-height:0}.chatWelcome{height:100%;display:grid;place-items:center;color:#7c8594;text-align:center;padding:30px}.chatBubbleWrap{display:flex;margin-bottom:14px}.chatBubbleWrap.mine{justify-content:flex-end}.chatBubbleWrap.theirs{justify-content:flex-start}.chatBubbleWrap.system{justify-content:center}.chatBubble{max-width:min(72%,680px);padding:12px 14px;border-radius:18px;background:#171922;border:1px solid #2a2d39;color:#f4f4f7;box-shadow:0 8px 22px rgba(0,0,0,.18)}.chatBubbleWrap.mine .chatBubble{background:linear-gradient(135deg,#19ab57,#28d475);border-color:#31cf74;color:#fff;border-bottom-right-radius:6px}.chatBubbleWrap.system .chatBubble{background:#14161d;border:1px dashed #3a3d49;color:#aeb1bc;text-align:center}.chatBubbleText{white-space:pre-wrap;word-break:break-word;line-height:1.6}.chatBubbleMeta{margin-top:8px;font-size:11px;opacity:.75}.chatComposer2{border-top:1px solid #292a35;background:linear-gradient(180deg,#0f1016,#111219);padding:14px 18px 18px}.chatComposerBox{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.chatInputWrap{background:#0d0e14;border:1px solid #30323d;border-radius:16px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.chatInputWrap textarea{width:100%;min-height:86px;max-height:180px;border:0;resize:vertical;padding:14px 16px;color:#f4f4f7;background:#0d0f15;outline:none}.chatInputToolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid #242631;background:#11131a;color:#8f929e}.chatInputIcons{display:flex;gap:10px;align-items:center}.chatIconBtn{width:34px;height:34px;border-radius:10px;border:1px solid #30323d;background:#15161e;color:#b9bbc5;display:grid;place-items:center}.chatCounter{font-size:12px;color:#838793}.chatSendBtn2{background:linear-gradient(135deg,#18aa56,#2fd977);border:1px solid #40e68f;color:#fff;font-weight:800;border-radius:12px;padding:13px 20px;min-width:120px;height:52px}.chatLinkedProduct{margin:16px 22px 10px;background:linear-gradient(135deg,#121726,#0f1320);border:1px solid #26344d;color:#c7d7ff;border-radius:18px;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.chatLinkedProduct b{color:#f3f7ff;font-size:16px}.chatLinkedProduct small{display:none}.chatMiniTag{display:inline-flex;align-items:center;gap:6px;background:#17233a;color:#9cb9ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.chatLinkedThumb{width:58px;height:58px;border-radius:16px;background:#171c2b;border:1px solid #2b3a56;display:grid;place-items:center;overflow:hidden;color:#9cb9ff;font-size:28px;font-weight:800}.chatLinkedThumb img{width:100%;height:100%;object-fit:cover}.chatLinkedBody{min-width:0}.chatLinkedMeta{display:grid;justify-items:end;gap:8px}.chatMiniPrice{font-size:15px;font-weight:800;color:#ffc56f}.chatHistoryHint{font-size:12px;color:#898c98;padding-top:10px}.chatEmptyCta{margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.chatEmptyCta button{background:#15161e;border:1px solid #30323d;border-radius:12px;padding:10px 14px;color:#d4d5dc}.chatAttachPreview.hidden{display:none!important}.chatAttachPreview{display:flex;gap:10px;align-items:center;margin:0 0 12px;padding:10px 12px;background:#121726;border:1px solid #31415e;border-radius:12px;color:#cfdbf6}.chatAttachPreview img{width:54px;height:54px;border-radius:9px;object-fit:cover}.chatAttachPreview button{margin-left:auto;border:0;background:#1a1f2c;color:#ff8ca0;border-radius:9px;padding:7px 9px}.chatMedia{margin-top:8px}.chatMedia img{display:block;max-width:min(380px,100%);max-height:300px;border-radius:12px;border:1px solid #303648;object-fit:contain;background:#0b0d12}.chatSlipLabel{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;background:#2d2210;color:#ffd27a;border:1px solid #7a5a1a;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.sellerPresenceBox{display:flex;align-items:center;gap:8px}.sellerPresenceToggle{border:1px solid #d7dde6;background:#f7f8fa;color:#566171;border-radius:999px;padding:8px 11px;font-weight:700}.sellerPresenceToggle.online{background:#e8faef;border-color:#9de4b9;color:#168647}.chatTabs button{cursor:pointer}.chatTabs button:disabled{opacity:.6;cursor:default}.chatRightPanel{background:#101118;border-left:1px solid #292a35;display:grid;grid-template-rows:auto auto auto 1fr;min-width:0}.chatRightTabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #292a35}.chatRightTabs button{background:transparent;border:0;color:#8f929e;padding:16px 10px 13px;font-weight:800;position:relative}.chatRightTabs button.active{color:#fff}.chatRightTabs button.active::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#b18cff)}.chatOrderSearch{padding:12px}.chatOrderSearch input{width:100%;background:#0d0e14;color:#eee;border:1px solid #30323d;border-radius:12px;padding:10px 12px}.chatOrderFilters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 12px}.chatOrderFilters button{border:1px solid #30323d;background:#15161e;color:#9fa2ad;border-radius:10px;padding:8px 5px;font-size:12px}.chatOrderFilters button.active{background:#fff;color:#101118;border-color:#fff;font-weight:800}.chatRightScroll{overflow:auto;padding:0 12px 14px;display:grid;gap:10px;align-content:start}.chatOrderCard{background:#15161e;border:1px solid #292c38;border-radius:14px;padding:12px;display:grid;gap:8px}.chatOrderCard:hover{border-color:#4c416d}.chatOrderTitle{font-weight:800;color:#f5f5f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatOrderPrice{font-weight:900;color:#ffc56f;font-size:16px}.chatOrderMeta{font-size:12px;color:#8f929e;line-height:1.55}.chatOrderTop{display:flex;align-items:flex-start;gap:8px}.chatOrderCheck{width:18px;height:18px;border-radius:5px;background:#153821;color:#6ee7a2;display:grid;place-items:center;font-size:12px;flex:0 0 18px}.chatOrderStatus{display:inline-flex;width:max-content;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.chatOrderStatus.success{background:#123521;color:#6ee7a2}.chatOrderStatus.processing{background:#3a2a13;color:#ffbd66}.chatOrderStatus.claim{background:#381620;color:#ff8fa4}.chatAfterSaleBtn{justify-self:end;border:1px solid #4b4f5f;background:#111219;color:#e6e6eb;border-radius:9px;padding:7px 10px;font-size:12px}.chatAfterSaleBtn:hover{border-color:#8b5cf6;color:#fff}.chatRightEmpty{padding:34px 12px;text-align:center;color:#7f828e}.chatProfilePanel{padding:14px;display:grid;gap:14px;align-content:start}.chatProfileHero{display:grid;justify-items:center;text-align:center;padding:10px 0 18px;border-bottom:1px solid #292a35}.chatProfileHero .chatPeerAvatar{width:72px;height:72px;margin-bottom:10px}.chatProfileHero b{font-size:18px}.chatProfileHero span{color:#8f929e;font-size:12px}.chatProfileStatGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chatProfileStat{background:#15161e;border:1px solid #292c38;border-radius:12px;padding:10px}.chatProfileStat span{display:block;color:#81848f;font-size:11px;margin-bottom:4px}.chatProfileStat b{font-size:14px}.chatProfileInfo{display:grid;gap:8px}.chatProfileInfo div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #23252e;color:#aaa;font-size:12px}.chatProfileInfo b{color:#eee;text-align:right}.chatOrderCount{color:#9f7cff;font-size:12px;padding:0 12px 10px}.chatOrderStatus.delivered{background:#14233a;color:#8fc2ff;border-color:#274b7a}.chatOrderStatus.paid{background:#2a2412;color:#ffd36b;border-color:#5d4a1d}.chatOrderStatus.cancelled{background:#2a151b;color:#ff93a5;border-color:#6b2a39}.chatOrderStatus.processing{background:#241d34;color:#c8a6ff;border-color:#4d376d}@media(max-width:1180px){.chatShell{grid-template-columns:270px minmax(0,1fr)}.chatRightPanel{display:none}}@media(max-width:980px){.chatPageMain{width:min(100vw,100vw);margin:0 auto 40px}.chatShell{grid-template-columns:1fr;min-height:auto;border-radius:0}.chatSidebar2{max-height:46vh}.chatStage{min-height:60vh}.chatComposerBox{grid-template-columns:1fr}.chatSendBtn2{width:100%}.chatLinkedProduct{margin:0 14px 10px;flex-direction:column;align-items:flex-start}}
.categoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.categoryCard{position:relative;min-height:180px;background:linear-gradient(145deg,#151620,#0e0f15);border:1px solid #292a35;border-radius:20px;padding:22px;cursor:pointer;overflow:hidden;transition:.2s}.categoryCard:hover{transform:translateY(-4px);border-color:#7555b8;background:linear-gradient(145deg,#1a1825,#101118)}.categoryIcon{font-size:52px;margin-bottom:18px}.categoryCard h3{font-size:20px;margin:0 0 8px}.categoryCard p{color:#8f8f9b;margin:0;font-size:13px}.categoryCount{position:absolute;right:16px;top:16px;background:#1d1928;color:#b79aff;border:1px solid #352b4b;border-radius:999px;padding:6px 9px;font-size:12px}.platformHero{display:flex;gap:20px;align-items:center;background:linear-gradient(135deg,#15131d,#0e0f15);border:1px solid #292a35;border-radius:22px;padding:28px;margin-bottom:22px}.platformHero .bigIcon{width:94px;height:94px;border-radius:22px;background:#1d1e27;display:grid;place-items:center;font-size:52px}.platformHero h1{margin:0 0 6px}.backBtn{background:transparent;color:#aaa;border:1px solid #2b2c36;border-radius:10px;padding:9px 12px}.offerList{display:grid;gap:12px}.offer{display:grid;grid-template-columns:64px 1fr 130px 130px 150px;gap:16px;align-items:center;background:#111219;border:1px solid #282934;border-radius:16px;padding:16px;cursor:pointer;transition:.2s}.offer:hover{border-color:#6d4fa9;transform:translateY(-2px)}.offerIcon{width:58px;height:58px;border-radius:13px;background:#1c1d25;display:grid;place-items:center;font-size:30px}.offer .shopline{font-size:13px;color:#92929b;margin-top:5px}.offerMetric small{display:block;color:#81828d;font-size:11px}.offerPrice{font-size:20px;font-weight:800;color:#ffc56f;text-align:right}.offerAction{text-align:right}.offerAction button{width:100%}.breadcrumb{display:flex;gap:8px;align-items:center;color:#777987;font-size:13px;margin-bottom:18px}.breadcrumb b{color:#c4c4cf}.searchWide{width:min(420px,100%)}
.infoTip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border:1px solid #5d5f70;border-radius:50%;font-size:11px;font-weight:800;color:#b9bac6;cursor:help;position:relative;vertical-align:middle;user-select:none}.infoTip:hover,.infoTip:focus{color:#fff;border-color:#9b6ff3;outline:none}.infoTip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:290px;max-width:75vw;background:#1b1823;border:1px solid #4a3a67;color:#f5f2fb;font-size:12px;font-weight:500;line-height:1.55;padding:10px 12px;border-radius:10px;box-shadow:0 12px 30px #0009;opacity:0;pointer-events:none;transition:.15s;z-index:20}.infoTip::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);width:9px;height:9px;background:#1b1823;border-right:1px solid #4a3a67;border-bottom:1px solid #4a3a67;transform:translateX(-50%) rotate(45deg);opacity:0;transition:.15s;z-index:21}.infoTip:hover::after,.infoTip:hover::before,.infoTip:focus::after,.infoTip:focus::before{opacity:1;transform:translateX(-50%) translateY(0)}.infoTip:hover::before,.infoTip:focus::before{transform:translateX(-50%) rotate(45deg)}@media(max-width:900px){nav{display:none}.grid,.categoryGrid{grid-template-columns:repeat(2,1fr)}.hero,.product{grid-template-columns:1fr}.heroArt{display:none}.heroBrand{height:42px}.productImage{height:300px}.stats{grid-template-columns:repeat(2,1fr)}.formRow{grid-template-columns:1fr}.offer{grid-template-columns:56px 1fr 110px}.offerMetric:nth-of-type(2),.offerMetric:nth-of-type(3){display:none}.offerAction{grid-column:2/4}.offerPrice{text-align:left}}@media(max-width:560px){header{padding:0 4vw}.balance{font-size:12px}.hero{padding:28px}.hero h1{font-size:40px}.grid,.info,.stats,.categoryGrid{grid-template-columns:1fr}.pageHead{align-items:flex-start;gap:12px;flex-direction:column}.pageHead input{width:100%}.productImage{height:220px;font-size:100px}.productInfo h1{font-size:30px}.orderBody{align-items:flex-start}.timer{font-size:12px}.platformHero{align-items:flex-start}.offer{grid-template-columns:48px 1fr}.offerPrice,.offerAction{grid-column:2}.offerMetric{display:none!important}}

.authWrap{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:30px 0}.authCard{width:min(460px,92vw);background:#111219;border:1px solid #2a2b36;border-radius:22px;padding:28px}.authCard h1{margin:6px 0}.authCard p{color:#8f8f9b;margin-bottom:22px}.authCard label{display:grid;gap:7px;margin:14px 0;color:#c9c9d1}.authCard input{width:100%;background:#0d0e14;color:#fff;border:1px solid #2d2e39;border-radius:12px;padding:13px 14px}.authCard .primary{width:100%;margin-top:8px}.authSwitch{text-align:center;margin-top:18px;color:#8f8f9b}.authSwitch button{background:none;border:0;color:#b18cff}.userMenu{display:flex;align-items:center;gap:8px;position:relative}.userChip{border:1px solid #302b3f;background:#12131a;color:#eee;border-radius:12px;padding:9px 12px}.outlineBtn{background:transparent;color:#ddd;border:1px solid #30313b;border-radius:10px;padding:9px 12px}.profileGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profileBox{background:#111219;border:1px solid #282934;border-radius:16px;padding:20px}.profileBox span{display:block;color:#8f8f9b;font-size:13px;margin-bottom:6px}.profileBox b{font-size:18px}.profileFinance{margin-top:18px;background:#111219;border:1px solid #282934;border-radius:18px;padding:20px}.profileFinanceHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.profileFinanceHead h3{margin:0}.profileFinanceHead p{margin:5px 0 0;color:#8f8f9b;font-size:13px}.profileFinanceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profileFinanceCard{background:#0d0e14;border:1px solid #282a35;border-radius:14px;padding:15px}.profileFinanceCard span{display:block;color:#8f92a0;font-size:12px;margin-bottom:7px}.profileFinanceCard b{font-size:21px}.profileFinanceCard small{display:block;color:#727684;font-size:11px;margin-top:6px;line-height:1.4}.profileFinanceCard.good b{color:#65e69b}.profileFinanceCard.warn b{color:#ffc56f}.profileFinanceCard.info b{color:#b897ff}.profileFinanceActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #252732}@media(max-width:900px){.profileFinanceGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.profileFinanceGrid{grid-template-columns:1fr}}.profileAvatarCard{display:flex;align-items:center;gap:18px;background:#111219;border:1px solid #282934;border-radius:18px;padding:20px;margin-bottom:16px}.profileAvatarPreview{width:92px;height:92px;border-radius:50%;border:2px solid #3b3352;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#9b7bff,#6d4dff);color:#fff;font-size:34px;font-weight:900}.profileAvatarPreview img{width:100%;height:100%;object-fit:cover}.profileAvatarActions{display:grid;gap:10px}.profileAvatarActions small{color:#8f8f9b}.hiddenFileInput{display:none}.avatarMenuWrap{position:relative}.avatarBtn{width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid #373347;background:#12131a;display:grid;place-items:center;padding:0;color:#fff;font-weight:800;font-size:14px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.22)}.avatarBtn:hover{border-color:#8b5cf6}.avatarBtn .avatarImg{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#9b7bff,#6d4dff);color:#fff;font-weight:900;overflow:hidden;flex:0 0 auto}.avatarBtn .avatarImg img{width:100%;height:100%;object-fit:cover;object-position:center}.avatarBtn>span:last-child{display:none}.avatarBtn .avatarDot{display:block;position:absolute;right:2px;bottom:2px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #0b0c12}.accountDropdown{position:absolute;top:54px;right:0;width:300px;background:#12141c;border:1px solid #2d3140;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.38);padding:12px;z-index:80}.accountDropdownHeader{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid #232735}.accountDropdownAvatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#9b7bff,#6d4dff);display:grid;place-items:center;color:#fff;font-size:18px;font-weight:900;position:relative;overflow:hidden}.accountDropdownAvatar img{width:100%;height:100%;object-fit:cover}.accountDropdownAvatar .avatarDot{position:absolute;right:3px;bottom:3px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #12141c}.accountDropdownHeader b{display:block;font-size:16px}.accountDropdownHeader span{display:block;color:#8f97a7;font-size:13px}.accountMiniStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 4px}.accountMiniStat{background:#181b25;border:1px solid #262b39;border-radius:14px;padding:10px 12px}.accountMiniStat span{display:block;color:#8b93a3;font-size:12px;margin-bottom:4px}.accountMiniStat b{font-size:18px}.accountMenuList{display:grid;gap:8px}.accountMenuBtn{width:100%;display:flex;align-items:center;gap:10px;background:#181b25;border:1px solid #262b39;color:#edf0f7;border-radius:14px;padding:11px 12px;text-align:left}.accountMenuBtn:hover{border-color:#8b5cf6;background:#1d2030}.accountMenuBtn small{display:block;color:#8b93a3;font-size:12px;margin-top:2px}.accountMenuBtn .menuIcon{width:34px;height:34px;border-radius:11px;background:#10131b;border:1px solid #2e3442;display:grid;place-items:center;flex:0 0 34px}.accountMenuDivider{height:1px;background:#232735;margin:4px 2px}.accountMenuDanger{border-color:#4b2630;background:#1b1417;color:#ffdddd}.accountMenuDanger:hover{border-color:#ef4444;background:#231517}.accountDropdownArrow{position:absolute;top:-7px;right:16px;width:12px;height:12px;background:#12141c;border-left:1px solid #2d3140;border-top:1px solid #2d3140;transform:rotate(45deg)}@media(max-width:700px){.profileGrid{grid-template-columns:1fr}.balance{display:none}.accountDropdown{right:-8px;width:min(320px,92vw)}}

.sellerCta{margin-top:20px;background:linear-gradient(135deg,#171321,#111219);border:1px solid #3a3150;border-radius:18px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.sellerCta h3{margin:0 0 6px}.sellerCta p{margin:0;color:#92929d}.privacyBox{background:#121720;border:1px solid #29405a;border-radius:14px;padding:15px;margin:16px 0;color:#b9cce0}.privacyBox b{color:#e9f4ff}.applyGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.applyCard{background:#111219;border:1px solid #282934;border-radius:18px;padding:22px}.applyCard h3{margin-top:0}.applyCard label{display:grid;gap:7px;margin:13px 0;color:#c9c9d1}.applyCard input,.applyCard textarea,.applyCard select{width:100%;background:#0d0e14;color:#fff;border:1px solid #2d2e39;border-radius:11px;padding:12px 13px}.applyCard textarea{min-height:90px;resize:vertical}.statusBox{max-width:720px;background:#111219;border:1px solid #3a3150;border-radius:20px;padding:28px}.statusPill{display:inline-block;padding:8px 12px;border-radius:999px;background:#3a2a13;color:#ffbd66;font-size:12px}.checkRow{display:flex;gap:10px;align-items:flex-start;margin:14px 0;color:#b8b8c2}.checkRow input{margin-top:4px}.sellerDisabled{opacity:.7}@media(max-width:700px){.sellerCta{align-items:flex-start;flex-direction:column}.applyGrid{grid-template-columns:1fr}}

.adminShell{display:grid;grid-template-columns:220px 1fr;gap:18px}.adminSide{background:#0f1016;border:1px solid #282934;border-radius:18px;padding:14px;height:max-content;position:sticky;top:94px}.adminSide h3{padding:6px 10px;margin:0 0 8px}.adminSide button{width:100%;text-align:left;background:transparent;color:#a8a8b3;border:0;border-radius:10px;padding:11px 12px;margin:2px 0}.adminSide button:hover,.adminSide button.active{background:#1b1825;color:#fff}.adminMain{min-width:0}.adminCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.adminCard{background:#111219;border:1px solid #282934;border-radius:15px;padding:16px}.adminCard span{color:#898a96;font-size:12px}.adminCard b{display:block;font-size:25px;margin-top:7px}.adminTable{width:100%;border-collapse:collapse}.adminTable th,.adminTable td{text-align:left;border-bottom:1px solid #23242d;padding:13px 10px;vertical-align:middle}.adminTable th{color:#888a95;font-size:12px;font-weight:600}.adminTable tr:last-child td{border-bottom:0}.clickRow{cursor:pointer}.clickRow:hover td{background:#151620}.adminTabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.adminTabs button{background:#14151c;border:1px solid #292a35;color:#aaa;border-radius:10px;padding:9px 12px}.adminTabs button.active{background:#2a2040;border-color:#62479a;color:#fff}.statusGreen,.statusRed,.statusOrange,.statusGray{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px}.statusGreen{background:#123522;color:#70e7a5}.statusRed{background:#3a1720;color:#ff8396}.statusOrange{background:#3a2b14;color:#ffc064}.statusGray{background:#23242c;color:#a9aab4}.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#0e0f14;border:1px solid #262730;border-radius:13px;padding:14px}.metric small{color:#858692;display:block}.metric strong{font-size:21px;display:block;margin-top:6px}.adminActions{display:flex;gap:8px;flex-wrap:wrap}.warnBtn{background:#7b5318;color:#fff;border:0;border-radius:10px;padding:9px 12px}.sellerHead{display:flex;align-items:center;gap:16px;background:#111219;border:1px solid #282934;border-radius:18px;padding:20px;margin-bottom:14px}.sellerAvatar{width:58px;height:58px;border-radius:16px;background:#211a31;display:grid;place-items:center;font-size:30px}.adminSearch{width:min(360px,100%);background:#111219;color:#fff;border:1px solid #2a2b36;border-radius:12px;padding:11px 13px}.privatePanel{background:#11151d;border:1px solid #314057;border-radius:15px;padding:17px}.ledgerPlus{color:#61d99a}.ledgerMinus{color:#ff778b}.claimBox{border-left:3px solid #b880ff}.withdrawBox{border-left:3px solid #ffbd66}.infoTip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;border:1px solid #5d5f70;border-radius:50%;font-size:11px;font-weight:800;color:#b9bac6;cursor:help;position:relative;vertical-align:middle;user-select:none}.infoTip:hover,.infoTip:focus{color:#fff;border-color:#9b6ff3;outline:none}.infoTip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:290px;max-width:75vw;background:#1b1823;border:1px solid #4a3a67;color:#f5f2fb;font-size:12px;font-weight:500;line-height:1.55;padding:10px 12px;border-radius:10px;box-shadow:0 12px 30px #0009;opacity:0;pointer-events:none;transition:.15s;z-index:20}.infoTip::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);width:9px;height:9px;background:#1b1823;border-right:1px solid #4a3a67;border-bottom:1px solid #4a3a67;transform:translateX(-50%) rotate(45deg);opacity:0;transition:.15s;z-index:21}.infoTip:hover::after,.infoTip:hover::before,.infoTip:focus::after,.infoTip:focus::before{opacity:1;transform:translateX(-50%) translateY(0)}.infoTip:hover::before,.infoTip:focus::before{transform:translateX(-50%) rotate(45deg)}@media(max-width:900px){.adminShell{grid-template-columns:1fr}.adminSide{position:static;display:flex;overflow:auto}.adminSide h3{display:none}.adminSide button{white-space:nowrap;width:auto}.adminCards{grid-template-columns:repeat(2,1fr)}.metricGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.adminCards,.metricGrid{grid-template-columns:1fr}.adminTable{font-size:12px}.adminTable th:nth-child(n+4),.adminTable td:nth-child(n+4){display:none}}

.notificationWrap{position:relative}.bellBtn{position:relative;width:42px;height:42px;border:1px solid #302b3f;background:#12131a;color:#ddd;border-radius:12px;font-size:18px;display:grid;place-items:center}.bellBtn:hover{border-color:#7658b5;color:#fff}.notifBadge{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e84b69;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #090a0f}.notificationMenu{position:absolute;right:0;top:50px;width:min(390px,92vw);max-height:520px;overflow:hidden;background:#101117;border:1px solid #30313b;border-radius:16px;box-shadow:0 20px 70px #000b;z-index:50}.notifHead{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #252630}.notifHead b{font-size:15px}.notifHead button{background:none;border:0;color:#a98aff;font-size:12px}.notifList{max-height:430px;overflow:auto}.notifItem{display:grid;grid-template-columns:38px 1fr auto;gap:11px;padding:14px 15px;border-bottom:1px solid #20212a;cursor:pointer}.notifItem:hover{background:#171822}.notifItem.unread{background:#171425}.notifIcon{width:36px;height:36px;border-radius:11px;background:#1c1d27;display:grid;place-items:center}.notifText b{display:block;font-size:13px;margin-bottom:4px}.notifText p{margin:0;color:#a0a0aa;font-size:12px;line-height:1.45}.notifTime{font-size:10px;color:#747681;white-space:nowrap}.notifEmpty{padding:46px 20px;text-align:center;color:#888a95}.notifDot{width:7px;height:7px;border-radius:50%;background:#a071ff;margin-top:7px}.notifFooter{padding:10px;border-top:1px solid #252630;text-align:center}.notifFooter button{background:none;border:0;color:#a98aff}.notificationPageItem{background:#111219;border:1px solid #282934;border-radius:15px;padding:16px;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;margin-bottom:10px}.notificationPageItem.unread{border-color:#5d457e;background:#15121d}.notifProof{display:block;width:100%;max-width:240px;max-height:150px;object-fit:cover;border:1px solid #32333e;border-radius:10px;margin-top:9px}.notificationPageItem .notifProof{max-width:340px;max-height:220px}.withdrawProofBox{margin-top:14px;padding:14px;border:1px dashed #3b3c48;border-radius:13px;background:#0d0e14}.withdrawProofRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.withdrawProofPreview{width:150px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #353641;background:#171820}.fileBtn{display:inline-flex;align-items:center;gap:7px;border:1px solid #4a3d62;background:#17131f;color:#d9c8ff;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer}.fileBtn input{display:none}.paidMeta{margin-top:10px;color:#86d9a8;font-size:12px}
.helpTip{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;padding:0;border:1px solid #6b6d7d;border-radius:50%;background:#181923;color:#d8d9e2;font-size:11px;font-weight:800;line-height:1;cursor:pointer;position:relative;vertical-align:middle}.helpTip:hover,.helpTip:focus{background:#2a2040;border-color:#9b6ff3;color:#fff;outline:none}.helpTip::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:300px;max-width:78vw;background:#171821;border:1px solid #3d3e4c;color:#f5f5f8;font-size:12px;font-weight:500;line-height:1.55;text-align:left;padding:10px 12px;border-radius:10px;box-shadow:0 12px 30px #0009;opacity:0;visibility:hidden;pointer-events:none;z-index:50}.helpTip:hover::after,.helpTip:focus::after{opacity:1;visibility:visible}@media(max-width:560px){.helpTip::after{left:auto;right:-8px;transform:none;width:min(280px,80vw)}}
/* Category product booths */
.marketTools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.marketTools input,.marketTools select{background:#111219;color:#fff;border:1px solid #2a2b36;border-radius:12px;padding:11px 13px}.marketTools input{flex:1;min-width:220px}.marketTools select{min-width:180px}.boothGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.productBooth{display:grid;grid-template-columns:148px minmax(0,1fr);gap:16px;background:#111219;border:1px solid #2a2b36;border-radius:16px;padding:12px;cursor:pointer;transition:.18s;min-height:176px}.productBooth:hover{transform:translateY(-3px);border-color:#7652bc;box-shadow:0 14px 36px rgba(0,0,0,.22)}.boothImage{height:150px;border-radius:12px;background:linear-gradient(145deg,#24202f,#151722);display:grid;place-items:center;font-size:68px;overflow:hidden}.boothImage img{width:100%;height:100%;object-fit:cover}.boothInfo{min-width:0;display:flex;flex-direction:column}.boothTitle{font-size:16px;line-height:1.35;margin:2px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.boothStars{color:#ffbf3f;font-size:14px}.boothMeta{font-size:12px;color:#92939e;margin:4px 0}.boothShop{font-size:13px;color:#6ee7a2;margin:3px 0}.boothStock{font-size:12px;color:#b5b5bf;margin-top:4px}.boothBottom{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.boothPrice{font-size:20px;font-weight:800;color:#ffc56f}.boothWarranty{font-size:11px;color:#c7b5ef;background:#1c1826;border:1px solid #372c4c;border-radius:999px;padding:5px 8px;white-space:nowrap}.marketResultInfo{color:#8f8f9b;font-size:13px}.soldOut{color:#ff7a8f}.platformHero.compact{padding:20px 24px}.platformHero.compact .bigIcon{width:72px;height:72px;font-size:40px;border-radius:18px}
@media(max-width:900px){.boothGrid{grid-template-columns:1fr}}@media(max-width:560px){.productBooth{grid-template-columns:105px minmax(0,1fr);gap:11px}.boothImage{height:112px;font-size:48px}.boothPrice{font-size:17px}.boothWarranty{display:none}.marketTools{align-items:stretch}.marketTools input,.marketTools select{width:100%}}

/* Product detail redesign */
.productDetailShell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:28px;background:#0f1017;border:1px solid #282934;border-radius:20px;padding:22px}.productGallery{min-width:0}.productMainVisual{height:500px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#32264a 0,#1b1825 34%,#111219 72%);border:1px solid #2d2d39;display:grid;place-items:center;font-size:190px;overflow:hidden;position:relative}.productMainVisual:after{content:"";position:absolute;inset:auto 12% 8%;height:28px;background:#0008;filter:blur(20px);border-radius:50%}.productTrustBar{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border:1px solid #292a35;border-radius:14px;background:#111219;overflow:hidden}.productTrustItem{padding:16px;display:flex;gap:10px;align-items:flex-start}.productTrustItem+.productTrustItem{border-left:1px solid #282934}.productTrustIcon{font-size:24px}.productTrustItem b{display:block;font-size:13px}.productTrustItem small{display:block;color:#858692;margin-top:4px;line-height:1.4}.productBuyPanel{padding:4px 2px}.productTopLine{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.productTopLine .cat{margin-top:4px}.contactSeller{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#18a956,#30d876);border:1px solid #3de08b;color:#fff;border-radius:12px;padding:11px 15px;white-space:nowrap;font-weight:800;box-shadow:0 10px 28px rgba(25,183,95,.22)}.contactSeller:hover{filter:brightness(1.05)}.productBuyPanel h1{font-size:34px;line-height:1.18;margin:12px 0 8px}.sellerLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#a5a6b0;font-size:14px}.sellerLine .shopName{color:#74e1a1;font-weight:700}.onlineDot{width:8px;height:8px;border-radius:50%;background:#39d77d;display:inline-block}.productRating{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0;color:#a5a6b0;font-size:13px}.productRating .stars{color:#ffbd4a;font-size:16px}.productPriceBig{font-size:42px;font-weight:900;color:#fff;margin:14px 0 6px}.stockLine{display:flex;justify-content:space-between;align-items:center;color:#a5a6b0;font-size:14px}.stockOk{color:#58de92;font-weight:700}.stockNo{color:#ff7188;font-weight:700}.escrowNotice{margin:18px 0;border:1px solid #6b5327;background:#211b10;color:#f1d79c;border-radius:12px;padding:12px 14px;line-height:1.5;font-size:13px}.productOption{margin-top:16px}.productOption label{display:block;color:#b9bac3;font-size:13px;margin-bottom:7px}.optionBox{width:100%;background:#111219;color:#fff;border:1px solid #31323d;border-radius:11px;padding:13px}.buyControls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.qtyBox{display:grid;grid-template-columns:44px 1fr 44px;border:1px solid #31323d;border-radius:11px;overflow:hidden;background:#111219}.qtyBox button,.qtyBox input{border:0;background:transparent;color:#fff;text-align:center;padding:12px}.qtyBox button{font-size:20px}.qtyBox input{min-width:0;width:100%}.warrantyReadOnly{background:#111219;border:1px solid #31323d;border-radius:11px;padding:12px 14px;color:#fff}.skuLine{display:flex;gap:10px;align-items:center;margin:16px 0;color:#90919d;font-size:13px}.skuCode{padding:7px 9px;border-radius:8px;background:#171821;color:#c5c6cf}.productActionRow{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.productActionRow .primary{font-size:17px;padding:15px}.favoriteBtn{background:#14151d;border:1px solid #32343e;color:#ddd;border-radius:12px;font-weight:700}.productShare{display:flex;align-items:center;gap:9px;margin-top:16px;color:#8f909b;font-size:13px}.shareCircle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #30323d;background:#111219;color:#d9d9df}.productTabs{margin-top:22px;background:#101118;border:1px solid #282934;border-radius:18px;overflow:hidden}.productTabHead{display:flex;gap:2px;border-bottom:1px solid #292a35;padding:0 18px}.productTabBtn{background:transparent;border:0;color:#9899a5;padding:16px 18px;border-bottom:2px solid transparent}.productTabBtn.active{color:#fff;border-bottom-color:#8f62ed}.productTabBody{padding:22px;color:#c6c7ce;line-height:1.7}.sellerDetailFull{min-height:180px}.sellerDetailFull h3,.purchaseConditions h3{color:#fff;margin-top:0}.sellerDescription{font-size:15px;line-height:1.85;color:#dedfe6;white-space:normal}.sellerDetailHint{margin-top:18px;font-size:12px}.detailNote{margin-top:22px;padding:13px 15px;border:1px solid #38496c;background:#101a2c;border-radius:10px;color:#b7caee;font-size:13px}.purchaseConditions{margin-top:28px;padding-top:24px;border-top:1px solid #292a35}.purchaseConditions ul{padding-left:20px;margin-bottom:0}.purchaseConditions li{margin:7px 0}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#838590;font-size:13px;margin:0 0 18px}.breadcrumb span:first-child{color:#a87dff}
@media(max-width:900px){.productDetailShell{grid-template-columns:1fr}.productMainVisual{height:360px}.productBuyPanel h1{font-size:30px}}@media(max-width:560px){.productDetailShell{padding:13px}.productMainVisual{height:260px;font-size:120px}.productTrustBar{grid-template-columns:1fr}.productTrustItem+.productTrustItem{border-left:0;border-top:1px solid #282934}.productBuyPanel h1{font-size:25px}.productPriceBig{font-size:34px}.buyControls,.productActionRow{grid-template-columns:1fr}.contactSeller{width:100%;justify-content:center}}

.boothCreateIntro{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.boothUpload{border:1px dashed #454757;border-radius:14px;padding:16px;background:#0e0f15}.boothUpload input{min-width:0;width:100%}.boothPreview{margin-top:10px;width:120px;height:120px;border-radius:14px;border:1px solid #30313c;background:#151620;display:grid;place-items:center;overflow:hidden;font-size:44px}.boothPreview img{width:100%;height:100%;object-fit:cover}.variantSection{margin-top:18px;border-top:1px solid #292a35;padding-top:18px}.variantHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.variantHeader h4{margin:0}.variantRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;align-items:end;padding:14px;background:#0d0e14;border:1px solid #292a35;border-radius:14px;margin-bottom:10px}.variantRow label{min-width:0}.variantRow input{min-width:0!important;width:100%}.variantRemove{background:#28131a;color:#ff8698;border:1px solid #5a2634;border-radius:10px;padding:12px}.stockManagedNote{align-self:end;padding:12px 14px;border:1px dashed #343746;border-radius:12px;color:#c7cad4;background:#0d0e14;line-height:1.5}.stockManagedNote small{color:#8f93a5}
.stockBtn{background:#151827;color:#bda7ff;border:1px solid #554084;border-radius:10px;padding:12px 14px;font-weight:800;white-space:nowrap}.stockEditor{grid-column:1/-1;border:1px solid #343643;border-radius:14px;padding:14px;background:#101119;margin-top:2px}.stockEditor.hidden{display:none}.stockEditorTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.stockEditorGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stockEditor textarea{width:100%;min-height:180px;background:#0b0c11;color:#fff;border:1px solid #2e303b;border-radius:11px;padding:12px;resize:vertical}.stockEditorGrid textarea,#stockManagerRaw{display:block;width:100%;min-height:180px;background:#0b0c11;color:#fff;border:1px solid #2e303b;border-radius:11px;padding:12px;resize:vertical;box-sizing:border-box;font:inherit;line-height:1.5;outline:none}.stockEditorGrid textarea:focus,#stockManagerRaw:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}.delimiterSelect{display:grid;gap:8px;margin-bottom:12px}.delimiterSelect select{width:100%;background:#0d0e14;color:#fff;border:1px solid #30323d;border-radius:10px;padding:11px}.stockActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.stockPreview{min-height:180px;max-height:220px;overflow:auto;background:#0b0c11;border:1px solid #2e303b;border-radius:11px;padding:12px;color:#c9cad4;white-space:pre-wrap}.stockCountBadge{font-size:12px;padding:5px 9px;border-radius:999px;background:#1b1630;color:#cdbaff;border:1px solid #49366f}.variantPicker{display:grid;gap:8px;margin-top:16px}.variantPicker select{width:100%;background:#111219;color:#fff;border:1px solid #31323d;border-radius:11px;padding:13px}.boothImageReal{width:100%;height:100%;object-fit:cover}.sellerBoothSummary{display:flex;gap:12px;align-items:center}.sellerBoothThumb{width:54px;height:54px;border-radius:12px;background:#1c1d25;border:1px solid #30313b;display:grid;place-items:center;overflow:hidden;font-size:26px}.sellerBoothThumb img{width:100%;height:100%;object-fit:cover}.variantMini{margin-top:6px;color:#8f8f9b;font-size:12px}.variantMini span{display:inline-block;margin-right:8px}.boothPriceRange{font-size:18px;font-weight:800;color:#ffc56f}@media(max-width:900px){.stockEditorGrid{grid-template-columns:1fr}.variantRow{grid-template-columns:1fr 1fr}.variantRemove{grid-column:1/-1}.boothCreateIntro{grid-template-columns:1fr}}@media(max-width:560px){.variantRow{grid-template-columns:1fr}}

.sellerItemActions{display:flex;align-items:center;gap:9px;margin-left:12px;position:relative}.productMoreWrap{position:relative}.productMoreBtn{width:38px;height:38px;border-radius:10px;border:1px solid #343541;background:#15161e;color:#e7e7ec;font-size:20px;line-height:1;display:grid;place-items:center}.productMoreBtn:hover{border-color:#7f5cc7;background:#1d1928}.productMoreMenu{position:absolute;right:0;top:44px;width:220px;background:#111219;border:1px solid #343541;border-radius:12px;padding:6px;box-shadow:0 18px 55px #000a;z-index:30}.productMoreMenu button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#ddd;text-align:left;padding:10px 11px;border-radius:8px}.productMoreMenu button:hover{background:#1b1c25;color:#fff}.productMoreMenu .dangerItem{color:#ff8fa4}.productMoreMenu .dangerItem:hover{background:#2a151c}.outOfStockCard{opacity:.58;position:relative}.outOfStockCard:hover{opacity:.72}.outOfStockBadge{position:absolute;right:10px;top:10px;z-index:2;padding:5px 9px;border-radius:999px;background:#32151d;color:#ff9aab;border:1px solid #6a2b3a;font-size:11px;font-weight:800}.productStateTag{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid #343541;color:#aaa;margin-left:8px}.productStateTag.hiddenState{color:#ffb36b;border-color:#6b4a25;background:#241b10}.editStoreBtn{background:#171823;color:#d8c8ff;border:1px solid #4d3d70;border-radius:10px;padding:9px 13px;font-weight:700}.editStoreBtn:hover{border-color:#936bea;background:#211b31}.editStorePanel{border-color:#513b78;box-shadow:0 0 0 1px rgba(139,92,246,.08) inset}.editStorePanel .sectionTitle{margin-top:0}.stockSavedList{margin-top:14px;border-top:1px solid #292a35;padding-top:12px}.stockSavedListHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stockSavedItem{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid #2a2b36;border-radius:12px;background:#0d0e14;margin-bottom:8px}.stockSavedItem pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#d9d9e3;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.stockItemBtns{display:flex;gap:6px;align-items:flex-start}.stockItemBtns button{border:1px solid #343541;background:#161720;color:#ddd;border-radius:8px;padding:6px 9px}.stockItemBtns .stockDeleteOne{border-color:#6d2839;color:#ff879f;background:#25121a}.legacyStockNote{padding:10px 12px;border:1px dashed #494b59;border-radius:10px;color:#999aa5;font-size:12px;margin-top:10px}.storeEditDanger{margin-left:auto;background:#2c121a;color:#ff91a6;border:1px solid #6f293c;border-radius:10px;padding:10px 13px}.storeEditDanger:hover{background:#421622}.editImageCurrent{font-size:12px;color:#8f8f9b;margin-top:7px}.sellerBoothSummary{min-width:0}.sellerBoothSummary>div:nth-child(2){min-width:0}.sellerBoothSummary b{display:block;overflow-wrap:anywhere}@media(max-width:700px){.sellerItem{align-items:flex-start;flex-wrap:wrap}.sellerItemActions{width:100%;margin-left:0;justify-content:flex-end}.stockSavedItem{grid-template-columns:1fr}.stockItemBtns{justify-content:flex-end}}


/* Cleaner numeric inputs for seller price/warranty */
#editPrice::-webkit-outer-spin-button,
#editPrice::-webkit-inner-spin-button,
#editWarranty::-webkit-outer-spin-button,
#editWarranty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#editPrice,
#editWarranty {
  appearance: textfield;
  -moz-appearance: textfield;
}


.ordersPage .pageHead{align-items:flex-start}.ordersSummaryStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}.ordersSummaryCard{background:linear-gradient(180deg,#131521,#0e0f16);border:1px solid #282934;border-radius:18px;padding:18px 20px;display:grid;gap:8px}.ordersSummaryCard span{color:#9093a1;font-size:13px}.ordersSummaryCard b{font-size:30px;line-height:1}.ordersSummaryCard small{color:#797d8d}.ordersSummaryCard.good b{color:#79ebb0}.ordersToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#111219;border:1px solid #282934;border-radius:18px;padding:16px 18px;margin-bottom:18px}.ordersToolbarInfo{display:grid;gap:4px}.ordersToolbarInfo b{font-size:16px}.ordersToolbarInfo span{color:#8d90a0;font-size:13px}.ordersToolbarActions{display:flex;gap:10px;flex-wrap:wrap}.orderDownloadAllBtn,.orderTxtBtn,.orderViewBtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:9px 12px;font-weight:800;border:1px solid #2f3340;font-size:13px}.orderDownloadAllBtn,.orderTxtBtn{background:#13283b;color:#8ed1ff;border-color:#23557b}.orderViewBtn{background:#151b2a;color:#dfe8ff;border-color:#30405f}.orderIcon{font-size:15px}.ordersList{display:grid;gap:12px;max-width:980px}.orderHistoryCard{background:linear-gradient(180deg,#11131b,#0d0f16);border:1px solid #282934;border-radius:18px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.orderHistoryLeft{display:flex;gap:14px;align-items:flex-start;min-width:0}.orderHistoryThumb{width:72px;height:72px;border-radius:16px;background:#181a24;border:1px solid #2a2d38;overflow:hidden;display:grid;place-items:center;font-size:34px;color:#fff;flex:0 0 72px}.orderHistoryThumb img{width:100%;height:100%;object-fit:cover;display:block}.orderHistoryInfo{min-width:0;display:grid;gap:5px}.orderHistoryTitleRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.orderHistoryTitleRow h3{margin:0;font-size:20px;line-height:1.15}.orderProductLink{background:none;border:0;padding:0;color:#fff;font:inherit;font-weight:800;text-align:left;cursor:pointer}.orderProductLink:hover{color:#9fd5ff;text-decoration:underline}.orderIdTag{padding:4px 9px;border-radius:999px;background:#17192a;border:1px solid #2f3342;color:#a9b8d8;font-size:11px;font-weight:700}.orderMetaLine{display:flex;gap:10px;flex-wrap:wrap;color:#a0a4b3;font-size:13px}.orderMetaLine b{color:#f0f2f8}.orderShopLink{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:#7be3a8;font-weight:800;cursor:pointer}.orderShopLink:hover{color:#9bf0be;text-decoration:underline}.orderContactBtn{background:linear-gradient(135deg,#18a956,#30d876);color:#fff;border:1px solid #3de08b}.orderMiniMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.orderMiniMeta span{padding:6px 9px;border-radius:999px;background:#13151d;border:1px solid #2a2d39;color:#babdca;font-size:11px}.orderHistoryRight{display:grid;justify-items:end;gap:10px;min-width:220px}.orderAmountBlock{text-align:right;display:grid;gap:4px}.orderAmountBlock span{color:#8f93a4;font-size:12px}.orderAmountBlock b{font-size:24px;color:#57f3ff;line-height:1}.orderStatePill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.orderStatePill.waiting{background:#3a2a13;color:#ffcf7d}.orderStatePill.done{background:#123521;color:#7ef0ae}.orderStatePill.claim{background:#3b1722;color:#ff8ea5}.orderActionCluster{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.orderActionOverlay{position:fixed;inset:0;background:rgba(5,8,14,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:35}.orderActionModal{width:min(520px,calc(100vw - 32px));background:linear-gradient(180deg,#151722,#101219);border:1px solid #32364a;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.48);padding:22px}.orderActionBadge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;margin-bottom:10px}.orderActionBadge.claim{background:rgba(214,73,99,.15);border:1px solid rgba(214,73,99,.35);color:#ff9fb2}.orderActionBadge.accept{background:rgba(57,184,102,.15);border:1px solid rgba(57,184,102,.35);color:#8ef0af}.orderActionModal h3{margin:0 0 10px;font-size:26px}.orderActionModal p{margin:0;color:#acb0bf;line-height:1.7}.orderActionHelp{margin-top:16px;padding:14px 16px;border-radius:14px;background:#0d1017;border:1px solid #292d3d;color:#d6dae7;line-height:1.7}.orderActionHelp b{color:#fff}.orderActionBtns{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.orderActionCancel,.orderActionConfirmBtn{border-radius:12px;padding:12px 16px;font-weight:800}.orderActionCancel{background:#171a24;border:1px solid #313548;color:#eef0f6}.orderActionConfirmBtn{border:0;color:#fff}.orderActionConfirmBtn.claim{background:linear-gradient(135deg,#be3c58,#dc5b73)}.orderActionConfirmBtn.accept{background:linear-gradient(135deg,#1e9b59,#35cf7b)}.orderDetailOverlay{position:fixed;inset:0;background:rgba(3,4,8,.78);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:80;padding:22px}.orderDetailModal{width:min(1100px,96vw);max-height:min(90vh,900px);overflow:auto;background:linear-gradient(180deg,#121520,#0c0f16);border:1px solid #2d3040;border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.orderDetailHead{padding:22px 24px 16px;border-bottom:1px solid #262a36;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.orderDetailHead h3{margin:8px 0 6px;font-size:34px}.orderDetailHead p{margin:0;color:#9397a7}.orderDetailClose{background:#151821;border:1px solid #313545;color:#fff;border-radius:12px;padding:10px 14px;font-weight:700}.orderDetailBody{padding:22px 24px 26px;display:grid;gap:18px}.orderDetailTopStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.orderDetailStat{background:#0f1320;border:1px solid #272c39;border-radius:16px;padding:16px 18px;display:grid;gap:8px}.orderDetailStat span{color:#8e93a3;font-size:13px}.orderDetailStat b{font-size:22px}.orderDetailStat.amount b{color:#57f3ff}.orderDetailPayload{background:#0d111a;border:1px solid #293041;border-radius:18px;padding:18px 18px 16px;display:grid;gap:14px}.orderDetailPayloadHead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.orderDetailPayloadHead b{font-size:18px}.orderDetailPayloadHead span{color:#8f95a7;font-size:13px}.orderDetailActions{display:flex;gap:10px;flex-wrap:wrap}.orderDetailActions button{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:11px 14px;font-weight:800;border:1px solid #30405f}.orderDetailActions .copyBtn{background:#161c29;color:#eef4ff}.orderDetailActions .downloadBtn{background:#13283b;color:#8ed1ff}.orderDetailText{margin:0;background:#080c13;border:1px solid #242c39;border-radius:16px;padding:16px;min-height:280px;max-height:46vh;overflow:auto;color:#dbe7f7;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.orderInlineActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:2px}.orderInlineActions .danger,.orderInlineActions .success{padding:10px 12px;border-radius:12px;font-weight:800}.orderEmptyHint{padding:18px;border-radius:14px;border:1px dashed #303646;color:#8f93a1;text-align:center}.statusHintRow{display:flex;gap:10px;flex-wrap:wrap}.statusHintRow span{padding:6px 10px;border-radius:999px;background:#141720;border:1px solid #2c313f;color:#b8bcc8;font-size:12px}
@media (max-width:1000px){.ordersSummaryStrip,.orderDetailTopStats{grid-template-columns:1fr 1fr}.orderHistoryCard{grid-template-columns:1fr}.orderHistoryRight{justify-items:start;min-width:0}.orderActionCluster,.orderInlineActions{justify-content:flex-start}}@media (max-width:700px){.ordersSummaryStrip,.orderDetailTopStats{grid-template-columns:1fr}.orderHistoryLeft{align-items:flex-start}.orderHistoryThumb{width:72px;height:72px;flex-basis:72px}.orderHistoryTitleRow h3{font-size:20px}.orderAmountBlock b{font-size:24px}.orderDetailHead h3{font-size:26px}}

.topupLayout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:22px;align-items:start}.topupCard,.topupBankCard{background:linear-gradient(180deg,#12131b,#0f1017);border:1px solid #2b2d39;border-radius:24px;padding:26px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.topupStepHead{display:flex;align-items:center;gap:12px;margin-bottom:16px}.topupStepNo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7d4fe0,#a46cf5);font-weight:900;box-shadow:0 8px 24px rgba(130,80,225,.25)}.topupStepHead h2{font-size:19px;margin:0}.topupAmountLabel{display:block;color:#a5a8b8;font-size:13px;margin-bottom:8px}.topupAmountWrap{position:relative}.topupCurrency{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-weight:900;color:#c7b7ff;font-size:20px}.topupAmountInput{width:100%;box-sizing:border-box;background:#0b0c12;color:#fff;border:1px solid #303342;border-radius:16px;padding:16px 16px 16px 42px;font-size:24px;font-weight:900;outline:none}.topupAmountInput:focus{border-color:#8f63ef;box-shadow:0 0 0 3px rgba(143,99,239,.12)}.topupAmountInput::-webkit-outer-spin-button,.topupAmountInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.topupAmountInput{-moz-appearance:textfield;appearance:textfield}.topupQuickAmounts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.topupQuickAmounts button{background:#171925;border:1px solid #323545;color:#dfe1eb;border-radius:12px;padding:10px 6px;font-weight:800;cursor:pointer}.topupQuickAmounts button:hover{background:#201b31;border-color:#8c64e7;color:#fff}.topupDivider{height:1px;background:#282a35;margin:24px 0}.topupUploadBox{display:grid;place-items:center;text-align:center;min-height:170px;border:1px dashed #51456c;border-radius:18px;background:linear-gradient(180deg,#0d0e15,#0a0b11);padding:20px;cursor:pointer;transition:.18s}.topupUploadBox:hover{border-color:#a071f3;background:#11101a}.topupUploadIcon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#1b1628;font-size:25px;margin-bottom:10px}.topupUploadBox b{font-size:16px}.topupUploadBox small{color:#8e92a2;margin-top:5px}.topupFileReady{color:#9ce7bb!important}.topupVerifyBtn{width:100%;border:0;border-radius:15px;padding:15px 18px;margin-top:14px;font-size:16px;font-weight:900;color:#fff;background:linear-gradient(135deg,#7650da,#9e68f2);box-shadow:0 12px 34px rgba(126,80,218,.24);cursor:pointer}.topupVerifyBtn:hover{filter:brightness(1.06)}.topupVerifyBtn:disabled{opacity:.55;cursor:not-allowed}.topupStatus{display:none;margin-top:14px;padding:14px 16px;border-radius:14px;line-height:1.55;font-size:14px}.topupStatus.show{display:block}.topupStatus.loading{background:#171727;border:1px solid #393554;color:#dcd5ff}.topupStatus.success{background:#0f2a1b;border:1px solid #235f3c;color:#8cf0b2}.topupStatus.error{background:#2c1219;border:1px solid #653042;color:#ffadb9}.topupSafety{margin-top:14px;padding:13px 15px;border-radius:14px;background:#0d1522;border:1px solid #263d60;color:#b9d1fa;font-size:12px;line-height:1.6}.topupBankCard{position:sticky;top:92px}.topupBankTitle{display:flex;align-items:center;gap:12px}.topupBankIcon{width:44px;height:44px;border-radius:14px;background:#151a26;display:grid;place-items:center;font-size:22px}.topupBankTitle h3{margin:0}.topupBankTitle p{margin:3px 0 0;color:#8f93a4;font-size:12px}.topupBankGrid{display:grid;gap:10px;margin-top:18px}.topupBankLine{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:#0b0d13;border:1px solid #252835}.topupBankLine span{color:#8e92a3;font-size:12px}.topupBankLine b{text-align:right;word-break:break-word}.topupCopyBtn{border:0;background:#1b1d28;color:#c9ccda;border-radius:9px;padding:7px 9px;cursor:pointer;font-size:12px}.topupCopyBtn:hover{background:#252838;color:#fff}.topupGuide{margin-top:16px;padding:15px;border-radius:15px;background:#151220;border:1px solid #352a4b}.topupGuide b{display:block;margin-bottom:8px}.topupGuide ol{margin:0;padding-left:18px;color:#aaaebe;font-size:13px;line-height:1.8}.topupBalanceHero{min-width:240px;background:linear-gradient(135deg,#171426,#11131b);border:1px solid #302847;border-radius:20px;padding:18px 20px}.topupBalanceHero span{color:#999daf;font-size:12px}.topupBalanceHero strong{display:block;font-size:30px;margin-top:4px}.topupBalanceHero small{color:#777c8f}.topupConfigWarn{padding:14px 16px;border-radius:14px;background:#352511;border:1px solid #6b4a1b;color:#ffd88d;margin-bottom:16px}.topupTimerBox{margin-top:14px;padding:14px 16px;border-radius:15px;background:#171323;border:1px solid #41305f}.topupTimerRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.topupTimerRow b{font-size:14px}.topupTimerClock{font-size:23px;font-weight:950;letter-spacing:.5px;color:#cbb7ff}.topupTimerBar{height:7px;border-radius:99px;background:#282331;overflow:hidden;margin-top:10px}.topupTimerBar>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8156e8,#aa70f4);transition:width 1s linear}.topupTimerHelp{color:#9498a8;font-size:12px;margin-top:8px;line-height:1.55}.topupStartBtn{width:100%;margin-top:12px;border:1px solid #574278;background:#21182f;color:#eee7ff;border-radius:13px;padding:12px;font-weight:900;cursor:pointer}.topupStartBtn:hover{border-color:#9366ec;background:#291d3d}.topupCancelBtn{border:0;background:transparent;color:#b3a7c8;text-decoration:underline;cursor:pointer;font-size:12px}.topupExpired{border-color:#713846;background:#2b141b}.topupExpired .topupTimerClock{color:#ff9bad}.topupHistoryWrap{margin-top:20px;border:1px solid #242733;border-radius:18px;overflow:hidden;background:#0d0e14}.topupHistoryToolbar{display:flex;gap:10px;align-items:center;padding:14px;border-bottom:1px solid #232632;background:#101118}.topupSearch{flex:1;max-width:300px;position:relative}.topupSearch input{width:100%;box-sizing:border-box;background:#0b0c12;border:1px solid #303342;color:#fff;border-radius:12px;padding:11px 14px 11px 38px;outline:none}.topupSearch span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8e92a4}.topupToolBtn{width:40px;height:40px;border-radius:11px;border:1px solid #303342;background:#151721;color:#d7dae6;display:grid;place-items:center;cursor:pointer;font-size:17px}.topupToolBtn:hover{background:#1f2230}.topupHistoryTable{width:100%;border-collapse:collapse;table-layout:fixed}.topupHistoryTable th,.topupHistoryTable td{padding:14px 16px;border-bottom:1px solid #1f222c;text-align:left;vertical-align:middle}.topupHistoryTable th{font-size:11px;color:#8c90a0;font-weight:800;background:#0b0c11;letter-spacing:.2px}.topupHistoryTable td{font-size:13px}.topupHistoryTable tr:last-child td{border-bottom:0}.topupHistoryTable tbody tr:hover{background:#11131a}.topupRowIndex{width:58px}.topupRowMain b{display:block;font-size:13px}.topupRowMain small{display:block;color:#858999;margin-top:4px}.topupRef{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;word-break:break-all;color:#d7d9e3}.topupHistoryAmount{font-weight:900}.topupHistoryStatus{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900}.topupHistoryStatus.success{background:#0f2a1b;color:#8cf0b2}.topupHistoryStatus.pending{background:#302511;color:#ffd88a}.topupHistoryStatus.failed{background:#2c1219;color:#ffadb9}.topupHistoryEmpty{padding:48px;text-align:center;color:#8f93a4}.topupMobileCards{display:none}.topupHistoryMeta{font-size:12px;color:#858999}.topupHistoryCount{margin-left:auto;color:#8f93a4;font-size:12px}@media(max-width:820px){.topupHistoryTable{display:none}.topupMobileCards{display:grid;gap:10px;padding:12px}.topupMobileCard{border:1px solid #262936;border-radius:14px;padding:14px;background:#111219}.topupMobileCardTop{display:flex;justify-content:space-between;gap:12px}.topupMobileCard b{display:block}.topupMobileCard small{color:#858999}.topupMobileRef{margin-top:10px;padding-top:10px;border-top:1px solid #232632;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;word-break:break-all;color:#cfd2dc}.topupHistoryToolbar{flex-wrap:wrap}.topupSearch{max-width:none;flex-basis:100%}.topupHistoryCount{margin-left:0}}.topupSpinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;display:inline-block;vertical-align:-4px;margin-right:8px;animation:topupSpin .7s linear infinite}@keyframes topupSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.topupLayout{grid-template-columns:1fr}.topupBankCard{position:static}.topupQuickAmounts{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.topupQuickAmounts{grid-template-columns:repeat(2,1fr)}.topupBankLine{grid-template-columns:1fr auto}.topupBankLine span{grid-column:1/-1}.topupBalanceHero{min-width:0;width:100%;box-sizing:border-box}}

.profileShowcase{max-width:760px;margin:0 auto 20px;background:#111219;border:1px solid #292b36;border-radius:24px;overflow:hidden}.profileCover{height:130px;background:linear-gradient(135deg,#1d1740,#2b1f58 45%,#12141e);position:relative}.profileShowBody{padding:0 24px 24px;text-align:center;position:relative}.profileShowAvatar{width:94px;height:94px;border-radius:50%;margin:-47px auto 10px;border:3px solid #8f63ef;background:linear-gradient(135deg,#9b7bff,#6d4dff);overflow:hidden;display:grid;place-items:center;font-size:34px;font-weight:900;position:relative}.profileShowAvatar img{width:100%;height:100%;object-fit:cover}.profileCameraBtn{position:absolute;left:50%;transform:translateX(30px);top:20px;width:34px;height:34px;border-radius:50%;border:2px solid #111219;background:#218cff;color:white;display:grid;place-items:center;cursor:pointer;font-size:15px}.profileShowName{font-size:23px;font-weight:950;margin-top:6px}.profileShowHandle{color:#9a9faf;font-size:14px;margin-top:2px}.profileStatTiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.profileStatTile{background:#0d0f16;border:1px solid #2c2f3b;border-radius:17px;padding:18px 12px}.profileStatIcon{font-size:20px;margin-bottom:8px}.profileStatTile b{display:block;font-size:20px;color:#b897ff}.profileStatTile span{display:block;color:#8f94a5;font-size:12px;margin-top:4px}.profileQuickActions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.profileSellerBlock{max-width:760px;margin:0 auto}.profileShowcase .hiddenFileInput{display:none}@media(max-width:620px){.profileStatTiles{grid-template-columns:1fr}.profileCover{height:110px}}

.purchaseConfirmOverlay{position:fixed;inset:0;z-index:9999;background:rgba(4,5,10,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;animation:purchaseFade .16s ease-out}.purchaseConfirmCard{width:min(520px,94vw);background:linear-gradient(180deg,#15121f,#0f1017);border:1px solid #3c3156;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(151,93,255,.08) inset;overflow:hidden;animation:purchasePop .18s ease-out}.purchaseConfirmHead{padding:24px 24px 18px;display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #292433}.purchaseConfirmIcon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7549dd,#a66df3);display:grid;place-items:center;font-size:23px;box-shadow:0 10px 28px rgba(126,78,221,.3)}.purchaseConfirmHead h3{margin:0 0 6px;font-size:22px}.purchaseConfirmHead p{margin:0;color:#9fa0ad;font-size:14px;line-height:1.55}.purchaseConfirmBody{padding:20px 24px}.purchaseConfirmRows{display:grid;gap:11px}.purchaseConfirmRow{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:12px 14px;background:#0c0d13;border:1px solid #282934;border-radius:12px}.purchaseConfirmRow span{color:#91939f;font-size:13px}.purchaseConfirmRow b{color:#fff;text-align:right;max-width:68%;word-break:break-word}.purchaseConfirmTotal{margin-top:14px;padding:16px;border-radius:14px;background:linear-gradient(135deg,rgba(126,78,221,.18),rgba(45,207,116,.08));border:1px solid #503d77;display:flex;justify-content:space-between;align-items:center}.purchaseConfirmTotal span{color:#c7bddf}.purchaseConfirmTotal b{font-size:25px;color:#fff}.purchaseConfirmNote{margin-top:14px;color:#a7a9b5;font-size:12px;line-height:1.55;display:flex;gap:8px}.purchaseConfirmActions{padding:0 24px 24px;display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.purchaseConfirmCancel,.purchaseConfirmOk{border-radius:13px;padding:13px 16px;font-weight:800;border:1px solid #343541}.purchaseConfirmCancel{background:#15161e;color:#c8c9d1}.purchaseConfirmCancel:hover{background:#1d1e27}.purchaseConfirmOk{background:linear-gradient(135deg,#7f55dd,#9b6ff3);color:#fff;border-color:#9c75ed;box-shadow:0 10px 28px rgba(126,78,221,.25)}.purchaseConfirmOk:hover{filter:brightness(1.06)}@keyframes purchaseFade{from{opacity:0}to{opacity:1}}@keyframes purchasePop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:560px){.purchaseConfirmActions{grid-template-columns:1fr}.purchaseConfirmCard{border-radius:18px}.purchaseConfirmHead,.purchaseConfirmBody,.purchaseConfirmActions{padding-left:18px;padding-right:18px}.purchaseConfirmRow{align-items:flex-start;flex-direction:column;gap:5px}.purchaseConfirmRow b{max-width:100%;text-align:left}}

/* V49: keep the three chat columns at a stable viewport height; only their inner lists scroll. */
@media(min-width:1181px){
  .chatShell{height:calc(100vh - 120px);min-height:620px;max-height:820px}
  .chatSidebar2,.chatStage,.chatRightPanel{min-height:0;overflow:hidden}
  .chatRightPanel{grid-template-rows:auto auto auto minmax(0,1fr)}
  .chatRightScroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  .chatThreadList2{min-height:0;overflow-y:auto}
  .chatBoard{min-height:0;overflow-y:auto}
}

/* V50 — polished right-side order panel */
.chatShell{grid-template-columns:300px minmax(0,1fr) 340px}
.chatRightPanel{background:linear-gradient(180deg,#0f1017 0%,#0b0c12 100%);border-left:1px solid #2b2d39}
.chatRightTabs{padding:14px 14px 10px;background:rgba(18,19,27,.94);border-bottom:1px solid #252733;position:sticky;top:0;z-index:2;backdrop-filter:blur(10px)}
.chatRightTabs button{position:relative;border:0;background:transparent;color:#8f93a3;padding:9px 8px;font-size:13px;font-weight:800}
.chatRightTabs button.active{color:#fff}
.chatRightTabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-10px;height:2px;border-radius:999px;background:linear-gradient(90deg,#7c4dff,#b06cff);box-shadow:0 0 14px rgba(139,92,246,.7)}
.chatOrderSearch{padding:12px 14px 10px}
.chatOrderSearch input{width:100%;background:#0d0e14;border:1px solid #2e3140;color:#f4f4f7;border-radius:12px;padding:10px 12px;outline:none;transition:.2s}
.chatOrderSearch input:focus{border-color:#7653c9;box-shadow:0 0 0 3px rgba(124,77,255,.12)}
.chatOrderFilters{padding:0 14px 10px;gap:7px}
.chatOrderFilters button{background:#12141c;border:1px solid #2b2e3a;color:#8f93a3;border-radius:10px;padding:8px 6px;transition:.18s}
.chatOrderFilters button:hover{border-color:#55426f;color:#ddd}
.chatOrderFilters button.active{background:linear-gradient(135deg,#7650d7,#9368ed);border-color:#9368ed;color:white;box-shadow:0 7px 18px rgba(116,80,215,.18)}
.chatOrderCount{padding:0 14px 12px;color:#b699ff;font-weight:800;line-height:1.35}
.chatOrderCount small{font-weight:500}
.chatRightScroll{padding:2px 10px 14px 14px;gap:12px;scrollbar-width:thin;scrollbar-color:#6d4fc0 #12131a}
.chatRightScroll::-webkit-scrollbar{width:8px}
.chatRightScroll::-webkit-scrollbar-track{background:#12131a;border-radius:999px;margin:4px 0 10px}
.chatRightScroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7951db,#9b6ff3);border-radius:999px;border:2px solid #12131a}
.chatRightScroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8a62e8,#ac82ff)}
.chatOrderCard{position:relative;background:linear-gradient(145deg,#151720,#111219);border:1px solid #2b2e3a;border-radius:16px;padding:13px 13px 12px;gap:9px;box-shadow:0 8px 22px rgba(0,0,0,.18);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.chatOrderCard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#8357e8,#28d475);opacity:.8}
.chatOrderCard:hover{transform:translateY(-1px);border-color:#51436d;box-shadow:0 12px 28px rgba(0,0,0,.26)}
.chatOrderTop{gap:10px;align-items:center}
.chatOrderCheck{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#1a1d27;border:1px solid #303443;font-size:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.chatOrderTitle{font-size:13px;line-height:1.35;color:#f7f7fb}
.chatOrderPrice{font-size:18px;line-height:1.1;color:#ffc45f;text-shadow:0 0 18px rgba(255,196,95,.12)}
.chatOrderMeta{background:#0d0f15;border:1px solid #232631;border-radius:10px;padding:8px 9px;color:#8e93a2;font-size:11px;line-height:1.55}
.chatOrderMeta b{color:#c8cad2;font-weight:700}
.chatOrderStatus{justify-self:start;display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.01em}
.chatOrderStatus.success{background:#102c20;color:#69e6a1;border-color:#1f5e3e}
.chatOrderStatus.claim{background:#35161c;color:#ff9baa;border-color:#7a2d3c}
.chatOrderStatus.delivered{background:#13243a;color:#8ec4ff;border-color:#28507f}
.chatOrderStatus.paid{background:#302711;color:#ffd36b;border-color:#674f1c}
.chatOrderStatus.cancelled{background:#2b171d;color:#ff9bac;border-color:#6d2c3d}
.chatOrderStatus.processing{background:#251d35;color:#c9a8ff;border-color:#513875}
.chatAfterSaleBtn{justify-self:stretch;background:linear-gradient(135deg,#1a1b24,#161821);border:1px solid #343744;color:#dfe1e8;border-radius:10px;padding:8px 10px;font-weight:800;transition:.18s}
.chatAfterSaleBtn:hover{border-color:#7f5be1;background:#211a30;color:#fff;box-shadow:0 7px 16px rgba(127,91,225,.14)}
@media(max-width:1180px){.chatShell{grid-template-columns:270px minmax(0,1fr) 310px}}


/* V51 — richer order cards in chat right panel */
.chatOrderCardV51{padding:14px!important;display:grid!important;gap:11px!important;background:linear-gradient(145deg,#141621,#0e1017)!important;border-color:#2d3140!important}
.chatOrderCardV51:before{width:4px!important;background:linear-gradient(180deg,#8b5cf6 0%,#6d43d8 45%,#28d475 100%)!important}
.chatOrderV51Head{display:flex;align-items:flex-start;gap:10px;min-width:0}
.chatOrderV51TitleWrap{min-width:0;flex:1}.chatOrderV51TitleWrap .chatOrderTitle{font-size:13px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatOrderV51Shop{font-size:10px;color:#7f8493;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatOrderV51Head .chatOrderPrice{font-size:16px;white-space:nowrap;margin-left:5px}
.chatOrderV51StatusRow{display:flex;justify-content:space-between;align-items:center;gap:8px}.chatOrderV51Date{font-size:9px;color:#727786;white-space:nowrap}
.chatOrderV51Details{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chatOrderV51Details>div{background:#0b0d13;border:1px solid #232735;border-radius:9px;padding:7px 8px;min-width:0}.chatOrderV51Details span{display:block;font-size:9px;color:#707687;margin-bottom:3px}.chatOrderV51Details b{display:block;font-size:10px;color:#d9dbe3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatOrderV51Progress{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;background:rgba(139,92,246,.055);border:1px solid rgba(139,92,246,.16);border-radius:10px}.chatOrderV51ProgressDot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:0 0 8px;background:#9c7aff;box-shadow:0 0 10px rgba(156,122,255,.45)}.chatOrderV51ProgressDot.success{background:#57df91;box-shadow:0 0 10px rgba(87,223,145,.4)}.chatOrderV51ProgressDot.claim,.chatOrderV51ProgressDot.cancelled{background:#ff6d83;box-shadow:0 0 10px rgba(255,109,131,.4)}.chatOrderV51ProgressDot.delivered{background:#73b7ff}.chatOrderV51ProgressDot.paid{background:#ffc75f}.chatOrderV51Progress b{display:block;font-size:10px;color:#e9e9ee}.chatOrderV51Progress p{margin:3px 0 0;font-size:9px;line-height:1.4;color:#797f8e}
.chatAfterSaleBtnV51{width:100%;justify-self:stretch!important;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#211934,#171923)!important;border-color:#59427b!important;color:#e8ddff!important;font-weight:800!important;padding:9px 10px!important}.chatAfterSaleBtnV51:hover{background:linear-gradient(135deg,#6d43d8,#8358e8)!important;border-color:#9b75ff!important;color:#fff!important;box-shadow:0 8px 20px rgba(109,67,216,.18)}

/* V52: room-scoped order panel + wider readable composition */
.chatPageMain{width:min(1660px,98vw)!important}
.chatShell{grid-template-columns:280px minmax(560px,1fr) 410px!important;height:calc(100vh - 112px);min-height:680px!important;max-height:900px}
.chatRightPanel{min-width:0;overflow:hidden;background:linear-gradient(180deg,#101119 0%,#0d0e14 100%)}
.chatRightScroll{overflow-y:auto!important;overflow-x:hidden!important;min-height:0;padding:10px 10px 16px 12px;display:flex!important;flex-direction:column;gap:12px;scrollbar-gutter:stable}
.chatRightScroll::-webkit-scrollbar{width:8px}.chatRightScroll::-webkit-scrollbar-track{background:#0b0c11;border-radius:999px}.chatRightScroll::-webkit-scrollbar-thumb{background:linear-gradient(#6f46d9,#9b68f0);border-radius:999px;border:2px solid #0b0c11}
.chatOrderCardV52{display:block!important;border:1px solid #2e3040!important;border-radius:16px!important;background:linear-gradient(145deg,#151620,#101118)!important;padding:14px!important;box-shadow:0 8px 24px rgba(0,0,0,.18);min-width:0}
.chatOrderV52Top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.chatOrderV52Icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#211a31;border:1px solid #3c3152;font-size:17px}.chatOrderV52Main{min-width:0;display:grid;gap:3px}.chatOrderV52Main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.chatOrderV52Main span{color:#8e90a0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatOrderV52Top>strong{color:#ffc36a;font-size:16px}
.chatOrderV52Status{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:11px 0}.chatOrderV52Status small{color:#747789;font-size:10px;white-space:nowrap}.chatOrderV52Meta{display:grid;grid-template-columns:1.35fr .75fr;gap:7px}.chatOrderV52Meta>div{background:#0c0d13;border:1px solid #242633;border-radius:10px;padding:8px 9px;min-width:0}.chatOrderV52Meta span{display:block;color:#717487;font-size:9px;margin-bottom:3px}.chatOrderV52Meta b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9e9f1}
.chatOrderV52Note{display:grid;grid-template-columns:8px 1fr;gap:9px;margin-top:10px;padding:9px 10px;border-radius:11px;background:#0c0d13;border:1px solid #242633}.chatOrderV52Note i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#9b6ff3}.chatOrderV52Note i.success{background:#39d98a}.chatOrderV52Note i.claim{background:#ff5b72}.chatOrderV52Note i.delivered,.chatOrderV52Note i.paid{background:#59a8ff}.chatOrderV52Note b{font-size:11px}.chatOrderV52Note p{margin:3px 0 0;color:#8c8f9d;font-size:10px;line-height:1.45}.chatAfterSaleBtnV52{width:100%;margin-top:10px!important;border-radius:11px!important;padding:9px 10px!important;font-size:11px!important}
@media(max-width:1250px){.chatShell{grid-template-columns:245px minmax(460px,1fr) 350px!important}.chatOrderV52Meta{grid-template-columns:1fr 1fr}}
/* V53 - compact detailed order cards matching TH Social chat theme */
.chatOrderCardV53{display:block!important;position:relative;overflow:hidden;border:1px solid #323445!important;border-radius:17px!important;background:linear-gradient(155deg,#151620 0%,#101118 65%,#12101a 100%)!important;padding:13px!important;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.chatOrderCardV53:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 6px 6px 0;background:linear-gradient(180deg,#8658ef,#39d98a)}
.chatOrderV53Top{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center}.chatOrderV53Icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#201a2c;border:1px solid #3a314d;font-size:16px}.chatOrderV53Main{min-width:0;display:grid;gap:2px}.chatOrderV53Main b{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatOrderV53Main span{font-size:10px;color:#8d90a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatOrderV53Amount{font-size:15px;color:#ffc15e;font-weight:900;white-space:nowrap}
.chatOrderV53StateRow{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:10px 0 9px}.chatOrderV53StateRow .chatOrderStatus{font-size:9px;padding:5px 8px}.chatOrderV53Date{font-size:9px;color:#7c7f8f;white-space:nowrap}
.chatOrderV53Grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.chatOrderV53Cell{min-width:0;background:#0c0d13;border:1px solid #282a37;border-radius:9px;padding:7px 8px}.chatOrderV53Cell span{display:block;color:#777a8d;font-size:8px;margin-bottom:3px}.chatOrderV53Cell b{display:block;color:#f1f1f6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatOrderV53Cell strong{color:#ffc15e}
.chatOrderV53Notice{display:grid;grid-template-columns:7px minmax(0,1fr);gap:8px;align-items:start;margin-top:9px;padding:9px;border-radius:10px;background:linear-gradient(135deg,#171326,#12111b);border:1px solid #382a56}.chatOrderV53Notice i{width:7px;height:7px;border-radius:50%;margin-top:4px;background:#8d65f5;box-shadow:0 0 10px rgba(141,101,245,.45)}.chatOrderV53Notice i.success{background:#38d98a;box-shadow:0 0 10px rgba(56,217,138,.35)}.chatOrderV53Notice i.claim{background:#ff627a}.chatOrderV53Notice i.delivered,.chatOrderV53Notice i.paid{background:#59a8ff}.chatOrderV53Notice b{font-size:10px;color:#f2f2f7}.chatOrderV53Notice p{margin:2px 0 0;font-size:9px;line-height:1.4;color:#9093a2}.chatAfterSaleBtnV53{width:100%;margin-top:9px!important;padding:9px 10px!important;border-radius:10px!important;background:#171421!important;border:1px solid #65469b!important;color:#fff!important;font-size:10px!important;font-weight:800!important}.chatAfterSaleBtnV53:hover{background:#221933!important;border-color:#9368e8!important}


/* V54 — keep every right-side order card full-size and scroll the list only */
@media (min-width:981px){
  .chatShell{grid-template-columns:280px minmax(560px,1fr) 410px!important;height:calc(100vh - 112px)!important;min-height:680px!important;max-height:900px!important}
  .chatRightPanel{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important;min-height:0!important;overflow:hidden!important}
  .chatRightScroll{display:flex!important;flex-direction:column!important;align-items:stretch!important;align-content:flex-start!important;gap:14px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 12px 18px 14px!important;overscroll-behavior:contain;scrollbar-gutter:stable}
  .chatRightScroll>.chatOrderCard,
  .chatRightScroll>.chatOrderCardV53{flex:0 0 auto!important;min-height:max-content!important;height:auto!important;max-height:none!important;overflow:visible!important}
  .chatOrderCardV53{padding:14px!important;border-radius:18px!important}
  .chatOrderV53Top{grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important}
  .chatOrderV53Icon{width:40px!important;height:40px!important;border-radius:12px!important}
  .chatOrderV53Main b{font-size:14px!important}.chatOrderV53Main span{font-size:11px!important}.chatOrderV53Amount{font-size:16px!important}
  .chatOrderV53StateRow{margin:11px 0 10px!important}.chatOrderV53StateRow .chatOrderStatus{font-size:10px!important;padding:6px 9px!important}.chatOrderV53Date{font-size:10px!important}
  .chatOrderV53Grid{gap:8px!important}.chatOrderV53Cell{padding:9px 10px!important;border-radius:11px!important}.chatOrderV53Cell span{font-size:9px!important}.chatOrderV53Cell b{font-size:11px!important}
  .chatOrderV53Notice{margin-top:10px!important;padding:10px 11px!important;border-radius:12px!important}.chatOrderV53Notice b{font-size:11px!important}.chatOrderV53Notice p{font-size:10px!important;line-height:1.5!important}
  .chatAfterSaleBtnV53{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin-top:11px!important;padding:11px 12px!important;border-radius:12px!important;font-size:11px!important;min-height:38px!important}
  .chatRightScroll{scrollbar-width:thin;scrollbar-color:#8b5cf6 #11131b}
  .chatRightScroll::-webkit-scrollbar{width:10px!important}
  .chatRightScroll::-webkit-scrollbar-track{background:#11131b!important;border:1px solid #242735;border-radius:999px!important;margin:8px 0!important}
  .chatRightScroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c4fe1 0%,#9b6ff3 55%,#6c46d9 100%)!important;border:2px solid #11131b!important;border-radius:999px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .chatRightScroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9063ee,#b084ff)!important}
}

.chatOrderProductThumb{overflow:hidden!important;padding:0!important;background:#171923!important}
.chatOrderProductThumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}

.claimOrderActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.claimOrderActions button{min-height:40px;border-radius:11px;font-weight:800;font-size:12px;border:1px solid #34384a;color:#fff;padding:9px 10px}.claimAdminBtn{background:linear-gradient(135deg,#21253a,#343a61);border-color:#4b5688!important}.claimResolveBtn{background:linear-gradient(135deg,#196b49,#20a968);border-color:#32c981!important}.claimResolutionCard{width:min(560px,92%);margin:4px auto;padding:16px;border:1px solid #3a435d;border-radius:16px;background:linear-gradient(180deg,#141925,#0f131c);box-shadow:0 12px 34px rgba(0,0,0,.22);text-align:left}.claimResolutionCard .claimResolutionHead{display:flex;align-items:center;gap:10px;margin-bottom:8px}.claimResolutionCard .claimResolutionIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#1d2e26;border:1px solid #315c47}.claimResolutionCard h4{margin:0;color:#fff;font-size:15px}.claimResolutionCard p{margin:6px 0 0;color:#aeb5c5;line-height:1.6;font-size:13px}.claimResolutionBtns{display:grid;grid-template-columns:1.25fr .9fr;gap:9px;margin-top:13px}.claimResolutionBtns button{border-radius:11px;padding:11px 12px;font-weight:900;border:1px solid transparent}.claimSatisfiedBtn{background:linear-gradient(135deg,#1da45e,#32d47d);color:#fff}.claimUnsatisfiedBtn{background:#21171c;color:#ff9caf;border-color:#65303f!important}.claimResolutionWaiting{margin-top:12px;padding:10px 12px;border-radius:10px;background:#111722;border:1px solid #2d3953;color:#9fb4db;font-size:12px}.claimAdminEvidenceCard{display:grid;gap:8px}.claimAdminEvidenceCard .claimEvidenceMeta{font-size:12px;color:#94a0b8}.claimAdminEvidenceCard .claimEvidenceTag{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 8px;border-radius:999px;background:#251b32;border:1px solid #513a70;color:#d8b6ff;font-weight:800;font-size:11px}

/* V58: themed chat scrollbars (center conversation + side lists) */
.chatBoard,.chatThreadList2,.chatRightScroll{scrollbar-width:thin;scrollbar-color:#8b5cf6 #0c0e15}
.chatBoard::-webkit-scrollbar,.chatThreadList2::-webkit-scrollbar,.chatRightScroll::-webkit-scrollbar{width:9px;height:9px}
.chatBoard::-webkit-scrollbar-track,.chatThreadList2::-webkit-scrollbar-track,.chatRightScroll::-webkit-scrollbar-track{background:linear-gradient(180deg,#0a0c12,#11131b);border-left:1px solid #1e2130;border-radius:999px;margin:8px 2px}
.chatBoard::-webkit-scrollbar-thumb,.chatThreadList2::-webkit-scrollbar-thumb,.chatRightScroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6f46d9 0%,#9b68f0 52%,#6a42cc 100%);border:2px solid #0d0f16;border-radius:999px;box-shadow:0 0 10px rgba(139,92,246,.22)}
.chatBoard::-webkit-scrollbar-thumb:hover,.chatThreadList2::-webkit-scrollbar-thumb:hover,.chatRightScroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8e61ee,#b083ff)}
.claimResolutionBtns button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.55)}
.claimResolutionDone{margin-top:12px;padding:11px 12px;border-radius:12px;border:1px solid #2d3445;background:#10141d;color:#aeb6c9;font-size:12px;font-weight:800}
.claimResolutionDone.good{border-color:#1f6c47;background:#0d2118;color:#83efb1}
.claimResolutionDone.warn{border-color:#754052;background:#24131a;color:#ff9eb3}.claimResolutionFeedback{display:none;margin-top:10px;padding:9px 11px;border-radius:10px;border:1px solid #3b4560;background:#111722;color:#b7c6e8;font-size:12px;font-weight:800}.claimResolutionFeedback.show{display:block}.claimResolutionFeedback.error{border-color:#743448;background:#25131a;color:#ff9db1}.claimResolutionFeedback.success{border-color:#236947;background:#0f2419;color:#91efb7}

/* V61: keep order status badges compact; prevent generic .success button styles from stretching success badge */
.chatRightScroll .chatOrderStatus.success{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:5px 8px!important;
  margin:0!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1.15!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-self:start!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  background:#102c20!important;
  color:#69e6a1!important;
  border:1px solid #1f5e3e!important;
  box-shadow:none!important;
}
.chatOrderV53StateRow{align-items:center!important;}

.claimAdminDecisionPanel{margin:12px;border:1px solid #6e51c9;background:linear-gradient(145deg,#171126,#11131b);border-radius:16px;padding:14px;box-shadow:0 12px 30px rgba(92,57,175,.18)}
.claimAdminDecisionHead{display:grid;gap:5px;color:#d7c7ff}.claimAdminDecisionHead>span{font-size:12px;font-weight:800;color:#b99cff}.claimAdminDecisionHead>b{font-size:14px;color:#fff}.claimAdminDecisionPanel>p{color:#9296a5;font-size:11px;line-height:1.55;margin:10px 0}.claimAdminDecisionSummary{display:grid;gap:6px;background:#0d0f16;border:1px solid #2d3040;border-radius:11px;padding:9px 10px;font-size:11px;color:#9296a5}.claimAdminDecisionSummary b{color:#fff;float:right}.claimAdminDecisionBtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.claimAdminDecisionBtns button{border-radius:10px;padding:10px 8px;font-weight:900;font-size:11px;color:#fff}.claimAdminRefundBtn{background:#6d2637;border:1px solid #c84b67}.claimAdminReleaseBtn{background:#17683d;border:1px solid #31ce79}.claimAdminDecisionBtns button:disabled{opacity:.5;cursor:not-allowed}.claimAdminDecisionDone{margin-top:10px;padding:9px;border-radius:10px;background:#10271b;border:1px solid #286d47;color:#73e5a5;font-size:11px;font-weight:800}
.adminEvidenceThread{outline:1px solid #7255d9}

/* V65 - dedicated Admin Claim Evidence modal */
.claimEvidenceOverlay{position:fixed;inset:0;z-index:99999;background:rgba(4,5,10,.82);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}
.claimEvidenceModal{width:min(1180px,96vw);height:min(820px,92vh);background:linear-gradient(155deg,#12131b,#0c0d13);border:1px solid #393149;border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(144,91,238,.08);overflow:hidden;display:flex;flex-direction:column}
.claimEvidenceModalHead{height:auto;position:static;background:#101118;border-bottom:1px solid #2b2935;padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.claimEvidenceModalHead h2{margin:6px 0 3px;font-size:22px}.claimEvidenceModalHead p{margin:0;color:#9b9aaa}.claimEvidenceTag{display:inline-flex;border:1px solid #654598;background:#21172f;color:#d8b9ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}
.claimEvidenceClose{width:38px;height:38px;border-radius:11px;border:1px solid #353642;background:#171820;color:#fff;font-size:18px}.claimEvidenceClose:hover{border-color:#8e62e9;background:#211a2c}
.claimEvidenceBody{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0}.claimEvidenceTranscript{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #2a2b35}.claimEvidenceTranscriptHead{padding:15px 18px;border-bottom:1px solid #24252f;display:flex;justify-content:space-between;color:#d7d7e2}.claimEvidenceTranscriptHead span{color:#8c8d99;font-size:12px}
.claimEvidenceMessages{min-height:0;flex:1;overflow:auto;padding:18px;scrollbar-width:thin;scrollbar-color:#7750d9 #11121a}.claimEvidenceMessages::-webkit-scrollbar{width:9px}.claimEvidenceMessages::-webkit-scrollbar-track{background:#101118;border-radius:10px}.claimEvidenceMessages::-webkit-scrollbar-thumb{background:linear-gradient(#9b66ef,#6540bd);border-radius:10px;border:2px solid #101118}
.evidenceMsg{max-width:76%;margin:0 0 13px;padding:12px 14px;border-radius:15px;border:1px solid #2e303c;background:#171821}.evidenceBuyer{margin-right:auto;border-color:#314a68;background:#111a25}.evidenceSeller{margin-left:auto;border-color:#3f3560;background:#191526}.evidenceSystem{max-width:86%;margin-left:auto;margin-right:auto;background:#111219;border-style:dashed;color:#b6b7c1}.evidenceMsgHead{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.evidenceMsgHead span{font-size:10px;color:#7f808c}.evidenceMsgText{white-space:pre-wrap;word-break:break-word;line-height:1.6}.evidenceImageLink img{display:block;margin-top:10px;max-width:260px;max-height:240px;border-radius:12px;border:1px solid #333644;object-fit:contain}.evidenceEmpty{text-align:center;color:#848592;padding:80px 20px}
.evidenceDecision{padding:18px;overflow:auto;background:#0f1016}.evidenceDecisionTitle{font-weight:900;font-size:16px;margin-bottom:12px;color:#e2d4ff}.evidenceOrderGrid{display:grid;gap:9px}.evidenceOrderGrid>div{padding:11px;border:1px solid #292b35;background:#14151c;border-radius:12px;display:grid;gap:4px}.evidenceOrderGrid span{font-size:11px;color:#8f909b}.evidenceOrderGrid b{word-break:break-word}.evidenceDecisionBtns{display:grid;gap:10px;margin-top:16px}.evidenceDecisionBtns button{width:100%;min-height:46px;border-radius:12px;font-weight:800}.claimAdminRefundBtn{background:#32151c!important;border:1px solid #7d3144!important;color:#ffbac8!important}.claimAdminReleaseBtn{background:#123522!important;border:1px solid #2a8551!important;color:#adf4c9!important}
@media(max-width:800px){.claimEvidenceOverlay{padding:8px}.claimEvidenceModal{height:96vh}.claimEvidenceBody{grid-template-columns:1fr}.claimEvidenceTranscript{border-right:0;max-height:62vh}.evidenceDecision{border-top:1px solid #2a2b35}.evidenceMsg{max-width:92%}}

/* V69 - themed admin claim confirmation + double-submit lock */
.adminClaimConfirmOverlay{position:fixed;inset:0;z-index:100500;background:rgba(3,4,10,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;animation:adminClaimFade .16s ease-out}
.adminClaimConfirmCard{width:min(460px,94vw);background:linear-gradient(155deg,#17141f,#0e1017 70%);border:1px solid #453657;border-radius:22px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(154,98,255,.08);text-align:center;animation:adminClaimPop .18s ease-out}
.adminClaimConfirmIcon{width:58px;height:58px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:900}.adminClaimConfirmCard.refund .adminClaimConfirmIcon{background:#331720;border:1px solid #84354b;color:#ffb6c6}.adminClaimConfirmCard.release .adminClaimConfirmIcon{background:#123421;border:1px solid #2c8553;color:#aef4c9}
.adminClaimConfirmBadge{display:inline-flex;border:1px solid #644596;background:#21172e;color:#d7b8ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.35px}.adminClaimConfirmCard h3{margin:12px 0 7px;font-size:21px;color:#fff}.adminClaimConfirmCard p{margin:0 auto;color:#a8a7b3;font-size:13px;line-height:1.65;max-width:390px}.adminClaimConfirmOrder{margin:16px 0 10px;padding:11px 13px;border:1px solid #2d2d38;background:#11131a;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.adminClaimConfirmOrder span{color:#8d8e99;font-size:11px}.adminClaimConfirmOrder b{color:#eee8ff;word-break:break-all}.adminClaimConfirmWarning{padding:10px 12px;border:1px solid #594a2b;background:#221d12;border-radius:11px;color:#e9c97f;font-size:11px;line-height:1.55;text-align:left}.adminClaimConfirmActions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:18px}.adminClaimConfirmActions button{min-height:44px;border-radius:12px;font-weight:900;cursor:pointer}.adminClaimConfirmCancel{border:1px solid #3a3b48;background:#181921;color:#c8c8d1}.adminClaimConfirmCancel:hover{border-color:#6b5a83;background:#1d1b26}.adminClaimConfirmSubmit.refund{border:1px solid #8b3b50;background:linear-gradient(135deg,#6a2639,#451c2a);color:#ffd2dc}.adminClaimConfirmSubmit.release{border:1px solid #31865a;background:linear-gradient(135deg,#17633e,#11482f);color:#c7f8da}.adminClaimConfirmSubmit:hover{filter:brightness(1.08)}
[data-admin-claim-decision].isBusy{position:relative;cursor:wait!important;opacity:.7!important;pointer-events:none}.evidenceDecisionBtns button:disabled,.claimAdminDecisionBtns button:disabled{cursor:not-allowed!important;filter:saturate(.65)}
@keyframes adminClaimFade{from{opacity:0}to{opacity:1}}@keyframes adminClaimPop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:520px){.adminClaimConfirmCard{padding:20px 16px}.adminClaimConfirmActions{grid-template-columns:1fr}.adminClaimConfirmSubmit{grid-row:1}.adminClaimConfirmCancel{grid-row:2}}

/* V72 - force Admin Claim decision controls above transparent layout layers */
.evidenceDecision,.claimAdminDecisionPanel{position:relative!important;z-index:40!important;pointer-events:auto!important}
.evidenceDecisionBtns,.claimAdminDecisionBtns{position:relative!important;z-index:41!important;pointer-events:auto!important}
.evidenceDecisionBtns button,.claimAdminDecisionBtns button,.claimAdminRefundBtn,.claimAdminReleaseBtn{position:relative!important;z-index:42!important;pointer-events:auto!important;touch-action:manipulation!important}
#adminClaimConfirmModal,.adminClaimConfirmOverlay{pointer-events:auto!important;z-index:100500!important}
.adminClaimConfirmCard,.adminClaimConfirmActions,.adminClaimConfirmActions button{position:relative!important;z-index:100501!important;pointer-events:auto!important}


/* V75 - Toast must stay visible above Claim Evidence / Admin Confirm modals */
#toast.toast{
  z-index:101500!important;
  right:24px!important;
  bottom:24px!important;
  max-width:min(420px,calc(100vw - 48px));
  pointer-events:none;
}
#toast.toast:not(.hidden){
  opacity:1!important;
  visibility:visible!important;
}


/* V76 - final admin-refund state */
.orderStatePill.refunded{background:#351721!important;border:1px solid #8d4056!important;color:#ffbdcb!important}


/* =========================
   V77 ADMIN BACKEND REDESIGN
   ========================= */
.adminPageV77{max-width:1450px;margin:0 auto;padding:34px 22px 80px}
.adminPageHeadV77{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.adminIdentityV77{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#11121a;border:1px solid #2c2d3a;border-radius:14px}
.adminIdentityV77 span{font-size:10px;font-weight:900;letter-spacing:.08em;padding:5px 8px;border-radius:999px}
.adminIdentityV77 .owner{background:#3b2610;color:#ffd583;border:1px solid #7a5319}
.adminIdentityV77 .staff{background:#20162e;color:#cdb4ff;border:1px solid #533b72}
.adminSideV77{position:sticky;top:85px;align-self:start;min-width:220px;background:linear-gradient(180deg,#12131a,#0e0f15);border:1px solid #2a2b36;border-radius:18px;padding:14px}
.adminSideBrand{display:flex;align-items:center;gap:10px;padding:9px 8px 15px;margin-bottom:7px;border-bottom:1px solid #252630}
.adminSideBrand>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6f42db,#9c5cf5);font-weight:950;color:white;box-shadow:0 8px 25px #7541d633}
.adminSideBrand div{display:grid}.adminSideBrand small{color:#777a8a;font-size:11px;margin-top:2px}
.adminSideV77 button{display:flex!important;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;color:#bbbcca;padding:11px 12px;border-radius:10px;font-weight:700}
.adminSideV77 button:hover{background:#171821;color:#fff}
.adminSideV77 button.active{background:linear-gradient(90deg,#241a34,#1b1727);color:#fff;box-shadow:inset 3px 0 #8d54e8}
.adminSideFoot{font-size:10px;color:#5e6070;padding:15px 10px 3px}
.adminDashHeroV77{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;margin-bottom:14px;border-radius:18px;background:radial-gradient(circle at 85% 25%,rgba(139,80,235,.18),transparent 28%),linear-gradient(135deg,#15141e,#11131a);border:1px solid #302c3d}
.adminDashHeroV77 h2{font-size:24px;margin:5px 0}.adminDashHeroV77 p{color:#8f91a1;margin:0}
.adminDashKicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#9f6afa}
.adminQuickV77{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.adminQuickV77 button{text-align:left;padding:16px;background:#11121a;border:1px solid #2b2d39;border-radius:15px;color:#fff;transition:.18s}
.adminQuickV77 button:hover{transform:translateY(-2px);border-color:#6c49a4}
.adminQuickV77 small,.adminQuickV77 span{display:block;color:#8c8e9b}.adminQuickV77 strong{font-size:25px;display:block;margin:6px 0}.adminQuickV77 span{font-size:11px;color:#a677ef}
.adminDashSectionTitleV77{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 10px}.adminDashSectionTitleV77 h3{margin:0;font-size:18px}.adminDashSectionTitleV77 p{margin:4px 0 0;color:#777a89;font-size:12px}
.adminStatsFiveV77{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.adminStatsFiveV77>div,.adminFinanceCardsV77>div{background:#11121a;border:1px solid #2b2c38;border-radius:15px;padding:16px}
.adminStatsFiveV77 small,.adminFinanceCardsV77 small{display:block;color:#8f91a0}.adminStatsFiveV77 b{font-size:24px;margin-right:6px}.adminStatsFiveV77 span{font-size:11px;color:#727483}
.adminDashGrid2V77{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}
.adminPanelHeadV77{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.adminPanelHeadV77 b{font-size:15px}.adminPanelHeadV77 small{display:block;color:#777988;margin-top:3px}
.adminPillV77{font-size:11px;padding:6px 9px;border-radius:999px;background:#22182f;border:1px solid #50386c;color:#cba8ff}
.adminMiniChartV77{height:185px;display:flex;align-items:flex-end;gap:12px;padding:20px 10px 5px;border-radius:13px;background:linear-gradient(180deg,#0e0f15,#101119);border:1px solid #242631}
.adminBarColV77{flex:1;text-align:center;min-width:0}.adminBarV77{min-height:4px;max-height:150px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#9d60f5,#5e36b9);position:relative;box-shadow:0 0 24px rgba(134,75,222,.18)}
.adminMiniChartV77.money .adminBarV77{background:linear-gradient(180deg,#5dcaab,#23735f)}
.adminBarV77 span{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:#aeb0be;white-space:nowrap}.adminBarColV77 small{font-size:9px;color:#696b78}
.adminSummaryRowsV77{display:grid;gap:8px}.adminSummaryRowsV77>div{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0e0f15;border:1px solid #262731;border-radius:11px}.adminSummaryRowsV77 span{color:#999ba8}.adminSummaryRowsV77 b{font-size:16px}
.adminFinanceCardsV77{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.adminFinanceCardsV77 b{display:block;font-size:19px;margin:7px 0}.adminFinanceCardsV77 span{font-size:10px;color:#737584}
.adminLatestV77{display:grid;gap:8px}.adminLatestV77>div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #262731;border-radius:11px;background:#0e0f15}.adminLatestV77 small{display:block;color:#737584;margin-top:2px}.adminLatestV77 strong{font-size:13px}
.adminLoadingV77{padding:30px;text-align:center;color:#777988;width:100%}

.adminMembersPanelV77{overflow:visible}
.adminMembersHeadV77{align-items:center}.adminMemberCountV77{padding:7px 10px;border:1px solid #383047;background:#191522;border-radius:10px;color:#be98f7;font-weight:800;font-size:12px}
.adminMemberToolbarV77,.adminHistoryToolbarV77{display:flex;gap:8px;align-items:center;margin:14px 0;flex-wrap:wrap}
.adminMemberSearchV77{flex:1;min-width:270px;display:flex;align-items:center;gap:8px;background:#0d0e14;border:1px solid #2e303c;border-radius:11px;padding:0 11px;color:#767887}
.adminMemberSearchV77 input{width:100%;border:0;background:transparent;color:#fff;padding:11px 0;outline:0}
.adminMemberToolbarV77 select,.adminHistoryToolbarV77 input[type=date]{background:#0d0e14;color:#d6d7de;border:1px solid #2e303c;border-radius:10px;padding:10px 11px}
.adminMemberTableWrapV77{overflow:auto;border:1px solid #282a35;border-radius:13px}
.adminMemberTableV77{margin:0;min-width:980px}.adminMemberTableV77 th{background:#0e0f15;position:sticky;top:0;z-index:2}.adminMemberTableV77 td{vertical-align:middle}
.superAdminRowV77{background:linear-gradient(90deg,rgba(104,72,16,.12),transparent 36%)}
.adminMemberIdentityV77{display:flex;align-items:center;gap:10px;min-width:230px}.adminMemberIdentityV77>div:last-child{display:grid;gap:2px}.adminMemberIdentityV77 small{color:#717482;font-size:10px}
.adminMemberAvatarV77{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#201b2a;border:1px solid #413153;overflow:hidden;font-weight:900}.adminMemberAvatarV77 img{width:100%;height:100%;object-fit:cover}
.superBadgeV77{display:inline-block;margin-left:6px;font-size:8px!important;padding:3px 5px;border-radius:999px;background:#4a3013;color:#ffd67f;border:1px solid #78521d}
.walletAmountV77{color:#c4f1da}.roleBadgeV77{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.04em}.roleBadgeV77.admin{background:#2b1b3d;border:1px solid #65418b;color:#d8b9ff}.roleBadgeV77.seller{background:#132e25;border:1px solid #286e52;color:#9cebc8}.roleBadgeV77.member{background:#20222b;border:1px solid #3b3d48;color:#b8bac5}
.adminDotsWrapV77{position:relative;display:inline-block}.adminDotsBtnV77{width:32px;height:32px;border-radius:9px;background:#161720;border:1px solid #30323e;color:#d6d7df;font-size:18px}
.adminMemberMenuV77{display:none;position:absolute;right:0;top:37px;width:230px;z-index:1200;background:#15161e;border:1px solid #343643;border-radius:12px;padding:6px;box-shadow:0 20px 60px #000a}.adminMemberMenuV77.open{display:grid}
.adminMemberMenuV77 button{border:0;background:transparent;color:#d4d5dd;padding:10px 11px;text-align:left;border-radius:8px}.adminMemberMenuV77 button:hover{background:#20212a}.adminMenuDividerV77{height:1px;background:#2c2d36;margin:4px}.dangerTextV77{color:#ff9cad!important}
.adminMemberOverlayV77{position:fixed;inset:0;z-index:102000;background:rgba(3,4,9,.8);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}
.adminMemberModalV77{width:min(720px,95vw);max-height:90vh;overflow:auto;background:linear-gradient(155deg,#17151f,#0e1017);border:1px solid #443651;border-radius:20px;padding:20px;box-shadow:0 30px 90px #000b}
.adminMemberModalHeadV77{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:15px;border-bottom:1px solid #2b2933}.adminMemberModalHeadV77 h3{margin:5px 0 3px;font-size:22px}.adminMemberModalHeadV77 p{margin:0;color:#828493}.adminMemberModalHeadV77>button{width:36px;height:36px;border-radius:10px;background:#171821;border:1px solid #30313c;color:#fff}
.superLockNoticeV77{margin:14px 0;padding:12px;border-radius:11px;background:#332711;border:1px solid #73531c;color:#f7d890}
.adminMemberInfoGridV77{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.adminMemberInfoGridV77>div{padding:11px;background:#0e0f15;border:1px solid #292a34;border-radius:10px}.adminMemberInfoGridV77 small{display:block;color:#737583;margin-bottom:4px}.adminMemberInfoGridV77 b{font-size:12px;word-break:break-all}
.adminMemberControlSectionV77{padding:15px 0;border-top:1px solid #292a34}.adminMemberControlSectionV77 h4{margin:0 0 4px}.adminMemberControlSectionV77 p{font-size:11px;color:#777988;margin:0 0 10px}.adminRoleActionsV77{display:flex;gap:8px;flex-wrap:wrap}.adminRoleActionsV77 button,.adminWalletAdjustV77 button{padding:10px 12px;border-radius:9px;border:1px solid #363844;background:#1a1b24;color:#fff}.adminRoleActionsV77 button:disabled,.adminWalletAdjustV77 *:disabled{opacity:.35;cursor:not-allowed}.warningBtnV77{background:#3a2a10!important;border-color:#6f501c!important;color:#ffd991!important}
.adminWalletAdjustV77{display:grid;grid-template-columns:140px 1fr auto;gap:8px}.adminWalletAdjustV77 input{background:#0d0e14;color:#fff;border:1px solid #30313b;border-radius:9px;padding:10px 11px}

.adminHistoryTabsV77{display:flex;gap:7px;flex-wrap:wrap;padding:7px;background:#0d0e14;border:1px solid #292a34;border-radius:12px;margin:12px 0}.adminHistoryTabsV77 button{border:0;background:transparent;color:#888b99;padding:9px 12px;border-radius:8px;font-weight:700}.adminHistoryTabsV77 button.active{background:#251b34;color:#d8bdff}
.adminHistoryPanelV77 .adminTable small{display:block;color:#777988;margin-top:3px}
.textBtn{border:0;background:transparent;color:#a975f1;font-weight:700;cursor:pointer}

@media(max-width:1000px){
  .adminQuickV77,.adminStatsFiveV77,.adminFinanceCardsV77{grid-template-columns:repeat(2,1fr)}
  .adminDashGrid2V77{grid-template-columns:1fr}
  .adminPageHeadV77{align-items:flex-start;flex-direction:column}
}
@media(max-width:720px){
  .adminPageV77{padding:18px 10px 60px}
  .adminShell{grid-template-columns:1fr!important}
  .adminSideV77{position:static;display:grid;grid-template-columns:repeat(2,1fr);min-width:0}
  .adminSideBrand,.adminSideFoot{grid-column:1/-1}
  .adminQuickV77,.adminStatsFiveV77,.adminFinanceCardsV77{grid-template-columns:1fr 1fr}
  .adminMemberInfoGridV77{grid-template-columns:1fr}
  .adminWalletAdjustV77{grid-template-columns:1fr}
}


.adminDangerZoneV77{border:1px solid #5c2631!important;background:#1b1015;padding:14px!important;border-radius:12px;margin-top:10px}.adminDangerZoneV77 h4{color:#ff9dac}

/* V78 Managed Categories / Recommendations / Tutorial / Wallet */
.v78CategoryImg{width:100%;height:100%;object-fit:contain;display:block}
.categoryIcon .v78CategoryImg,.bigIcon .v78CategoryImg{width:58px;height:58px;object-fit:contain;border-radius:10px}
.v78TutorialBtn{align-self:center;padding:10px 15px;border-radius:11px;border:1px solid #694a96;background:#21172f;color:#d9baff;font-weight:850;cursor:pointer;white-space:nowrap}
.v78TutorialBtn:hover{background:#2c1e40;border-color:#9363d5}
.v78AdminPanel{overflow:visible}
.v78CategoryForm{margin:15px 0 20px;padding:17px;background:linear-gradient(145deg,#12131a,#0e1016);border:1px solid #34303f;border-radius:15px}
.v78FormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.v78FormGrid label,.v78CategoryForm>label{display:grid;gap:6px;color:#9b9da9;font-size:11px}
.v78FormGrid input,.v78FormGrid select,.v78CategoryForm textarea{width:100%;background:#0b0c12;border:1px solid #30323d;border-radius:9px;padding:10px;color:#f1f1f5;outline:0}
.v78CategoryForm textarea{min-height:80px;resize:vertical}
.v78CatChecks{display:flex!important;gap:15px;align-items:center}.v78CatChecks span{display:flex;gap:7px;align-items:center;color:#c6c7cf}.v78CatChecks input{width:auto!important}
.v78ImageEditor{display:flex;gap:12px;align-items:center;margin:13px 0}.v78CatImagePreview{width:86px;height:86px;border:1px dashed #4a4058;background:#0b0c12;border-radius:14px;display:grid;place-items:center;overflow:hidden;font-size:32px}.v78CatImagePreview img{width:100%;height:100%;object-fit:contain}.v78ImageEditor>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v78ImageEditor small{display:block;width:100%;color:#737583}
.v78SaveWide{width:100%;margin-top:4px}.v78Toolbar{display:flex;gap:8px;margin:13px 0}
.v78CategoryTable{min-width:850px}.v78CatCell{display:flex;align-items:center;gap:10px;min-width:230px}.v78CatCell>div:first-child{width:44px;height:44px;border:1px solid #343642;background:#101119;border-radius:11px;display:grid;place-items:center;overflow:hidden;font-size:22px}.v78CatCell img{width:100%;height:100%;object-fit:contain}.v78CatCell>div:last-child{display:grid}.v78CatCell small{color:#767886;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v78StatusButton{border:0;background:transparent;font-weight:800;cursor:pointer}.v78SortBtns{display:flex;align-items:center;gap:5px}.v78SortBtns button{width:27px;height:27px;border:1px solid #333541;background:#15161e;color:#ccc;border-radius:7px}.v78SortBtns b{font-size:10px;color:#858795}
.v78ModeCards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.v78ModeCards label{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:2px;padding:15px;border:1px solid #30323d;background:#101119;border-radius:13px;cursor:pointer}.v78ModeCards label.active{border-color:#7449a7;background:#1b1425}.v78ModeCards input{grid-row:1/3}.v78ModeCards span{font-size:11px;color:#777988}
.v78RecommendConfig{display:flex;align-items:flex-end;gap:10px;margin:13px 0;padding:12px;background:#0e0f15;border:1px solid #282a34;border-radius:11px}.v78RecommendConfig label{display:grid;gap:5px;color:#858795}.v78RecommendConfig input{width:110px;background:#0a0b10;border:1px solid #30323c;color:#fff;border-radius:8px;padding:9px}
.v78RecommendPreview{margin:18px 0;padding-top:12px;border-top:1px solid #292a34}.v78RecommendPreview h3{font-size:14px}.v78ManualPick{margin-top:18px}.v78ProductPickList{display:grid;gap:7px;max-height:520px;overflow:auto;padding-right:3px}.v78ProductPickList label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #282a34;background:#0e0f15;border-radius:10px}.v78ProductPickList>label>span{width:48px;height:42px;display:grid;place-items:center;background:#161721;border-radius:8px;overflow:hidden}.v78PickImg{width:100%;height:100%;object-fit:cover}.v78ProductPickList label>div{display:grid;flex:1}.v78ProductPickList small{color:#767886}.v78ProductPickList strong{font-size:12px;color:#f0c36e}
.v78TutorialSetting{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:center;padding:18px;background:#0e0f15;border:1px solid #2b2d37;border-radius:14px;margin-top:14px}.v78TutorialSetting h3{margin:8px 0 3px}.v78TutorialSetting p{margin:0;color:#777988}.v78TutorialInput{display:flex;gap:7px}.v78TutorialInput input{flex:1;background:#090a0f;color:#fff;border:1px solid #30323e;border-radius:9px;padding:10px}.v78HelpHint{margin-top:12px;padding:12px;border-radius:10px;background:#171421;border:1px solid #372d48;color:#9e8eae;font-size:11px}
.topupBalanceHero{padding:20px 22px;margin-bottom:12px;border:1px solid #44315e;border-radius:17px;background:radial-gradient(circle at 80% 20%,rgba(139,79,222,.18),transparent 35%),#12131a}.topupBalanceHero span{display:block;color:#8f91a0}.topupBalanceHero b{font-size:32px;color:#d9c1ff}
.topupGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topupCard{position:relative;padding:20px;background:#11121a;border:1px solid #2e303b;border-radius:16px}.topupCard h3{margin:0 0 15px}.topupStep{position:absolute;right:16px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2a1b3c;color:#cfacff;font-weight:900}
.topupBankRows{display:grid;gap:8px}.topupBankRows>div{display:flex;align-items:center;gap:8px;padding:10px;background:#0c0d13;border:1px solid #272934;border-radius:10px}.topupBankRows span{color:#777988;min-width:80px}.topupBankRows b{flex:1}.topupQuickAmounts{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.topupQuickAmounts button{padding:8px 11px;border:1px solid #3c3150;background:#18131f;color:#cdb0ef;border-radius:8px}
.topupAmountLabel{display:grid;gap:6px;color:#8f91a0}.topupAmountLabel input{padding:12px;background:#0b0c11;border:1px solid #30323d;color:#fff;border-radius:9px;font-size:18px}
.topupUploadBox{display:grid;place-items:center;text-align:center;margin:12px 0;padding:24px;border:1px dashed #4b3a60;border-radius:12px;background:#0d0d14;cursor:pointer}.topupUploadBox input{display:none}.topupUploadBox span{font-weight:800}.topupUploadBox small{color:#737583;margin-top:5px}.topupVerifyV78{width:100%;padding:12px}
@media(max-width:800px){.v78FormGrid,.v78ModeCards,.v78TutorialSetting,.topupGrid{grid-template-columns:1fr}.v78TutorialInput{flex-wrap:wrap}.v78TutorialInput input{flex-basis:100%}}


.v78ShopPickList{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v78ShopPickList label{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;padding:10px;border:1px solid #292b35;background:#0e0f15;border-radius:10px}.v78ShopPickList small{grid-column:2/4;color:#777987}@media(max-width:800px){.v78ShopPickList{grid-template-columns:1fr}}

/* V79 Admin Order History */
.v79OrderHistoryHint{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px 14px;border:1px solid #34303f;background:#11121a;border-radius:12px}.v79OrderHistoryHint>span{font-size:20px}.v79OrderHistoryHint>div{display:grid;flex:1}.v79OrderHistoryHint small{color:#777988;margin-top:2px}
.v79OrderTable{min-width:1050px}.v79OrderRow{cursor:pointer;transition:.15s}.v79OrderRow:hover{background:#171821}.v79OrderTable td small{display:block;color:#767886;margin-top:3px}.v79LinkBtn,.v79ProductLink{border:0;background:transparent;padding:0;color:#b895ef;font-weight:800;cursor:pointer;text-align:left}.v79ProductLink{color:#f3f3f7}.v79LinkBtn:hover,.v79ProductLink:hover{text-decoration:underline}.v79ViewOrderBtn{padding:7px 10px;border-radius:8px;background:#1d1529;border:1px solid #4f3970;color:#d5baff;font-weight:800;cursor:pointer}
.v79OrderOverlay{position:fixed;inset:0;z-index:103000;background:rgba(2,3,8,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.v79OrderModal{width:min(940px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(150deg,#17151e,#0e1016);border:1px solid #44364e;border-radius:20px;box-shadow:0 35px 100px #000c}.v79OrderHead{display:flex;justify-content:space-between;gap:15px;padding:19px 21px;border-bottom:1px solid #2c2a34;position:sticky;top:0;background:#14131b;z-index:2}.v79OrderHead h2{margin:5px 0 3px}.v79OrderHead p{margin:0;color:#858795}.v79OrderHead>button{width:36px;height:36px;border-radius:10px;background:#171821;border:1px solid #343642;color:#fff}.v79OrderBody{padding:18px}.v79OrderSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v79OrderSummary>div{padding:12px;border:1px solid #2d2f39;background:#0e0f15;border-radius:11px}.v79OrderSummary small{display:block;color:#777988;margin-bottom:5px}.v79OrderSection{margin-top:13px;padding:15px;border:1px solid #2c2e38;background:#101119;border-radius:13px}.v79OrderSection.sensitive{border-color:#563d66;background:linear-gradient(145deg,#14111a,#0e0f15)}.v79SectionHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:11px}.v79SectionHead h3{margin:0}.v79SectionHead p{margin:4px 0 0;color:#777988;font-size:11px}.v79ProductBox{display:flex;gap:12px;align-items:center;padding:11px;border:1px solid #282a34;background:#0c0d13;border-radius:11px}.v79OrderProductVisual{width:62px;height:62px;border-radius:11px;background:#171821;border:1px solid #343642;display:grid;place-items:center;overflow:hidden;font-size:30px}.v79OrderProductVisual img{width:100%;height:100%;object-fit:cover}.v79ProductTitleBig,.v79ShopTitle{display:block;border:0;background:transparent;color:#f4f4f7;padding:0;text-align:left;cursor:pointer;font-weight:900}.v79ProductTitleBig{font-size:16px}.v79ProductTitleBig:hover,.v79ShopTitle:hover{text-decoration:underline}.v79ProductBox small{display:block;color:#737583;margin:4px 0}.v79ShopTitle{color:#b994ef;font-size:12px}
.v79DeliveryItem{margin-top:9px;border:1px solid #30323d;border-radius:10px;overflow:hidden;background:#0a0b10}.v79DeliveryItem>div{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #282a34}.v79DeliveryItem button{border:1px solid #40364f;background:#17131f;color:#cdb5ea;border-radius:7px;padding:5px 8px}.v79DeliveryItem pre{margin:0;padding:12px;white-space:pre-wrap;word-break:break-word;color:#d9d9e0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55}.v79NoDelivery{padding:20px;text-align:center;color:#777988;border:1px dashed #343642;border-radius:10px}.v79Timeline{display:grid;gap:7px}.v79Timeline>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #282a34;background:#0d0e14;border-radius:9px}.v79Timeline span{color:#858795}.v79Timeline small{display:block;color:#666977;font-weight:400;margin-top:2px}
@media(max-width:720px){.v79OrderSummary{grid-template-columns:1fr 1fr}.v79ProductBox{align-items:flex-start}.v79OrderOverlay{padding:8px}.v79OrderBody{padding:11px}.v79Timeline>div{flex-direction:column}.v79SectionHead{flex-direction:column}}


/* V80 - fixed category artwork sizing */
.categoryCard .categoryIcon{
  width:84px!important;
  height:84px!important;
  margin-bottom:14px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:14px!important;
  font-size:54px!important;
  line-height:1!important;
}
.categoryCard .categoryIcon .v78CategoryImg{
  width:84px!important;
  height:84px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:14px!important;
  display:block!important;
}
.platformHero .bigIcon .v78CategoryImg{
  width:94px!important;
  height:94px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:22px!important;
}
.v78CatImagePreview img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.v78CatCell>div:first-child img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}



/* =========================
   V82 MOBILE RESPONSIVE PASS
   Target: 320–430px phones, graceful through tablets
   ========================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%}
button,input,select,textarea{max-width:100%}

@media(max-width:768px){
  body{overflow-x:hidden}
  header{
    height:auto!important;
    min-height:58px;
    padding:8px 10px!important;
    gap:8px!important;
    flex-wrap:wrap;
    align-items:center;
  }
  .logoMark{width:34px!important;height:34px!important}
  header nav{
    order:3;
    flex:0 0 100%;
    width:100%;
    overflow-x:auto;
    gap:4px;
    padding:2px 0 1px;
    scrollbar-width:none;
  }
  header nav::-webkit-scrollbar{display:none}
  header nav button{
    flex:0 0 auto;
    white-space:nowrap;
    padding:8px 10px!important;
    font-size:12px!important;
  }
  #accountArea{
    margin-left:auto;
    display:flex;
    gap:6px!important;
    align-items:center;
    min-width:0;
  }
  #accountArea .primary,
  #accountArea .outlineBtn,
  #accountArea .chatNavBtn{
    min-height:38px;
    padding:8px 10px!important;
    font-size:11px!important;
    min-width:38px;
    justify-content:center;
    white-space:nowrap;
  }
  /* Logged-in header has several actions; show seller/chat actions as icon buttons to prevent overflow. */
  #accountArea:has(.avatarMenuWrap) > .primary,
  #accountArea:has(.avatarMenuWrap) > .chatNavBtn{
    width:38px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:0!important;
    padding:8px!important;
  }
  #accountArea:has(.avatarMenuWrap) > .primary::first-letter,
  #accountArea:has(.avatarMenuWrap) > .chatNavBtn::first-letter{font-size:16px!important}
  .balance{padding:7px 9px!important;font-size:11px!important}
  .bellBtn{width:38px!important;height:38px!important}
  .avatarBtn{padding:2px!important;min-width:38px!important;width:38px!important;height:38px!important;border-radius:50%!important}
  .avatarBtn>span:not(.avatarDot){display:none!important}
  .avatarBtn img,.avatarImg{width:34px!important;height:34px!important}
  .accountDropdown{
    position:fixed!important;
    top:62px!important;
    right:8px!important;
    left:8px!important;
    width:auto!important;
    max-height:calc(100vh - 78px);
    overflow:auto;
  }
  .notificationMenu{
    position:fixed!important;
    top:62px!important;
    right:8px!important;
    left:8px!important;
    width:auto!important;
    max-height:calc(100vh - 78px)!important;
  }

  main{
    width:calc(100vw - 20px)!important;
    margin:16px auto 48px!important;
  }
  .pageHead,.sectionTitle{
    margin:22px 0 12px!important;
    gap:10px!important;
    align-items:flex-start!important;
  }
  .pageHead h1,.sectionTitle h2{font-size:24px!important;line-height:1.2}
  .pageHead p,.sectionTitle span{font-size:12px!important;line-height:1.55}
  .pageHead input,.pageHead select{min-width:0!important;width:100%!important}

  .hero{
    min-height:0!important;
    padding:24px 18px!important;
    grid-template-columns:1fr!important;
    border-radius:18px!important;
  }
  .hero h1{font-size:34px!important;line-height:1.05!important;margin:8px 0 12px!important}
  .hero p{font-size:14px!important}
  .heroBrand{height:50px!important;max-width:50px!important}
  .heroArt{display:none!important}

  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .card{padding:9px!important;border-radius:13px!important;min-width:0}
  .thumb{height:110px!important;font-size:48px!important;margin-bottom:9px!important}
  .card h3{font-size:13px!important;min-height:38px!important;line-height:1.35}
  .card .cat,.card .muted,.card small{font-size:9px!important}
  .card .row{gap:5px;align-items:flex-end}
  .card .price,.card .row b{font-size:12px!important}

  .categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .categoryCard{
    min-height:150px!important;
    padding:14px!important;
    border-radius:15px!important;
  }
  .categoryCard .categoryIcon{
    width:62px!important;height:62px!important;
    margin-bottom:10px!important;
    font-size:42px!important;
  }
  .categoryCard .categoryIcon .v78CategoryImg{width:62px!important;height:62px!important}
  .categoryCard h3{font-size:15px!important;margin-bottom:5px!important}
  .categoryCard p{font-size:10px!important;line-height:1.4}
  .categoryCount{right:9px!important;top:9px!important;font-size:8px!important;padding:4px 6px!important}

  .platformHero{
    padding:15px!important;
    gap:12px!important;
    border-radius:16px!important;
    flex-wrap:wrap;
  }
  .platformHero .bigIcon{width:64px!important;height:64px!important;border-radius:15px!important;font-size:38px!important}
  .platformHero .bigIcon .v78CategoryImg{width:64px!important;height:64px!important;border-radius:15px!important}
  .platformHero h1{font-size:22px!important}
  .platformHero .grow{min-width:calc(100% - 78px)}
  .platformHero .backBtn{width:100%}

  .product{grid-template-columns:1fr!important;gap:16px!important}
  .productImage{height:min(78vw,310px)!important;font-size:90px!important;border-radius:16px!important}
  .productInfo h1{font-size:26px!important}
  .price{font-size:26px!important;margin:12px 0!important}
  .badges span,.chips span{font-size:10px!important;padding:6px 8px!important}

  .panel,.walletCard,.order,.stats>div{padding:14px!important;border-radius:13px!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .stats strong{font-size:20px!important}
  .stats span{font-size:10px!important}
  .formRow{grid-template-columns:1fr!important}
  .form input,.form select,.form textarea{min-width:0!important;width:100%!important}
  .sellerItem{align-items:flex-start!important;gap:8px!important;flex-wrap:wrap}
  .sellerItem .grow{min-width:0}

  .ordersSummaryStrip{grid-template-columns:1fr!important;gap:8px!important}
  .ordersSummaryCard{padding:13px 14px!important}
  .ordersSummaryCard b{font-size:23px!important}
  .ordersToolbar{padding:12px!important;align-items:stretch!important}
  .ordersToolbarActions{width:100%}
  .ordersToolbarActions>*{flex:1;min-width:0}
  .orderHistoryCard{padding:13px!important}
  .orderTop,.orderBody,.actions{align-items:flex-start!important}
  .orderTop,.actions{gap:8px;flex-wrap:wrap}
  .orderBody{gap:10px!important}
  .miniThumb{width:52px!important;height:52px!important;font-size:26px!important;flex:0 0 52px}
  .timer{text-align:left!important}
  .actions>*{flex:1;min-width:120px}

  .topupBalanceHero{padding:15px!important}.topupBalanceHero b{font-size:26px!important}
  .topupGrid{grid-template-columns:1fr!important}
  .topupCard{padding:15px!important}
  .topupBankRows>div{align-items:flex-start!important;flex-wrap:wrap}
  .topupBankRows span{min-width:72px!important}

  /* Chat: stack room list above active conversation and hide desktop side panel */
  .chatPageMain{width:100vw!important;margin:0 0 30px!important}
  .chatShell{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:0!important;
  }
  .chatRightPanel{display:none!important}
  .chatSidebar2{max-height:38vh!important;min-height:220px}
  .chatBrand{padding:10px 12px!important}.chatBrandLogo{font-size:15px!important}
  .chatSidebarSearch{padding:9px 10px 6px!important}.chatSidebarMeta{padding:0 10px 9px!important}
  .chatThreadList2{max-height:24vh!important}
  .chatThreadItem2{padding:9px!important}
  .chatStage{min-height:58vh!important}
  .chatStageHead,.chatMainHead{padding:10px 12px!important}
  .chatStageHead b,.chatMainHead b{font-size:14px!important}
  .chatBoard,.chatMessages{padding:11px 9px!important}
  .chatBubble,.chatMsg{max-width:88%!important;font-size:13px!important}
  .chatComposer2,.chatComposer{padding:9px!important}
  .chatComposerBox,.chatComposer{grid-template-columns:1fr!important}
  .chatInputWrap textarea,.chatComposer textarea{min-height:68px!important;font-size:14px!important}
  .chatSendBtn2,.chatSendBtn{width:100%!important;min-width:0!important;height:44px!important}
  .chatLinkedProduct{margin:0 9px 8px!important;padding:10px!important}

  /* Admin */
  .adminPageV77{padding:14px 8px 50px!important;width:100%!important}
  .adminPageHeadV77{gap:10px!important}
  .adminPageHeadV77 h1{font-size:24px!important}
  .adminIdentityV77{padding:7px 9px!important}
  .adminShell{grid-template-columns:1fr!important;gap:10px!important}
  .adminSideV77{
    display:flex!important;
    overflow-x:auto!important;
    gap:5px!important;
    position:static!important;
    padding:8px!important;
    border-radius:12px!important;
    scrollbar-width:none;
  }
  .adminSideV77::-webkit-scrollbar{display:none}
  .adminSideBrand,.adminSideFoot{display:none!important}
  .adminSideV77 button{
    width:auto!important;
    min-width:max-content!important;
    padding:9px 10px!important;
    font-size:11px!important;
  }
  .adminQuickV77,.adminStatsFiveV77,.adminFinanceCardsV77{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .adminQuickV77 button,.adminStatsFiveV77>div,.adminFinanceCardsV77>div{padding:11px!important}
  .adminQuickV77 strong,.adminStatsFiveV77 b{font-size:19px!important}
  .adminDashHeroV77{padding:14px!important;align-items:flex-start!important;flex-direction:column!important}
  .adminDashHeroV77 h2{font-size:20px!important}
  .adminDashGrid2V77{grid-template-columns:1fr!important}
  .adminMiniChartV77{overflow-x:auto;min-width:0}
  .adminMemberToolbarV77,.adminHistoryToolbarV77{align-items:stretch!important}
  .adminMemberSearchV77{min-width:100%!important}
  .adminMemberToolbarV77 select,.adminHistoryToolbarV77 input[type=date]{flex:1;min-width:0}
  .adminMemberTableWrapV77{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .adminTable{font-size:11px!important}
  .adminTable th,.adminTable td{padding:9px 8px!important}
  .adminMemberModalV77{
    width:calc(100vw - 12px)!important;
    max-height:96vh!important;
    border-radius:15px!important;
    padding:13px!important;
  }
  .adminMemberOverlayV77{padding:6px!important}
  .adminWalletAdjustV77{grid-template-columns:1fr!important}
  .v78FormGrid,.v78ModeCards,.v78TutorialSetting,.v78ShopPickList{grid-template-columns:1fr!important}
  .v78CategoryForm{padding:12px!important}
  .v78ImageEditor{align-items:flex-start!important;flex-direction:column}
  .v78TutorialInput{display:grid!important;grid-template-columns:1fr!important}
  .v78ProductPickList{max-height:380px!important}

  /* Claim and order-detail modals */
  .claimEvidenceOverlay,.adminClaimConfirmOverlay,.v79OrderOverlay{padding:5px!important}
  .claimEvidenceModal{
    width:100%!important;height:calc(100dvh - 10px)!important;
    max-height:none!important;border-radius:14px!important
  }
  .claimEvidenceModalHead{padding:12px!important}
  .claimEvidenceModalHead h2{font-size:17px!important}
  .claimEvidenceBody{grid-template-columns:1fr!important}
  .claimEvidenceTranscript{max-height:58dvh!important;padding:10px!important}
  .evidenceDecision{padding:11px!important}
  .evidenceDecisionBtns,.claimAdminDecisionBtns{grid-template-columns:1fr!important}
  .adminClaimConfirmCard{width:100%!important;padding:17px 13px!important;border-radius:15px!important}
  .v79OrderModal{width:100%!important;max-height:calc(100dvh - 10px)!important;border-radius:14px!important}
  .v79OrderHead{padding:12px!important}.v79OrderBody{padding:10px!important}
  .v79OrderSummary{grid-template-columns:1fr 1fr!important}
  .v79ProductBox{display:grid!important;grid-template-columns:60px 1fr!important}
  .v79OrderTable{min-width:900px!important}

  #toast.toast,.toast{
    left:8px!important;right:8px!important;bottom:10px!important;
    max-width:none!important;padding:11px 13px!important;font-size:12px!important
  }
}

@media(max-width:430px){
  .grid,.categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .categoryCard{padding:11px!important;min-height:142px!important}
  .categoryCard .categoryIcon{width:56px!important;height:56px!important}
  .categoryCard .categoryIcon .v78CategoryImg{width:56px!important;height:56px!important}
  .categoryCard h3{font-size:13px!important}
  .categoryCard p{font-size:9px!important}
  .adminQuickV77,.adminStatsFiveV77,.adminFinanceCardsV77{grid-template-columns:1fr 1fr!important}
}

@media(max-width:360px){
  header{padding:7px 7px!important}
  .grid,.categoryGrid{grid-template-columns:1fr!important}
  .stats{grid-template-columns:1fr!important}
  .adminQuickV77,.adminStatsFiveV77,.adminFinanceCardsV77{grid-template-columns:1fr!important}
  .v79OrderSummary{grid-template-columns:1fr!important}
}


/* =========================
   V83 MOBILE CHAT + HEADER + CATEGORY FIX
   ========================= */
@media(max-width:768px){
  /* Header: compact but keep real icons visible */
  header{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    grid-template-areas:
      "logo spacer account"
      "nav nav nav";
    padding:7px 9px 6px!important;
    gap:5px 8px!important;
  }
  header .logo{grid-area:logo}
  header nav{grid-area:nav!important;order:initial!important}
  #accountArea{grid-area:account;margin:0!important}
  #accountArea:has(.avatarMenuWrap) > .primary,
  #accountArea:has(.avatarMenuWrap) > .chatNavBtn{
    width:38px!important;height:38px!important;min-width:38px!important;
    padding:0!important;font-size:initial!important;
    display:grid!important;place-items:center!important;
    overflow:visible!important;
    border-radius:11px!important;
  }
  #accountArea .headerActionIcon{display:block!important;font-size:17px!important;line-height:1}
  #accountArea .headerActionLabel{display:none!important}
  #accountArea .chatNavBadge{z-index:4}
  #accountArea .balance{display:none!important}
  .avatarBtn{border:1px solid #302b3f!important;background:#12131a!important}
  header nav button{font-size:11px!important;padding:7px 9px!important}

  /* Homepage categories should stay a compact 2-column catalog even on small phones */
  .categoryGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .categoryCard{
    min-height:138px!important;
    padding:11px!important;
  }
  .categoryCard .categoryIcon{
    width:54px!important;height:54px!important;
    margin-bottom:9px!important;
    border-radius:11px!important;
  }
  .categoryCard .categoryIcon .v78CategoryImg{
    width:54px!important;height:54px!important;border-radius:11px!important;
  }
  .categoryCard h3{font-size:13px!important;line-height:1.25!important;padding-right:0}
  .categoryCard p{
    font-size:9px!important;
    line-height:1.35!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .categoryCount{
    top:8px!important;right:8px!important;
    font-size:7px!important;
    padding:3px 5px!important;
    max-width:76px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Chat becomes a true mobile two-state screen:
     list -> conversation -> back to list */
  body:has(.chatShell) > header{display:none!important}
  body:has(.chatShell) main.chatPageMain{
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
  }
  .chatShell{
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    grid-template-columns:1fr!important;
  }

  .chatShell.mobileListMode .chatSidebar2{
    display:grid!important;
    height:100dvh!important;
    max-height:none!important;
    grid-template-rows:auto auto auto auto minmax(0,1fr)!important;
    border-right:0!important;
  }
  .chatShell.mobileListMode .chatStage,
  .chatShell.mobileListMode .chatRightPanel{display:none!important}
  .chatShell.mobileListMode .chatThreadList2{
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  .chatShell.mobileListMode .chatBrand{
    padding-top:max(10px,env(safe-area-inset-top))!important;
  }

  .chatShell.mobileConversationMode .chatSidebar2,
  .chatShell.mobileConversationMode .chatRightPanel{display:none!important}
  .chatShell.mobileConversationMode .chatStage{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    background:#0d0e14;
  }
  .chatShell.mobileConversationMode .chatStageHead{
    padding:max(9px,env(safe-area-inset-top)) 10px 9px!important;
    min-height:62px!important;
    position:relative!important;
    z-index:5!important;
    background:#101118!important;
  }
  .chatShell.mobileConversationMode .chatPeerBox{min-width:0!important}
  .chatShell.mobileConversationMode .chatPeerAvatar{
    width:38px!important;height:38px!important;flex:0 0 38px!important
  }
  .chatShell.mobileConversationMode .chatPeerTitle{min-width:0!important}
  .chatShell.mobileConversationMode .chatPeerTitle>b{
    font-size:13px!important;
    display:flex!important;align-items:center!important;gap:5px!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .chatShell.mobileConversationMode .chatPeerMeta{
    gap:4px!important;font-size:9px!important;white-space:nowrap;overflow:hidden
  }
  .chatShell.mobileConversationMode .chatPeerMeta>span:nth-last-child(-n+2){display:none!important}
  .chatShell.mobileConversationMode .chatHistoryBtn{
    width:38px!important;height:38px!important;min-width:38px!important;
    padding:0!important;border-radius:50%!important;
    font-size:18px!important;display:grid!important;place-items:center!important;
  }
  .chatShell.mobileConversationMode .chatHistoryLabel{display:none!important}
  .chatShell.mobileConversationMode .chatBoard{
    min-height:0!important;
    height:auto!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:10px 9px 14px!important;
    scroll-padding-bottom:18px;
  }
  .chatShell.mobileConversationMode .chatBubbleWrap{max-width:100%!important}
  .chatShell.mobileConversationMode .chatBubble,
  .chatShell.mobileConversationMode .chatMsg{
    max-width:88%!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .chatShell.mobileConversationMode .claimResolutionCard{
    width:100%!important;max-width:100%!important;padding:11px!important
  }
  .chatShell.mobileConversationMode .chatComposer2{
    position:relative!important;
    padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;
    background:#101118!important;
    border-top:1px solid #272934!important;
    z-index:6!important;
  }
  .chatShell.mobileConversationMode .chatComposerBox{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:end!important;
  }
  .chatShell.mobileConversationMode .chatInputWrap{
    min-width:0!important;border-radius:13px!important
  }
  .chatShell.mobileConversationMode .chatInputWrap textarea{
    min-height:48px!important;
    max-height:96px!important;
    padding:10px 11px!important;
    font-size:14px!important;
  }
  .chatShell.mobileConversationMode .chatInputToolbar{
    padding:5px 8px!important;
  }
  .chatShell.mobileConversationMode .chatIconBtn{
    width:29px!important;height:29px!important;border-radius:8px!important
  }
  .chatShell.mobileConversationMode .chatSendBtn2{
    width:48px!important;min-width:48px!important;height:48px!important;
    padding:0!important;border-radius:12px!important;
    font-size:0!important;
  }
  .chatShell.mobileConversationMode .chatSendBtn2::before{
    content:"➤";font-size:19px!important;
  }
  .chatShell.mobileConversationMode .chatHistoryHint{display:none!important}
  .chatShell.mobileConversationMode .chatAttachPreview{max-height:90px!important;overflow:auto!important}

  /* Avoid giant first thread cards / text */
  .chatThreadRow{
    min-height:72px!important;
    padding:9px 10px!important;
    gap:8px!important;
  }
  .chatThreadAvatar{width:42px!important;height:42px!important}
  .chatThreadText b{font-size:13px!important}
  .chatThreadSub,.chatThreadPreview2,.chatThreadRight{font-size:9px!important}
  .chatTabs{gap:5px!important}
  .chatTabs button{padding:8px 9px!important;font-size:11px!important}
}

@media(max-width:360px){
  /* V82 previously switched categories to one column; V83 intentionally keeps two. */
  .categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .categoryCard{min-height:132px!important;padding:9px!important}
  .categoryCard .categoryIcon{width:49px!important;height:49px!important}
  .categoryCard .categoryIcon .v78CategoryImg{width:49px!important;height:49px!important}
  .categoryCard h3{font-size:12px!important}
  .categoryCount{max-width:68px!important}
}