/* Khung chung cho các trang tĩnh (công cụ, quà tặng, khoá học) – đưa về giao diện sáng kiểu tạp chí của phuongbuilder.com.
   Nạp SAU style riêng của trang. Header/footer dùng /pb-assets/site.css (đã gắn tiền tố .pb). */
html:not([data-pb-page="xuong-chu-dep"]){
  --paper:#fbf9f6!important; --bg:#fbf9f6!important; --cream:#f3eee6!important; --light:#fbf9f6!important; --panel:#ffffff!important;
  --card:#ffffff!important; --white:#ffffff!important;
  --ink:#1c1a17!important; --ink-soft:#3b3732!important; --dark:#1c1a17!important;
  --muted:#6e665d!important; --mute:#6e665d!important;
  --line:#e3dcd1!important; --border:#e3dcd1!important;
  --orange:#c4580a!important; --orange-deep:#a84b08!important; --deep-orange:#a84b08!important; --orange-soft:#f6ece2!important; --soft-orange:#f6ece2!important; --amber:#c4580a!important; --peach:#f6ece2!important;
  --navy:#1c1a17!important; --navy-deep:#1c1a17!important; --navy2:#2a2622!important; --navy-soft:#f3eee6!important;
  --green:#2f6b45!important; --deep-green:#2f6b45!important; --soft-green:#e8efe9!important; --leaf:#2f6b45!important;
  --shadow:none!important; --shadow-lg:none!important; --r:4px!important; --radius:4px!important;
  --mono:"Be Vietnam Pro",system-ui,sans-serif!important;
}
html body.pbs-on{background:#fbf9f6!important;color:#3b3732;font-family:"Be Vietnam Pro",system-ui,sans-serif!important}
body.pbs-on :is(h1,h2){font-family:"Playfair Display",Georgia,serif!important;font-weight:600!important;letter-spacing:-.005em!important;color:#1c1a17}
body.pbs-on :is(h3,.c-title){font-family:"Playfair Display",Georgia,serif!important;font-weight:600!important;letter-spacing:0!important}
body.pbs-on :is(code,kbd,.mono,[class*="mono"]){font-family:"Be Vietnam Pro",system-ui,sans-serif!important}
body.pbs-on :is(h1,h2) :is(em,i,span[class*="hl"],.hl,.o,.or){color:#c4580a!important;font-style:italic}

/* Khối mở đầu tối màu -> sáng */
body.pbs-on :is(header.hero,section.hero,.pb-hero,section.hero .w){background:#fbf9f6!important;background-image:none!important;color:#1c1a17!important;box-shadow:none!important}
body.pbs-on :is(header.hero,section.hero,.pb-hero){border-bottom:1px solid #e3dcd1!important}
body.pbs-on :is(header.hero,section.hero,.pb-hero) :is(h1,h2,h3,h4,p,li,small,span,b,strong,em,label,div,.sub,.eyebrow,.lead){color:inherit!important;text-shadow:none!important}
body.pbs-on :is(header.hero,section.hero,.pb-hero) :is(p,.sub,.lead,small){color:#3b3732!important}
body.pbs-on :is(header.hero,section.hero,.pb-hero)::before,body.pbs-on :is(header.hero,section.hero,.pb-hero)::after{display:none!important}
body.pbs-on :is(header.hero,section.hero,.pb-hero) :is(input,select){background:#fff!important;color:#1c1a17!important;border:1px solid #e3dcd1!important}
body.pbs-on :is(header.hero,section.hero,.pb-hero) :is(.stat,.stats>div,.hrow>div,.kpi,.chip,.pill){background:transparent!important;border-color:#e3dcd1!important}

/* Thẻ, nút, ô nhập: bớt bo góc, bỏ bóng, bỏ dải màu */
body.pbs-on :is(.card,.tool,.tile,.panel,.pb-panel,.bset,.box,.item,.cat,.plat){box-shadow:none!important;border-radius:4px!important;background-image:none!important}
body.pbs-on :is(button,.btn,a.btn,.cta,input[type=submit],input[type=button]){border-radius:3px!important;box-shadow:none!important;background-image:none!important}
body.pbs-on :is(input,select,textarea){border-radius:2px!important}
body.pbs-on :is(.chip,.pill,.tag,.badge){border-radius:3px!important}
body.pbs-on [class*="glow"],body.pbs-on [class*="blob"]{display:none!important}

/* Ẩn khung cũ (đánh dấu bởi shell.js) */
.pbs-hide{display:none!important}
pb-shell{display:block}
pb-shell.pb-shell-top{position:relative;z-index:9999}

/* Trang Khoá học AI: bảng màu riêng (vốn nền navy, chữ kem) */
html[data-pb-page="khoa-hoc-ai"]{--navy:#fbf9f6!important;--navy2:#ffffff!important;--navy3:#f3eee6!important;--cream:#1c1a17!important;--line:#e3dcd1!important;--muted:#6e665d!important;--amber:#c4580a!important;--h:"Playfair Display",Georgia,serif!important;--m:"Be Vietnam Pro",system-ui,sans-serif!important}
html[data-pb-page="khoa-hoc-ai"] .stats{border-radius:0!important;border-left:0!important;border-right:0!important;border-color:#1c1a17 #fff #e3dcd1!important}
html[data-pb-page="khoa-hoc-ai"] .stat b{color:#1c1a17!important;font-weight:600!important}
html[data-pb-page="khoa-hoc-ai"] .card{border-radius:0!important;border-width:0 0 1px 0!important;background:transparent!important}
/* Trang Quà tặng chủ spa: vốn giao diện tối */
html[data-pb-page="qua-tang-chu-spa"]{--bg:#fbf9f6!important;--surface:#ffffff!important;--surface2:#f3eee6!important;--line:#e3dcd1!important;--fg:#1c1a17!important;--muted:#6e665d!important;--accent:#c4580a!important;--accent-ink:#ffffff!important;--accent-text:#c4580a!important;--brick-off:#e3dcd1!important;--font-display:"Playfair Display",Georgia,serif!important;color-scheme:light!important}
/* Nhãn thương hiệu dạng viên thuốc trong khối mở đầu */
body.pbs-on .hero .brand{background:transparent!important;color:#1c1a17!important;box-shadow:none!important;padding-left:0!important}
body.pbs-on .hero .brand .flame{display:none!important}
/* Builder Toolkit: thanh bên và khối mở đầu tối */
html[data-pb-page^="cong-cu/builder-toolkit"] .sidebar{background:#f3eee6!important;color:#1c1a17!important;border-right:1px solid #e3dcd1;top:0!important}
html[data-pb-page^="cong-cu/builder-toolkit"] .sidebar *{color:inherit}
html[data-pb-page^="cong-cu/builder-toolkit"] .hero{background:#fbf9f6!important;color:#1c1a17!important;border-color:#e3dcd1!important;border-radius:0!important}
html[data-pb-page^="cong-cu/builder-toolkit"] .hero *{color:inherit!important}
/* Khoá học AI: thanh lọc dính & ô số liệu */
html[data-pb-page="khoa-hoc-ai"] .controls{background:rgba(251,249,246,.96)!important;top:0!important}
html[data-pb-page="khoa-hoc-ai"] .stats{background:transparent!important;gap:0!important;border-radius:0!important;border-width:1px 0!important;border-color:#1c1a17 transparent #e3dcd1!important}
html[data-pb-page="khoa-hoc-ai"] .stat{background:transparent!important;border-left:1px solid #e3dcd1}
html[data-pb-page="khoa-hoc-ai"] .stat:first-child{border-left:0}
/* Builder Toolkit: dải chữ ký cuối trang (đã có chân trang chung) */
html[data-pb-page^="cong-cu/builder-toolkit"] .footer{display:none!important}