/* ==========================================================================
   Payee Global — app2 LIVE consoles (pg-console-live.css) · 28 Sep 2026
   The merchant + PSP consoles app2 actually renders (theme 1: merchant_v2 = pcoded/Mantis,
   merchant-new = Dashonic, merchant + psp = Hope UI) share ONE shell (resources/views/app2/console/*),
   a port of the approved theme2 shell (pg-app.css v3 "theme2 shell" + "auth shell" values).
   Loads after the theme CSS, pg-app.css and brand_css(). Every value is a pg-app.css token or a
   value copied from pg-app.css v3 (noted). Scoped to body.pg-live so nothing leaks elsewhere.
   Geometry (pg-app.css v3): 252px column = 224px panel + 14px inset; top bar + content from 266px;
   66px top bar. Drawer below 992px (CSS only: checkbox #pgc-nav + labels).
   ========================================================================== */

/* ---------- a11y helpers ---------- */
body.pg-live .pgc-sr{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body.pg-live .pgc-skip{ position:fixed; left:var(--sb-inset); top:-80px; z-index:1100; padding:var(--s3) var(--s4); border-radius:var(--r-btn);
  background:var(--white); color:var(--acc-deep); font-family:var(--body); font-size:13px; font-weight:600; box-shadow:var(--shadow-up); text-decoration:none; }
body.pg-live .pgc-skip:focus{ top:var(--sb-inset); }
/* the drawer switch stays focusable (Space toggles it); its focus ring is drawn on the ☰ button */
body.pg-live .pgc-toggle{ position:fixed; top:0; left:0; width:1px; height:1px; margin:0; opacity:0; pointer-events:none; }
body.pg-live .pgc-toggle:focus-visible ~ .pgc-top .pgc-burger{ outline:2px solid var(--acc); outline-offset:2px; }

/* ---------- sidebar = site .sidebar (pg-app.css v3 .pg-auth-aside / theme2 .sidebar-wrapper) ---------- */
body.pg-live .pgc-side{ position:fixed; z-index:1032; top:var(--sb-inset); left:var(--sb-inset); bottom:var(--sb-inset); width:var(--sb-w);
  display:flex; flex-direction:column; overflow:hidden; border-radius:var(--r-side); color:var(--on-maroon); font-family:var(--body);
  background:var(--pg-side) center / cover no-repeat, var(--maroon-grad); border:1px solid var(--on-maroon-edge); box-shadow:var(--side-shadow);
  transition:transform var(--t-drawer) var(--ease-io); }
body.pg-live .pgc-brand{ position:relative; flex:none; display:flex; align-items:center; justify-content:center; min-height:96px; padding:26px var(--s2) var(--s4); }
body.pg-live .pgc-brand .pg-lock{ display:inline-flex; flex-direction:column; align-items:center; gap:10px; max-width:100%; text-decoration:none; }
body.pg-live .pgc-close{ display:none; position:absolute; top:var(--s3); right:var(--s3); width:36px; height:36px; margin:0; border-radius:50%;
  align-items:center; justify-content:center; cursor:pointer; color:var(--on-maroon); background:var(--on-maroon-glass); border:1px solid var(--on-maroon-edge); }
body.pg-live .pgc-close .pgc-ic{ width:18px; height:18px; }
body.pg-live .pgc-user{ flex:none; }
body.pg-live .pgc-user .nm{ max-width:140px; }
body.pg-live .pgc-nav{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:10px 0 var(--s4);
  scrollbar-width:thin; scrollbar-color:var(--on-maroon-tag) transparent; }
body.pg-live .pgc-menu, body.pg-live .pgc-sub{ list-style:none; margin:0; padding:0; }
body.pg-live .pgc-item{ margin:0 0 2px; }
/* captions (v3 .sidebar-wrapper li.pg-sb-cap) */
body.pg-live .pgc-cap{ padding:10px 20px var(--s2); font-family:var(--mono); font-weight:400; font-size:9px; line-height:1.2; letter-spacing:.22em;
  text-transform:uppercase; color:var(--on-maroon); }
body.pg-live .pgc-cap:first-child{ padding-top:var(--s1); }
/* items (v3 .sidebar-link: 44px, radius 12, Inter 11 caps .06em) */
body.pg-live .pgc-link{ position:relative; display:flex; align-items:center; gap:var(--s3); min-height:44px; margin:0 var(--s3); padding:0 var(--s3);
  border-radius:12px; color:var(--on-maroon); font-family:var(--body); font-weight:500; font-size:11px; line-height:1.3; letter-spacing:.06em;
  text-transform:uppercase; text-decoration:none; cursor:pointer; list-style:none; user-select:none;
  transition:background var(--t-micro) var(--ease-hover); }
body.pg-live .pgc-link::-webkit-details-marker{ display:none; }
body.pg-live .pgc-link::marker{ content:''; }
body.pg-live .pgc-link:hover{ background:var(--on-maroon-hover); color:var(--on-maroon); }
body.pg-live .pgc-link.is-active{ background:var(--on-maroon-active); font-weight:700; color:var(--on-maroon); }
body.pg-live .pgc-link.is-active::before{ content:''; position:absolute; left:3px; top:50%; transform:translateY(-50%); width:3px; height:18px;
  border-radius:3px; background:var(--white); box-shadow:var(--nav-glow); }
body.pg-live .pgc-link .pgc-ic{ width:16px; height:16px; flex:none; opacity:.9; }
body.pg-live .pgc-label{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.pg-live .pgc-link .pgc-chev{ width:14px; height:14px; opacity:.7; transition:transform var(--t-micro) var(--ease-hover); }
body.pg-live .pgc-group[open] > .pgc-link .pgc-chev{ transform:rotate(90deg); }
/* submenu (v3 .sidebar-submenu li a: 34px, indent 40, 11.5px) */
body.pg-live .pgc-sub{ padding:var(--s1) 0 var(--s2); }
body.pg-live .pgc-sublink{ display:flex; align-items:center; min-height:34px; margin:0 var(--s3); padding:0 var(--s3) 0 40px; border-radius:var(--r-seg);
  color:var(--on-maroon-dim); font-family:var(--body); font-size:11.5px; font-weight:500; line-height:1.3; text-decoration:none;
  transition:background var(--t-micro) var(--ease-hover), color var(--t-micro) var(--ease-hover); }
body.pg-live .pgc-sublink:hover, body.pg-live .pgc-sublink.is-active{ color:var(--on-maroon); background:var(--on-maroon-hover); }
body.pg-live .pgc-sublink.is-active{ font-weight:600; }
body.pg-live .pgc-side a:hover, body.pg-live .pgc-side a:focus{ color:var(--on-maroon); }

/* ---------- glass top bar = site .topbar (pg-app.css v3 .pg-topbar) ---------- */
body.pg-live .pgc-top{ position:sticky; top:var(--sb-inset); z-index:1010; display:flex; align-items:center; gap:14px; min-height:var(--pg-head-h);
  margin:var(--sb-inset) var(--sb-inset) 18px calc(var(--shell-left) + var(--sb-inset)); padding:10px 14px; border-radius:18px;
  background:var(--topbar-bg); -webkit-backdrop-filter:var(--topbar-blur); backdrop-filter:var(--topbar-blur);
  border:1px solid var(--glass-edge); box-shadow:var(--topbar-shadow); font-family:var(--body); transition:margin var(--t-drawer) var(--ease-io); }
body.pg-live .pgc-top .pg-iconbtn{ color:var(--acc-deep); }
body.pg-live .pgc-top .pg-iconbtn .pgc-ic{ width:18px; height:18px; }
body.pg-live .pgc-crumb{ flex:1 1 auto; min-width:0; }
body.pg-live .pgc-top-r{ margin-left:auto; display:flex; align-items:center; gap:10px; flex:none; }
body.pg-live .pgc-dd{ position:relative; }
body.pg-live .pgc-dd > summary{ list-style:none; cursor:pointer; }
body.pg-live .pgc-dd > summary::-webkit-details-marker{ display:none; }
body.pg-live .pgc-dd > summary::marker{ content:''; }
body.pg-live .pgc-dd-btn{ display:inline-flex; align-items:center; gap:6px; max-width:260px; }
body.pg-live .pgc-dd-txt{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.pg-live .pgc-dd-chev{ width:14px; height:14px; flex:none; opacity:.7; }
body.pg-live .pgc-badge{ position:absolute; top:-3px; right:-3px; z-index:3; min-width:18px; height:18px; padding:0 5px; border-radius:var(--r-pill);
  display:inline-flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:9.5px; font-weight:600; line-height:1;
  background:var(--acc); color:var(--white); }
body.pg-live .pgc-me-btn{ display:flex; align-items:center; gap:10px; min-height:44px; padding:0 var(--s1) 0 0; border-radius:var(--r-pill); }
body.pg-live .pgc-me-av{ width:38px; height:38px; flex:none; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(160deg, var(--white), var(--rose)); color:var(--blood-deep); border:1px solid var(--safe-edge);
  font-family:var(--disp); font-weight:800; font-size:14px; line-height:1; }
body.pg-live .pgc-me-who{ display:flex; flex-direction:column; justify-content:center; gap:2px; min-width:0; }
body.pg-live .pgc-me-who .nm{ max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--disp); font-weight:700;
  font-size:13px; line-height:1.25; color:var(--navy); }
body.pg-live .pgc-me-who .rl{ font-family:var(--mono); font-size:8.5px; line-height:1.2; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-mute); }
/* menus (site .chart-tip glass, on the site's modal surface so rows stay readable over tables) */
body.pg-live .pgc-dd-menu{ position:absolute; right:0; top:calc(100% + 10px); z-index:5; min-width:240px; max-width:min(340px, calc(100vw - 24px));
  padding:6px; background:var(--modal-surface); -webkit-backdrop-filter:blur(18px) saturate(165%); backdrop-filter:blur(18px) saturate(165%);
  border:1px solid var(--glass-edge); border-radius:13px; box-shadow:var(--shadow-up); }
body.pg-live .pgc-dd-menu a{ display:flex; align-items:center; gap:10px; min-height:40px; padding:0 var(--s3); border-radius:var(--r-seg);
  color:var(--ink-soft); font-family:var(--body); font-size:13px; line-height:1.3; text-decoration:none; }
body.pg-live .pgc-dd-menu a:hover, body.pg-live .pgc-dd-menu a:focus-visible{ background:var(--row-hover); color:var(--acc-deep); }
body.pg-live .pgc-dd-menu a .pgc-ic{ width:16px; height:16px; flex:none; color:var(--acc-deep); }
body.pg-live .pgc-dd-h{ padding:var(--s2) var(--s3) 6px; font-family:var(--mono); font-size:9.5px; line-height:1.2; letter-spacing:.18em;
  text-transform:uppercase; color:var(--ink-mute); }
body.pg-live .pgc-dd-menu .pgc-dd-foot{ justify-content:center; margin-top:var(--s1); border-top:1px solid var(--hair); border-radius:0 0 var(--r-seg) var(--r-seg);
  color:var(--acc-deep); font-weight:600; font-size:12px; }
body.pg-live .pgc-notes-menu{ width:320px; }
body.pg-live .pgc-notes-list{ max-height:320px; overflow-y:auto; }
body.pg-live .pgc-notes-list a{ flex-direction:column; align-items:flex-start; justify-content:center; gap:2px; min-height:52px; padding:var(--s2) var(--s3); }
body.pg-live .pgc-note-t, body.pg-live .pgc-notes-list h6{ margin:0; font-family:var(--body); font-size:13px; font-weight:600; color:var(--ink); letter-spacing:0; }
body.pg-live .pgc-note-m, body.pg-live .pgc-notes-list p{ margin:0; font-size:12px; color:var(--ink-soft); }
body.pg-live .pgc-note-d{ font-family:var(--mono); font-size:10px; color:var(--ink-mute); }
body.pg-live .pgc-notes-list .fa, body.pg-live .pgc-notes-list .d-flex > div:first-child:has(> .fa){ display:none; }
body.pg-live .pgc-notes-list .w-100.ms-3{ margin:0 !important; }
body.pg-live .pgc-notes-empty, body.pg-live .pgc-notes-list > .text-center{ display:flex; align-items:center; justify-content:center; min-height:56px;
  margin:0 !important; padding:var(--s3); font-size:13px; color:var(--ink-mute); text-align:center; }

/* ---------- content column + footer ---------- */
body.pg-live .pgc-main{ display:block; margin:0 0 0 var(--shell-left); padding:0 var(--sb-inset) var(--s7); min-height:calc(100vh - 150px);
  background:transparent; transition:margin var(--t-drawer) var(--ease-io); }
body.pg-live .pgc-main:focus{ outline:none; }
body.pg-live .pgc-foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s2) var(--s4);
  margin:0 var(--sb-inset) 0 calc(var(--shell-left) + var(--sb-inset)); padding:var(--s3) 0 var(--s5); border-top:1px solid var(--hair);
  font-family:var(--mono); font-size:10px; line-height:1.45; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-mute);
  transition:margin var(--t-drawer) var(--ease-io); }
body.pg-live .pgc-foot a{ color:var(--acc-deep); text-decoration:none; text-transform:none; letter-spacing:.02em; }
body.pg-live .pgc-foot a:hover{ text-decoration:underline; text-underline-offset:3px; }

/* ---------- drawer: ☰ hides the panel on desktop, opens it below 992px (site nav-hidden / nav-open), CSS only ---------- */
body.pg-live .pgc-scrim{ display:none; }
body.pg-live .pgc-toggle:checked ~ .pgc-side{ transform:translateX(calc((var(--sb-w) + var(--sb-inset) * 3) * -1)); }
body.pg-live .pgc-toggle:checked ~ .pgc-top{ margin-left:var(--sb-inset); }
body.pg-live .pgc-toggle:checked ~ .pgc-main{ margin-left:0; }
body.pg-live .pgc-toggle:checked ~ .pgc-foot{ margin-left:var(--sb-inset); }
@media (max-width:991.98px){
  body.pg-live .pgc-side{ transform:translateX(calc((var(--sb-w) + var(--sb-inset) * 3) * -1)); }
  body.pg-live .pgc-toggle:checked ~ .pgc-side{ transform:none; }
  body.pg-live .pgc-toggle:checked ~ .pgc-scrim{ display:block; position:fixed; inset:0; z-index:1031; margin:0; background:var(--scrim);
    -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
  body.pg-live:has(.pgc-toggle:checked){ overflow:hidden; }
  body.pg-live .pgc-close{ display:flex; }
  body.pg-live .pgc-top, body.pg-live .pgc-toggle:checked ~ .pgc-top{ top:10px; margin:10px 10px 14px; padding:8px 10px; gap:10px; min-height:62px; }
  body.pg-live .pgc-main, body.pg-live .pgc-toggle:checked ~ .pgc-main{ margin-left:0; padding:0 12px var(--s6); }  /* 12 = Bootstrap half-gutter (pg-app.css v3) */
  body.pg-live .pgc-foot, body.pg-live .pgc-toggle:checked ~ .pgc-foot{ margin:0 12px; }
}
@media (max-width:575.98px){
  body.pg-live .pgc-crumb .bc{ display:none; }
  body.pg-live .pgc-me-who, body.pg-live .pgc-me-btn .pgc-dd-chev, body.pg-live .pgc-fs{ display:none !important; }
  body.pg-live .pgc-dd-btn{ max-width:112px; }
  body.pg-live .pgc-top-r{ gap:var(--s2); }
  body.pg-live .pgc-dd-menu{ position:fixed; top:80px; left:10px; right:10px; width:auto; max-width:none; }
}
@media (prefers-reduced-motion:reduce){
  body.pg-live .pgc-side, body.pg-live .pgc-top, body.pg-live .pgc-main, body.pg-live .pgc-foot, body.pg-live .pgc-link .pgc-chev{ transition:none !important; }
}

/* ==========================================================================
   THEME BRIDGES — neutralise each theme's own shell geometry so its content sits in .pgc-main
   ========================================================================== */
/* loaders the theme scripts remove on load: never shown under the live shell */
body.pg-live .loader-bg, body.pg-live #loading{ display:none !important; }

/* pcoded / Mantis (merchant_v2) */
body.pg-live--mantis .pc-container{ position:static !important; top:auto !important; left:auto !important; margin:0 !important; padding:0 !important;
  min-height:0 !important; background:transparent !important; box-shadow:none !important; }
body.pg-live--mantis .pc-container .pc-content{ padding:0 !important; max-width:none !important; }

/* Dashonic (merchant-new) */
body.pg-live--dashonic #layout-wrapper .main-content{ margin:0 !important; overflow:visible !important; background:transparent !important; }
body.pg-live--dashonic #layout-wrapper .page-content{ padding:0 !important; margin:0 !important; min-height:0 !important; background:transparent !important; }
body.pg-live--dashonic #layout-wrapper .page-content > .container-fluid{ padding:0 !important; max-width:none !important; }

/* Hope UI (merchant + psp) */
body.pg-live--hope main.main-content.pgc-main{ margin-top:0 !important; margin-right:0 !important; background:transparent !important; }
body.pg-live--hope .content-inner{ padding:0 !important; margin:0 !important; min-height:0 !important; }
/* Hope UI rows use a 2rem gutter (-16px margins): the column pads 16px so rows never overflow */
body.pg-live--hope .pgc-main, body.pg-live--hope .pgc-toggle:checked ~ .pgc-main{ padding-left:var(--s4); padding-right:var(--s4); }

/* ==========================================================================
   MANTIS CONTENT (merchant_v2) — same codedthemes markup as the admin back office, so these follow the
   approved admin treatment (pg-admin.css v3 "in-page title block", "KPI cards", "badges"), scoped to the live shell.
   ========================================================================== */
/* in-page title block = site .panel-title (4x14 bar + Archivo 13px 500 caps) */
body.pg-live--mantis .pc-content > .page-header{ position:static !important; display:block; top:auto; left:auto; right:auto; z-index:auto;
  margin:6px var(--s1) 14px; padding:0; min-height:0; background:transparent !important; box-shadow:none; border:0; }
body.pg-live--mantis .pc-content > .page-header .page-block > .row{ row-gap:var(--s2); align-items:center; }
/* a two-step crumb (Home / This page) repeats the top-bar crumb — show deeper trails only */
body.pg-live--mantis .pc-content > .page-header .breadcrumb:not(:has(.breadcrumb-item:nth-child(3))){ display:none !important; }
body.pg-live--mantis .pc-content > .page-header .breadcrumb{ display:flex; align-items:center; margin:0 0 var(--s2); padding:0; background:transparent;
  font-family:var(--mono); font-weight:400; font-size:8.5px; line-height:1.45; letter-spacing:.16em; text-transform:uppercase; }
body.pg-live--mantis .pc-content > .page-header .breadcrumb-item{ display:flex; align-items:center; font-size:8.5px !important; letter-spacing:.16em; }
/* the theme's divider is a floated chevron image; drawn as a 9px mask in the crumb colour, centred on the line (pg-admin.css v3) */
body.pg-live--mantis .pc-content > .page-header .breadcrumb-item + .breadcrumb-item::before{ content:'' !important; float:none; position:static; flex:none;
  width:9px; height:9px; padding:0 !important; margin-right:var(--s2); background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; }
body.pg-live--mantis .pc-content > .page-header .breadcrumb-item,
body.pg-live--mantis .pc-content > .page-header .breadcrumb-item a,
body.pg-live--mantis .pc-content > .page-header .breadcrumb-item + .breadcrumb-item::before{ color:var(--ink-mute); }
body.pg-live--mantis .pc-content > .page-header .page-header-title h2,
body.pg-live--mantis .pc-content > .page-header .page-header-title h3,
body.pg-live--mantis .pc-content > .page-header .page-header-title h4,
body.pg-live--mantis .pc-content > .page-header .page-header-title h5{ display:flex; align-items:center; gap:10px; margin:0;
  font-family:var(--disp); font-weight:500; font-size:13px; line-height:1.45; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-grey); }
body.pg-live--mantis .pc-content > .page-header .page-header-title :is(h2,h3,h4,h5)::before{ content:''; flex:none; width:4px; height:14px; border-radius:3px;
  background:linear-gradient(180deg, var(--acc-lite), var(--acc-deep)); }
body.pg-live--mantis .pc-content > .page-header .page-block .btn{ margin-top:0; }
/* card-body titles ("Recent Transactions", "Last 1 Hour Payin Report") = site .panel-h h2 */
body.pg-live--mantis .pc-content .card-body > .d-flex:first-child > h5{ font-family:var(--mono); font-weight:500; font-size:10.5px; line-height:1.45;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-mute); margin:0; }
/* KPI cards = site .tile: dot + Plex 9.5px caps label, Plex 600 value, Plex 10px sub */
body.pg-live--mantis .pc-content .card:has(> .card-body > h6.text-muted + h4){ overflow:hidden; color:var(--ink);
  background:var(--tile-bg) !important; -webkit-backdrop-filter:var(--tile-blur) !important; backdrop-filter:var(--tile-blur) !important;
  border:1px solid var(--tile-edge) !important; box-shadow:var(--tile-shadow) !important; }
body.pg-live--mantis .pc-content .card-body:has(> h6.text-muted + h4){ padding:18px 18px var(--s4) !important; container-type:inline-size; }
body.pg-live--mantis .pc-content .card-body > h6.text-muted{ display:flex; align-items:center; gap:7px; margin:0; font-family:var(--mono); font-weight:400;
  font-size:9.5px; line-height:1.45; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-mute) !important; }
body.pg-live--mantis .pc-content .card-body > h6.text-muted::before{ content:''; flex:none; width:6px; height:6px; border-radius:50%; background:var(--acc); }
body.pg-live--mantis .pc-content .card-body > h4{ display:block; margin:13px 0 0; white-space:nowrap; font-family:var(--mono); font-weight:600;
  font-size:32px; font-size:clamp(20px, 11cqi, 32px); line-height:.95; letter-spacing:-.02em; font-variant-numeric:tabular-nums; color:var(--ink); }
body.pg-live--mantis .pc-content .card-body > h4 > span:not(.badge){ font:inherit; }
body.pg-live--mantis .pc-content .card-body > h4 > .badge{ display:flex; width:max-content; margin-top:9px; }
body.pg-live--mantis .pc-content .card-body > h4 > .btn{ float:none !important; display:flex; width:max-content; margin:12px 0 0; font-family:var(--body); letter-spacing:.06em; }
/* headline tiles share one height per row */
body.pg-live .pgc-headline > [class*="col"]{ display:flex; }
body.pg-live .pgc-headline > [class*="col"] > .card{ flex:1 1 auto; }
body.pg-live--mantis .pc-content .card-body > p.text-sm{ margin:9px 0 0; font-family:var(--mono); font-size:10px; line-height:1.45; color:var(--ink-mute) !important; }
body.pg-live--mantis .pc-content .card-body > p.text-sm > span{ font-weight:600; font-variant-numeric:tabular-nums; }
body.pg-live--mantis .pc-content .card-body > p.text-sm > .text-success{ color:var(--pos) !important; }
body.pg-live--mantis .pc-content .card-body > p.text-sm > .text-danger{ color:var(--acc-deep) !important; }
body.pg-live--mantis .pc-content .card-body > p.text-sm > .text-warning{ color:var(--warn) !important; }
body.pg-live--mantis .pc-content .card-body > p.text-sm > .text-primary{ color:var(--acc-deep) !important; }
@media (min-width:561px) and (max-width:991.98px){
  body.pg-live--mantis .pc-content .row > .col-md-3:has(> .card){ flex:0 0 50%; max-width:50%; }
}
/* tinted theme badges (bg-light-* + border-*) = site .pill */
body.pg-live .badge[class*="bg-light-"]{ display:inline-flex; align-items:center; gap:5px; font-family:var(--mono); font-weight:400; font-size:9.5px; line-height:1.45;
  letter-spacing:.06em; text-transform:lowercase; padding:3px var(--s2); border-radius:var(--r-sm) !important;
  border-width:1px !important; border-style:solid !important; font-variant-numeric:tabular-nums; white-space:nowrap; }
body.pg-live .badge[class*="bg-light-"]::before{ content:''; flex:none; width:5px; height:5px; border-radius:50%; background:currentColor; opacity:.8; }
body.pg-live .badge.bg-light-success{ color:var(--pos) !important; background:var(--pos-wash) !important; border-color:var(--pos-edge) !important; }
body.pg-live .badge.bg-light-danger{ color:var(--acc-deep) !important; background:var(--acc-wash) !important; border-color:var(--err-edge) !important; }
body.pg-live .badge.bg-light-warning{ color:var(--warn) !important; background:var(--warn-wash) !important; border-color:var(--warn-edge) !important; }
body.pg-live .badge.bg-light-primary, body.pg-live .badge.bg-light-secondary, body.pg-live .badge.bg-light-info{ color:var(--ink-soft) !important;
  background:var(--info-wash) !important; border-color:var(--line) !important; }
/* offcanvas filter drawers = site .drawer */
body.pg-live .offcanvas{ max-width:100vw; background:var(--modal-surface); border-color:var(--glass-edge) !important; box-shadow:var(--modal-shadow); }
body.pg-live .offcanvas.offcanvas-end{ border-radius:22px 0 0 22px; }
body.pg-live .offcanvas .offcanvas-header{ background:transparent !important; border-bottom:1px solid var(--hair); padding:var(--s4) 18px; }
body.pg-live .offcanvas .offcanvas-title{ font-family:var(--disp); font-size:15px; font-weight:800; color:var(--ink); }

/* ==========================================================================
   SHARED CONTENT HELPERS (all three themes)
   ========================================================================== */
/* form controls take the console font (some theme resets leave buttons in the UA serif) */
body.pg-live button, body.pg-live input, body.pg-live select, body.pg-live textarea, body.pg-live optgroup{ font-family:inherit; }
/* "More figures" disclosure: dashboards keep ≤5 headline numbers, the rest one click away */
body.pg-live .pgc-more{ margin:0 0 var(--s4); }
body.pg-live .pgc-more > summary{ display:inline-flex; align-items:center; gap:var(--s2); min-height:36px; margin:0 0 var(--s3); padding:0 var(--s3);
  border-radius:var(--r-seg); background:var(--glass-hi); border:1px solid var(--line); color:var(--ink); cursor:pointer; list-style:none;
  font-family:var(--body); font-size:10px; font-weight:500; line-height:1.2; letter-spacing:.06em; text-transform:uppercase;
  transition:border-color var(--t-micro) var(--ease-hover), color var(--t-micro) var(--ease-hover); }
body.pg-live .pgc-more > summary::-webkit-details-marker{ display:none; }
body.pg-live .pgc-more > summary::marker{ content:''; }
body.pg-live .pgc-more > summary::before{ content:''; flex:none; width:6px; height:6px; margin:0 2px 0 1px; border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform var(--t-micro) var(--ease-hover); }
body.pg-live .pgc-more[open] > summary::before{ transform:rotate(45deg); }
body.pg-live .pgc-more > summary:hover{ border-color:var(--acc); color:var(--acc-deep); }
body.pg-live .pgc-more-hint{ font-family:var(--mono); font-size:10px; letter-spacing:.02em; text-transform:none; color:var(--ink-mute); }
/* money in IBM Plex Mono (guide §3): amount cells/values the views mark */
body.pg-live .pg-num, body.pg-live .pgc-money{ font-family:var(--mono) !important; font-variant-numeric:tabular-nums; }

/* ==========================================================================
   SIGN-IN PAGES (body.pg-live-auth) — the approved auth shell is pg-app.css "auth shell"; these fill gaps only
   ========================================================================== */
/* show/hide password: drawn as a Feather eye mask so it never depends on the icon font CDN */
body.pg-app i.fa.toggle-password, body.pg-app i.fa.toggle-cpassword{ font-size:0 !important; line-height:0; }
body.pg-app .input-group-text.fa{ display:flex !important; align-items:center; justify-content:center; width:38px; min-height:38px; padding:0 !important;
  border:0 !important; background:transparent !important; color:var(--ink-mute) !important; cursor:pointer; }
body.pg-app .pg-input-toggle.fa{ width:32px; height:32px; padding:0; align-items:center; justify-content:center; font-size:0; line-height:0; }
body.pg-app .pg-input-toggle.fa::before, body.pg-app i.fa.toggle-password::before, body.pg-app i.fa.toggle-cpassword::before{ content:''; display:block; width:18px; height:18px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat; }
body.pg-app .pg-input-toggle.fa-eye-slash::before, body.pg-app i.fa-eye-slash.toggle-password::before, body.pg-app i.fa-eye-slash.toggle-cpassword::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24'/%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3C/svg%3E"); }
/* the theme loaders are removed by theme JS; never shown on sign-in pages */
body.pg-live-auth #loading, body.pg-live-auth .loader-bg{ display:none !important; }
/* theme base styles that fight the auth card */
body.pg-live-auth .pg-auth-card h1{ font-family:var(--disp) !important; }
body.pg-live-auth .pg-check input[type="checkbox"]{ margin:0; }
/* registration forms keep their Bootstrap fields inside the card (styled by the pg-app.css component layer) */
body.pg-live-auth .pg-auth-card .pg-form .form-group{ margin-bottom:var(--s4); }
body.pg-live-auth .pg-auth-card .pg-form .relative{ position:relative; }
/* Hope UI heading colours/fonts on the PSP sign-in pages */
body.pg-live-auth .pg-auth-card h1{ color:var(--navy) !important; }
body.pg-live-auth .pg-safe h3, body.pg-live-auth .pg-need h3{ font-family:var(--mono) !important; }
body.pg-live-auth .pg-auth-card a{ color:var(--acc-deep); }
body.pg-live-auth .pg-auth-card > .pg-form{ position:relative; z-index:3; padding:22px 24px 26px; }
body.pg-live-auth .pg-auth-card > .pg-form .alert{ border-radius:12px; }
body.pg-live-auth .pg-auth-card > .pg-form .btn{ width:100%; }
@media (max-width:560px){ body.pg-live-auth .pg-auth-card > .pg-form{ padding:18px 16px 22px; } }

/* ==========================================================================
   DASHONIC CONTENT (merchant-new) — page title row = site .panel-title
   ========================================================================== */
body.pg-live--dashonic .page-title-box{ flex-wrap:wrap; gap:var(--s2) var(--s3); min-height:32px; margin:6px var(--s1) 14px; padding:0 !important; background:transparent !important; }
body.pg-live--dashonic .page-title-box h4{ display:flex; align-items:center; gap:10px; margin:0; font-family:var(--disp) !important; font-weight:500 !important;
  font-size:13px !important; line-height:1.45; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-grey) !important; }
body.pg-live--dashonic .page-title-box h4::before{ content:''; flex:none; width:4px; height:14px; border-radius:3px; background:linear-gradient(180deg, var(--acc-lite), var(--acc-deep)); }
body.pg-live--dashonic .page-title-box .breadcrumb:not(:has(.breadcrumb-item:nth-child(3))){ display:none !important; }
body.pg-live--dashonic .page-title-box .breadcrumb{ display:flex; align-items:center; margin:0; padding:0; background:transparent; font-family:var(--mono);
  font-size:8.5px; letter-spacing:.16em; text-transform:uppercase; }
body.pg-live--dashonic .page-title-box .breadcrumb-item, body.pg-live--dashonic .page-title-box .breadcrumb-item a{ color:var(--ink-mute); }
/* theme "light" button variants (Mantis btn-light-*, Hope UI btn-soft-*) = site .btn secondary glass */
body.pg-live .btn[class*="btn-light-"], body.pg-live .btn[class*="btn-soft-"], body.pg-live .btn-outline-warning, body.pg-live .btn-warning{
  background:var(--glass-hi) !important; border:1px solid var(--line) !important; color:var(--ink) !important; box-shadow:none !important; font-weight:500 !important; }
body.pg-live .btn[class*="btn-light-"]:hover, body.pg-live .btn[class*="btn-soft-"]:hover, body.pg-live .btn-outline-warning:hover, body.pg-live .btn-warning:hover{
  border-color:var(--acc) !important; color:var(--acc-deep) !important; }
/* empty table rows: one calm sentence on the row's vertical centre */
body.pg-live .table tbody td[colspan]{ height:56px; text-align:center; vertical-align:middle; color:var(--ink-mute) !important; font-size:13px; white-space:normal !important; }
/* tab labels the themes swap for icon-font glyphs on phones: keep the words (the icon font is a CDN extra) */
body.pg-live .nav-link > .d-block.d-sm-none:has(> i.fa, > i.fas, > i.far){ display:none !important; }
body.pg-live .nav-link > .d-none.d-sm-block{ display:block !important; }
/* settings: the regenerate-key tiles were painted in the retired theme colour */
body.pg-live #liveModel svg rect, body.pg-live #testModel svg rect{ fill:var(--blood); }