#vbcShop{width:min(95vw,760px);height:min(88dvh,800px);max-height:88dvh;border:1px solid #c69a41;border-radius:18px;background:#10191c;color:#f2dfaf;padding:0;box-shadow:0 15px 60px #000b}#vbcShop::backdrop{background:#000b}#vbcShop .vbcshop-inner{height:100%;overflow:auto;padding:12px;box-sizing:border-box;position:relative}#vbcShop header{display:flex;gap:10px;align-items:center;border-bottom:1px solid #735825;padding:5px 2px 12px}#vbcShop header>div{flex:1}#vbcShop header small{color:#bc934d;font-size:10px}#vbcShop header h2{margin:3px 0;font-size:21px;color:#f5cf7b}#vbcShop header p{font-size:11px;margin:0;color:#b5aa89}#vbcShop .vbcshop-x{font-size:24px;border:0;background:#332a25;color:#fff;border-radius:50%;width:34px;height:34px}#vbcShop .vbcshop-money{white-space:nowrap;background:#181b14;padding:8px;border:1px solid #6d542d;border-radius:18px}#vbcShop nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}#vbcShop nav button,#vbcShop .vbcshop-slots button{background:#171f21;border:1px solid #64532f;color:#d5c89d;border-radius:8px;padding:9px 4px;cursor:pointer}#vbcShop nav .active,#vbcShop .vbcshop-slots .active{background:#66491d;color:#ffe5a1;border-color:#e1b75b}#vbcShop .vbcshop-search{display:flex;gap:7px;margin-bottom:10px}#vbcShop input,#vbcShop select,#vbcShop textarea{box-sizing:border-box;background:#142126;color:#f7e1bd;border:1px solid #695832;border-radius:8px;padding:9px;max-width:100%}#vbcShop .vbcshop-search input{flex:1;min-width:0}#vbcShop button{cursor:pointer}#vbcShop button:disabled{opacity:.5;cursor:not-allowed}#vbcShop .vbcshop-slots{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}#vbcShop .vbcshop-slots button{font-size:11px;padding:6px}#vbcShop .vbcshop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}#vbcShop .vbcshop-product{display:flex;flex-direction:column;gap:7px;background:#172225;border:1px solid #51472b;padding:9px 7px;border-radius:12px;min-width:0;text-align:center;position:relative}#vbcShop .vbcshop-info-trigger{all:unset;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}#vbcShop .vbcshop-image{height:62px;width:62px;display:grid;place-items:center;font-size:30px}#vbcShop .vbcshop-image img{width:100%;height:100%;object-fit:contain}#vbcShop .vbcshop-product strong{font-size:12px;overflow-wrap:anywhere}#vbcShop .vbcshop-product small{color:#9dd0ba;font-size:10px}#vbcShop .vbcshop-product p{font-size:10px;color:#b5b6ad;min-height:26px;margin:0}#vbcShop .vbcshop-price{font-weight:800;color:#b8ebff}#vbcShop .vbcshop-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}#vbcShop .vbcshop-product button,#vbcShop .vbcshop-admin button,#vbcShop .vbcshop-form footer button{background:linear-gradient(#eed078,#a87926);color:#221700;border:none;border-radius:8px;font-weight:800;padding:7px 14px}#vbcShop .vbcshop-info-trigger{background:transparent!important;color:inherit!important;padding:0!important;border:0!important}#vbcShop .vbcshop-product .vbcshop-edit{background:#303a3a;color:#e5cb81}#vbcShop .vbcshop-empty{grid-column:1/-1;text-align:center;padding:35px 8px;color:#bcb79c}#vbcShop .vbcshop-history{grid-column:1/-1;display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #54462d}#vbcShop .vbcshop-admin{padding:12px 0;display:flex;flex-direction:column;gap:8px}#vbcShop .vbcshop-admin small,#vbcShop .vbcshop-note{color:#bfb5a1;font-size:11px}#vbcShop .vbcshop-owned{display:grid;gap:6px;padding-bottom:8px}#vbcShop .vbcshop-form{position:absolute;inset:0;background:#05090be8;display:grid;place-items:center;padding:12px;z-index:5}#vbcShop .vbcshop-form form{width:min(100%,460px);max-height:80dvh;overflow:auto;background:#172024;border:1px solid #ab863f;border-radius:13px;padding:15px;display:grid;gap:10px}#vbcShop .vbcshop-form label{display:grid;gap:3px;font-size:12px}#vbcShop .vbcshop-form footer{display:flex;justify-content:space-between}#vbcShop .vbcshop-form-preview{border:1px solid #5c5032;border-radius:11px;background:#0f1719;padding:8px}#vbcShop .vbcshop-preview-card{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;text-align:left}#vbcShop .vbcshop-preview-image{width:56px;height:56px;display:grid;place-items:center;font-size:28px}#vbcShop .vbcshop-preview-image img{width:100%;height:100%;object-fit:contain}#vbcShop .vbcshop-preview-card b{display:block;font-size:13px;margin-bottom:3px}#vbcShop .vbcshop-preview-card small{display:block;color:#9dd0ba;font-size:10px;margin-bottom:4px}#vbcShop .vbcshop-preview-card p{margin:0;color:#bfb5a1;font-size:10px;line-height:1.45}#vbcShop .vbcshop-check{display:flex;align-items:center;gap:8px}#vbcShop .vbcshop-check input{width:auto;margin:0}#vbcShop .vbcshop-popover{position:absolute;left:8px;right:8px;top:8px;z-index:4;text-align:left;background:#081013f5;border:1px solid #c8a85d;border-radius:12px;padding:10px;box-shadow:0 12px 28px #000a}#vbcShop .vbcshop-popover-top{display:grid;grid-template-columns:52px 1fr;gap:9px;align-items:center;padding-right:18px}#vbcShop .vbcshop-popover-image{width:52px;height:52px;display:grid;place-items:center;font-size:26px}#vbcShop .vbcshop-popover-image img{width:100%;height:100%;object-fit:contain}#vbcShop .vbcshop-popover h4{margin:0 0 2px;font-size:13px;color:#ffe2a0}#vbcShop .vbcshop-popover small{font-size:10px;color:#9dd0ba}#vbcShop .vbcshop-popover p{margin:8px 0 0;min-height:0;font-size:10px;line-height:1.45;color:#ddd1b5}#vbcShop .vbcshop-popover-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#cbb98d;margin-top:8px}#vbcShop .vbcshop-popover-close{position:absolute;right:5px;top:5px;background:#2a2116;color:#fff;border:0;border-radius:6px;padding:2px 7px;font-size:13px}#vbcShop .vbcshop-product.is-popover-open .vbcshop-actions{opacity:.3}#vbcShop .vbcshop-product.is-popover-open .vbcshop-info-trigger{opacity:.18}@media (max-width:700px), (pointer: coarse){#vbcShop{width:96vw}#vbcShop .vbcshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#vbcShop .vbcshop-product{min-height:220px}#vbcShop header h2{font-size:17px}#vbcShop .vbcshop-money{font-size:12px}#vbcShop .vbcshop-popover{left:4px;right:4px;top:4px;padding:8px}#vbcShop .vbcshop-popover-meta{flex-direction:column;gap:4px}} /* A1701: giao diện shop chuyên nghiệp + popup thông tin thống nhất phong cách Kho Đồ */ #vbcShop .vbcshop-form [hidden],#vbcShop [data-detail-layer][hidden]{display:none!important} #vbcShop{background:linear-gradient(160deg,#101824,#0b111a 74%)!important;border-color:#b99048!important} #vbcShop .vbcshop-inner{padding:15px!important} #vbcShop header{background:linear-gradient(100deg,#211d18,#111823);margin:-15px -15px 12px;padding:15px!important;position:sticky;top:-15px;z-index:2} #vbcShop .vbcshop-product{background:linear-gradient(180deg,#171c27,#0e141e);border:1px solid #55472d;transition:border-color .15s,background .15s} #vbcShop .vbcshop-product:hover{border-color:#c6a15a;background:linear-gradient(180deg,#202333,#10151f)} #vbcShop .vbcshop-info-trigger{width:100%;flex:1} #vbcShop .vbcshop-image{height:76px;width:76px} #vbcShop .vbcshop-product strong{line-height:1.4;min-height:32px} #vbcShop .vbcshop-product p{display:none} #vbcShop .vbcshop-actions{width:100%} #vbcShop .vbcshop-actions button{flex:1} #vbcShop .vbcshop-form{position:fixed;inset:0;z-index:31;background:#000b;backdrop-filter:blur(3px)} #vbcShop .vbcshop-form form{box-sizing:border-box;max-height:86dvh;width:min(430px,94%);padding:17px;border-radius:16px;background:#111923} #vbcShop .vbcshop-form h3{color:#f5d58a;text-align:center;margin:0} #vbcShop .vbcshop-detail-layer{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;padding:13px;box-sizing:border-box;background:#0009;backdrop-filter:blur(3px)} #vbcShop .vbcshop-detail-card{position:relative;width:min(380px,96vw);max-height:80dvh;overflow:auto;box-sizing:border-box;padding:17px;border:1px solid #a17c39;border-radius:15px;background:linear-gradient(180deg,#151c26,#090e17);box-shadow:0 18px 50px #000b;color:#e7edf2;text-align:left} #vbcShop .vbcshop-detail-close{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:#293341;color:#fff;font-size:19px;z-index:1} #vbcShop .vbcshop-detail-main{display:grid;grid-template-columns:73px minmax(0,1fr);gap:12px;align-items:start;padding:4px 22px 14px 0;border-bottom:1px solid #735d34} #vbcShop .vbcshop-detail-art{width:73px;height:73px;display:grid;place-items:center;background:#111925;border:1px solid #564a34;border-radius:11px;font-size:31px} #vbcShop .vbcshop-detail-art img{width:68px;height:68px;object-fit:contain} #vbcShop .vbcshop-detail-copy h3{margin:0 0 6px;font-size:15px;color:#f7d688;line-height:1.3} #vbcShop .vbcshop-detail-rarity,#vbcShop .vbcshop-detail-type{font-size:11px;color:#a2b2c2;margin:2px 0} #vbcShop .vbcshop-detail-rarity b{color:#edc76d} #vbcShop .vbcshop-detail-copy p{margin:9px 0 0;font-size:11px;line-height:1.55;color:#c2cbd5} #vbcShop .vbcshop-detail-price{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0 5px;color:#b9c2cb;font-size:11px} #vbcShop .vbcshop-detail-price b{color:#f5d27c;font-size:16px;white-space:nowrap} #vbcShop .vbcshop-detail-stock{font-size:10px;color:#97aaaf;margin-bottom:13px} #vbcShop .vbcshop-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} #vbcShop .vbcshop-detail-actions button{border:1px solid #615333;border-radius:9px;background:#18212d;color:#e4d2a8;padding:10px;font-weight:800} #vbcShop .vbcshop-detail-actions button:last-child{background:linear-gradient(#ecd07c,#bb8b36);color:#20190e} @media (max-width:700px), (pointer: coarse){#vbcShop .vbcshop-inner{padding:10px!important}#vbcShop header{margin:-10px -10px 10px;padding:12px!important;top:-10px}#vbcShop .vbcshop-image{width:59px;height:59px}#vbcShop .vbcshop-detail-main{grid-template-columns:63px minmax(0,1fr)}#vbcShop .vbcshop-detail-art{width:63px;height:63px}#vbcShop .vbcshop-detail-art img{width:59px;height:59px}} /* A1703: cùng cấu trúc/thẩm mỹ popover Kho Đồ, chỉ thay thao tác Mua */ #vbcShop .vbcshop-detail-layer{background:transparent!important;backdrop-filter:none!important;pointer-events:none!important} #vbcShop .vbcshop-detail-card.inventory-mini-card{position:relative!important;width:min(275px,calc(100vw - 40px))!important;max-width:275px!important;max-height:min(420px,80dvh)!important;overflow:auto!important;padding:11px!important;border:0!important;border-radius:12px!important;background:#080c14f7!important;color:#fff!important;box-shadow:0 12px 38px #000b!important;pointer-events:auto!important} #vbcShop .vbcshop-detail-card .inventory-item-top{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important} #vbcShop .vbcshop-detail-card .inventory-item-top-icon{flex:0 0 49px!important;width:49px!important;height:49px!important;display:grid!important;place-items:center!important;background:#ffffff08!important;border-radius:9px!important} #vbcShop .vbcshop-detail-card .inventory-item-top img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:9px!important} #vbcShop .vbcshop-detail-card .inventory-item-info{flex:1!important;min-width:0!important} #vbcShop .vbcshop-detail-card .inventory-item-top h3{font-size:11px!important;font-weight:900!important;line-height:1.35!important;margin:0 14px 5px 0!important} #vbcShop .vbcshop-detail-card .inventory-item-rarity-line{color:#aab5c5!important;font-size:9px!important;margin-bottom:5px!important} #vbcShop .vbcshop-detail-card .inventory-item-top p{color:#b5c1cf!important;font-size:9px!important;line-height:1.45!important;margin:0 0 6px!important;white-space:normal!important;max-height:none!important} #vbcShop .vbcshop-detail-card .inventory-info-owned,#vbcShop .vbcshop-detail-card .inventory-sell-price{display:block!important;color:#a6b4c4!important;font-size:9px!important;line-height:1.5!important;margin-top:3px!important} #vbcShop .vbcshop-detail-card .inventory-sell-price b{color:#f7d587!important} #vbcShop .vbcshop-detail-card .inventory-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:12px!important} #vbcShop .vbcshop-detail-card .inventory-actions button{min-height:31px!important;padding:6px 8px!important;font-size:10px!important;border:1px solid #ebb13d54!important;background:#ebb13d14!important;color:#f4cc78!important;border-radius:8px!important;font-weight:800!important} #vbcShop .vbcshop-detail-card .inventory-actions button.primary{background:#ebb13d24!important} #vbcShop .vbcshop-detail-card .inventory-item-top .item-rarity-ha{color:#aeb5bd!important}#vbcShop .vbcshop-detail-card .inventory-item-top .item-rarity-trung{color:#45d46f!important}#vbcShop .vbcshop-detail-card .inventory-item-top .item-rarity-thuong{color:#5aa9ff!important}#vbcShop .vbcshop-detail-card .inventory-item-top .item-rarity-cuc{color:#b66cff!important}#vbcShop .vbcshop-detail-card .inventory-item-top .item-rarity-tien{color:#ff9a3d!important}#vbcShop .vbcshop-detail-card .inventory-item-top .item-rarity-than{color:#ff3b30!important} #vbcShop .vbcshop-detail-close{width:19px!important;height:19px!important;top:4px!important;right:4px!important;background:#ffffff10!important;color:#b5c3d1!important;font-size:14px!important;padding:0!important} /* A1704 - Bố cục Vạn Bảo Các: menu điều hướng shop và quản lý Admin tách biệt */ #vbcShop .vbcshop-inner{display:flex;flex-direction:column;gap:10px;padding:16px!important} #vbcShop header{position:static!important;margin:-16px -16px 0!important;padding:16px 18px!important;border-bottom:1px solid #947340!important;background:linear-gradient(115deg,#282218,#111b20)!important;flex:none} #vbcShop header h2{font-size:21px!important;letter-spacing:.035em} #vbcShop nav{margin:0;gap:9px;flex:none} #vbcShop nav button{padding:11px 5px;border-radius:11px;background:#152026;color:#c5cfd0} #vbcShop nav button.active{background:linear-gradient(145deg,#6c5024,#3d311c);color:#ffdfa0;box-shadow:inset 0 1px #b8964c} #vbcShop .vbcshop-search{margin:0;flex:none} #vbcShop .vbcshop-grid{gap:12px;align-content:start} #vbcShop .vbcshop-product{padding:13px 9px;border-radius:14px;box-shadow:0 7px 22px #0004} #vbcShop .vbcshop-price{font-size:14px;color:#edd181} #vbcShop [data-admin-area]{order:-1} #vbcShop .vbcshop-admin{padding:0 0 7px;margin:0;border-bottom:1px solid #53482e;gap:5px} #vbcShop .vbcshop-admin-tools{display:flex;gap:8px;flex-wrap:wrap} #vbcShop .vbcshop-admin-tools button{padding:9px 14px;font-size:12px} #vbcShop .vbcshop-admin .vbcshop-clear{background:transparent!important;border:1px solid #93624b!important;color:#f0b9a6!important} #vbcShop .vbcshop-admin small{font-size:10px;opacity:.7} #vbcShop .vbcshop-empty{border:1px dashed #695a3d;border-radius:13px;background:#151c22;margin:8px 0;padding:36px 12px} @media (max-width:700px), (pointer: coarse){#vbcShop .vbcshop-inner{padding:10px!important;gap:8px}#vbcShop header{margin:-10px -10px 0!important;padding:13px!important}#vbcShop .vbcshop-admin-tools button{flex:1;padding:8px 6px;font-size:10.5px}#vbcShop .vbcshop-product{padding:10px 6px}#vbcShop nav button{font-size:11px}} /* A1705 - Sơn Môn compact official shop */ #vbcShop{width:min(94vw,660px)!important;height:min(80dvh,660px)!important;max-height:80dvh!important;border-radius:15px!important} #vbcShop .vbcshop-inner{padding:10px!important;gap:7px!important} #vbcShop header{margin:-10px -10px 0!important;padding:10px 13px!important} #vbcShop header h2{font-size:17px!important;margin:2px 0!important} #vbcShop header small{font-size:9px!important}#vbcShop header p{font-size:10px!important} #vbcShop nav{gap:5px!important}#vbcShop nav button{padding:7px 3px!important;font-size:11px!important;border-radius:8px!important} #vbcShop .vbcshop-search input{padding:7px 9px!important;font-size:12px!important} #vbcShop .vbcshop-grid{gap:7px!important} #vbcShop .vbcshop-product{padding:8px 5px!important;gap:5px!important;border-radius:10px!important;box-shadow:none!important} #vbcShop .vbcshop-image{width:54px!important;height:54px!important} #vbcShop .vbcshop-product strong{font-size:11px!important;line-height:1.24!important;min-height:0!important} #vbcShop .vbcshop-product small{font-size:9px!important}#vbcShop .vbcshop-price{font-size:12px!important} #vbcShop .vbcshop-actions{gap:4px!important}#vbcShop .vbcshop-actions button{padding:6px 7px!important;font-size:10px!important} #vbcShop .vbcshop-delete{background:#422729!important;color:#ffb7b7!important;border:1px solid #865154!important} #vbcShop .vbcshop-admin-tools button{padding:7px 9px!important;font-size:10px!important} @media (max-width:700px), (pointer: coarse){#vbcShop{width:96vw!important;height:min(83dvh,670px)!important;max-height:83dvh!important}#vbcShop .vbcshop-inner{padding:8px!important}#vbcShop header{margin:-8px -8px 0!important;padding:9px!important}#vbcShop .vbcshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#vbcShop .vbcshop-product{min-height:0!important}#vbcShop .vbcshop-image{width:48px!important;height:48px!important}} /* A1706: grid transparent, only image + title + price */ #vbcShop .vbcshop-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px 5px!important;align-content:start!important} #vbcShop .vbcshop-product,#vbcShop .vbcshop-product:hover,#vbcShop .vbcshop-product:focus-within{border:0!important;outline:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;padding:3px 1px!important;gap:3px!important;min-height:0!important;align-items:center!important} #vbcShop .vbcshop-info-trigger{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;gap:3px!important} #vbcShop .vbcshop-image{width:54px!important;height:54px!important;background:none!important;border:none!important;box-shadow:none!important} #vbcShop .vbcshop-image img{width:100%!important;height:100%!important;object-fit:contain!important} #vbcShop .vbcshop-info-trigger strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;font-size:10px!important;line-height:1.2!important;min-height:24px!important;max-height:25px!important;text-align:center!important;word-break:break-word!important} #vbcShop .vbcshop-info-trigger small,#vbcShop .vbcshop-info-trigger p{display:none!important} #vbcShop .vbcshop-price{font-size:11px!important;white-space:nowrap!important;color:#f0d17f!important} #vbcShop .vbcshop-actions{display:flex!important;gap:2px!important;width:100%!important;justify-content:center!important;flex-wrap:nowrap!important;margin:0!important} #vbcShop .vbcshop-actions button{flex:none!important;min-width:0!important;padding:3px 4px!important;font-size:9px!important;line-height:1.3!important;border-radius:5px!important} #vbcShop .vbcshop-actions button[data-buy]{flex:1!important;padding:3px 1px!important} #vbcShop .vbcshop-edit,#vbcShop .vbcshop-delete{width:19px!important;height:20px!important;padding:0!important;font-size:13px!important} @media (max-width:700px), (pointer: coarse){#vbcShop .vbcshop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 4px!important}#vbcShop .vbcshop-product{min-height:0!important}#vbcShop .vbcshop-image{width:46px!important;height:46px!important}#vbcShop .vbcshop-info-trigger strong{font-size:9px!important;min-height:23px!important}#vbcShop .vbcshop-price{font-size:10px!important}#vbcShop .vbcshop-actions button{font-size:8px!important;padding:3px 2px!important}#vbcShop .vbcshop-edit,#vbcShop .vbcshop-delete{width:17px!important}} /* A1707: mục Vật Phẩm và hiệu ứng phẩm cấp trên icon */ #vbcShop .vbcshop-slots{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin!important;gap:4px!important;padding:2px 0 7px!important} #vbcShop .vbcshop-slots[hidden]{display:none!important} #vbcShop .vbcshop-slots button{flex:none!important;font-size:10px!important;padding:6px 9px!important;white-space:nowrap!important} #vbcShop .vbcshop-image{position:relative!important;isolation:isolate!important;border-radius:9px!important;overflow:visible!important} #vbcShop .vbcshop-image img{position:relative!important;z-index:1!important} #vbcShop .vbcshop-image .ls-rarity-game-fx{z-index:2!important;border-radius:9px!important} #vbcShop .vbcshop-image.item-rarity-trung{filter:drop-shadow(0 0 4px #36c77255)} #vbcShop .vbcshop-image.item-rarity-thuong{filter:drop-shadow(0 0 5px #4c9cff88)} #vbcShop .vbcshop-image.item-rarity-cuc,#vbcShop .vbcshop-image.item-rarity-tien,#vbcShop .vbcshop-image.item-rarity-than{filter:drop-shadow(0 0 5px currentColor)} #vbcShop .vbcshop-info-trigger strong.item-rarity-trung{color:#45d46f!important} #vbcShop .vbcshop-info-trigger strong.item-rarity-thuong{color:#5aa9ff!important} #vbcShop .vbcshop-info-trigger strong.item-rarity-cuc{color:#b66cff!important} #vbcShop .vbcshop-info-trigger strong.item-rarity-tien{color:#ff9a3d!important} #vbcShop .vbcshop-info-trigger strong.item-rarity-than{color:#ff3b30!important} /* A1708: giao diện tiên hiệp như bản demo, dùng HTML/CSS nhẹ */ #vbcShop{width:min(96vw,980px)!important;height:min(85dvh,735px)!important;max-height:85dvh!important;background:radial-gradient(ellipse at top,#192435,#0b121e 68%)!important;border:1px solid #a47b36!important;border-radius:18px!important;box-shadow:0 0 0 2px #45351b,0 22px 80px #000d,inset 0 0 35px #9b6a1116!important} #vbcShop .vbcshop-inner{padding:15px 18px 18px!important;overflow:auto!important;scrollbar-width:thin!important} #vbcShop header{position:relative!important;top:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:-15px -18px 14px!important;padding:13px 50px 13px!important;text-align:center!important;border-bottom:1px solid #85612e!important;background:linear-gradient(90deg,#101824,#332415 50%,#101824)!important;box-shadow:inset 0 -12px 22px #070c16a6!important} #vbcShop header>div:first-child{flex:1!important} #vbcShop header h2{font-family:Georgia,'Times New Roman',serif!important;font-size:27px!important;letter-spacing:2px!important;color:#ffda85!important;text-shadow:0 1px 2px #000,0 0 16px #c1893a6b!important} #vbcShop header small{font-size:9px!important;letter-spacing:2px!important;color:#d6b77e!important} #vbcShop header p{font-size:10px!important;color:#afa48c!important} #vbcShop .vbcshop-money{position:absolute!important;right:53px!important;top:17px!important;font-size:11px!important;border-color:#9e7c40!important;background:#0c1420e8!important} #vbcShop .vbcshop-x{position:absolute!important;right:12px!important;top:15px!important;border:1px solid #a88141!important;background:#271b14!important;color:#ffda96!important} #vbcShop nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:3px 0 10px!important} #vbcShop nav button{padding:10px 4px!important;background:linear-gradient(#162234,#0b1521)!important;border:1px solid #6c5936!important;border-radius:11px!important;font-size:12px!important;color:#d7cfbc!important} #vbcShop nav button.active{background:linear-gradient(#735023,#33220f)!important;border-color:#e8ba63!important;color:#ffe1a0!important;box-shadow:0 0 12px #e8ad393d!important} #vbcShop .vbcshop-search{margin:0 0 10px!important;gap:7px!important} #vbcShop .vbcshop-search input{background:#0c1724!important;border:1px solid #526071!important;border-radius:10px!important;height:37px!important;font-size:12px!important;color:#eddfc8!important} #vbcShop .vbcshop-search button{min-width:37px!important;border:1px solid #7e663e!important;border-radius:8px!important;background:#1a2634!important;color:#ebd6a5!important} #vbcShop .vbcshop-slots{gap:6px!important;margin:0 0 13px!important;padding:3px 0 7px!important;justify-content:flex-start!important} #vbcShop .vbcshop-slots button{padding:8px 10px!important;font-size:11px!important;background:linear-gradient(#1a2c3e,#0f1d2e)!important;border:1px solid #607187!important;border-radius:12px!important;color:#e0d7c4!important} #vbcShop .vbcshop-slots button.active{background:linear-gradient(#805b29,#3a2913)!important;color:#ffdf97!important;border-color:#f5c666!important;box-shadow:0 0 9px #e7af4661!important} #vbcShop .vbcshop-showcase{min-height:150px!important;background:linear-gradient(180deg,#080f19db,#0b131ccb)!important;border-radius:11px!important;padding:14px 9px!important;border:1px solid #745c342b!important} #vbcShop .vbcshop-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:19px 6px!important} #vbcShop .vbcshop-product,#vbcShop .vbcshop-product:hover,#vbcShop .vbcshop-product:focus-within{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:4px 1px!important;min-width:0!important;gap:5px!important} #vbcShop .vbcshop-image{width:82px!important;height:82px!important;max-width:100%!important;border:none!important;background:transparent!important;filter:drop-shadow(0 5px 5px #0009)} #vbcShop .vbcshop-info-trigger{gap:5px!important} #vbcShop .vbcshop-info-trigger strong{font-size:11px!important;line-height:1.3!important;max-height:31px!important;min-height:28px!important;color:#f5e7c5!important;text-shadow:0 1px 1px #000!important} #vbcShop .vbcshop-price{font-size:12px!important;color:#f4d48b!important;font-weight:800!important} #vbcShop .vbcshop-actions{gap:3px!important;justify-content:center!important} /* Khách mua trong popup chi tiết, không để nút mua chen dưới từng vật phẩm */ #vbcShop .vbcshop-actions button[data-buy]{display:none!important} #vbcShop .vbcshop-actions button.vbcshop-edit,#vbcShop .vbcshop-actions button.vbcshop-delete{width:22px!important;height:22px!important;border-radius:6px!important} #vbcShop .vbcshop-admin{border-top:1px solid #66532d70!important;margin-top:12px!important;padding-top:12px!important} @media (max-width:700px), (pointer: coarse){#vbcShop{width:96vw!important;max-height:85dvh!important;height:min(85dvh,700px)!important}#vbcShop .vbcshop-inner{padding:9px!important}#vbcShop header{margin:-9px -9px 10px!important;padding:12px 39px 12px 8px!important;text-align:left!important}#vbcShop header h2{font-size:19px!important;letter-spacing:1px!important}#vbcShop header small{letter-spacing:.5px!important;font-size:8px!important}#vbcShop header p{font-size:9px!important}#vbcShop .vbcshop-money{position:static!important;flex:none!important;padding:5px!important;font-size:10px!important;margin-right:8px!important}#vbcShop .vbcshop-x{right:6px!important;top:15px!important;width:27px!important;height:27px!important;font-size:18px!important}#vbcShop nav{gap:5px!important}#vbcShop nav button{font-size:10px!important;padding:8px 1px!important}#vbcShop .vbcshop-slots button{font-size:10px!important;padding:7px 9px!important}#vbcShop .vbcshop-showcase{padding:9px 4px!important}#vbcShop .vbcshop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px 3px!important}#vbcShop .vbcshop-image{width:60px!important;height:60px!important}#vbcShop .vbcshop-info-trigger strong{font-size:9px!important;min-height:25px!important;max-height:26px!important}#vbcShop .vbcshop-price{font-size:10px!important}} @media (max-width:360px){#vbcShop .vbcshop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} #vbcShop .vbcshop-dch-balance{margin-left:8px;color:#ffd67c;display:inline-flex;align-items:center;gap:4px} #vbcShop .vbcshop-dch-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 4px rgba(255,184,72,.35))} #vbcShop .vbcshop-dch-icon-inline{width:14px;height:14px;object-fit:contain;vertical-align:-2px;filter:drop-shadow(0 0 3px rgba(255,184,72,.35))} #vbcShop .vbcshop-price img,#vbcShop .vbcshop-history img,#vbcShop .inventory-sell-price img{display:inline-block} /* A1751: separate LT and contribution currencies */ #vbcShop .vbcshop-wallets{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-right:34px} #vbcShop .vbcshop-wallets .vbcshop-money{position:static!important;display:inline-flex!important;align-items:center;gap:4px;margin:0!important;padding:5px 8px!important;white-space:nowrap;border:1px solid #8b713f!important;border-radius:16px;background:#111b24!important;font-size:11px!important} #vbcShop .vbcshop-dch-wallet{color:#ffdb80} @media (max-width:700px), (pointer: coarse){#vbcShop .vbcshop-wallets{gap:4px;margin-right:26px}#vbcShop .vbcshop-wallets .vbcshop-money{font-size:10px!important;padding:4px 5px!important}} .donate-my-points{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px} /* A1752: two separate storefronts in the same Vạn Bảo Các popup */ #vbcShop .vbcshop-store-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 8px} #vbcShop .vbcshop-store-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:10px 7px;border:1px solid #655232;border-radius:11px;background:#111b29;color:#e2d4b4;font-weight:800;font-size:12px;cursor:pointer} #vbcShop .vbcshop-store-tabs button.active{background:linear-gradient(180deg,#6f4b20,#332313);border-color:#d6a655;color:#ffe0a0;box-shadow:0 0 10px #d9a33b38} #vbcShop .vbcshop-store-tabs .vbcshop-dch-icon{width:18px;height:18px} #vbcShop .vbcshop-store-tabs + nav{margin-top:7px} @media (max-width:700px), (pointer: coarse){#vbcShop .vbcshop-store-tabs{gap:5px;margin:7px 0}#vbcShop .vbcshop-store-tabs button{font-size:10px;padding:8px 4px}#vbcShop .vbcshop-store-tabs .vbcshop-dch-icon{width:15px;height:15px}} /* A1780 - Vạn Bảo Các: phân cấp cửa hàng tinh gọn */ #vbcShop .vbcshop-inner{display:flex!important;flex-direction:column!important;gap:0!important} #vbcShop .vbcshop-store-tabs{margin:2px 0 12px!important;gap:10px!important} #vbcShop .vbcshop-store-tabs button{min-height:43px!important;border-radius:9px!important} #vbcShop nav{margin:0 0 12px!important;gap:8px!important} #vbcShop nav button{min-height:39px!important;border-radius:9px!important} #vbcShop .vbcshop-search{margin-bottom:10px!important} #vbcShop .vbcshop-slots{margin-bottom:11px!important} #vbcShop .vbcshop-showcase{flex:1!important;min-height:170px!important;padding:12px!important} #vbcShop .vbcshop-grid{row-gap:16px!important} #vbcShop .vbcshop-admin-tools{display:flex;flex-wrap:wrap;gap:8px} #vbcShop .vbcshop-form{z-index:15!important} #vbcShop .vbcshop-form select{max-width:100%} @media (max-width:700px), (pointer: coarse){#vbcShop .vbcshop-store-tabs{margin:2px 0 9px!important}#vbcShop .vbcshop-store-tabs button{min-height:38px!important}#vbcShop nav button{min-height:36px!important}#vbcShop .vbcshop-showcase{min-height:155px!important;padding:8px 5px!important}} /* A1783: Vạn Bảo Các - thiết kế thống nhất, tinh gọn cho PC và mobile */ #vbcShop{width:min(96vw,970px)!important;height:min(88dvh,760px)!important;max-height:88dvh!important;border-radius:18px!important;background:linear-gradient(165deg,#131e2d,#0b111d 66%)!important;box-shadow:0 25px 85px #000c,0 0 0 1px #d3a45a35!important} #vbcShop .vbcshop-inner{padding:0 18px 16px!important;gap:0!important} #vbcShop header{flex-shrink:0;position:relative!important;top:auto!important;margin:0 -18px 12px!important;padding:14px 55px 14px 18px!important;min-height:74px;box-sizing:border-box;text-align:left!important;background:linear-gradient(110deg,#253149,#211b24 55%,#141e2e)!important;border-bottom:1px solid #92703d88!important;box-shadow:none!important} #vbcShop header>div:first-child{flex:1!important;min-width:0} #vbcShop header h2{font-size:24px!important;line-height:1.12!important;letter-spacing:1.6px!important;margin:3px 0!important} #vbcShop header small{font-size:9px!important;letter-spacing:1px!important} #vbcShop header p{font-size:10px!important} #vbcShop .vbcshop-wallets{display:flex!important;gap:6px!important;flex:0 0 auto!important;margin:0 3px 0 8px!important} #vbcShop .vbcshop-wallets .vbcshop-money{font-size:11px!important;padding:6px 10px!important;background:#0a1425!important;border-color:#74603e!important} #vbcShop .vbcshop-x{right:12px!important;top:50%!important;transform:translateY(-50%);width:32px!important;height:32px!important} #vbcShop .vbcshop-store-tabs{gap:8px!important;margin:0 0 9px!important} #vbcShop .vbcshop-store-tabs button{min-height:38px!important;padding:8px!important;border-radius:9px!important;background:#162237!important;font-size:12px!important;box-shadow:none!important} #vbcShop .vbcshop-store-tabs button.active{background:linear-gradient(180deg,#735129,#49321d)!important;border-color:#e5ba69!important} #vbcShop nav{gap:7px!important;margin:0 0 10px!important} #vbcShop nav button{min-height:36px!important;padding:7px!important;background:#151f30!important;border-radius:8px!important;font-size:12px!important} #vbcShop nav button.active{background:#4b3924!important;border-color:#e2b563!important;box-shadow:inset 0 -2px #d4a654!important} #vbcShop .vbcshop-search{margin:0 0 9px!important} #vbcShop .vbcshop-search input{height:36px!important;background:#0e1929!important} #vbcShop .vbcshop-slots{gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;padding:0 0 7px!important;margin:0 0 6px!important} #vbcShop .vbcshop-slots[hidden]{display:none!important} #vbcShop .vbcshop-slots button{flex:0 0 auto!important;padding:7px 11px!important;border-radius:8px!important;font-size:11px!important;white-space:nowrap} #vbcShop .vbcshop-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px 10px} #vbcShop .vbcshop-section-heading>div{display:flex;flex-direction:column;gap:2px} #vbcShop [data-section-title]{font-weight:800;font-size:14px;color:#f4d38d} #vbcShop [data-section-desc]{font-size:10px;color:#93a3b7} #vbcShop .vbcshop-count{border:1px solid #48546a;border-radius:30px;padding:5px 9px;color:#d6dce6;font-size:10px;white-space:nowrap} #vbcShop .vbcshop-showcase{flex:1!important;min-height:130px!important;border:1px solid #2c3d50!important;border-radius:12px!important;background:#0c1522c9!important;padding:13px!important} #vbcShop .vbcshop-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important} #vbcShop .vbcshop-product,#vbcShop .vbcshop-product:hover{border:1px solid #35445c!important;border-radius:11px!important;background:linear-gradient(160deg,#1b2a3a,#111c2b)!important;padding:10px 6px 8px!important;gap:6px!important;min-height:153px!important;transition:background .15s,border-color .15s!important} #vbcShop .vbcshop-product:hover,#vbcShop .vbcshop-product:focus-within{border-color:#b99558!important;background:linear-gradient(160deg,#253344,#182335)!important} #vbcShop .vbcshop-info-trigger{gap:7px!important;justify-content:center!important} #vbcShop .vbcshop-image{width:65px!important;height:65px!important;max-width:100%!important} #vbcShop .vbcshop-info-trigger strong{font-size:11px!important;min-height:28px!important;max-height:none!important;line-height:1.3!important} #vbcShop .vbcshop-price{font-size:12px!important} #vbcShop .vbcshop-actions{margin-top:auto!important} #vbcShop .vbcshop-admin{margin-top:8px!important;padding:10px 0 2px!important} #vbcShop .vbcshop-admin-tools{display:flex;gap:7px;flex-wrap:wrap} #vbcShop .vbcshop-admin-tools button{border:1px solid #b18a47;border-radius:8px;padding:8px 12px;background:#3d2d1e;color:#ffe1a1;font-weight:750;font-size:11px} #vbcShop .vbcshop-admin-tools button.vbcshop-clear{border-color:#76504b;background:#291d22;color:#e7b4aa} #vbcShop .vbcshop-form{position:fixed!important;inset:0!important;padding:12px!important;z-index:31!important;background:#050914d9!important} #vbcShop .vbcshop-form form{width:min(560px,96%)!important;max-height:84dvh!important;background:linear-gradient(160deg,#1a2939,#101925)!important;border-color:#987a47!important;gap:12px!important;padding:18px!important} #vbcShop .vbcshop-form h3{font-size:18px!important;text-align:left!important;padding-bottom:11px;border-bottom:1px solid #47536a;margin:0!important} #vbcShop .vbcshop-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} #vbcShop .vbcshop-form-fields>[data-wrap-slot]{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} #vbcShop .vbcshop-form-fields>[hidden]{display:none!important} #vbcShop .vbcshop-form label{font-weight:600;color:#d8d7d0;min-width:0} #vbcShop .vbcshop-form input,#vbcShop .vbcshop-form select{width:100%;height:37px;background:#0e1828;border-color:#526176;font-size:12px} #vbcShop .vbcshop-form .vbcshop-check{display:flex;gap:8px;align-items:center} #vbcShop .vbcshop-form .vbcshop-check input{width:auto;height:auto} #vbcShop .vbcshop-form-preview{background:#0b1523;border-color:#3f5368} #vbcShop .vbcshop-form footer{gap:10px;justify-content:flex-end} #vbcShop .vbcshop-form footer button{min-width:105px;padding:10px} #vbcShop .vbcshop-detail-card{border-radius:13px!important} @media (max-width:700px), (pointer: coarse){ #vbcShop{width:97vw!important;height:min(91dvh,800px)!important;max-height:91dvh!important;border-radius:12px!important} #vbcShop .vbcshop-inner{padding:0 9px 10px!important} #vbcShop header{margin:0 -9px 9px!important;padding:12px 37px 10px 10px!important;min-height:64px!important;flex-wrap:wrap;gap:6px!important} #vbcShop header h2{font-size:19px!important} #vbcShop header p{font-size:9px!important} #vbcShop .vbcshop-wallets{margin:0!important;gap:4px!important} #vbcShop .vbcshop-wallets .vbcshop-money{padding:4px 6px!important;font-size:10px!important} #vbcShop .vbcshop-x{right:6px!important;width:28px!important;height:28px!important} #vbcShop .vbcshop-store-tabs{gap:5px!important;margin:0 0 7px!important} #vbcShop .vbcshop-store-tabs button{font-size:10px!important;min-height:34px!important;padding:5px 2px!important} #vbcShop nav{gap:4px!important;margin-bottom:8px!important} #vbcShop nav button{min-height:33px!important;font-size:10px!important;padding:5px 2px!important} #vbcShop .vbcshop-slots{gap:5px!important;margin-bottom:4px!important} #vbcShop .vbcshop-slots button{padding:6px 8px!important;font-size:10px!important} #vbcShop .vbcshop-showcase{padding:7px 5px!important} #vbcShop .vbcshop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} #vbcShop .vbcshop-product{min-height:133px!important;padding:7px 3px!important} #vbcShop .vbcshop-image{width:55px!important;height:55px!important} #vbcShop .vbcshop-info-trigger strong{font-size:10px!important;min-height:25px!important} #vbcShop .vbcshop-price{font-size:10px!important} #vbcShop .vbcshop-form form{padding:12px!important;gap:10px!important;max-height:88dvh!important} #vbcShop .vbcshop-form-fields{gap:8px} #vbcShop .vbcshop-form-fields>[data-wrap-slot]{grid-template-columns:1fr;gap:8px} } @media (max-width:360px){#vbcShop .vbcshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* A1784: Vạn Bảo Các thu gọn - bỏ tab shop, thêm lọc tiền ở hàng danh mục */ #vbcShop .vbcshop-store-tabs{display:none!important} #vbcShop .vbcshop-inner{padding:0 14px 14px!important} #vbcShop header{margin:0 -14px 10px!important;padding:12px 44px 12px 14px!important;min-height:70px!important} #vbcShop header h2{font-size:22px!important;letter-spacing:1.3px!important} #vbcShop .vbcshop-wallets{gap:5px!important} #vbcShop .vbcshop-wallets .vbcshop-money{padding:5px 9px!important;font-size:11px!important} #vbcShop .vbcshop-x{width:30px!important;height:30px!important;right:10px!important} #vbcShop nav.vbcshop-main-tabs{margin:0 0 8px!important;gap:6px!important} #vbcShop nav.vbcshop-main-tabs button{min-height:35px!important;padding:7px 6px!important;font-size:12px!important} #vbcShop .vbcshop-search{margin:0 0 8px!important;gap:6px!important} #vbcShop .vbcshop-search input{height:35px!important;font-size:12px!important} #vbcShop .vbcshop-search button{min-width:38px!important;padding:0!important} #vbcShop .vbcshop-filterbar{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 8px!important} #vbcShop .vbcshop-slots{display:flex;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto;scrollbar-width:thin;flex:1 1 auto;margin:0!important;padding:0 0 4px!important;min-height:34px} #vbcShop .vbcshop-slots.is-empty{min-height:0;padding:0!important} #vbcShop .vbcshop-slots button{flex:0 0 auto!important;padding:7px 9px!important;border-radius:8px!important;font-size:11px!important;white-space:nowrap} #vbcShop .vbcshop-currency-filters{display:flex;gap:5px;flex:0 0 auto;align-items:center} #vbcShop .vbcshop-currency-filters button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:7px 10px;border:1px solid #64532f;border-radius:8px;background:#171f21;color:#d5c89d;font-size:11px;font-weight:700;white-space:nowrap} #vbcShop .vbcshop-currency-filters button.active{background:#66491d;color:#ffe5a1;border-color:#e1b75b;box-shadow:inset 0 -2px #d8ab54} #vbcShop .vbcshop-currency-filters .vbcshop-dch-icon{width:14px!important;height:14px!important} #vbcShop .vbcshop-section-heading{padding:4px 2px 8px!important;gap:8px!important} #vbcShop [data-section-title]{font-size:13px!important} #vbcShop [data-section-desc]{font-size:10px!important} #vbcShop .vbcshop-count{font-size:10px!important;padding:4px 8px!important} #vbcShop .vbcshop-showcase{padding:10px!important;min-height:120px!important} #vbcShop .vbcshop-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important} #vbcShop .vbcshop-product{min-height:146px!important;padding:8px 5px 7px!important;gap:5px!important} #vbcShop .vbcshop-image{width:60px!important;height:60px!important} #vbcShop .vbcshop-type{font-size:9px!important;color:#98b4cd!important;line-height:1.1!important;display:block} #vbcShop .vbcshop-info-trigger strong{font-size:11px!important;line-height:1.25!important;min-height:27px!important} #vbcShop .vbcshop-price{font-size:11px!important} #vbcShop .vbcshop-actions{gap:5px!important} #vbcShop .vbcshop-actions button{padding:6px 8px!important;font-size:11px!important} #vbcShop .vbcshop-history{padding:10px!important;border-radius:10px;background:#121c2a;border:1px solid #334254;margin-bottom:7px} #vbcShop .vbcshop-admin{padding:8px 0 0!important} #vbcShop .vbcshop-admin-tools button{padding:8px 11px!important;font-size:11px!important} #vbcShop .vbcshop-form form{width:min(540px,95%)!important} #vbcShop .vbcshop-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #vbcShop .vbcshop-form-fields>[data-wrap-slot]{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #vbcShop .vbcshop-form-preview{grid-column:1/-1} @media (max-width:820px), (pointer: coarse){#vbcShop .vbcshop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media (max-width:700px), (pointer: coarse){ #vbcShop{width:97vw!important;height:min(92dvh,810px)!important;max-height:92dvh!important;border-radius:12px!important} #vbcShop .vbcshop-inner{padding:0 8px 10px!important} #vbcShop header{margin:0 -8px 8px!important;padding:10px 34px 10px 10px!important;min-height:62px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important} #vbcShop header h2{font-size:18px!important} #vbcShop header small{font-size:8px!important} #vbcShop header p{font-size:9px!important} #vbcShop .vbcshop-wallets{gap:4px!important} #vbcShop .vbcshop-wallets .vbcshop-money{padding:4px 6px!important;font-size:10px!important} #vbcShop .vbcshop-x{right:5px!important;width:27px!important;height:27px!important} #vbcShop nav.vbcshop-main-tabs{gap:4px!important;margin-bottom:7px!important} #vbcShop nav.vbcshop-main-tabs button{min-height:32px!important;font-size:10px!important;padding:5px 2px!important} #vbcShop .vbcshop-search{margin-bottom:7px!important} #vbcShop .vbcshop-search input{height:33px!important;font-size:11px!important} #vbcShop .vbcshop-filterbar{flex-direction:column;align-items:stretch;gap:6px!important} #vbcShop .vbcshop-slots{padding-bottom:2px!important;min-height:32px} #vbcShop .vbcshop-slots button{padding:6px 8px!important;font-size:10px!important} #vbcShop .vbcshop-currency-filters{justify-content:flex-end} #vbcShop .vbcshop-currency-filters button{min-height:32px;padding:6px 8px;font-size:10px} #vbcShop .vbcshop-section-heading{padding:3px 1px 7px!important} #vbcShop [data-section-title]{font-size:12px!important} #vbcShop [data-section-desc]{font-size:9px!important} #vbcShop .vbcshop-showcase{padding:6px 4px!important} #vbcShop .vbcshop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} #vbcShop .vbcshop-product{min-height:126px!important;padding:6px 3px!important} #vbcShop .vbcshop-image{width:50px!important;height:50px!important} #vbcShop .vbcshop-info-trigger strong{font-size:10px!important;min-height:24px!important} #vbcShop .vbcshop-price{font-size:10px!important} #vbcShop .vbcshop-actions button{padding:5px 6px!important;font-size:10px!important} #vbcShop .vbcshop-form form{padding:12px!important;max-height:88dvh!important} #vbcShop .vbcshop-form-fields{grid-template-columns:1fr!important;gap:8px!important} #vbcShop .vbcshop-form-fields>[data-wrap-slot]{grid-template-columns:1fr!important;gap:8px!important} } @media (max-width:360px){#vbcShop .vbcshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* A1785: nút lọc tiền luôn nhận click và báo trạng thái rõ ràng */ #vbcShop .vbcshop-filterbar,#vbcShop .vbcshop-currency-filters{position:relative;z-index:3;pointer-events:auto!important} #vbcShop .vbcshop-currency-filters button{pointer-events:auto!important;touch-action:manipulation;cursor:pointer!important;transition:background-color .12s,border-color .12s,box-shadow .12s!important} #vbcShop .vbcshop-currency-filters button.active{border:1px solid #f4c364!important;background:#795126!important;color:#ffe9ad!important;box-shadow:0 0 0 1px #f3c06470,inset 0 -2px #e3b656!important} #vbcShop .vbcshop-currency-filters button:focus-visible{outline:2px solid #f4ca73;outline-offset:2px} /* A1786: 2 giá cho mỗi sản phẩm + thu gọn thanh quản lý admin */ #vbcShop .vbcshop-admin{padding:6px 0 0!important;display:flex;justify-content:flex-end} #vbcShop .vbcshop-admin-tools{display:flex;gap:6px;flex-wrap:wrap} #vbcShop .vbcshop-admin-tools button{padding:6px 10px!important;font-size:10px!important;min-height:30px!important;border-radius:8px!important} #vbcShop .vbcshop-price-stack{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:34px;width:100%} #vbcShop .vbcshop-price-row{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid #39485d;border-radius:999px;background:#0f1724;color:#e9d8a6;font-size:10px;line-height:1} #vbcShop .vbcshop-price-row i{font-style:normal;display:inline-flex;align-items:center;justify-content:center} #vbcShop .vbcshop-price-row .vbcshop-dch-icon-inline{width:13px;height:13px} #vbcShop .vbcshop-actions{display:flex;gap:4px;justify-content:center;flex-wrap:wrap} #vbcShop .vbcshop-actions button{flex:0 0 auto!important;min-width:46px} #vbcShop .vbcshop-actions .vbcshop-buy-dch{background:#304535!important;color:#e6f3ce!important} #vbcShop .vbcshop-detail-prices{display:flex;flex-direction:column;gap:6px;margin-top:8px} #vbcShop .vbcshop-detail-prices span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #3e4e63;border-radius:8px;background:#0f1827;color:#f3e1af;font-size:11px} #vbcShop .vbcshop-detail-prices .vbcshop-dch-icon-inline{width:14px;height:14px} #vbcShop .inventory-actions .alt{background:#304535!important;color:#e6f3ce!important} #vbcShop .vbcshop-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important} #vbcShop .vbcshop-form-preview{grid-column:1/-1} #vbcShop .vbcshop-history{display:flex;justify-content:space-between;align-items:center;gap:8px} @media (max-width:700px), (pointer: coarse){ #vbcShop .vbcshop-admin{justify-content:flex-start} #vbcShop .vbcshop-admin-tools button{font-size:9px!important;padding:5px 8px!important;min-height:28px!important} #vbcShop .vbcshop-price-row{font-size:9px;padding:2px 6px} #vbcShop .vbcshop-actions button{min-width:40px;font-size:9px!important;padding:5px 6px!important} #vbcShop .vbcshop-detail-prices span{font-size:10px} } /* A1787: thanh quản lý chuyển vào tiêu đề, không còn thanh riêng chiếm chiều cao */ #vbcShop header>div:first-child{min-width:0} #vbcShop header [data-admin-area]{display:block;margin-top:3px} #vbcShop header .vbcshop-admin{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important} #vbcShop header .vbcshop-admin-tools{display:flex;align-items:center;gap:5px} #vbcShop header .vbcshop-admin-tools button{font-size:9px!important;min-height:23px!important;padding:3px 8px!important;line-height:1.15!important;border-radius:6px!important} #vbcShop header .vbcshop-version{font-weight:700;color:#f7d38c;font-size:9px} #vbcShop .vbcshop-price-stack{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important} #vbcShop .vbcshop-price-row{display:inline-flex!important;align-items:center!important} #vbcShop .vbcshop-actions button[data-buy]{font-size:10px!important} @media (max-width:700px), (pointer: coarse){#vbcShop header .vbcshop-admin-tools button{padding:3px 5px!important;font-size:8px!important;min-height:21px!important}#vbcShop header .vbcshop-admin-tools{gap:3px}} /* A1788: một hàng danh mục, không có tab phụ */ #vbcShop .vbcshop-main-tabs{display:none!important} #vbcShop .vbcshop-search{margin-top:0!important} #vbcShop .vbcshop-filterbar{align-items:center!important} #vbcShop .vbcshop-slots{min-width:0;flex:1 1 auto;gap:5px!important} #vbcShop .vbcshop-slots button{flex:0 0 auto!important} #vbcShop .vbcshop-currency-filters{flex:0 0 auto} @media (max-width:700px), (pointer: coarse){#vbcShop .vbcshop-filterbar{gap:5px!important}#vbcShop .vbcshop-slots{width:100%;overflow-x:auto}#vbcShop .vbcshop-currency-filters{align-self:flex-end}} /* Compact desktop shop; touch layouts retain their current sizing. */ @media (min-width:769px) and (hover:hover) and (pointer:fine){ html body #vbcShop{width:min(560px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;height:min(620px,calc(100dvh - 40px))!important;max-height:calc(100dvh - 40px)!important;border-radius:14px!important;box-sizing:border-box!important} html body #vbcShop .vbcshop-inner{padding:10px!important} html body #vbcShop .vbcshop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important} html body #vbcShop .vbcshop-image{width:50px!important;height:50px!important} html body #vbcShop .vbcshop-product{padding:8px 6px!important;gap:5px!important} html body #vbcShop header h2{font-size:19px!important} } /* Contain oversized inventory images if another shared rule is applied. */ html body #vbcShop .vbcshop-grid{display:grid!important} html body #vbcShop .vbcshop-product{min-width:0!important;overflow:hidden!important} html body #vbcShop .vbcshop-image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important} html body #vbcShop .vbcshop-inner{height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important} /* V10: category filters and currencies have independent rows. */ html body #vbcShop .vbcshop-filterbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;margin-bottom:8px!important} html body #vbcShop .vbcshop-slots{width:100%!important;flex:none!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important;min-height:0!important;padding:0!important;margin:0!important;gap:5px!important;box-sizing:border-box!important} html body #vbcShop .vbcshop-slots button{flex:0 0 auto!important;min-height:30px!important;padding:6px 8px!important;line-height:1.2!important} html body #vbcShop .vbcshop-currency-filters{display:flex!important;align-self:stretch!important;justify-content:flex-end!important;gap:6px!important;padding:0!important} html body #vbcShop .vbcshop-currency-filters button{min-height:31px!important} html body #vbcShop .vbcshop-section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:5px 0 7px!important} html body #vbcShop .vbcshop-showcase{padding:8px!important} @media (max-width:480px){html body #vbcShop .vbcshop-slots button{font-size:10px!important;padding:6px 7px!important}html body #vbcShop .vbcshop-currency-filters{justify-content:flex-start!important}}