/* SIXNINE rental-template polish layer — loaded after page content so it can
   neutralise old hard-coded purple/red UI without changing error/success semantics. */
:root{
  --theme-surface: rgba(9,13,23,.92);
  --theme-surface-2: rgba(7,10,18,.96);
  --theme-soft: rgba(var(--main-rgb),.09);
  --theme-line: rgba(var(--main-rgb),.22);
  --theme-line-strong: rgba(var(--main-rgb),.46);
  --theme-text: #f4f7fb;
  --theme-muted: #8f99aa;
}

/* Frontend common surfaces */
body{color:var(--theme-text);}
.category-card-custom,.front-page-card,.stat-card-neon,.top-product-banner{
  background:var(--theme-surface)!important;
  border-color:var(--theme-line)!important;
}
.category-card-custom:hover,.front-page-card:hover,.stat-card-neon:hover{
  border-color:var(--theme-line-strong)!important;
}
#font-color-cs,.ttcolor,.ff{
  background:linear-gradient(90deg,var(--main),var(--sub))!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Theme SweetAlert buttons globally; destructive cancel remains red. */
.swal2-confirm:not(.swal2-styled[style*="rgb(211"]){
  background:linear-gradient(135deg,var(--main),var(--sub))!important;
  border:0!important;
  box-shadow:0 8px 22px rgba(var(--main-rgb),.22)!important;
}

/* Admin global design system */
.adm-root-container{
  --adm-surface:rgba(8,12,22,.96);
  --adm-surface-2:rgba(11,16,29,.94);
  --adm-line:rgba(var(--main-rgb),.20);
  --adm-line-strong:rgba(var(--main-rgb),.48);
  --adm-soft:rgba(var(--main-rgb),.08);
  --adm-text:#f4f7fb;
  --adm-muted:#8994a7;
}
.adm-root-container .adm-nav-box,
.adm-root-container .adm-hub-title-box,
.adm-root-container .adm-menu-card,
.adm-root-container .pnl-card,
.adm-root-container .ws-card,
.adm-root-container .ws-header{
  background:linear-gradient(145deg,var(--adm-surface-2),var(--adm-surface))!important;
  border-color:var(--adm-line)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.adm-root-container .adm-brand-text{
  background:linear-gradient(135deg,var(--main),var(--sub))!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.adm-root-container .adm-menu-toggle-btn,
.adm-root-container .adm-nav-link-custom,
.adm-root-container .adm-dropdown-item-custom{
  border-color:var(--adm-line)!important;
  color:var(--sub)!important;
}
.adm-root-container .adm-menu-toggle-btn:hover,
.adm-root-container .adm-nav-link-custom:hover,
.adm-root-container .adm-nav-link-custom.active,
.adm-root-container .adm-dropdown-item-custom:hover{
  background:var(--adm-soft)!important;
  border-color:var(--adm-line-strong)!important;
  color:#fff!important;
}
.adm-root-container .adm-card-icon,
.adm-root-container .adm-hub-icon-circle{
  background:var(--adm-soft)!important;
  border-color:var(--adm-line)!important;
  color:var(--main)!important;
}
.adm-root-container .adm-menu-card:hover{
  background:linear-gradient(145deg,rgba(var(--main-rgb),.10),var(--adm-surface))!important;
  border-color:var(--adm-line-strong)!important;
  box-shadow:0 14px 34px rgba(var(--main-rgb),.12)!important;
}
.adm-root-container .adm-menu-card:hover .adm-card-icon{
  background:linear-gradient(135deg,var(--main),var(--sub))!important;
  border-color:transparent!important;
}
.adm-root-container .adm-menu-card h6{color:var(--adm-text)!important;}
.adm-root-container .adm-menu-card p,.adm-root-container .adm-hub-title-box p{color:var(--adm-muted)!important;}

/* Common old admin forms/tables — turn them into cohesive block UI. */
.adm-root-container .container-sm[style*="background-color"],
.adm-root-container .container-fluid[style*="background-color"]{
  background:linear-gradient(145deg,var(--adm-surface-2),var(--adm-surface))!important;
  border:1px solid var(--adm-line)!important;
  border-radius:18px!important;
}
.adm-root-container .form-control,
.adm-root-container .form-select,
.adm-root-container textarea,
.adm-root-container input:not([type="color"]):not([type="checkbox"]):not([type="radio"]){
  background:rgba(255,255,255,.035)!important;
  border-color:var(--adm-line)!important;
  color:var(--adm-text)!important;
  border-radius:12px!important;
  min-height:42px;
}
.adm-root-container .form-control:focus,
.adm-root-container .form-select:focus,
.adm-root-container textarea:focus,
.adm-root-container input:focus{
  border-color:var(--adm-line-strong)!important;
  box-shadow:0 0 0 3px rgba(var(--main-rgb),.09)!important;
}
.adm-root-container .table{
  --bs-table-bg:transparent!important;
  --bs-table-striped-bg:rgba(var(--main-rgb),.035)!important;
  --bs-table-hover-bg:rgba(var(--main-rgb),.06)!important;
  color:var(--adm-text)!important;
  border-color:rgba(255,255,255,.06)!important;
}
.adm-root-container .table thead th{
  color:var(--sub)!important;
  border-color:var(--adm-line)!important;
  background:rgba(var(--main-rgb),.06)!important;
}
.adm-root-container .table td{border-color:rgba(255,255,255,.055)!important;vertical-align:middle;}
.adm-root-container .modal-content{
  background:linear-gradient(145deg,#0d1320,#080c15)!important;
  border:1px solid var(--adm-line-strong)!important;
  color:var(--adm-text)!important;
  border-radius:20px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
}
.adm-root-container .modal-header,.adm-root-container .modal-footer{border-color:var(--adm-line)!important;}
.adm-root-container .tblu-1,
.adm-root-container .ws-btn,
.adm-root-container .ws-btn-stat,
.adm-root-container .pm-btn-submit{
  background:linear-gradient(135deg,var(--main),var(--sub))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 22px rgba(var(--main-rgb),.20)!important;
}
.adm-root-container .qty-badge,.adm-root-container .admin-pill{
  background:var(--adm-soft)!important;
  color:var(--sub)!important;
  border:1px solid var(--adm-line)!important;
}
.adm-root-container .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:linear-gradient(135deg,var(--main),var(--sub))!important;
  border-color:transparent!important;
  color:#fff!important;
}
.adm-root-container .text-danger:not(.semantic-danger){color:var(--main)!important;}

@media(max-width:767px){
  body{background-attachment:scroll!important;}
  .adm-root-container .table-responsive{border-radius:14px;overflow:auto;}
}

/* =======================================================================
   RENTAL THEME HARDENING v2
   - all decorative red/purple leftovers follow Website Settings
   - semantic delete/error states stay red only when they really mean danger
   ======================================================================= */

/* ---------- storefront trial cards: always neutral/black like normal products ---------- */
#trial-card-row .front-page-card,
#trial-card-row .front-page-card.card,
#trial-card-row .front-page-card .card-body,
#trial-card-row .front-card-img-wrapper,
#trial-banner.top-product-banner{
  background:#080c14 !important;
  background-color:#080c14 !important;
  border-color:rgba(var(--main-rgb),.26) !important;
}
#trial-card-row .front-page-card{
  box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 1px rgba(var(--main-rgb),.04) !important;
}
#trial-card-row .front-page-card:hover{
  border-color:rgba(var(--main-rgb),.58) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.46),0 0 24px rgba(var(--main-rgb),.10) !important;
}
#trial-card-row .btn-buy-disabled{
  background:#0b1019 !important;
  color:#737d8d !important;
  border-color:rgba(var(--main-rgb),.16) !important;
}

/* ---------- login + register: one visual language, no legacy red ---------- */
.login-page .input-group-login input,
.register-page .input-group-register input{
  background:rgba(6,10,17,.62) !important;
  border:1px solid rgba(var(--main-rgb),.42) !important;
  color:#f5f7fb !important;
  box-shadow:none !important;
}
.login-page .input-group-login input:focus,
.register-page .input-group-register input:focus{
  border-color:var(--main) !important;
  box-shadow:0 0 0 3px rgba(var(--main-rgb),.11),0 0 20px rgba(var(--main-rgb),.08) !important;
}
.login-page .input-group-login input::placeholder,
.register-page .input-group-register input::placeholder{color:rgba(240,244,252,.45)!important;}
.login-page .eye-toggle,
.register-page .eye-toggle,
.login-divider span,
.register-divider span{color:var(--main)!important;}
.login-page .captcha-wrap,
.register-page .captcha-wrap{
  background:rgba(6,10,17,.50)!important;
  border-color:rgba(var(--main-rgb),.42)!important;
}
.login-page .remember-row input[type="checkbox"]{
  border-color:rgba(var(--main-rgb),.55)!important;
  background:rgba(6,10,17,.55)!important;
}
.login-page .remember-row input[type="checkbox"]:checked{
  background:var(--main)!important;
  border-color:var(--main)!important;
}
.login-page .btn-login,
.register-page .btn-submit-register{
  background:rgba(5,9,16,.38)!important;
  border:1.7px solid var(--main)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(var(--main-rgb),.08),0 0 28px rgba(var(--main-rgb),.20)!important;
}
.login-page .btn-login:hover:not(:disabled),
.register-page .btn-submit-register:hover:not(:disabled){
  background:rgba(var(--main-rgb),.10)!important;
  box-shadow:0 0 0 1px rgba(var(--main-rgb),.18),0 0 38px rgba(var(--main-rgb),.28)!important;
}
.login-page .btn-register,
.register-page .btn-goto-login{
  background:rgba(5,9,16,.28)!important;
  border:1px solid rgba(var(--main-rgb),.28)!important;
  color:rgba(244,247,251,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
.login-page .btn-register:hover,
.register-page .btn-goto-login:hover{
  background:rgba(var(--main-rgb),.075)!important;
  border-color:rgba(var(--main-rgb),.52)!important;
  color:#fff!important;
}
.login-divider::before,.login-divider::after,
.register-divider::before,.register-divider::after{
  background:linear-gradient(90deg,transparent,rgba(var(--main-rgb),.38),transparent)!important;
}
.login-brand .sub,.register-brand .sub{color:var(--main)!important;}
.login-brand .sub::after,.register-brand .sub::after{background:var(--main)!important;box-shadow:0 0 10px rgba(var(--main-rgb),.45)!important;}
.logo-ring{border-color:var(--main)!important;box-shadow:0 0 0 4px rgba(var(--main-rgb),.08),0 0 30px rgba(var(--main-rgb),.28)!important;}

/* ---------- SweetAlert: dark, readable and theme-aware everywhere ---------- */
.swal2-container{z-index:100000!important;}
.swal2-popup,
.theme-popup,
.swal-purple .swal2-popup{
  background:linear-gradient(155deg,#0c121d,#080c14)!important;
  border:1px solid rgba(var(--main-rgb),.42)!important;
  color:#f6f8fc!important;
  border-radius:22px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.58),0 0 34px rgba(var(--main-rgb),.13)!important;
}
.swal2-title,
.theme-popup .swal2-title,
.swal-purple .swal2-title{
  color:#f6f8fc!important;
  -webkit-text-fill-color:#f6f8fc!important;
  text-shadow:none!important;
}
.swal2-html-container,.swal2-content,
.theme-popup .swal2-html-container,
.swal-purple .swal2-html-container,
.swal-purple .swal2-content{
  color:#a9b3c3!important;
  -webkit-text-fill-color:#a9b3c3!important;
}
.swal2-confirm,
.theme-popup .swal2-confirm,
.swal-purple .swal2-confirm{
  background:linear-gradient(135deg,var(--main),var(--sub))!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 24px rgba(var(--main-rgb),.24)!important;
}
.swal2-cancel{
  background:#121923!important;
  color:#cbd3df!important;
  border:1px solid rgba(var(--main-rgb),.20)!important;
}
/* semantic status colours only */
.swal2-icon.swal2-success{border-color:#55d98b!important;color:#55d98b!important;}
.swal2-icon.swal2-success [class^='swal2-success-line']{background-color:#55d98b!important;}
.swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(85,217,139,.34)!important;}
.swal2-icon.swal2-error{border-color:#fb7185!important;color:#fb7185!important;}
.swal2-icon.swal2-error [class^='swal2-x-mark-line']{background:#fb7185!important;}
.swal2-icon.swal2-warning{border-color:#fbbf24!important;color:#fbbf24!important;}

/* ---------- Admin design system: neutral surfaces, configured colour as accent ---------- */
.adm-root-container{
  --adm-surface:#090e17;
  --adm-surface-2:#0c121e;
  --adm-surface-3:#101824;
  --adm-line:rgba(var(--main-rgb),.22);
  --adm-line-strong:rgba(var(--main-rgb),.50);
  --adm-soft:rgba(var(--main-rgb),.085);
  --adm-text:#f4f7fb;
  --adm-muted:#8e9aab;
}
.adm-root-container .adm-nav-box,
.adm-root-container .adm-hub-title-box,
.adm-root-container .adm-menu-card,
.adm-root-container .pnl-card,
.adm-root-container .ws-card,
.adm-root-container .ws-header,
.adm-root-container .bg-custom,
.adm-root-container .card:not(.semantic-danger-card){
  background:linear-gradient(145deg,var(--adm-surface-2),var(--adm-surface))!important;
  background-color:var(--adm-surface)!important;
  border-color:var(--adm-line)!important;
}
.adm-root-container .adm-navbar-collapse-custom,
.adm-root-container .adm-dropdown-menu-custom{
  background:var(--adm-surface)!important;
  border-color:var(--adm-line)!important;
}
.adm-root-container .adm-nav-link-custom,
.adm-root-container .adm-dropdown-item-custom,
.adm-root-container .adm-menu-toggle-btn{
  background:rgba(8,13,22,.76)!important;
  border-color:rgba(var(--main-rgb),.18)!important;
  color:var(--sub)!important;
}
.adm-root-container .adm-nav-link-custom:hover,
.adm-root-container .adm-nav-link-custom.active,
.adm-root-container .adm-dropdown-item-custom:hover,
.adm-root-container .adm-menu-toggle-btn:hover{
  background:rgba(var(--main-rgb),.10)!important;
  border-color:rgba(var(--main-rgb),.48)!important;
  color:#fff!important;
}
.adm-root-container .form-control,
.adm-root-container .form-select,
.adm-root-container textarea,
.adm-root-container input:not([type="color"]):not([type="checkbox"]):not([type="radio"]),
.adm-root-container .ws-input:not([type="color"]){
  background:#0e151f!important;
  border-color:rgba(var(--main-rgb),.28)!important;
  color:#f1f5f9!important;
}
.adm-root-container .form-control:focus,
.adm-root-container .form-select:focus,
.adm-root-container textarea:focus,
.adm-root-container input:not([type="color"]):focus{
  background:#101924!important;
  border-color:var(--main)!important;
  box-shadow:0 0 0 3px rgba(var(--main-rgb),.10)!important;
}
.adm-root-container .form-check-input{
  width:2.8em!important;
  height:1.45em!important;
  background-color:#111923!important;
  border:1px solid rgba(var(--main-rgb),.35)!important;
  box-shadow:none!important;
}
.adm-root-container .form-check-input:checked{
  background-color:var(--main)!important;
  border-color:var(--main)!important;
}
.adm-root-container .form-check-input:focus{
  border-color:var(--main)!important;
  box-shadow:0 0 0 3px rgba(var(--main-rgb),.10)!important;
}

/* visible colour controls */
.adm-root-container .theme-color-field{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid rgba(var(--main-rgb),.24);
  border-radius:14px;
  background:#0d141e;
}
.adm-root-container input[type="color"].ws-input{
  -webkit-appearance:none;
  appearance:none;
  width:62px!important;
  height:48px!important;
  padding:3px!important;
  border:1px solid rgba(var(--main-rgb),.42)!important;
  border-radius:12px!important;
  background:#070b12!important;
  overflow:hidden;
  cursor:pointer;
}
.adm-root-container input[type="color"].ws-input::-webkit-color-swatch-wrapper{padding:0;}
.adm-root-container input[type="color"].ws-input::-webkit-color-swatch{border:0;border-radius:8px;}
.adm-root-container input[type="color"].ws-input::-moz-color-swatch{border:0;border-radius:8px;}
.adm-root-container .theme-color-meta{min-width:0;}
.adm-root-container .theme-color-meta strong{display:block;color:#f3f6fb;font-size:12px;font-weight:700;}
.adm-root-container .theme-color-meta span{display:block;margin-top:2px;color:var(--main);font-size:11px;font-family:monospace;text-transform:uppercase;}

/* old red/maroon utility classes become configured theme utilities */
.bg-yw-gra{background:linear-gradient(0deg,var(--sub),var(--main))!important;}
.bg-yw-gra-flip{background:linear-gradient(180deg,var(--sub),var(--main))!important;}
.bottom-or{border-bottom-color:var(--main)!important;}
.border-or{border-color:var(--main)!important;}

/* ---------- Product-manager language, reused by category/member pages ---------- */
.pm-wrap{font-family:'Kanit',sans-serif;padding:1.2rem .8rem 3rem;max-width:1140px;margin:0 auto;}
.pm-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem;}
.pm-title{font-size:1.25rem!important;font-weight:800!important;background:linear-gradient(90deg,var(--main),var(--sub))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;}
.pm-title i{-webkit-text-fill-color:var(--main)!important;color:var(--main)!important;}
.pm-admin-tag{font-size:.73rem!important;background:rgba(var(--main-rgb),.08)!important;border:1px solid rgba(var(--main-rgb),.24)!important;color:var(--sub)!important;border-radius:20px!important;padding:.25rem .85rem!important;}
.pm-layout{display:grid;grid-template-columns:340px 1fr;gap:1.4rem;align-items:start;}
.pm-card{background:linear-gradient(145deg,#0c121e,#090e17)!important;border:1px solid rgba(var(--main-rgb),.20)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important;}
.pm-card-hd{background:linear-gradient(135deg,rgba(var(--main-rgb),.13),rgba(var(--sub-rgb),.075))!important;border-bottom:1px solid rgba(var(--main-rgb),.16)!important;padding:.9rem 1.2rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
.pm-card-hd-title{font-size:.9rem!important;font-weight:700!important;color:#eef2f7!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;}
.pm-card-hd-title i{color:var(--main)!important;}
.pm-card-bd{padding:1.2rem!important;}
.pm-tabs{display:flex!important;background:#0c131d!important;border:1px solid rgba(var(--main-rgb),.12)!important;border-radius:11px!important;padding:3px!important;gap:3px!important;margin-bottom:1.1rem!important;}
.pm-tab{flex:1!important;padding:.42rem .55rem!important;border-radius:8px!important;border:0!important;font-size:.78rem!important;font-family:'Kanit',sans-serif!important;font-weight:700!important;color:#778395!important;background:transparent!important;}
.pm-tab.active{background:linear-gradient(135deg,var(--main),var(--sub))!important;color:#fff!important;box-shadow:0 4px 14px rgba(var(--main-rgb),.18)!important;}
.pm-img-box{width:100%!important;height:120px!important;background:#0c131d!important;border:1px dashed rgba(var(--main-rgb),.30)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:1rem!important;overflow:hidden!important;}
.pm-img-box img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:10px!important;}
.pm-img-placeholder{color:rgba(var(--main-rgb),.32)!important;font-size:2rem!important;}
.pm-field{margin-bottom:.9rem!important;}
.pm-label{display:block!important;font-size:.77rem!important;color:var(--sub)!important;letter-spacing:.35px!important;margin-bottom:.34rem!important;font-weight:700!important;}
.pm-label span.required{color:var(--main)!important;}
.pm-label span.optional{color:#718096!important;}
.pm-input,.pm-textarea,.pm-select{width:100%!important;background:#0e151f!important;border:1px solid rgba(var(--main-rgb),.26)!important;border-radius:11px!important;color:#edf2f7!important;padding:.62rem .85rem!important;font-size:.88rem!important;font-family:'Kanit',sans-serif!important;outline:none!important;box-sizing:border-box!important;}
.pm-input::placeholder,.pm-textarea::placeholder{color:#667385!important;}
.pm-input:focus,.pm-textarea:focus,.pm-select:focus{border-color:var(--main)!important;box-shadow:0 0 0 3px rgba(var(--main-rgb),.09)!important;background:#101924!important;}
.pm-select option{background:#0d141e!important;color:#eef2f7!important;}
.pm-textarea{resize:vertical!important;min-height:82px!important;}
.pm-btn-submit{width:100%!important;padding:.75rem!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--main),var(--sub))!important;color:#fff!important;font-size:.92rem!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:0 5px 18px rgba(var(--main-rgb),.20)!important;}
.pm-btn-submit:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;}
.pm-cancel-link{display:block;text-align:center;margin-top:.7rem;background:none!important;border:0!important;color:#7d8999!important;font-size:.8rem!important;}
.pm-cancel-link:hover{color:var(--sub)!important;}
.pm-tbl-wrap{overflow-x:auto!important;border-radius:12px!important;}
.pm-tbl{width:100%!important;border-collapse:separate!important;border-spacing:0 6px!important;font-size:.83rem!important;}
.pm-tbl thead th{background:rgba(var(--main-rgb),.09)!important;color:var(--sub)!important;font-weight:700!important;font-size:.73rem!important;padding:.68rem .75rem!important;text-align:center!important;border:0!important;white-space:nowrap!important;}
.pm-tbl tbody tr{background:#0d141e!important;transition:.15s!important;}
.pm-tbl tbody tr:hover{background:rgba(var(--main-rgb),.065)!important;}
.pm-tbl tbody td{padding:.65rem .75rem!important;color:#cbd5e1!important;text-align:center!important;vertical-align:middle!important;border-top:1px solid rgba(var(--main-rgb),.08)!important;border-bottom:1px solid rgba(var(--main-rgb),.08)!important;}
.pm-tbl tbody td:first-child{border-left:1px solid rgba(var(--main-rgb),.08)!important;border-radius:9px 0 0 9px!important;}
.pm-tbl tbody td:last-child{border-right:1px solid rgba(var(--main-rgb),.08)!important;border-radius:0 9px 9px 0!important;}
.pm-tbl img{border-radius:9px!important;width:58px!important;height:58px!important;object-fit:cover!important;border:1px solid rgba(var(--main-rgb),.16)!important;}
.id-pill{background:rgba(var(--main-rgb),.10)!important;color:var(--main)!important;border:1px solid rgba(var(--main-rgb),.16)!important;border-radius:7px!important;padding:.15rem .48rem!important;font-size:.73rem!important;font-weight:800!important;}
.pm-act{padding:.34rem .68rem!important;border-radius:9px!important;font-size:.75rem!important;font-family:'Kanit',sans-serif!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:5px!important;text-decoration:none!important;white-space:nowrap!important;}
.pm-edit{background:rgba(var(--main-rgb),.10)!important;color:var(--sub)!important;border:1px solid rgba(var(--main-rgb),.28)!important;}
.pm-stock{background:rgba(251,191,36,.10)!important;color:#fcd34d!important;border:1px solid rgba(251,191,36,.22)!important;}
.pm-delete{background:rgba(248,113,113,.11)!important;color:#fda4af!important;border:1px solid rgba(248,113,113,.20)!important;}
.pm-info-badge{display:inline-flex;align-items:center;gap:5px;padding:.2rem .58rem;border-radius:999px;background:rgba(var(--main-rgb),.08);border:1px solid rgba(var(--main-rgb),.17);color:var(--sub);font-size:.72rem;font-weight:700;}
.pm-empty{padding:30px 16px;text-align:center;color:#7b8798;font-size:.83rem;}
.pm-helper{font-size:.73rem;color:#738092;line-height:1.6;}

/* DataTables used in the new category/member tables */
.adm-root-container .pm-card .dataTables_wrapper{color:#8d99a9!important;}
.adm-root-container .pm-card .dataTables_length,
.adm-root-container .pm-card .dataTables_filter,
.adm-root-container .pm-card .dataTables_info,
.adm-root-container .pm-card .dataTables_paginate{color:#8d99a9!important;font-size:.78rem!important;}
.adm-root-container .pm-card .dataTables_filter input,
.adm-root-container .pm-card .dataTables_length select{
  background:#0e151f!important;border:1px solid rgba(var(--main-rgb),.24)!important;color:#eef2f7!important;border-radius:9px!important;padding:.36rem .55rem!important;
}
.adm-root-container .pm-card .dataTables_paginate .paginate_button{color:#8e99aa!important;border:1px solid transparent!important;border-radius:8px!important;}
.adm-root-container .pm-card .dataTables_paginate .paginate_button.current,
.adm-root-container .pm-card .dataTables_paginate .paginate_button.current:hover{
  background:linear-gradient(135deg,var(--main),var(--sub))!important;color:#fff!important;border-color:transparent!important;
}

@media(max-width:880px){
  .pm-layout{grid-template-columns:1fr!important;}
  .pm-wrap{padding:.8rem .25rem 2rem!important;}
  .pm-card-hd{padding:.8rem .9rem!important;}
  .pm-card-bd{padding:.9rem!important;}
}

/* final specificity passes for legacy product/trial manager inline accents */
.adm-root-container .pm-title[style],
.adm-root-container .pm-title{background:linear-gradient(90deg,var(--main),var(--sub))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.adm-root-container .pm-title i{color:var(--main)!important;-webkit-text-fill-color:var(--main)!important;}
.adm-root-container .pm-card-hd > span,
.adm-root-container .pm-card-hd span[style]{color:var(--sub)!important;}
.adm-root-container .pm-label span{color:var(--main)!important;}
.adm-root-container .pm-label span.optional{color:#718096!important;}
.adm-root-container .pm-edit{background:rgba(var(--main-rgb),.10)!important;color:var(--sub)!important;border-color:rgba(var(--main-rgb),.28)!important;}
.adm-root-container .pm-btn-submit[style]{background:linear-gradient(135deg,var(--main),var(--sub))!important;}
.adm-root-container .status-on{background:rgba(var(--main-rgb),.10)!important;color:var(--sub)!important;border-color:rgba(var(--main-rgb),.22)!important;}

/* =======================================================================
   RENTAL THEME HARDENING v3 — navigation + admin utility surfaces
   ======================================================================= */
/* Never use legacy maroon/red as decorative selected state. */
.custom-side-links .nav-link,
.custom-side-links .nav-link:hover,
.custom-side-links .nav-link:focus,
.custom-side-links .nav-link:active,
.custom-side-links .nav-link.active{
  background:transparent!important;
  background-color:transparent!important;
}
.custom-side-links .nav-link:hover,.custom-side-links .nav-link:focus{border-color:var(--sub)!important;}
.custom-side-links .nav-link.active,.custom-side-links .nav-link:active{border-color:var(--main)!important;}

/* A neutral/themed scrollbar for storefront and admin panels. */
*{scrollbar-color:var(--sub) rgba(255,255,255,.025);}
*::-webkit-scrollbar{width:6px;height:6px;}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.025);}
*::-webkit-scrollbar-thumb{background:var(--sub);border-radius:999px;}
*::-webkit-scrollbar-thumb:hover{background:var(--main);}

/* Generic admin block language for legacy managers and history pages. */
.admin-block-page{max-width:1140px;margin:0 auto;padding:18px 8px 36px;font-family:'Kanit',sans-serif;}
.admin-block-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 20px;margin-bottom:16px;border:1px solid rgba(var(--main-rgb),.22);border-radius:20px;background:linear-gradient(145deg,#0c121e,#090e17);box-shadow:0 14px 34px rgba(0,0,0,.2);}
.admin-block-hero-left{display:flex;align-items:center;gap:12px;}
.admin-block-icon{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(var(--main-rgb),.09);border:1px solid rgba(var(--main-rgb),.24);color:var(--main);font-size:18px;}
.admin-block-hero h2{margin:0;color:#f5f7fb;font-size:20px;font-weight:800;}
.admin-block-hero p{margin:3px 0 0;color:#778497;font-size:11px;}
.admin-block-badge{padding:7px 11px;border-radius:999px;border:1px solid rgba(var(--main-rgb),.20);background:rgba(var(--main-rgb),.07);color:var(--sub);font-size:10px;font-weight:700;}
.admin-block-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:16px;align-items:start;}
.admin-block-card{overflow:hidden;border:1px solid rgba(var(--main-rgb),.20);border-radius:20px;background:linear-gradient(145deg,#0c121e,#090e17);box-shadow:0 14px 34px rgba(0,0,0,.16);}
.admin-block-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid rgba(var(--main-rgb),.14);background:linear-gradient(135deg,rgba(var(--main-rgb),.11),rgba(var(--sub-rgb),.05));}
.admin-block-card-head h3{margin:0;color:#f4f7fb;font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;}
.admin-block-card-head h3 i{color:var(--main);}
.admin-block-card-body{padding:17px;}
.admin-field{margin-bottom:12px;}
.admin-field label{display:block;margin-bottom:6px;color:var(--sub);font-size:11px;font-weight:700;}
.admin-field input,.admin-field textarea,.admin-field select{width:100%;min-height:45px;padding:10px 13px;border-radius:12px;border:1px solid rgba(var(--main-rgb),.26);background:#0e151f;color:#f4f7fb;outline:none;}
.admin-field textarea{min-height:90px;resize:vertical;}
.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--main);box-shadow:0 0 0 3px rgba(var(--main-rgb),.09);}
.admin-help{margin-top:6px;color:#708094;font-size:10px;line-height:1.6;}
.admin-primary-btn{width:100%;min-height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--main),var(--sub));color:#fff;font-weight:800;box-shadow:0 8px 22px rgba(var(--main-rgb),.18);}
.admin-outline-btn{min-height:40px;padding:0 13px;border-radius:10px;background:transparent;border:1px solid rgba(var(--main-rgb),.30);color:var(--sub);font-weight:700;}
.admin-outline-btn:hover{border-color:var(--sub);color:#fff;}
.admin-delete-btn{min-height:38px;padding:0 12px;border-radius:10px;background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.24);color:#fb7185;font-weight:700;}
.admin-preview-box{width:100%;height:145px;margin-bottom:13px;border:1px dashed rgba(var(--main-rgb),.28);border-radius:14px;background:#0c131d;display:flex;align-items:center;justify-content:center;overflow:hidden;color:rgba(var(--main-rgb),.3);font-size:30px;}
.admin-preview-box img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;}
.admin-table-wrap{overflow:auto;border-radius:12px;}
.admin-clean-table{width:100%;border-collapse:separate;border-spacing:0 7px;font-size:12px;}
.admin-clean-table th{padding:10px 11px;background:rgba(var(--main-rgb),.08);color:var(--sub);font-size:10px;font-weight:800;text-align:center;white-space:nowrap;}
.admin-clean-table td{padding:10px 11px;background:#0d141e;color:#cbd5e1;border-top:1px solid rgba(var(--main-rgb),.07);border-bottom:1px solid rgba(var(--main-rgb),.07);vertical-align:middle;text-align:center;}
.admin-clean-table td:first-child{border-left:1px solid rgba(var(--main-rgb),.07);border-radius:10px 0 0 10px;}
.admin-clean-table td:last-child{border-right:1px solid rgba(var(--main-rgb),.07);border-radius:0 10px 10px 0;}
.admin-clean-table tr:hover td{background:rgba(var(--main-rgb),.05);}
.admin-clean-table img{width:86px;height:58px;object-fit:cover;border-radius:9px;border:1px solid rgba(var(--main-rgb),.14);}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.admin-kpi{padding:14px;border-radius:16px;background:#0c131d;border:1px solid rgba(var(--main-rgb),.16);}
.admin-kpi small{display:block;color:#758296;font-size:9px;text-transform:uppercase;letter-spacing:.08em;}
.admin-kpi strong{display:block;margin-top:5px;color:#f4f7fb;font-size:17px;font-weight:850;}
.admin-kpi strong span{color:var(--main);font-size:11px;}

/* DataTables inside new admin blocks */
.admin-block-page .dataTables_wrapper{color:#7f8b9c!important;font-size:11px!important;}
.admin-block-page .dataTables_filter input,.admin-block-page .dataTables_length select{background:#0e151f!important;border:1px solid rgba(var(--main-rgb),.24)!important;color:#f4f7fb!important;border-radius:9px!important;padding:6px 8px!important;}
.admin-block-page .dataTables_paginate .paginate_button{color:#8592a4!important;border-radius:8px!important;border:1px solid transparent!important;}
.admin-block-page .dataTables_paginate .paginate_button.current,.admin-block-page .dataTables_paginate .paginate_button.current:hover{background:linear-gradient(135deg,var(--main),var(--sub))!important;color:#fff!important;border-color:transparent!important;}

/* Profile history pages neutral/theme block style */
.his-root-container .his-header-box,.his-root-container .his-card-item,.th-page .th-header,.th-page .th-chip,.th-page .th-card{background:linear-gradient(145deg,#0c121e,#090e17)!important;border-color:rgba(var(--main-rgb),.20)!important;}
.his-root-container .his-icon-circle,.his-root-container .his-user-tag,.th-page .th-header-icon,.th-page .th-user-badge,.th-page .th-num{background:rgba(var(--main-rgb),.08)!important;border-color:rgba(var(--main-rgb),.22)!important;}
.his-root-container .his-title-text p,.his-root-container .prod-cat,.th-page .th-chip-val,.th-page .th-user-badge{color:var(--sub)!important;}
.his-root-container .btn-view-data{background:transparent!important;border-color:rgba(var(--main-rgb),.32)!important;color:var(--sub)!important;}
.his-root-container .btn-view-data:hover{background:rgba(var(--main-rgb),.07)!important;border-color:var(--main)!important;}
.his-root-container .copy-toast{background:#0c121e!important;border-color:var(--main)!important;box-shadow:0 0 20px rgba(var(--main-rgb),.22)!important;}
.th-page .th-card-head{background:rgba(var(--main-rgb),.05)!important;border-color:rgba(var(--main-rgb),.12)!important;}
.th-page .th-row:hover{background:rgba(var(--main-rgb),.045)!important;}
.th-page .th-icon-bank,.th-page .th-icon-wallet{background:rgba(var(--main-rgb),.09)!important;color:var(--sub)!important;border-color:rgba(var(--main-rgb),.18)!important;}

@media(max-width:880px){
  .admin-block-grid{grid-template-columns:1fr;}
  .admin-block-page{padding:10px 2px 28px;}
  .admin-kpi-grid{grid-template-columns:1fr;}
  .admin-clean-table{min-width:650px;}
}

/* Make all product/category/member manager headers identical and clearly boxed. */
.pm-header{
  padding:16px 18px!important;
  margin-bottom:16px!important;
  border:1px solid rgba(var(--main-rgb),.22)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(var(--main-rgb),.11),rgba(var(--sub-rgb),.05),#0a101a 72%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.pm-layout>.pm-card{min-width:0!important;}
.pm-tbl-wrap{scrollbar-color:var(--sub) rgba(255,255,255,.02)!important;}


/* =======================================================================
   RENTAL POLISH v4 — stable offcanvas + final theme consistency
   ======================================================================= */
html,body{max-width:100%;overflow-x:hidden!important;}
body{padding-right:0!important;}
#offcanvasDarkNavbar{will-change:transform;contain:layout paint;}
body.offcanvas-lock-stable{padding-right:0!important;margin-right:0!important;}
/* Backend navbar must follow configured theme instead of legacy purple. */
.adm-nav-box,.adm-hub-title-box,.adm-menu-card,.adm-navbar-collapse-custom,.adm-dropdown-menu-custom{border-color:rgba(var(--main-rgb),.22)!important;}
.adm-brand-text{background:linear-gradient(135deg,var(--main),var(--sub))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.adm-menu-toggle-btn{border-color:rgba(var(--main-rgb),.34)!important;background:rgba(var(--main-rgb),.05)!important;color:var(--sub)!important;}
.adm-menu-toggle-btn:hover{background:rgba(var(--sub-rgb),.08)!important;border-color:var(--sub)!important;color:#fff!important;}
.adm-nav-link-custom,.adm-dropdown-item-custom{border-color:rgba(var(--main-rgb),.16)!important;background:rgba(8,13,22,.72)!important;}
.adm-nav-link-custom:hover,.adm-nav-link-custom.active,.adm-dropdown-item-custom:hover{background:transparent!important;border-color:var(--sub)!important;color:#fff!important;}
.adm-card-icon,.adm-hub-icon-circle{background:rgba(var(--main-rgb),.08)!important;border-color:rgba(var(--main-rgb),.22)!important;}
.adm-menu-card:hover{border-color:var(--sub)!important;background:rgba(var(--sub-rgb),.035)!important;box-shadow:0 8px 24px rgba(var(--sub-rgb),.09)!important;}