/* TNHSHOP v136: mobile + dark/light theme */
html[data-theme="dark"] body{background-color:#070b12!important;color:#e9e8f2!important}
html[data-theme="dark"] body:before,.theme-dark-overlay{background:linear-gradient(135deg,rgba(5,9,16,.96),rgba(8,18,30,.94))!important}
html[data-theme="dark"] .box,html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .hero,html[data-theme="dark"] .item,html[data-theme="dark"] .ticket,html[data-theme="dark"] .product,html[data-theme="dark"] .balance,html[data-theme="dark"] .coupon-box,html[data-theme="dark"] .shop,html[data-theme="dark"] .review,html[data-theme="dark"] .acc,html[data-theme="dark"] .contact a,html[data-theme="dark"] .social,html[data-theme="dark"] .back{background:rgba(13,19,29,.94)!important;color:#edf7ff!important;border-color:#26384a!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#0b121c!important;color:#eff9ff!important;border-color:#294156!important}
html[data-theme="dark"] .muted,html[data-theme="dark"] small,html[data-theme="dark"] .sub,html[data-theme="dark"] .head p,html[data-theme="dark"] .hint,html[data-theme="dark"] .bio,html[data-theme="dark"] .admin-muted{color:#91a7b8!important}
html[data-theme="dark"] .game,html[data-theme="dark"] .quick-panel,html[data-theme="dark"] .top-seller-row,html[data-theme="dark"] .acc-info span{background:rgba(16,27,39,.95)!important;color:#dceeff!important;border-color:#29445a!important}
html[data-theme="dark"] .admin-nav,html[data-theme="dark"] .admin-tile,html[data-theme="dark"] .admin-card,html[data-theme="dark"] .container .card-box{background:rgba(10,17,26,.97)!important;color:#edf7ff!important;border-color:#263d50!important}
html[data-theme="dark"] .admin-link,html[data-theme="dark"] .admin-brand{color:#d9efff!important}
html[data-theme="dark"] .table th{background:#17283a!important;color:#dceeff!important}
html[data-theme="dark"] .table td{border-color:#294257!important}
html[data-theme="dark"] .admin-footer{color:#8198aa!important}
.tnh-theme-toggle{position:fixed;right:14px;bottom:14px;z-index:99999;width:46px;height:46px;border:0;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#8b7cff,#ff78b7);color:#fff;font-size:19px;box-shadow:0 12px 30px rgba(80,65,130,.28);cursor:pointer}
.tnh-notify-float{position:fixed;right:14px;bottom:70px;z-index:99998;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;text-decoration:none;background:#fff;color:#7956a1;box-shadow:0 12px 30px rgba(80,65,130,.18);border:1px solid rgba(255,255,255,.9)}
.tnh-notify-float .badge{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ff4f91;color:#fff;font:800 10px/18px system-ui;text-align:center}
@media(max-width:700px){body{font-size:14px!important}.wrap,.container{width:min(100% - 16px,1100px)!important}.hero,.card,.panel,.box{border-radius:20px!important}.grid,.content,.product,.admin-grid-2{grid-template-columns:1fr!important}.accounts{grid-template-columns:1fr!important}.actions{grid-template-columns:1fr!important}.admin-shell{padding:8px!important}.admin-nav{gap:5px!important;padding:9px!important}.admin-link{font-size:12px!important;padding:8px 9px!important}.admin-brand{width:auto!important;font-size:15px!important}.admin-link.home{margin-left:0!important}.tnh-theme-toggle,.tnh-notify-float{right:10px}.tnh-notify-float{bottom:64px}.tnh-theme-toggle{bottom:10px}}
@media(max-width:420px){.admin-nav{position:relative!important;top:auto!important}.admin-link{flex:1 0 auto}.back{padding:8px 11px!important}.heroBody h1,.head h1{font-size:24px!important}.title{font-size:22px!important}}

/* TNHSHOP v137 — Dark Cyber theme: xanh navy + cyan, tối và gọn */
html[data-theme="dark"] body{background:#060a10!important;color:#eaf6ff!important}
html[data-theme="dark"] body:before{background:radial-gradient(circle at 15% 0%,rgba(0,190,255,.10),transparent 32%),radial-gradient(circle at 90% 20%,rgba(40,110,255,.09),transparent 30%),linear-gradient(135deg,rgba(4,8,14,.97),rgba(7,17,27,.97))!important}
html[data-theme="dark"] .hero,html[data-theme="dark"] .card,html[data-theme="dark"] .box,html[data-theme="dark"] .panel,html[data-theme="dark"] .item,html[data-theme="dark"] .ticket,html[data-theme="dark"] .product,html[data-theme="dark"] .balance,html[data-theme="dark"] .coupon-box,html[data-theme="dark"] .shop,html[data-theme="dark"] .review,html[data-theme="dark"] .acc,html[data-theme="dark"] .social,html[data-theme="dark"] .back,html[data-theme="dark"] .contact a{background:linear-gradient(145deg,rgba(14,22,32,.97),rgba(9,15,24,.97))!important;border-color:#20384a!important;box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px rgba(130,220,255,.025)!important}
html[data-theme="dark"] .game,html[data-theme="dark"] .quick-panel,html[data-theme="dark"] .top-seller-row,html[data-theme="dark"] .acc-info span{background:#0c1722!important;border-color:#24465b!important;color:#dff4ff!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#080f17!important;border-color:#254459!important;color:#eaf7ff!important;box-shadow:inset 0 0 0 1px rgba(0,190,255,.025)!important}
html[data-theme="dark"] input:focus,html[data-theme="dark"] textarea:focus,html[data-theme="dark"] select:focus{border-color:#19c8ff!important;box-shadow:0 0 0 3px rgba(25,200,255,.10)!important}
html[data-theme="dark"] a{color:#59d8ff}
html[data-theme="dark"] .muted,html[data-theme="dark"] small,html[data-theme="dark"] .sub,html[data-theme="dark"] .head p,html[data-theme="dark"] .hint,html[data-theme="dark"] .bio,html[data-theme="dark"] .admin-muted{color:#8ea6b7!important}
html[data-theme="dark"] .admin-nav,html[data-theme="dark"] .admin-tile,html[data-theme="dark"] .admin-card,html[data-theme="dark"] .container .card-box{background:#09111a!important;border-color:#1f3a4d!important;color:#e8f6ff!important}
html[data-theme="dark"] .admin-link,html[data-theme="dark"] .admin-brand{color:#d9efff!important}
html[data-theme="dark"] .table th{background:#112333!important;color:#dff5ff!important}
html[data-theme="dark"] .table td{border-color:#203d51!important}
html[data-theme="dark"] .admin-footer{color:#7890a1!important}
html[data-theme="dark"] .tnh-theme-toggle{background:linear-gradient(135deg,#0aaed8,#246bff)!important;box-shadow:0 10px 30px rgba(0,150,220,.24)!important}
html[data-theme="dark"] .tnh-notify-float{background:#0d1823!important;color:#55d9ff!important;border-color:#234459!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
html[data-theme="dark"] button:not(.tnh-theme-toggle),html[data-theme="dark"] .btn,html[data-theme="dark"] .button,html[data-theme="dark"] .action{border-color:#24516a!important}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .primary,html[data-theme="dark"] button[type="submit"]{background:linear-gradient(135deg,#079ac2,#245ce8)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,120,210,.20)!important}
html[data-theme="dark"] ::selection{background:rgba(30,200,255,.28);color:#fff}
html[data-theme="dark"] ::-webkit-scrollbar{width:9px;height:9px}html[data-theme="dark"] ::-webkit-scrollbar-track{background:#060a10}html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#1b3547;border-radius:99px}html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#25536b}

/* TNH Anime Assistant */
.tnh-assistant{position:fixed;left:14px;bottom:78px;width:min(360px,calc(100vw - 28px));z-index:2147483000;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none}
.tnh-assistant *{box-sizing:border-box}
.tnh-assistant-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(130,220,255,.55);background:linear-gradient(145deg,rgba(9,18,35,.93),rgba(24,18,49,.91) 52%,rgba(7,30,43,.93));box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 38px rgba(83,210,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform-origin:left bottom;opacity:0;transform:translateY(14px) scale(.94);transition:.28s cubic-bezier(.2,.8,.2,1);pointer-events:auto}
.tnh-assistant.open .tnh-assistant-card{opacity:1;transform:none}
.tnh-assistant-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0 44%,rgba(93,221,255,.07) 45%,transparent 47%,transparent 100%);background-size:100% 90px;animation:tnhScan 4s linear infinite;mix-blend-mode:screen}
.tnh-assistant-card:after{content:"";position:absolute;inset:1px;border-radius:23px;pointer-events:none;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 24px rgba(73,209,255,.06)}
.tnh-assistant-head{display:flex;align-items:center;gap:11px;padding:11px 12px;border-bottom:1px solid rgba(135,221,255,.16);position:relative;z-index:2}
.tnh-assistant-avatar{width:54px;height:54px;flex:0 0 54px;border-radius:18px;object-fit:cover;background:#16233b;border:1px solid rgba(149,235,255,.55);box-shadow:0 0 20px rgba(72,206,255,.24),inset 0 0 0 3px rgba(255,255,255,.06)}
.tnh-assistant-title{min-width:0;flex:1}.tnh-assistant-title b{display:block;color:#eaffff;font-size:14px}.tnh-assistant-title span{display:flex;align-items:center;gap:5px;margin-top:3px;color:#82dfff;font-size:10px;font-weight:800;letter-spacing:.4px}.tnh-assistant-dot{width:7px;height:7px;border-radius:50%;background:#59e6c4;box-shadow:0 0 9px #59e6c4;animation:tnhPulse 1.7s ease-in-out infinite}
.tnh-assistant-close{width:32px;height:32px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#dff9ff;cursor:pointer;font-size:16px;position:relative;z-index:3}
.tnh-assistant-body{padding:12px;position:relative;z-index:2}.tnh-assistant-bubble{position:relative;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#eaf7ff;font-size:12px;line-height:1.45;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.tnh-assistant-bubble:after{content:"";position:absolute;left:22px;bottom:-7px;width:12px;height:12px;transform:rotate(45deg);background:rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.tnh-assistant-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.tnh-holo-btn{min-height:42px;border-radius:13px;border:1px solid rgba(107,224,255,.32);background:linear-gradient(135deg,rgba(80,208,255,.12),rgba(171,103,255,.12));color:#dffaff;font-weight:900;font-size:11px;cursor:pointer;box-shadow:inset 0 0 18px rgba(72,204,255,.04),0 0 12px rgba(80,190,255,.05);transition:.2s;position:relative;overflow:hidden}.tnh-holo-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(-120%);transition:.5s}.tnh-holo-btn:hover:before{transform:translateX(120%)}.tnh-holo-btn:hover{transform:translateY(-2px);border-color:rgba(119,231,255,.7);box-shadow:0 0 18px rgba(79,211,255,.14)}
.tnh-assistant-status{margin-top:9px;text-align:center;color:#7fa4b7;font-size:9px;font-weight:800;letter-spacing:.35px}
.tnh-assistant-collapsed{position:absolute;left:0;bottom:0;width:62px;height:62px;border-radius:20px;padding:4px;display:grid;place-items:center;background:linear-gradient(145deg,#8ed8ff,#bd91ff);border:2px solid rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(78,107,196,.3),0 0 0 4px rgba(121,217,255,.1);pointer-events:auto;cursor:pointer;transition:.25s;animation:tnhFloat 4s ease-in-out infinite}
.tnh-assistant-collapsed img{width:100%;height:100%;border-radius:16px;object-fit:cover;background:#fff}.tnh-assistant.open .tnh-assistant-collapsed{opacity:0;transform:scale(.45) translateY(8px);pointer-events:none}
.tnh-assistant-collapsed .tnh-led{position:absolute;right:-2px;top:-4px;width:13px;height:13px;border-radius:50%;background:#68efff;border:2px solid #16223b;box-shadow:0 0 12px #68efff;animation:tnhPulse 1.2s infinite}
.tnh-assistant-premium .tnh-assistant-card{border-color:rgba(224,174,255,.72);box-shadow:0 20px 65px rgba(0,0,0,.36),0 0 40px rgba(207,110,255,.25),0 0 90px rgba(87,208,255,.1)}
.tnh-assistant-premium .tnh-assistant-card:after{box-shadow:inset 0 0 35px rgba(224,125,255,.1)}
.tnh-assistant-premium .tnh-assistant-collapsed{box-shadow:0 12px 30px rgba(78,107,196,.3),0 0 0 4px rgba(226,155,255,.13),0 0 30px rgba(210,116,255,.32)}
.tnh-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.tnh-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#b9f5ff;box-shadow:0 0 9px #8cecff;animation:tnhParticle 3.8s linear infinite;opacity:.7}.tnh-particles i:nth-child(1){left:10%;bottom:8%;animation-delay:-.5s}.tnh-particles i:nth-child(2){left:28%;bottom:0;animation-delay:-2s}.tnh-particles i:nth-child(3){left:58%;bottom:5%;animation-delay:-1.2s}.tnh-particles i:nth-child(4){right:16%;bottom:12%;animation-delay:-3s}.tnh-particles i:nth-child(5){right:5%;bottom:38%;animation-delay:-1.8s}.tnh-assistant-premium .tnh-particles{display:block}.tnh-assistant:not(.tnh-assistant-premium) .tnh-particles{display:none}
@keyframes tnhScan{0%{transform:translateY(-90px)}100%{transform:translateY(180px)}}@keyframes tnhPulse{50%{transform:scale(1.18);opacity:.72}}@keyframes tnhFloat{50%{transform:translateY(-4px)}}@keyframes tnhParticle{0%{transform:translateY(20px) scale(.6);opacity:0}20%{opacity:.8}100%{transform:translateY(-160px) scale(1.15);opacity:0}}
@media(max-width:575px){.tnh-assistant{left:8px;bottom:64px;width:min(330px,calc(100vw - 16px))}.tnh-assistant-collapsed{width:54px;height:54px;border-radius:17px}.tnh-assistant-collapsed img{border-radius:13px}.tnh-assistant-actions{grid-template-columns:1fr 1fr}.tnh-assistant-card{border-radius:21px}}
