/* ==========================================================================
   Payminati consoles (pm-console.css) · 4 Oct 2026
   The payminati.com look for console.payminati.com: the sign-in pages, the merchant and PSP consoles and the back
   office. Loaded only with BRAND_CONSOLE_THEME=payminati (App\Support\Whitelabel\ConsoleTheme), after pg-app.css,
   brand_css() and the console layer (pg-console-live.css / pg-admin.css). Every value is a token of
   design-system/payminati/MASTER.md section 10, which extends the payer page's lock (node
   design-system/payminati/MASTER.md, measured on https://payminati.com). Every rule is scoped to body.pm-console:
   without the theme nothing here can apply, and the Payee Global consoles are untouched.

   Two layers:
   1. a token remap: the console's maroon, rose, cream and red-derived tokens (pg-app.css) become the site's
      ink / greys, so every component that reads a token follows without its own rule;
   2. component rules where a token is not enough: the field and its network, the three menus (merchant/PSP shell,
      sign-in shell, back office), the logo, the top bars, panels, buttons, fields, states, focus, motion.
   ========================================================================== */

/* ---------- fonts (the site's pair; IBM Plex Mono comes from pg-app.css) ---------- */
@font-face{ font-family:'Instrument Sans'; src:url('fonts/instrument-sans-latin-var.woff2') format('woff2'); font-weight:400 700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'IBM Plex Sans'; src:url('fonts/plex-sans-latin-var.woff2') format('woff2'); font-weight:100 700; font-style:normal; font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* ---------- 1. Payminati tokens (MASTER 10.1 to 10.5) ---------- */
body.pm-console{
  /* palette: the site's (payer-page MASTER section 1) + the logo red */
  --pm-void:#FFFFFF; --pm-panel:#F6F6F7; --pm-panel-hover:#EFEFF1; --pm-tile:#FFFFFF;
  --pm-ink:#0A0A0A; --pm-ink-body:#2B2B2B; --pm-ink-muted:#6B6B6B; --pm-ink-hint:#8A8A8A;
  --pm-line:rgba(10,10,10,.08); --pm-line-2:rgba(10,10,10,.16);
  --pm-accent:#0A0A0A; --pm-accent-hover:#2A2A2A; --pm-on-accent:#FFFFFF;
  --pm-wash:rgba(10,10,10,.03); --pm-scrim:rgba(10,10,10,.05); --pm-veil:rgba(10,10,10,.24);
  --pm-glass:rgba(255,255,255,.8); --pm-blur:blur(14px);
  --pm-sheen:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.18) 50%, transparent 70%);
  /* the logo red: sampled from img/logo.svg / img/mark.svg (rect fill). Marks only, never a surface, never text */
  --pm-red:#E64646; --pm-red-rgb:230,70,70; --pm-red-wash:rgba(230,70,70,.08); --pm-red-edge:rgba(230,70,70,.40);
  /* states kept from the console (never maroon): success green, warning amber; error = ink text + logo-red mark */
  --pm-ok:#177245; --pm-ok-dot:#29B06C; --pm-ok-wash:rgba(41,176,108,.12); --pm-ok-edge:rgba(41,176,108,.35);
  --pm-warn:#8A5D00; --pm-warn-dot:#D9A51E; --pm-warn-wash:rgba(224,168,0,.14); --pm-warn-edge:rgba(224,168,0,.40);
  --pm-err:#0A0A0A; --pm-err-dot:#E64646; --pm-err-wash:rgba(230,70,70,.08); --pm-err-edge:rgba(230,70,70,.40);
  --pm-info:#2B2B2B; --pm-info-wash:rgba(10,10,10,.05);
  /* the network (payer-page MASTER section 2, read by pm-net.js; same values) */
  --pm-net-rgb:10,10,10; --pm-net-line:.14; --pm-net-hot-line:.35; --pm-net-dot:.55; --pm-net-link:120; --pm-net-area:9000;
  --pm-net-min:22; --pm-net-max:48; --pm-net-hot:.18; --pm-net-r:1.3; --pm-net-r-hot:2.2; --pm-net-speed:.25; --pm-net-dpr:2; --pm-net-resize:120;
  --pm-net-opacity:.9; --pm-net-field-max:160;
  /* type (MASTER 10.3) */
  --pm-display:'Instrument Sans','Helvetica Neue',Arial,sans-serif;
  --pm-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pm-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --pm-fs-code:56px; --pm-fs-kpi:32px; --pm-fs-h1:30px; --pm-fs-page:24px; --pm-fs-h3:19px; --pm-fs-title:17px; --pm-fs-title-sm:15px; --pm-fs-name:14px;
  --pm-fs-body:14px; --pm-fs-nav:14px; --pm-fs-button:14px; --pm-fs-field:14px; --pm-fs-input:15px; --pm-fs-small:13px; --pm-fs-table:13px;
  --pm-fs-label:11px; --pm-track-label:.14em; --pm-track-tight:.06em;
  /* spacing (base 4) and sizes (MASTER 10.4) */
  --pm-s1:4px; --pm-s2:8px; --pm-s3:12px; --pm-s4:16px; --pm-s5:20px; --pm-s6:24px; --pm-s7:28px; --pm-s8:32px; --pm-s10:40px; --pm-s12:48px; --pm-s16:64px;
  --pm-r-panel:16px; --pm-r-tile:12px; --pm-r-pill:999px;
  --pm-touch:44px; --pm-ctl:40px; --pm-cta:52px; --pm-logo-h:36px; --pm-mark:3px; --pm-dot:6px; --pm-sub:36px;
  /* motion (MASTER 10.5): the site's one curve */
  --pm-ease:cubic-bezier(.2,.7,.2,1);
  --pm-t-press:120ms; --pm-t-hover:180ms; --pm-t-drawer:320ms; --pm-t-sheen:600ms; --pm-press:.98;
}

/* ---------- 2. the console's tokens, remapped (pg-app.css v3 names; wins over brand_css() by specificity) ---------- */
html body.pg-app.pm-console, html body.pm-console .pg-scope{
  /* blood / maroon block -> ink (the site's accent is black); every big maroon surface is restyled below */
  --blood:var(--pm-ink); --blood-mid:var(--pm-ink); --blood-deep:var(--pm-ink); --blood-lite:var(--pm-ink-muted);
  --rose:var(--pm-panel); --cream:var(--pm-on-accent); --cream-raised:var(--pm-panel-hover);
  --maroon-grad:var(--pm-panel); --cta-grad:var(--pm-accent);
  --cta-shadow:none; --cta-shadow-up:none; --side-shadow:none; --btn-shadow:none;
  /* the red accent family -> ink marks; the logo red is used by name (--pm-red) where it is allowed */
  --acc:var(--pm-ink); --acc-deep:var(--pm-ink); --acc-lite:var(--pm-ink); --acc-rgb:var(--pm-net-rgb); --acc-wash:var(--pm-info-wash);
  --focus-ring:0 0 0 1px var(--pm-ink);
  /* ink scale -> the site's neutrals */
  --navy:var(--pm-ink); --ink:var(--pm-ink); --ink-soft:var(--pm-ink-body); --ink-mute:var(--pm-ink-muted); --ink-grey:var(--pm-ink-muted); --faint:var(--pm-ink-hint);
  --line:var(--pm-line); --hair:var(--pm-line);
  /* states */
  --pos:var(--pm-ok); --pos-dot:var(--pm-ok-dot); --pos-wash:var(--pm-ok-wash); --pos-edge:var(--pm-ok-edge);
  --warn:var(--pm-warn); --warn-dot:var(--pm-warn-dot); --warn-wash:var(--pm-warn-wash); --warn-edge:var(--pm-warn-edge);
  --err:var(--pm-err); --err-dot:var(--pm-err-dot); --err-wash:var(--pm-err-wash); --err-edge:var(--pm-err-edge);
  --info:var(--pm-info); --info-wash:var(--pm-info-wash); --info-edge:var(--pm-line);
  --code:var(--pm-ink); --code-ink:var(--pm-panel);
  /* surfaces: the site has panels, not glass */
  --glass:var(--pm-panel); --glass-hi:var(--pm-tile); --glass-edge:var(--pm-line); --glass-blur:none;
  --app-glass:var(--pm-panel); --app-glass-strong:var(--pm-panel); --app-glass-edge:transparent; --app-blur:none;
  --shadow:none; --shadow-up:none;
  --modal-surface:var(--pm-tile); --modal-shadow:none; --scrim:var(--pm-veil); --row-hover:var(--pm-wash); --flash-bg:rgba(10,10,10,.92); --tip-bg:var(--pm-tile);
  --ctrl-bg:var(--pm-tile); --seg-track:var(--pm-panel); --dest-bg:var(--pm-tile);
  --safe-bg:var(--pm-panel); --safe-edge:transparent;
  --topbar-bg:var(--pm-glass); --topbar-blur:var(--pm-blur); --topbar-shadow:none;
  --iconbtn-bg:var(--pm-tile); --iconbtn-edge:var(--pm-line-2); --iconbtn-shadow:none; --iconbtn-shadow-up:none;
  --tile-bg:var(--pm-panel); --tile-edge:transparent; --tile-blur:none; --tile-shadow:none;
  --field-glow:none; --glare-acc:none; --glare-btn:none; --nav-glow:none;
  /* the field: white, no red washes, no red lines (the network canvas replaces them) */
  --app-field:var(--pm-void); --app-wash-a:none; --app-wash-b:none; --pg-field:none; --pg-side:none;
  --pg-tile-c:none; --pg-tile-d:none; --pg-tile-w:none;
  /* on-maroon (menus) -> on-grey */
  --on-maroon:var(--pm-ink); --on-maroon-soft:var(--pm-ink-body); --on-maroon-mute:var(--pm-ink-muted); --on-maroon-dim:var(--pm-ink-muted);
  --on-maroon-glass:var(--pm-tile); --on-maroon-hover:var(--pm-panel-hover); --on-maroon-active:var(--pm-tile);
  --on-maroon-edge:var(--pm-line); --on-maroon-line:var(--pm-line); --on-maroon-tag:var(--pm-line-2);
  /* geometry: the site's three radii; buttons are pills */
  --r:var(--pm-r-panel); --r-in:var(--pm-r-tile); --r-btn:var(--pm-r-pill); --r-cta:var(--pm-r-pill); --r-side:var(--pm-r-panel);
  --r-field:var(--pm-r-tile); --r-seg:var(--pm-r-tile); --r-sm:var(--pm-r-pill);
  /* type and motion */
  --disp:var(--pm-display); --body:var(--pm-body); --mono:var(--pm-mono);
  --ease-hover:var(--pm-ease); --t-hover:var(--pm-t-hover);
}
/* back office (pcoded bridge variables) */
body.pg-admin.pm-console{ --pc-sidebar-user-background:var(--pm-tile); --pc-header-background:var(--pm-glass); --pc-active-background:var(--pm-wash); }

/* ---------- base: white field, the site's body type ---------- */
body.pg-app.pm-console{ background:var(--pm-void); color:var(--pm-ink-body); font-family:var(--pm-body) !important; font-size:var(--pm-fs-body); }
body.pg-app.pm-console::before{ background:var(--pm-void); }
body.pm-console .pm-field{ position:fixed; inset:0; z-index:-1; width:100%; height:100%; pointer-events:none; opacity:var(--pm-net-opacity);
  --pm-net-max:var(--pm-net-field-max); }  /* a full-page field keeps the site panel's density: 1 node per --pm-net-area px2 */
body.pm-console ::selection{ background:rgba(var(--pm-net-rgb),.12); }
body.pm-console h1, body.pm-console h2, body.pm-console h3, body.pm-console h4, body.pm-console h5, body.pm-console h6{
  font-family:var(--pm-display); color:var(--pm-ink); letter-spacing:-.015em; font-variation-settings:normal; }
body.pm-console a{ color:var(--pm-ink); }
body.pm-console a:hover{ color:var(--pm-ink); }
body.pm-console .text-primary{ color:var(--pm-ink) !important; }
body.pm-console .text-danger{ color:var(--pm-ink) !important; }
body.pm-console .text-muted, body.pm-console .secondary-color{ color:var(--pm-ink-muted) !important; }
body.pm-console code{ color:var(--pm-ink); background:var(--pm-info-wash); }
/* two back-office reports print negative totals in inline maroon (style="color: #8C1D22"): ink instead */
body.pm-console [style*="#8C1D22" i]{ color:var(--pm-ink) !important; }

/* focus: the site's .btn:focus-visible (2px ink, 3px offset) everywhere, including on the grey menus */
body.pg-app.pm-console :focus-visible{ outline:2px solid var(--pm-ink) !important; outline-offset:3px; }
body.pg-app.pm-console .pg-on-maroon:focus-visible, body.pg-app.pm-console .pg-on-maroon :focus-visible,
body.pg-app.pm-console .pc-sidebar :focus-visible{ outline-color:var(--pm-ink) !important; }
body.pm-console .pgc-toggle:focus-visible ~ .pgc-top .pgc-burger{ outline:2px solid var(--pm-ink); outline-offset:3px; }

/* no glare rings anywhere (the site has none) */
body.pm-console .pg-card::before, body.pm-console .card::before, body.pm-console .pg-iconbtn::before, body.pm-console .pg-btn-sm::before,
body.pm-console .page-title .btn::before, body.pm-console .card-header .btn::before, body.pm-console .pc-header .pc-head-link::before,
body.pm-console .pc-header .pc-head-link.pg-iconbtn::before, body.pm-console .pc-header .pc-head-link.pg-head-pill::before{ content:none !important; display:none !important; animation:none !important; }

/* ==========================================================================
   MENUS: light grey panel, ink text, grey icons; active = white tile + black left mark
   (merchant/PSP shell .pgc-side, sign-in shell .pg-auth-aside, back office .pc-sidebar)
   ========================================================================== */
body.pm-console .pgc-side, body.pm-console .pg-auth-aside, body.pg-admin.pm-console .pc-sidebar{
  background:var(--pm-panel); border:0; box-shadow:none; color:var(--pm-ink-body); border-radius:var(--pm-r-panel); }
body.pg-admin.pm-console .pc-sidebar .navbar-wrapper{ background:var(--pm-panel); }

/* brand row: the site's lock-up, left-aligned, 36px tall like the site header */
body.pm-console .pgc-brand, body.pm-console .pg-aside-brand, body.pg-admin.pm-console .pc-sidebar .m-header{
  flex-direction:row; align-items:center; justify-content:flex-start; min-height:0; padding:var(--pm-s6) var(--pm-s5) var(--pm-s4); }
body.pm-console .pgc-brand .pg-lock, body.pm-console .pg-aside-brand .pg-lock, body.pg-admin.pm-console .pc-sidebar .m-header .b-brand{
  flex-direction:row; align-items:center; gap:0; border-radius:var(--pm-r-tile); }
body.pm-console .pm-logo{ display:block; width:auto; height:var(--pm-logo-h); max-width:100%; }
body.pm-console .pgc-close{ top:var(--pm-s5); right:var(--pm-s3); width:var(--pm-touch); height:var(--pm-touch); color:var(--pm-ink);
  background:var(--pm-tile); border:1px solid var(--pm-line-2); }

/* the signed-in user: white tile, ink avatar */
body.pm-console .pg-sb-user, body.pg-admin.pm-console .pc-sidebar .card.pc-user-card{
  background:var(--pm-tile) !important; border:1px solid var(--pm-line) !important; border-radius:var(--pm-r-tile) !important; box-shadow:none !important; }
body.pm-console .pg-sb-user{ margin:0 var(--pm-s3) var(--pm-s2); padding:var(--pm-s3); }
body.pm-console .pg-sb-user .av, body.pg-admin.pm-console .pg-av, body.pm-console .pgc-me-av{
  background:var(--pm-ink) !important; color:var(--pm-on-accent) !important; font-family:var(--pm-display); font-weight:600; letter-spacing:0; }
body.pm-console .pg-sb-user .nm, body.pg-admin.pm-console .pc-sidebar .pc-user-card h6{
  font-family:var(--pm-display); font-weight:600; font-size:var(--pm-fs-name); letter-spacing:-.005em; color:var(--pm-ink); }
body.pm-console .pg-sb-user .rl, body.pg-admin.pm-console .pc-sidebar .pc-user-card small{
  font-family:var(--pm-mono); font-weight:400; font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-tight); text-transform:uppercase; color:var(--pm-ink-muted);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.pg-admin.pm-console .pc-sidebar .pc-user-card .btn-link-secondary{ color:var(--pm-ink-muted); }
body.pg-admin.pm-console .pc-sidebar .pc-user-card .btn-link-secondary:hover{ color:var(--pm-ink); background:var(--pm-panel-hover); }
body.pg-admin.pm-console .pc-sidebar .card.pc-user-card .pc-user-links a{ color:var(--pm-ink-body); }

/* captions: the site's mono .label */
body.pm-console .pgc-cap, body.pm-console .pg-aside-role, body.pg-admin.pm-console .pc-sidebar .pc-caption label{
  font-family:var(--pm-mono); font-weight:400; font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); text-transform:uppercase; color:var(--pm-ink-muted); }
body.pm-console .pgc-cap{ padding:var(--pm-s4) var(--pm-s6) var(--pm-s2); }
body.pm-console .pgc-cap:first-child{ padding-top:var(--pm-s2); }
body.pm-console .pg-aside-role{ margin:var(--pm-s2) var(--pm-s3) var(--pm-s2); }

/* items: sentence case, Plex Sans 14/500, ink text, grey icons */
body.pm-console .pgc-link, body.pm-console .pg-aside-menu .mi, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item > .pc-link{
  min-height:var(--pm-touch); border-radius:var(--pm-r-tile); color:var(--pm-ink-body); font-family:var(--pm-body); font-weight:500;
  font-size:var(--pm-fs-nav); letter-spacing:0; text-transform:none; transition:background-color var(--pm-t-hover) var(--pm-ease), color var(--pm-t-hover) var(--pm-ease); }
body.pm-console .pgc-link .pgc-ic, body.pm-console .pg-aside-menu .mi svg, body.pg-admin.pm-console .pc-sidebar .pc-micon,
body.pm-console .pgc-link .pgc-chev, body.pg-admin.pm-console .pc-sidebar .pc-arrow{ color:var(--pm-ink-muted); opacity:1; }
body.pm-console .pgc-link:hover, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item:hover > .pc-link,
body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item > .pc-link:focus-visible{ background:var(--pm-panel-hover); color:var(--pm-ink); }
body.pm-console .pgc-link:hover .pgc-ic, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item:hover > .pc-link .pc-micon{ color:var(--pm-ink); }
body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item.pc-trigger > .pc-link{ color:var(--pm-ink); }
/* active: white tile, ink text and icon, the black left mark */
body.pm-console .pgc-link.is-active, body.pm-console .pg-aside-menu .mi.is-active, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item.active > .pc-link{
  background:var(--pm-tile); color:var(--pm-ink); font-weight:600; box-shadow:inset 0 0 0 1px var(--pm-line); }
body.pm-console .pgc-link.is-active .pgc-ic, body.pm-console .pg-aside-menu .mi.is-active svg, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item.active > .pc-link .pc-micon{ color:var(--pm-ink); }
body.pm-console .pgc-link.is-active::before, body.pm-console .pg-aside-menu .mi.is-active::before, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item.active > .pc-link::before{
  content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:var(--pm-mark); height:var(--pm-s4); border-radius:0 2px 2px 0;
  background:var(--pm-ink); box-shadow:none; }
/* an open group: the parent is ink text only; the active child carries the white tile and the mark */
body.pm-console .pgc-group[open] > .pgc-link.is-active{ background:transparent; box-shadow:none; }
body.pm-console .pgc-group[open] > .pgc-link.is-active::before{ content:none; }
body.pm-console .pgc-group[open] > .pgc-link.is-active:hover{ background:var(--pm-panel-hover); }
/* sub-items */
body.pm-console .pgc-sublink, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-link{
  min-height:var(--pm-sub); border-radius:var(--pm-r-tile); color:var(--pm-ink-muted); font-family:var(--pm-body); font-size:var(--pm-fs-small); font-weight:500; opacity:1; }
body.pm-console .pgc-sublink:hover, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item:hover > .pc-link{ color:var(--pm-ink); background:var(--pm-panel-hover); }
body.pm-console .pgc-sublink.is-active, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link{
  position:relative; color:var(--pm-ink); font-weight:600; background:var(--pm-tile); box-shadow:inset 0 0 0 1px var(--pm-line); }
body.pm-console .pgc-sublink.is-active::before, body.pg-admin.pm-console .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link::before{
  content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:var(--pm-mark); height:var(--pm-s4); border-radius:0 2px 2px 0; background:var(--pm-ink); }
body.pm-console .pgc-side a:hover, body.pm-console .pgc-side a:focus{ color:var(--pm-ink); }
body.pm-console .pgc-nav{ scrollbar-color:var(--pm-line-2) transparent; }
body.pg-admin.pm-console .pc-sidebar .simplebar-scrollbar::before{ background:var(--pm-line-2); }
body.pm-console .pg-aside-foot, body.pm-console .pg-sb-foot{ border-top-color:var(--pm-line); color:var(--pm-ink-muted); }
body.pm-console .pg-aside-foot a, body.pm-console .pg-sb-foot a{ color:var(--pm-ink-muted) !important; }

/* ==========================================================================
   TOP BARS: the site's header (white at .8 over a 14px blur, hairline), not glass with a red glow
   ========================================================================== */
body.pm-console .pgc-top, body.pm-console .pg-topbar, body.pg-admin.pm-console .pc-header{
  background:var(--pm-glass); -webkit-backdrop-filter:var(--pm-blur); backdrop-filter:var(--pm-blur);
  border:1px solid var(--pm-line); box-shadow:none; border-radius:var(--pm-r-panel); }
body.pm-console .pg-crumb .bc{ font-family:var(--pm-mono); font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
body.pg-admin.pm-console .pg-crumb-bc{ font-family:var(--pm-mono); font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
body.pg-admin.pm-console .pg-crumb-title,
body.pm-console .pg-crumb .ttl{ font-family:var(--pm-display); font-weight:600; font-size:var(--pm-fs-title); letter-spacing:-.015em; text-transform:none; color:var(--pm-ink); }
/* round icon buttons (menu, bell, full screen): white, hairline, ink icon */
body.pm-console .pg-iconbtn, body.pg-admin.pm-console .pc-header .pc-head-link.pg-iconbtn{
  background:var(--pm-tile); border:1px solid var(--pm-line-2); color:var(--pm-ink); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  transition:border-color var(--pm-t-hover) var(--pm-ease), background-color var(--pm-t-hover) var(--pm-ease); }
body.pm-console .pgc-top .pg-iconbtn, body.pg-admin.pm-console .pc-header .pc-head-link.pg-iconbtn > i{ color:var(--pm-ink); }
body.pm-console .pg-iconbtn:hover, body.pg-admin.pm-console .pc-header .pc-head-link.pg-iconbtn:hover,
body.pg-admin.pm-console .pc-header .pc-head-link.pg-iconbtn:focus-visible{ transform:none; box-shadow:none; border-color:var(--pm-ink); background:var(--pm-tile); }
/* the unread count: ink, never a red blob */
body.pm-console .pgc-badge, body.pg-admin.pm-console .pc-header .badge{ background:var(--pm-ink) !important; color:var(--pm-on-accent) !important; border:2px solid var(--pm-tile) !important; }
/* account button + menus */
body.pm-console .pgc-me-who .nm{ font-family:var(--pm-display); font-weight:600; font-size:var(--pm-fs-name); color:var(--pm-ink); letter-spacing:-.005em; }
body.pm-console .pgc-me-who .rl{ font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
body.pm-console .pgc-dd-menu, body.pm-console .dropdown-menu{ background:var(--pm-tile) !important; border:1px solid var(--pm-line-2) !important; border-radius:var(--pm-r-tile) !important;
  box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.pm-console .pgc-dd-menu a, body.pm-console .dropdown-menu .dropdown-item{ color:var(--pm-ink-body); border-radius:var(--pm-r-tile); }
body.pm-console .pgc-dd-menu a:hover, body.pm-console .pgc-dd-menu a:focus-visible, body.pm-console .dropdown-menu .dropdown-item:hover{
  background:var(--pm-panel); color:var(--pm-ink) !important; }
body.pm-console .pgc-dd-menu a .pgc-ic{ color:var(--pm-ink-muted); }
body.pm-console .pgc-dd-h{ font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
/* back-office header pills (IST time, account) */
body.pg-admin.pm-console .pc-header .pc-head-link.pg-head-pill{ background:var(--pm-tile); border:1px solid var(--pm-line-2); border-radius:var(--pm-r-pill); color:var(--pm-ink);
  font-size:var(--pm-fs-small); letter-spacing:0; text-transform:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
body.pg-admin.pm-console .pc-header .pc-head-link.pg-head-pill:hover{ border-color:var(--pm-ink); transform:none; }

/* in-page titles: real hierarchy (Instrument Sans 24/600, sentence case) instead of the red bar + grey caps */
body.pm-console .page-title .breadcrumb::before, body.pm-console .pg-page-title::before, body.pm-console .page-title-box h4::before,
body.pg-admin.pm-console .pc-content > .page-header .page-header-title h2::before, body.pg-admin.pm-console .pc-content > .row > .col-md-12.d-flex > h5::before,
body.pm-console .pgc-main .page-header .page-header-title :is(h2,h3,h4,h5)::before{ display:none !important; content:none !important; }
body.pm-console .page-title .breadcrumb .breadcrumb-item.active, body.pm-console .page-title h3, body.pm-console .page-title-box h4,
body.pg-admin.pm-console .pc-content > .page-header .page-header-title h2, body.pm-console .pgc-main .page-header .page-header-title :is(h2,h3,h4,h5){
  font-family:var(--pm-display) !important; font-weight:600 !important; font-size:var(--pm-fs-page) !important; line-height:1.15 !important;
  letter-spacing:-.02em !important; text-transform:none !important; color:var(--pm-ink) !important; }
body.pg-admin.pm-console .pc-content > .row > .col-md-12.d-flex > h5{ font-family:var(--pm-display); font-weight:600; font-size:var(--pm-fs-h3);
  letter-spacing:-.015em; text-transform:none; color:var(--pm-ink); }
body.pg-admin.pm-console .pc-content > .row > .col-md-12.d-flex > h6{ font-family:var(--pm-mono); color:var(--pm-ink-muted); }

/* ==========================================================================
   PANELS: the site's grey panel (radius 16, no border, no shadow); tiles and fields white
   ========================================================================== */
body.pm-console .card, body.pm-console .pg-card{
  background:var(--pm-panel) !important; border:0 !important; border-radius:var(--pm-r-panel) !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; color:var(--pm-ink-body); }
body.pm-console .card .card, body.pm-console .card .pg-card{ background:var(--pm-tile) !important; box-shadow:inset 0 0 0 1px var(--pm-line) !important; }
body.pm-console .card::after, body.pm-console .pg-card::after{ display:none !important; }
body.pm-console .card:hover{ transform:none; box-shadow:none !important; }
body.pm-console .card .card-header, body.pm-console .card .card-footer, body.pm-console .pg-card-h{ border-color:var(--pm-line) !important; background:transparent !important; }
body.pm-console .card .card-header h5, body.pm-console .card .card-header h4, body.pm-console .card .card-header h3, body.pm-console .card .card-title,
body.pm-console .pc-content .card-body > .d-flex:first-child > h5{
  font-family:var(--pm-mono) !important; font-weight:400 !important; font-size:var(--pm-fs-label) !important; letter-spacing:var(--pm-track-label) !important; color:var(--pm-ink-muted) !important; }
/* KPI tiles: the site's .stat (Instrument Sans numerals, mono label); the dot is ink, logo red only for failures */
body.pm-console .card.pg-kpi, body.pg-admin.pm-console .pc-content .card:has(> .card-body > h6.text-muted + h4){
  background:var(--pm-panel) !important; border:0 !important; box-shadow:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.pg-admin.pm-console .pc-content .card:has(> .card-body > h6.text-muted + h4)::after{ display:none; }
body.pm-console .pg-kpi h3, body.pm-console .pg-kpi .pg-kpi-v, body.pg-admin.pm-console .pc-content .card-body > h6.text-muted + h4,
body.pm-console .pgc-kpi-v, body.pm-console .pg-kpi-value{
  font-family:var(--pm-display) !important; font-weight:600 !important; letter-spacing:-.03em !important; font-variant-numeric:tabular-nums; color:var(--pm-ink) !important; }
body.pm-console .card.pg-kpi .badge, body.pg-admin.pm-console .pc-content .card-body > h6.text-muted{
  font-family:var(--pm-mono) !important; font-size:var(--pm-fs-label) !important; letter-spacing:var(--pm-track-label) !important; color:var(--pm-ink-muted) !important; }
body.pm-console .card.pg-kpi .badge::before, body.pg-admin.pm-console .pc-content .card-body > h6.text-muted::before{ content:none !important; display:none !important; }

body.pg-live--mantis.pm-console .pc-content .card:has(> .card-body > h6.text-muted + h4){ background:var(--pm-panel) !important; border:0 !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.pg-live--mantis.pm-console .pc-content .card-body > h6.text-muted, body.pg-admin.pm-console .pc-content .card-body > h6.text-muted,
body.pm-console .card.pg-kpi .badge{ font-family:var(--pm-mono); font-size:var(--pm-fs-label) !important; letter-spacing:var(--pm-track-tight) !important; }  /* label-tight: a narrow tile */
body.pg-live--mantis.pm-console .pc-content .card-body > h6.text-muted::before{ content:none; display:none; }
body.pg-live--mantis.pm-console .pc-content .card-body > h4{ font-family:var(--pm-display); font-weight:600; letter-spacing:-.03em; color:var(--pm-ink); }
body.pg-live--mantis.pm-console .pc-content .card-body > h4 > .btn{ font-family:var(--pm-body); letter-spacing:0; }
body.pg-live--mantis.pm-console .pc-content .card-body > p.text-sm, body.pg-admin.pm-console .pc-content .card-body > h6.text-muted ~ p{
  font-family:var(--pm-body); font-size:var(--pm-fs-small); color:var(--pm-ink-muted) !important; }
body.pg-live--mantis.pm-console .pc-content .card-body > p.text-sm > span{ font-family:var(--pm-mono); color:var(--pm-ink) !important; }

/* tables: mono heads, ink rows, hairlines */
body.pm-console .table{ --bs-table-bg:transparent; --bs-table-hover-bg:var(--pm-wash); color:var(--pm-ink-body); }
body.pm-console .table thead th, body.pm-console .table > thead > tr > th, body.pm-console .table-light th, body.pm-console .table thead td{
  font-family:var(--pm-mono) !important; font-weight:400 !important; font-size:var(--pm-fs-label) !important; letter-spacing:var(--pm-track-label) !important;
  color:var(--pm-ink-muted) !important; background:transparent !important; border-bottom:1px solid var(--pm-line-2) !important; }
body.pm-console .table tbody td, body.pm-console .table tbody th{ font-size:var(--pm-fs-table); color:var(--pm-ink-body) !important; border-bottom:1px solid var(--pm-line) !important; }
body.pm-console .table td a{ color:var(--pm-ink); text-decoration:underline; text-decoration-color:var(--pm-line-2); text-underline-offset:3px; }
body.pm-console .table td a:hover{ text-decoration-color:var(--pm-ink); }

/* status pills: green and amber stay (never maroon); failures are ink on a faint logo-red wash with a red dot */
body.pm-console .badge.bg-danger, body.pm-console .badge.bg-soft-danger, body.pm-console .badge.badge-danger, body.pm-console .badge.badge-light-danger,
body.pm-console .badge.bg-light-danger, body.pm-console .bg-light-danger, body.pm-console .pg-pill.is-err{
  color:var(--pm-ink) !important; background:var(--pm-red-wash) !important; border:1px solid var(--pm-red-edge) !important; }
body.pm-console .badge.bg-danger::before, body.pm-console .badge.bg-soft-danger::before, body.pm-console .badge.badge-danger::before,
body.pm-console .badge.badge-light-danger::before, body.pm-console .badge.bg-light-danger::before, body.pm-console .pg-pill.is-err::before{ background:var(--pm-red) !important; opacity:1; }
body.pm-console .badge.bg-primary, body.pm-console .badge.bg-light-primary, body.pm-console .badge.bg-dark{
  color:var(--pm-ink) !important; background:var(--pm-info-wash) !important; border:1px solid var(--pm-line) !important; }
body.pm-console .badge{ border-radius:var(--pm-r-pill) !important; }

/* ==========================================================================
   BUTTONS: the site's .btn: pills; the one primary is black, everything else a ghost pill
   ========================================================================== */
body.pm-console .btn, body.pm-console .pg-btn{
  border-radius:var(--pm-r-pill) !important; font-family:var(--pm-body); font-size:var(--pm-fs-button) !important; font-weight:500 !important;
  letter-spacing:0 !important; text-transform:none !important; box-shadow:none !important;
  transition:background-color var(--pm-t-hover) var(--pm-ease), color var(--pm-t-hover) var(--pm-ease), border-color var(--pm-t-hover) var(--pm-ease), transform var(--pm-t-press) var(--pm-ease) !important; }
body.pm-console .btn:active, body.pm-console .pg-btn:active{ transform:scale(var(--pm-press)) !important; }
body.pm-console .btn-primary, body.pm-console .btn-primary:focus, body.pm-console .pg-btn-primary, body.pm-console .gw-btn-primary{
  position:relative; overflow:hidden; background:var(--pm-accent) !important; border:1px solid var(--pm-accent) !important; color:var(--pm-on-accent) !important; }
body.pm-console .pg-btn-primary{ min-height:var(--pm-cta); font-size:var(--pm-fs-input) !important; }
body.pm-console .btn-primary::after, body.pm-console .pg-btn-primary::after{ content:''; position:absolute; inset:0; pointer-events:none; background:var(--pm-sheen);
  transform:translateX(-100%); transition:transform var(--pm-t-sheen) var(--pm-ease); }
@media (hover:hover) and (pointer:fine){
  body.pm-console .btn-primary:hover, body.pm-console .pg-btn-primary:hover{ background:var(--pm-accent-hover) !important; border-color:var(--pm-accent-hover) !important;
    color:var(--pm-on-accent) !important; transform:none !important; }
  body.pm-console .btn-primary:hover::after, body.pm-console .pg-btn-primary:hover::after{ transform:translateX(100%); }
}
/* ghosts: transparent pill, hairline, ink label; hover = ink border + wash (site .btn-ghost) */
body.pm-console .btn-secondary, body.pm-console .btn-light, body.pm-console .btn-info, body.pm-console .btn-dark, body.pm-console .btn-danger,
body.pm-console .btn-outline-danger, body.pm-console .btn-outline-primary, body.pm-console .btn-outline-secondary, body.pm-console .btn-outline-light,
body.pm-console .btn-outline-dark, body.pm-console .btn-outline-info, body.pm-console .table .btn-primary, body.pm-console .pg-btn-secondary, body.pm-console .pg-btn-sm{
  background:var(--pm-tile) !important; border:1px solid var(--pm-line-2) !important; color:var(--pm-ink) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.pm-console .btn-secondary:hover, body.pm-console .btn-light:hover, body.pm-console .btn-info:hover, body.pm-console .btn-dark:hover, body.pm-console .btn-danger:hover,
body.pm-console .btn-outline-danger:hover, body.pm-console .btn-outline-primary:hover, body.pm-console .btn-outline-secondary:hover, body.pm-console .btn-outline-light:hover,
body.pm-console .btn-outline-dark:hover, body.pm-console .btn-outline-info:hover, body.pm-console .pg-btn-secondary:hover, body.pm-console .pg-btn-sm:hover{
  background:var(--pm-tile) !important; border-color:var(--pm-ink) !important; color:var(--pm-ink) !important; transform:none !important; }
body.pm-console .table .btn-primary:hover{ background:var(--pm-accent) !important; border-color:var(--pm-accent) !important; color:var(--pm-on-accent) !important; }
body.pm-console .btn-success, body.pm-console .btn-outline-success{ background:var(--pm-ok-wash) !important; border:1px solid var(--pm-ok-edge) !important; color:var(--pm-ok) !important; }
body.pm-console .btn-warning, body.pm-console .btn-outline-warning{ background:var(--pm-warn-wash) !important; border:1px solid var(--pm-warn-edge) !important; color:var(--pm-warn) !important; }
body.pm-console .btn:disabled, body.pm-console .btn.disabled, body.pm-console .pg-btn:disabled{ opacity:.55; pointer-events:none; }
body.pm-console .pg-btn-sm, body.pm-console .pgc-dd-btn{ border-radius:var(--pm-r-pill) !important; font-family:var(--pm-body); font-size:var(--pm-fs-small) !important; font-weight:500; letter-spacing:0 !important; text-transform:none !important; }
body.pm-console .pg-row .pg-btn-ghost, body.pm-console .pg-more a{ color:var(--pm-ink); }

/* ==========================================================================
   FIELDS: the site's .field (white, hairline-2, radius 12, 16px text inside a 44px control)
   ========================================================================== */
body.pm-console .pg-field > label, body.pm-console .pg-field .pg-label, body.pm-console .pg-auth-card .pg-field > label,
body.pm-console .form-label, body.pm-console label.form-label, body.pm-console .col-form-label, body.pm-console .form-group > label{
  font-family:var(--pm-body) !important; font-weight:500 !important; font-size:var(--pm-fs-field) !important; letter-spacing:0 !important; text-transform:none !important;
  color:var(--pm-ink-body) !important; padding-left:0; }
body.pm-console .pg-input, body.pm-console .form-control, body.pm-console .form-select,
body.pm-console .select2-container .select2-selection--single, body.pm-console .select2-container .select2-selection--multiple, body.pm-console .select2-container--bootstrap-5 .select2-selection{
  background-color:var(--pm-tile) !important; border:1px solid var(--pm-line-2) !important; border-radius:var(--pm-r-tile) !important; color:var(--pm-ink) !important;
  font-family:var(--pm-body); box-shadow:none !important; }
body.pm-console .pg-input, body.pm-console .pg-auth-card .pg-input{ min-height:var(--pm-touch); font-size:var(--pm-fs-input); }
body.pm-console .pg-input::placeholder, body.pm-console .form-control::placeholder{ color:var(--pm-ink-hint); opacity:1; }
body.pm-console .pg-input:focus, body.pm-console .pg-auth-card .pg-input:focus, body.pm-console .form-control:focus, body.pm-console .form-select:focus,
body.pm-console .select2-container--focus .select2-selection, body.pm-console .select2-container--open .select2-selection{
  border-color:var(--pm-ink) !important; box-shadow:0 0 0 1px var(--pm-ink) !important; outline:none !important; }
body.pm-console .pg-input-ic, body.pm-console .pg-auth-card .pg-input-ic, body.pm-console .pg-input-toggle, body.pm-console .input-group-text{ color:var(--pm-ink-muted) !important; }
body.pm-console .input-group-text{ background:var(--pm-panel) !important; border-color:var(--pm-line-2) !important; }
body.pm-console .form-check-input{ border-color:var(--pm-line-2); }
body.pm-console .form-check-input:checked{ background-color:var(--pm-ink) !important; border-color:var(--pm-ink) !important; }
body.pm-console .select2-results__option--highlighted, body.pm-console .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:var(--pm-panel) !important; color:var(--pm-ink) !important; }

/* errors: ink text with a logo-red mark (red text would read at 3.9:1, under the 4.5:1 a message needs) */
body.pm-console .pg-help.pg-err, body.pm-console .invalid-feedback, body.pm-console label.error, body.pm-console span.error, body.pm-console .text-danger.pg-err{
  display:inline-flex; align-items:baseline; gap:var(--pm-s2); color:var(--pm-ink) !important; font-size:var(--pm-fs-small); font-weight:500; }
body.pm-console .pg-help.pg-err::before, body.pm-console .invalid-feedback::before, body.pm-console label.error::before, body.pm-console span.error::before{
  content:''; flex:none; width:var(--pm-dot); height:var(--pm-dot); border-radius:50%; background:var(--pm-red); transform:translateY(-1px); }
body.pm-console .form-control.is-invalid, body.pm-console .form-control.error, body.pm-console .pg-input.is-invalid,
body.pm-console .pg-field:has(.pg-err) .pg-input{ border-color:var(--pm-red) !important; }
body.pm-console .form-control.is-invalid:focus, body.pm-console .form-control.error:focus{ box-shadow:0 0 0 1px var(--pm-red) !important; }

/* alerts: tiles; an error carries a logo-red edge mark, ink text */
body.pm-console .pg-alert, body.pm-console .alert{ border-radius:var(--pm-r-tile) !important; color:var(--pm-ink-body) !important; }
body.pm-console .pg-alert.is-err, body.pm-console .alert-danger{
  position:relative; background:var(--pm-red-wash) !important; border:1px solid var(--pm-red-edge) !important; color:var(--pm-ink) !important; }
body.pm-console .pg-alert.is-err::before{ content:''; flex:none; width:var(--pm-dot); height:var(--pm-dot); margin-top:calc((1.45em - var(--pm-dot)) / 2); border-radius:50%; background:var(--pm-red); }
body.pm-console .alert-danger::before{ content:''; display:inline-block; width:var(--pm-dot); height:var(--pm-dot); margin:0 var(--pm-s2) 1px 0; border-radius:50%; background:var(--pm-red); }
body.pm-console .pg-alert.is-pos, body.pm-console .alert-success{ background:var(--pm-ok-wash) !important; border:1px solid var(--pm-ok-edge) !important; color:var(--pm-ok) !important; }
body.pm-console .alert-warning{ background:var(--pm-warn-wash) !important; border:1px solid var(--pm-warn-edge) !important; color:var(--pm-warn) !important; }
body.pm-console .alert-info, body.pm-console .alert-primary, body.pm-console .alert-secondary{ background:var(--pm-panel) !important; border:1px solid var(--pm-line) !important; }

/* ==========================================================================
   SIGN-IN PAGES (merchant, PSP, back office, sign-up): one grey panel on the field, the site's form
   ========================================================================== */
body.pm-console .pg-auth-card{ background:var(--pm-panel) !important; }
body.pm-console .pg-card-h{ border-bottom:1px solid var(--pm-line); }
body.pm-console .pg-card-h .pg-eyebrow, body.pm-console .pg-eyebrow{ font-family:var(--pm-mono); font-weight:400; font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink); }
body.pm-console .pg-card-h2{ font-family:var(--pm-mono); font-weight:400; font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
body.pm-console .pg-auth-card h1{ font-family:var(--pm-display); font-weight:600; font-size:var(--pm-fs-h1); line-height:1.1; letter-spacing:-.025em; color:var(--pm-ink); }
body.pm-console .pg-lead{ color:var(--pm-ink-body); }
body.pm-console .pg-row .pg-check{ font-size:var(--pm-fs-field); color:var(--pm-ink-body); }
body.pm-console .pg-recap{ font-size:var(--pm-fs-small); color:var(--pm-ink-muted); }
/* "Before you type": a white tile in the panel, ink icons (red is kept for the logo and for errors) */
body.pm-console .pg-safe{ background:var(--pm-tile); border:1px solid var(--pm-line); border-radius:var(--pm-r-tile); }
body.pm-console .pg-safe h3, body.pm-console .pg-need h3{ font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); font-weight:400; color:var(--pm-ink-muted); }
body.pm-console .pg-safe li{ color:var(--pm-ink-body); }
body.pm-console .pg-safe li svg{ color:var(--pm-ink); }
body.pm-console .pg-more a{ text-decoration:underline; text-decoration-color:var(--pm-ink-hint); text-underline-offset:3px; }
body.pm-console .pg-more a:hover{ text-decoration-color:var(--pm-ink); }

/* ==========================================================================
   ERROR PAGES on the console host (404, 419 page expired, 403, 500, 503): the sign-in card's language
   ========================================================================== */
body.pm-console.pg-gw .gw-card{ background:var(--pm-panel); border:0; border-radius:var(--pm-r-panel); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
body.pm-console.pg-gw .gw-card::before{ content:none; display:none; animation:none; }
body.pm-console.pg-gw .gw-brand{ border-bottom-color:var(--pm-line); }
body.pm-console.pg-gw .gw-eyebrow{ font-family:var(--pm-mono); font-weight:400; font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
body.pm-console.pg-gw .gw-code{ font-family:var(--pm-display); font-weight:600; font-size:var(--pm-fs-code); letter-spacing:-.04em; color:var(--pm-ink); }
body.pm-console.pg-gw .gw-title{ font-family:var(--pm-display); font-weight:600; font-size:var(--pm-fs-h1); line-height:1.1; letter-spacing:-.025em; color:var(--pm-ink); }
body.pm-console.pg-gw .gw-result .gw-msg{ font-size:var(--pm-fs-input); color:var(--pm-ink-body); }
body.pm-console.pg-gw .gw-note{ font-size:var(--pm-fs-small); color:var(--pm-ink-muted); }
body.pm-console.pg-gw .gw-btn-primary{ min-height:var(--pm-cta); font-size:var(--pm-fs-input) !important; }
body.pm-console.pg-gw .gw-foot{ border-top-color:var(--pm-line); font-family:var(--pm-mono); font-weight:400; font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
body.pm-console.pg-gw .gw-foot svg{ color:var(--pm-ink); }

/* ==========================================================================
   CONSOLE CHROME: footer, modals, toasts, pagination, tabs, charts
   ========================================================================== */
body.pm-console .pgc-foot{ border-top-color:var(--pm-line); font-family:var(--pm-mono); font-size:var(--pm-fs-label); letter-spacing:var(--pm-track-label); color:var(--pm-ink-muted); }
body.pm-console .pgc-foot a{ color:var(--pm-ink); text-decoration:underline; text-decoration-color:var(--pm-line-2); text-underline-offset:3px; }
body.pm-console .modal-content{ background:var(--pm-tile) !important; border:1px solid var(--pm-line-2) !important; border-radius:var(--pm-r-panel) !important; box-shadow:none !important;
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
body.pm-console .modal-backdrop.show{ background:var(--pm-ink); opacity:.24; }
body.pm-console .page-link{ border-radius:var(--pm-r-pill) !important; color:var(--pm-ink) !important; background:var(--pm-tile) !important; border-color:var(--pm-line-2) !important; }
body.pm-console .page-item.active .page-link{ background:var(--pm-ink) !important; border-color:var(--pm-ink) !important; color:var(--pm-on-accent) !important; }
body.pm-console .nav-tabs .nav-link.active, body.pm-console .nav-pills .nav-link.active{ color:var(--pm-ink) !important; border-color:var(--pm-ink) !important; }
body.pm-console .nav-pills .nav-link.active{ background:var(--pm-ink) !important; color:var(--pm-on-accent) !important; border-radius:var(--pm-r-pill); }
body.pm-console .apexcharts-tooltip{ background:var(--pm-tile) !important; border:1px solid var(--pm-line-2) !important; box-shadow:none !important; }
body.pm-console .apexcharts-text, body.pm-console .apexcharts-legend-text{ font-family:var(--pm-mono) !important; }
body.pm-console .progress-bar{ background-color:var(--pm-ink); }
body.pm-console .bg-primary{ background-color:var(--pm-ink) !important; }
body.pm-console .border-primary{ border-color:var(--pm-ink) !important; }

/* ---------- phones ---------- */
@media (max-width:575.98px){
  body.pm-console .pg-crumb .ttl, body.pg-admin.pm-console .pg-crumb-title{ font-size:var(--pm-fs-title-sm); }
  body.pm-console .pg-auth-card h1{ font-size:var(--pm-fs-page); }
}

/* ---------- drawer scrim + menu motion ---------- */
body.pm-console .pgc-toggle:checked ~ .pgc-scrim, body.pm-console .pg-nav-toggle:checked ~ .pg-scrim{ background:var(--pm-veil); }

/* ---------- reduced motion: no sheen, no press, no drawer slide (the network draws one still frame: pm-net.js) ---------- */
@media (prefers-reduced-motion:reduce){
  body.pm-console .btn, body.pm-console .pg-btn, body.pm-console .pgc-link, body.pm-console .pg-iconbtn{ transition:none !important; }
  body.pm-console .btn:active, body.pm-console .pg-btn:active{ transform:none !important; }
  body.pm-console .btn-primary::after, body.pm-console .pg-btn-primary::after{ display:none; }
}