/* Core backend skin v2: kleuren via --gx-* (brand-instelling 'desktop'). rc14 dark, vierkante knoppen.
   Oude _header.php pagina's: alleen binnen body:has(.dm-admin-header). Admin V2: alleen variabelen + logo. Staff: zie staff_brand_skin_v1.css */
:root{--gx-on-accent:#fff}
/* ---------- Oude _header.php pagina's ---------- */
body:has(.dm-admin-header){background:var(--gx-bg)!important;color:var(--gx-text)!important}
body.dm-hub-embed{background:var(--gx-bg)!important}
.dm-admin-header{background:var(--gx-panel)!important;border-bottom:1px solid var(--gx-border)!important;box-shadow:inset 0 3px 0 var(--gx-hi)!important}
.dm-brand-logo img{height:42px;display:block}
.dm-admin-brand small{color:var(--gx-muted)!important}
.dm-header-nav a,.dm-admin-logout,.dm-header-nav a.hot{background:var(--gx-panel2)!important;border:1px solid var(--gx-border)!important;border-radius:2px!important;color:var(--gx-text)!important}
.dm-header-nav a:hover,.dm-admin-logout:hover{border-color:var(--gx-accent)!important}
.dm-header-nav a.active{background:var(--gx-accent)!important;border-color:var(--gx-accent)!important;color:#fff!important;box-shadow:inset 0 -3px 0 var(--gx-hi)!important}
.dm-header-nav *{border-radius:2px!important}
.dm-header-nav span,.dm-header-nav summary,.dm-header-nav button{background:var(--gx-panel2)!important;color:var(--gx-text)!important;border:1px solid var(--gx-border)!important}
.dm-shop-switch select{background:var(--gx-bg)!important;color:var(--gx-text)!important;border:1px solid var(--gx-border)!important;border-radius:2px!important}
body:has(.dm-admin-header) main h1,body:has(.dm-admin-header) main h2,body:has(.dm-admin-header) main h3{color:var(--gx-text)!important}
body:has(.dm-admin-header) :is(.panel,.tile,.lb-card,.box,.card,.table-wrap){background:var(--gx-panel)!important;border-color:var(--gx-border)!important;color:var(--gx-text)!important;border-radius:2px!important}
body:has(.dm-admin-header) table{background:var(--gx-panel)!important;color:var(--gx-text)!important}
body:has(.dm-admin-header) th{background:var(--gx-panel2)!important;color:var(--gx-text)!important}
body:has(.dm-admin-header) :is(th,td){border-color:var(--gx-border)!important}
body:has(.dm-admin-header) :is(label,.muted,.small,.lb-muted,.tile span){color:var(--gx-muted)!important}
body:has(.dm-admin-header) .tile strong{color:var(--gx-text)!important}
body:has(.dm-admin-header) .tile:hover{border-color:var(--gx-accent)!important}
body:has(.dm-admin-header) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){background:var(--gx-bg)!important;color:var(--gx-text)!important;border:1px solid var(--gx-border)!important;border-radius:2px!important}
body:has(.dm-admin-header) :is(input,select,textarea):focus{outline:2px solid var(--gx-accent)!important;outline-offset:0}
body:has(.dm-admin-header) ::placeholder{color:var(--gx-muted)!important;opacity:.7}
body:has(.dm-admin-header) input[type=color]{background:var(--gx-bg)!important;border:1px solid var(--gx-border)!important;border-radius:2px!important;height:40px;padding:3px}
body:has(.dm-admin-header) :is(input[type=checkbox],input[type=radio]){accent-color:var(--gx-accent);width:18px;height:18px}
body:has(.dm-admin-header) :is(.button,a.button,button[type=submit],input[type=submit],.btn,.lb-actions button,.lb-actions a){background:var(--gx-accent)!important;color:#fff!important;border:1px solid var(--gx-accent)!important;border-radius:2px!important}
body:has(.dm-admin-header) :is(.button,button,.btn):hover{filter:brightness(1.12)}
body:has(.dm-admin-header) :is(.button.secondary,.btn-secondary,.button.ghost){background:var(--gx-panel2)!important;border-color:var(--gx-border)!important;color:var(--gx-text)!important}
body:has(.dm-admin-header) :is(.danger,.button.danger,.btn-danger){background:#C62828!important;border-color:#C62828!important;color:#fff!important}
body:has(.dm-admin-header) .badge{background:var(--gx-panel2)!important;color:var(--gx-text)!important;border-radius:2px!important}
body:has(.dm-admin-header) :is(.message,.lb-notice,.notice,.success){background:rgba(45,107,255,.14)!important;border-color:var(--gx-accent)!important;color:var(--gx-text)!important}
body:has(.dm-admin-header) .help{background:rgba(255,138,61,.10)!important;border-color:var(--gx-hi)!important;color:var(--gx-text)!important}
body:has(.dm-admin-header) :is(.error,.lb-error){background:rgba(239,85,85,.15)!important;color:var(--gx-text)!important}
body:has(.dm-admin-header) main a:not([class]){color:#7FA6FF}
body:has(.dm-admin-header) code{color:var(--gx-hi)}
.dm-admin-subnav{background:var(--gx-panel2)!important;border-bottom:1px solid var(--gx-border)!important;color:var(--gx-muted)!important}
.dm-admin-subnav a{background:var(--gx-bg)!important;color:var(--gx-text)!important;border:1px solid var(--gx-border)!important;border-radius:2px!important}
.dm-admin-subnav a:is(.active,.is-active,[aria-current]){background:var(--gx-accent)!important;border-color:var(--gx-accent)!important;color:#fff!important}
.dm-admin-subnav-tag,.dm-admin-subnav-pill{background:var(--gx-panel)!important;color:var(--gx-muted)!important;border-radius:2px!important}
.dm-admin-subnav-head,.dm-admin-subnav-meta{color:var(--gx-muted)!important}
.dm-admin-tools-step16{background:var(--gx-panel)!important}
.dm-admin-tools-step16 a{background:var(--gx-panel2)!important;color:var(--gx-text)!important;border:1px solid var(--gx-border)!important;border-radius:2px!important}
/* ---------- Admin V2 (alleen merk-accenten; kleuren via --v2-* variabelen) ---------- */
.v2-brand.v2-brand-has-logo .v2-brand-mark,.v2-brand.v2-brand-has-logo>span:not(.v2-brand-mark){display:none!important}
.v2-brand.v2-brand-has-logo img.v2-ma-logo{display:block!important;max-width:100%;max-height:46px;object-fit:contain}
.v2-brand{border-bottom:2px solid var(--gx-hi)!important}
/* ---------- Login ---------- */
body.ma-login{background:var(--gx-bg)!important;color:var(--gx-text)!important}
/* oude pagina's: losse kaart/box-varianten (bv. ss-card, ss-layout-box) */
body:has(.dm-admin-header) main :is([class$="-card"],[class*="-card "],[class$="-box"],[class*="-box "],[class$="-block"],[class*="-block "],[class$="-panel"],fieldset,details){background:var(--gx-panel)!important;border-color:var(--gx-border)!important;color:var(--gx-text)!important;border-radius:2px!important}
body:has(.dm-admin-header) main :is([class$="-card"],[class$="-box"],[class$="-panel"]) :is([class$="-card"],[class$="-box"],[class$="-block"]){background:var(--gx-panel2)!important}
body:has(.dm-admin-header) td{background:transparent!important;color:var(--gx-text)!important}
body:has(.dm-admin-header) tr:nth-child(even) td{background:rgba(255,255,255,.025)!important}
body:has(.dm-admin-header) .dm-mp-summary{background:var(--gx-panel2)!important;color:var(--gx-text)!important;border:1px solid var(--gx-border)!important;border-radius:2px!important}

/* Paarse pillen/badges -> merk-accent (alleen met brand-skin). */
.dash-pill.purple,.ss-pill.purple,[data-type="hero_product"]{background:color-mix(in srgb,var(--gx-accent) 16%,transparent)!important;color:var(--gx-accent)!important}
.gridv36-block[data-block-type="hero_product"]{box-shadow:0 0 0 2px color-mix(in srgb,var(--gx-accent) 15%,transparent)!important}