/* TNH Soft Mono Theme - trắng/đen nhẹ, sạch và hiện đại */
:root{
  --tnh-bg:#f3f4f6;
  --tnh-bg2:#ffffff;
  --tnh-panel:#ffffff;
  --tnh-panel2:#fafafa;
  --tnh-border:#e4e5e7;
  --tnh-text:#242629;
  --tnh-muted:#73777d;
  --tnh-accent:#2f3236;
  --tnh-accent-soft:#eef0f2;
  --tnh-shadow:0 10px 30px rgba(0,0,0,.07)
}
html{background:#f3f4f6!important;color-scheme:light!important}
body{background:#f3f4f6!important;color:var(--tnh-text)!important}
body:before{background:rgba(255,255,255,.16)!important;opacity:1!important}

/* Khối chính */
.box,.panel,.card,.section,.content-box,.menu-box,.form-box,.table-wrap,.profile-card,.seller-card,.support-card,.ticket-card,.hub-card,.stat-card,.game,.quick-panel,.purchase-history-box,.notice-pop,.profile-dropdown,.cute-menu-items{
  background:#fff!important;
  border-color:#e3e4e7!important;
  box-shadow:var(--tnh-shadow)!important;
  color:var(--tnh-text)!important
}
.box h1,.box h2,.box h3,.box h4,.box h5,.box b,
.panel h1,.panel h2,.panel h3,.panel h4,.card b,.game b,
.quick-copy b,.purchase-history-title b,.notice-body h5{color:#242629!important}

p,small,span,label,.muted,.desc,.quick-copy span,.notice-body,.notice-message,.history-item-main span{color:#73777d!important}
a{color:#33383d}

a:hover{color:#111!important}

/* Nút: đen/xám nhẹ, không neon */
button,.btn,.action,.btn-primary,.btn-premium,.buy-btn,.submit-btn,input[type=submit]{
  background:#292c30!important;
  color:#fff!important;
  border-color:#292c30!important;
  box-shadow:0 6px 16px rgba(0,0,0,.10)!important
}
button:hover,.btn:hover,.action:hover,.buy-btn:hover,.submit-btn:hover{filter:brightness(1.08)!important;box-shadow:0 8px 20px rgba(0,0,0,.14)!important}

/* Form */
input,select,textarea{background:#fff!important;color:#25272a!important;border-color:#dfe1e4!important}
input:focus,select:focus,textarea:focus{border-color:#8b8f94!important;box-shadow:0 0 0 3px rgba(0,0,0,.06)!important}
input::placeholder,textarea::placeholder{color:#a0a4a9!important}

/* Header / navigation */
header,.header,.topbar,.navbar,.nav,.site-header,.header-box{
  background:rgba(255,255,255,.94)!important;
  border-color:#e3e4e7!important;
  color:#242629!important;
  backdrop-filter:blur(14px)!important
}
.logo,.home-logo{filter:none!important}

/* Hero */
.hero{
  background:linear-gradient(135deg,#2d3034,#484c51)!important;
  border:1px solid #4b4f54!important;
  box-shadow:0 18px 45px rgba(0,0,0,.16)!important
}

.cute-menu-item,.profile-item,.studio,.feature,.history-item,.top-seller-row,.acc-count,.notice-brandline{
  background:#fafafa!important;
  border-color:#e5e6e8!important;
  color:#292c30!important
}
.cute-menu-item:nth-child(1){background:#f1f2f3!important}
.cute-menu-item:after{background:#e7e8ea!important;color:#55595e!important}
.quick-panel{border:1px solid #e3e4e7!important}
.community-panel,.ranking-panel{background:#fafafa!important}
.quick-icon,.profile-login,.history-icon,.notice-head{background:#35383c!important}
.profile-circle{background:#35383c!important;border-color:#e1e2e4!important}
.profile-dropdown{background:#fff!important}
.profile-item:hover{background:#f0f1f2!important;color:#202326!important}
.profile-item .pi{background:#eceeef!important;color:#41454a!important}
.profile-logout{color:#777!important}
.price{color:#242629!important}
.badge,.tag,.pill{background:#eef0f2!important;color:#3f4348!important;border-color:#dfe1e4!important}
.alert{background:#f5f5f5!important;border-color:#e2e3e5!important;color:#45484d!important}
footer,.footer{background:#202327!important;color:#bfc2c6!important;border-top:1px solid #30343a!important}

/* Loading */
#tnh-loading{background:rgba(243,244,246,.98)!important}
.tnh-loading-card{background:#fff!important;border-color:#e1e2e4!important;color:#4a4d52!important}
.tnh-loading-logo{background:#303338!important}
.tnh-loading-spinner{border-color:#e1e2e5!important;border-top-color:#303338!important;border-right-color:#777b80!important}

/* Popup / thông báo */
.notice-pop{background:#fff!important}
.notice-head{color:#fff!important}
.notice-message{background:#f7f7f8!important;border-color:#e5e6e8!important;color:#55595f!important}
.snow-layer span{color:rgba(0,0,0,.10)!important}
hr{border-color:#e5e6e8!important}
img{image-rendering:auto}

/* Scrollbar */
*{scrollbar-color:#b8bbc0 #f1f2f3;scrollbar-width:thin}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#f1f2f3}
*::-webkit-scrollbar-thumb{background:#b8bbc0;border-radius:99px}
*::-webkit-scrollbar-thumb:hover{background:#94989d}

/* TNH Soft Mono v140 - điểm nhấn chữ neon nhẹ */
.hero h1,.hero h2,.hero h3,.section-title,.search-head,.sold-head h2,
.title,.shop,.sold-title,.product-title,.page-title,.brand-title{
  color:#202326!important;
  text-shadow:0 0 5px rgba(255,255,255,.9),0 0 10px rgba(90,96,102,.22)!important;
}
.title,.shop,.sold-title,.product-title{
  font-weight:900!important;
  letter-spacing:.15px!important;
}
.shop{color:#34383d!important;text-shadow:0 0 4px rgba(255,255,255,.95),0 0 9px rgba(0,0,0,.20)!important}
.search-head .search-icon,.sold-head-icon,.stat-icon{
  color:#fff!important;background:#34383d!important;box-shadow:0 0 12px rgba(45,49,53,.22)!important
}
.badge,.detail-pill,.region-pill{box-shadow:0 0 7px rgba(255,255,255,.9),0 0 8px rgba(0,0,0,.08)!important}

/* Đảm bảo theme thắng CSS cũ trên các trang có style riêng */
body{background:#f1f2f3!important}
.container,.page,.shell{background:transparent!important}
.card,.acc,.game,.stat-card,.search-box,.sold-item,.panel,.box{color:#242629!important}
\n\n/* TNHSHOP v156 — Giao diện mặc định sáng, đồng bộ liên hệ */\nhtml[data-theme="light"] .social,\nhtml[data-theme="light"] .contact a,\nhtml[data-theme="light"] a.social,\nhtml[data-theme="light"] .links .social{\n  background:#fff!important;\n  color:#665568!important;\n  border-color:#eadde8!important;\n  box-shadow:0 6px 18px rgba(90,60,100,.07)!important;\n}\nhtml[data-theme="light"] .social:hover,\nhtml[data-theme="light"] .contact a:hover{\n  color:#c85b9d!important;\n  background:#fff9fd!important;\n  border-color:#e6c8dd!important;\n}\nhtml[data-theme="light"] .social i,\nhtml[data-theme="light"] .contact a i{color:#a66a9b!important}\nhtml[data-theme="light"] .social-title{color:#665568!important}\n

/* TNHSHOP v157 — HARD LIGHT DEFAULT */
html[data-theme="light"]{background:#f3f4f6!important;color-scheme:light!important}
html[data-theme="light"] body{background:#f3f4f6!important;color:#242629!important}
html[data-theme="light"] body:before{background:rgba(255,255,255,.16)!important;opacity:1!important}
html[data-theme="light"] header,html[data-theme="light"] .header,html[data-theme="light"] .topbar,html[data-theme="light"] .navbar,html[data-theme="light"] .nav,html[data-theme="light"] .site-header,html[data-theme="light"] .header-box{background:rgba(255,255,255,.94)!important;color:#242629!important}
html[data-theme="light"] .box,html[data-theme="light"] .panel,html[data-theme="light"] .card,html[data-theme="light"] .section,html[data-theme="light"] .content-box,html[data-theme="light"] .menu-box,html[data-theme="light"] .form-box,html[data-theme="light"] .table-wrap,html[data-theme="light"] .profile-card,html[data-theme="light"] .seller-card,html[data-theme="light"] .support-card,html[data-theme="light"] .ticket-card,html[data-theme="light"] .hub-card,html[data-theme="light"] .stat-card,html[data-theme="light"] .game,html[data-theme="light"] .quick-panel,html[data-theme="light"] .purchase-history-box,html[data-theme="light"] .notice-pop,html[data-theme="light"] .profile-dropdown,html[data-theme="light"] .cute-menu-items,html[data-theme="light"] .social,html[data-theme="light"] .contact a{background:#fff!important;color:#242629!important;border-color:#e3e4e7!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff!important;color:#25272a!important;border-color:#dfe1e4!important}
html[data-theme="light"] p,html[data-theme="light"] small,html[data-theme="light"] span,html[data-theme="light"] label,html[data-theme="light"] .muted,html[data-theme="light"] .desc{color:#73777d}

.xu-menu .cute-icon{background:linear-gradient(135deg,#ffd86b,#ff9f43);color:#fff}.xu-menu:hover{transform:translateY(-3px)}