.pf-mode-on{background:var(--blue) !important;color:#fff !important;border-color:var(--blue) !important}
.pf-pal-item:hover{background:#f6f8fa}
/* W4e: Equipment on phones — profile panel, editor, and multiselect all usable down to small screens */
@media (max-width: 860px){
  #equipSidePanel{width:100vw !important;max-width:100vw !important;position:fixed;inset:0;z-index:2500;border-radius:0}
  .eqpv-panel{z-index:2600}
  #equipResizer{display:none !important}
  .eq-sp-actions{flex-wrap:wrap}
  .eq-selbar{flex-wrap:wrap;gap:6px}
  #equipEditModal .modal-card,#equipBulkModal .modal-card,#equipExportModal .modal-card,#equipTypesModal .modal-card,#equipSpecCardModal .modal-card{width:100vw !important;max-width:100vw !important;max-height:100dvh;border-radius:0}
}
@media (max-width: 560px){
  .eq-insp-card{width:96vw;max-height:92dvh}
  #equipViewBar,.eq-viewbar{flex-wrap:wrap}
}
/* W39b: demo-instance watermark — visible on EVERY screen while the active
   instance is the demo (body.ade-demo, set by adeDemoWmSync). Colors live in
   this CLASS with a dark override inside adeThemeCss (the W33.5/W38 rule).
   pointer-events:none — it never blocks a click; z above every layer. */
.ade-demo-wm{display:none;position:fixed;top:60px;left:50%;transform:translateX(-50%);z-index:10500;pointer-events:none;padding:4px 14px;border-radius:999px;font-family:'DM Sans',Aileron,sans-serif;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;background:rgba(217,142,40,.93);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);white-space:nowrap}
body.ade-demo .ade-demo-wm{display:inline-flex;align-items:center;gap:6px}
@media (max-width: 860px){
  .ade-demo-wm{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));font-size:10px;padding:3px 10px;max-width:92vw;overflow:hidden}
}