/* V13: trang chủ user và popup đăng nhập. */
/* USER_HOME_LOGIN_POPUP_PRODUCT_UI_20260702_V1 */
.home-login-hidden{display:none!important}
.color-setting-line input[type=color]{width:90px;max-width:90px;padding:3px;height:42px;flex:0 0 90px}.color-setting-line .color-hex-input{width:120px;max-width:140px;flex:0 0 120px;text-transform:uppercase;font-family:Consolas,monospace;font-weight:800;letter-spacing:.02em}
.home-floating-notice{position:fixed;inset:0;z-index:15000;display:none;align-items:center;justify-content:center;padding:18px}
.home-floating-notice.open{display:flex}
.home-floating-notice-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(4px)}
.home-floating-notice-box{position:relative;width:min(560px,100%);max-height:min(82vh,680px);overflow:auto;background:#000;border:1px solid rgba(148,163,184,.32);border-radius:18px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.48);color:#fff}
.home-floating-notice-box h2{margin:0 0 12px;color:inherit!important}
.home-floating-notice-content{line-height:1.65;color:inherit}
.home-floating-notice-content h2:not([style*="color"]),.home-floating-notice-content h3:not([style*="color"]),.product-desc1-card .rich-text h2:not([style*="color"]),.product-desc1-card .rich-text h3:not([style*="color"]){color:inherit!important}
.home-floating-notice-content p{margin:.75rem 0}
.home-floating-notice-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px;margin-top:16px}
.home-floating-notice-actions .btn{flex:1 1 0;text-align:center;white-space:normal}
.user-admin-like .product-desc,.user-admin-like .product-desc1-card .rich-text{line-height:1.65}
@media(max-width:760px){
  .home-floating-notice{padding:12px}
  .home-floating-notice-box{border-radius:16px;padding:16px}
  .home-floating-notice-actions{gap:8px}
  .home-floating-notice-actions .btn{padding-left:8px;padding-right:8px;font-size:13px}
}



/* USER_NOTICE_DESC_THEME_20260704_V1
   Màu mặc định theo light/dark của trình duyệt; màu inline từ trình soạn thảo vẫn được giữ nguyên. */
@media (prefers-color-scheme: light){
  .home-floating-notice-box{background:#000;color:#fff;border-color:rgba(255,255,255,.28)}
  .user-admin-like .product-desc1-card .rich-text{color:#111827}
}
@media (prefers-color-scheme: dark){
  .home-floating-notice-box{background:#fff;color:#000;border-color:rgba(15,23,42,.24)}
  .user-admin-like .product-desc1-card .rich-text{color:#f8fafc}
}

/* USER_PROMO_COLOR_FIX_20260702_V1: làm rõ số tiền trong khối khuyến mãi khi giao diện sáng. */
.user-admin-like .deposit-promo-card .promo-rule-item span{color:#334155!important}
.user-admin-like .deposit-promo-card .promo-rule-item .promo-gift{color:#d97706!important;text-shadow:none!important}
.user-admin-like .deposit-promo-card .promo-rule-item b{color:#0f172a!important;background:rgba(251,191,36,.24)!important;border:1px solid rgba(217,119,6,.35)!important;border-radius:999px!important;padding:2px 8px!important;line-height:1.4!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.user-admin-like .deposit-promo-card .promo-rule-item strong{color:#15803d!important;text-shadow:none!important}
@media(max-width:520px){.color-setting-line .color-hex-input{width:112px;flex-basis:112px}.user-admin-like .deposit-promo-card .promo-rule-item b{padding-left:6px!important;padding-right:6px!important}}


/* USER_PRODUCT_NOTICE_HELPER_THEME_20260704_V1
   Cảnh báo số lượng và chữ hướng dẫn sản phẩm tự tương phản theo light/dark của trình duyệt. */
.user-admin-like .product-qty-modal .modal-box,
.user-admin-like .home-buy-qty-modal .modal-box{
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.user-admin-like .product-qty-modal .modal-box p,
.user-admin-like .home-buy-qty-modal .modal-box p{
  color:inherit!important;
  font-weight:700;
  line-height:1.55;
}
.user-admin-like .product-helper-text{
  font-weight:600;
  line-height:1.6;
  opacity:1!important;
  text-shadow:none!important;
}
@media (prefers-color-scheme: light){
  .user-admin-like .product-qty-modal .modal-box,
  .user-admin-like .home-buy-qty-modal .modal-box{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#475569!important;
    box-shadow:0 20px 60px rgba(15,23,42,.38)!important;
  }
  .user-admin-like .product-qty-modal .modal-box h3,
  .user-admin-like .home-buy-qty-modal .modal-box h3{
    color:#fff!important;
  }
  .user-admin-like .product-qty-modal .modal-close,
  .user-admin-like .home-buy-qty-modal .modal-close{
    background:#f8fafc!important;
    color:#111827!important;
    border:1px solid #cbd5e1!important;
  }
  .user-admin-like .product-helper-text{
    color:#334155!important;
  }
}
@media (prefers-color-scheme: dark){
  .user-admin-like .product-qty-modal .modal-box,
  .user-admin-like .home-buy-qty-modal .modal-box{
    background:#f8fafc!important;
    color:#111827!important;
    border-color:#cbd5e1!important;
    box-shadow:0 20px 60px rgba(0,0,0,.58)!important;
  }
  .user-admin-like .product-qty-modal .modal-box h3,
  .user-admin-like .home-buy-qty-modal .modal-box h3{
    color:#0f172a!important;
  }
  .user-admin-like .product-qty-modal .modal-close,
  .user-admin-like .home-buy-qty-modal .modal-close{
    background:#111827!important;
    color:#f8fafc!important;
    border:1px solid #334155!important;
  }
  .user-admin-like .product-helper-text{
    color:#f1f5f9!important;
  }
}


/* USER_HOME_AUTH_STATIC_NOTICE_DESC1_20260726_V1 */
.home-auth-popup{position:fixed;inset:0;z-index:16000;display:none;align-items:center;justify-content:center;padding:18px}
.home-auth-popup.open,.home-auth-popup[aria-hidden="false"]{display:flex!important}
.home-auth-popup-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(4px)}
.home-auth-popup-box{position:relative;z-index:1;width:min(520px,100%);max-width:520px!important;max-height:calc(100vh - 36px);overflow:auto;margin:0!important;background:#1e293b;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.home-auth-popup-box h1{padding-right:42px}
.home-auth-popup-box form>.btn{min-width:130px}
.home-auth-popup-close{right:12px;top:12px}
body.home-auth-popup-open{overflow:hidden}
.home-page-notice{margin:14px 0}
.home-page-notice-content{line-height:1.65}
.home-page-notice-content>:first-child{margin-top:0}
.home-page-notice-content>:last-child{margin-bottom:0}
@media(max-width:520px){
  .home-auth-popup{padding:12px}
  .home-auth-popup-box{max-height:calc(100vh - 24px);padding:18px 15px}
  .home-auth-popup-box form>.btn{width:100%}
}


/* HOME_MEMBER_SUMMARY_V14: cùng một bố cục hai phần và ba nút ngang trên desktop/mobile. */
.user-summary-card .user-summary-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:stretch;gap:16px}
.user-summary-card .user-summary-main>div:first-child{min-width:0;align-self:center}
.user-summary-card .user-summary-main h2{margin-top:0;overflow-wrap:anywhere}
.user-summary-card .user-summary-balance{width:auto;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:right}
.user-summary-card .user-summary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:9px;margin-top:14px}
.user-summary-card .user-summary-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding-left:9px;padding-right:9px;text-align:center;white-space:normal}
@media(max-width:520px){
  .user-summary-card{padding:14px!important}
  .user-summary-card .user-summary-main{grid-template-columns:minmax(0,1fr) minmax(112px,40%);gap:9px}
  .user-summary-card .user-summary-main h2{font-size:18px;line-height:1.3;margin-bottom:5px}
  .user-summary-card .user-summary-main p{font-size:13px;margin:0}
  .user-summary-card .user-summary-balance{padding:9px 10px;text-align:right}
  .user-summary-card .user-summary-balance .muted{font-size:11px}
  .user-summary-card .user-summary-balance .balance{font-size:18px;overflow-wrap:anywhere}
  .user-summary-card .user-summary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .user-summary-card .user-summary-actions .btn{min-height:40px;padding:7px 4px;font-size:11.5px;line-height:1.25}
}