/* PakPrince Final 324: real global theme application layer.
   Loads after legacy UI so selected silver family wins visually without changing business logic. */
html[data-pp-theme]{
 --pp324-bg-a:#f8f9fa;--pp324-bg-b:#d8dadd;--pp324-ink:#171a20;--pp324-muted:#626873;
 --pp324-line:rgba(76,82,92,.25);--pp324-hi:rgba(255,255,255,.92);--pp324-accent:var(--pp-accent,#607dea);
 color-scheme:light;
 min-height:100%;
 background:
   radial-gradient(120% 38% at -10% -2%,rgba(255,255,255,.98) 0 44%,transparent 46%),
   linear-gradient(160deg,transparent 0 14%,rgba(104,110,120,.18) 14.4%,rgba(255,255,255,.82) 15.2%,transparent 17.2%),
   linear-gradient(145deg,var(--pp324-bg-a),var(--pp324-bg-b) 46%,#f4f5f6 76%,#cfd2d6);
 background-attachment:fixed;
}
html[data-pp-theme] body{
 color:var(--pp324-ink)!important;
 background:
  radial-gradient(90% 26% at 15% -2%,rgba(255,255,255,.93),transparent 67%),
  linear-gradient(158deg,transparent 0 20%,rgba(87,93,104,.12) 20.5%,rgba(255,255,255,.7) 21.3%,transparent 23.5%),
  linear-gradient(145deg,rgba(247,248,249,.96),rgba(214,216,220,.96) 48%,rgba(244,245,247,.97))!important;
 background-attachment:fixed!important;
 min-height:100dvh;
}
html[data-pp-theme] body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(125deg,transparent 0 68%,rgba(255,255,255,.6) 69%,rgba(107,113,122,.12) 70%,transparent 72%);opacity:.75}

/* Global panels, dashboards and cards. */
html[data-pp-theme] :is(.card,.hero,.tool,.module-card,.group-card,.category-card,.workspace-card,.stat-card,.summary-card,.panel,.section-card,.theme-preview,.v23-kpi,.inv-card,.market-card,.pp-filter-panel,.modal-content,.dropdown-menu,.offcanvas,.list-group-item,details,fieldset){
 background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(219,221,225,.82))!important;
 border:1px solid rgba(255,255,255,.94)!important;
 outline:1px solid var(--pp324-line)!important;
 box-shadow:0 13px 34px rgba(41,45,53,.14),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(78,83,92,.10)!important;
 border-radius:22px!important;
 backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);
}
html[data-pp-theme] :is(.navbar,.topbar,.top,.v23-topbar,.market-header,.v23-bnav,.market-bottom-nav,.sidebar,.side-menu,.drawer,.app-header,header:not(.invoice header)){
 background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(215,218,222,.86))!important;
 border-color:var(--pp324-line)!important;
 box-shadow:0 7px 24px rgba(40,44,52,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
 backdrop-filter:blur(22px) saturate(128%);-webkit-backdrop-filter:blur(22px) saturate(128%);
}
html[data-pp-theme] :is(h1,h2,h3,h4,h5,h6,.page-title,.title,.card-title){color:var(--pp324-ink)!important}
html[data-pp-theme] :is(.text-muted,.muted,.subtitle,.sub,.card small,p.text-muted){color:var(--pp324-muted)!important}

/* Controls */
html[data-pp-theme] :is(.btn,button:not(.btn-close),a.button,[role=button]){
 border-radius:16px!important;
 border:1px solid rgba(255,255,255,.88)!important;
 box-shadow:0 6px 16px rgba(44,48,56,.14),inset 0 1px 0 rgba(255,255,255,.84),inset 0 -1px 0 rgba(75,80,88,.10)!important;
}
html[data-pp-theme] :is(.btn-outline-secondary,.btn-light,.btn-outline-dark,.btn-secondary){background:linear-gradient(145deg,#fbfbfc,#cfd2d6)!important;color:#20242a!important}
html[data-pp-theme] :is(.btn-primary,.btn-success,button[type=submit]){background:linear-gradient(145deg,var(--pp324-accent),color-mix(in srgb,var(--pp324-accent) 68%,#4c5566))!important;color:#fff!important}
html[data-pp-theme] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,.form-control,.form-select){
 background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(215,218,222,.90))!important;
 color:var(--pp324-ink)!important;border:1px solid rgba(255,255,255,.95)!important;outline:1px solid rgba(73,78,88,.20)!important;
 border-radius:16px!important;min-height:46px!important;box-shadow:inset 0 2px 5px rgba(72,77,86,.10),0 4px 12px rgba(53,58,66,.06)!important;
}
html[data-pp-theme] :is(input,select,textarea,.form-control,.form-select):focus{outline-color:color-mix(in srgb,var(--pp324-accent) 50%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--pp324-accent) 15%,transparent),inset 0 1px 2px #0001!important}
html[data-pp-theme] table{--bs-table-bg:transparent!important;background:transparent!important}
html[data-pp-theme] :is(.table-responsive,table){border-color:var(--pp324-line)!important}

/* Make common custom admin cards obey the global family even when legacy pages use inline backgrounds. */
html[data-pp-theme] :is(.shell,.container,.container-fluid,main){--bs-body-bg:transparent}
html[data-pp-theme] :is(.card,.hero,.tool,.module-card,.group-card,.category-card,.workspace-card)[style*="background"]{background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(219,221,225,.82))!important}

/* Family accents */
html[data-pp-theme="prince-style"]{--pp324-bg-a:#fafafa;--pp324-bg-b:#d1d4d8;--pp324-accent:#617fe9}
html[data-pp-theme="royal-silver"]{--pp324-bg-a:#f8f9fa;--pp324-bg-b:#cbd0d7;--pp324-accent:#465f90}
html[data-pp-theme="silver-gold-luxe"]{--pp324-bg-a:#fbfaf7;--pp324-bg-b:#d8d4ca;--pp324-accent:#b38b45}
html[data-pp-theme="diamond-glow"]{--pp324-bg-a:#fbfeff;--pp324-bg-b:#d2e1e9;--pp324-accent:#45a7d5}
html[data-pp-theme="moon-chrome"]{--pp324-bg-a:#f6f8fb;--pp324-bg-b:#c8d0dc;--pp324-accent:#526d9d}
html[data-pp-theme="platinum-vip"]{--pp324-bg-a:#f7f7f7;--pp324-bg-b:#c6c9cc;--pp324-accent:#515b69}
html[data-pp-theme="silver-pearl"]{--pp324-bg-a:#fffdfa;--pp324-bg-b:#dedad8;--pp324-accent:#8b76a6}
html[data-pp-theme="crystal-silver"]{--pp324-bg-a:#fbfeff;--pp324-bg-b:#d1e0e6;--pp324-accent:#43a8b8}
html[data-pp-theme="diamond-gold-premium"]{--pp324-bg-a:#fffdf8;--pp324-bg-b:#d5d0c5;--pp324-accent:#a88032}
html[data-pp-theme="titanium-prince"]{--pp324-bg-a:#e9ebee;--pp324-bg-b:#adb2b9;--pp324-accent:#416fa7}

@media(max-width:767.98px){html[data-pp-theme] :is(.card,.hero,.tool,.module-card,.group-card,.category-card,.workspace-card){border-radius:20px!important}html[data-pp-theme] body{background-attachment:scroll!important}}
@media(prefers-reduced-motion:reduce){html[data-pp-theme] *,html[data-pp-theme] *::before,html[data-pp-theme] *::after{transition:none!important;animation:none!important}}