/* GDN visual layer, loaded after the template CSS.
 *
 * The vendor theme stays untouched: this file only overrides it, so removing
 * the <link> restores the previous look. Both themes share these rules; the
 * dark theme only redefines the --gdn-* tokens. The :is() guard matches every
 * body but carries the specificity needed to beat the vendor dark preset. */

@font-face { font-family: "IBM Plex Sans"; font-weight: 400; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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"; font-weight: 500; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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"; font-weight: 600; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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"; font-weight: 700; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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"; font-weight: 400; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Sans"; font-weight: 500; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Sans"; font-weight: 600; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Sans"; font-weight: 700; font-display: swap;
  src: url("../fonts/ibm-plex-sans/ibm-plex-sans-latin-ext-700-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --gdn-oxblood: #691b1b;
  --gdn-oxblood-dark: #521414;
  --gdn-rail: #691b1b;
  --gdn-rail-text: #f3e6e6;
  --gdn-rail-muted: #dcbcbc;
  --gdn-canvas: #f2f3f5;
  --gdn-surface: #ffffff;
  --gdn-ink: #1d2129;
  --gdn-muted: #5c6470;
  --gdn-line: #e1e4e9;
  --gdn-control-line: #c9ced6;
  --gdn-row-hover: #f6f1f1;
  --gdn-accent: #691b1b;
  --gdn-selected: #691b1b;
  --gdn-rail-width: 288px;
  --gdn-header-height: 64px;
}

/* Dark theme: a deep wine rail over warm neutrals; the accent lightens to stay
   legible. The html attribute comes from gdn-theme.js, ahead of pcoded.js, so
   the page is already dark while the body has no theme attribute yet. */
html[data-gdn-theme=dark] body,
body[data-pc-theme=dark] {
  --gdn-oxblood: #8a2a2a;
  --gdn-oxblood-dark: #a03434;
  --gdn-rail: #3d1114;
  --gdn-canvas: #171214;
  --gdn-surface: #221b1d;
  --gdn-ink: #ece7e8;
  --gdn-muted: #aaa0a3;
  --gdn-line: #392f32;
  --gdn-control-line: #54494c;
  --gdn-row-hover: #2c2326;
  --gdn-accent: #eaa9a9;
  --gdn-selected: #7a2525;
  --bs-card-bg: var(--gdn-surface);
  --bs-tertiary-bg: var(--gdn-surface);
}

/* Set by gdn-theme.js before the body exists: no white flash on load. */
html[data-gdn-theme=dark],
html[data-gdn-theme=dark] body { background: #171214; color: #ece7e8; }

body {
  font-family: "IBM Plex Sans", system-ui, sans-serif !important;
}

:is(body, [data-pc-theme][data-pc-preset]) {
  --bs-body-font-family: "IBM Plex Sans", system-ui, sans-serif;
  --bs-body-bg: var(--gdn-canvas);
  --bs-body-color: var(--gdn-ink);
  --bs-border-color: var(--gdn-line);
  --bs-border-radius: 6px;
  --bs-border-radius-lg: 10px;
  --bs-table-striped-bg: transparent;
  background: var(--gdn-canvas);
  color: var(--gdn-ink);
  font-size: 14px;
}

/* Frame: the brand color leaves the content and moves to the rail. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-container {
  background: var(--gdn-canvas);
  border-radius: 0;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-header {
  background: var(--gdn-surface);
  border-bottom: 1px solid var(--gdn-line);
  height: var(--gdn-header-height);
  min-height: var(--gdn-header-height);
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .header-wrapper { min-height: var(--gdn-header-height); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header {
  background: var(--gdn-rail);
  height: var(--gdn-header-height);
  min-height: var(--gdn-header-height);
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .logo-lg {
  filter: brightness(0) invert(1);
  max-height: 26px;
  width: auto;
}
/* The mobile drawer brings its own logo. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .m-header { background: var(--gdn-rail); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .m-header .logo-lg {
  filter: brightness(0) invert(1);
  max-height: 26px;
  width: auto;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link {
  background: transparent;
  color: var(--gdn-rail-text);
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link i { color: inherit; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link:hover { background: rgba(255, 255, 255, .1); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-secondary {
  background: transparent;
  border-radius: 6px;
  color: var(--gdn-muted);
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-secondary:hover { background: var(--gdn-canvas); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-secondary:not(.m-0):hover,
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-secondary:not(.m-0):hover > i,
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-secondary:not(.m-0):hover span { color: var(--gdn-muted); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link.head-link-secondary,
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link.head-link-secondary:focus { background: transparent; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link.head-link-secondary:hover { background: rgba(255, 255, 255, .1); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link.head-link-secondary i,
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header .pc-head-link.head-link-secondary:hover i { color: var(--gdn-rail-text); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-primary {
  background: transparent;
  border-radius: 6px;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-primary,
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-primary i,
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-primary:hover,
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-primary:hover i { color: var(--gdn-muted); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-header .pc-head-link.head-link-primary:hover { background: var(--gdn-canvas); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar {
  background: var(--gdn-rail);
  top: var(--gdn-header-height);
  border: 0;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-container { top: var(--gdn-header-height); }

@media (min-width: 1025px) {
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar,
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .navbar-wrapper,
  :is(body, [data-pc-theme][data-pc-preset]) .pc-header .m-header { width: var(--gdn-rail-width); }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar.pc-sidebar-hide { width: 0; }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar ~ .pc-container,
  :is(body, [data-pc-theme][data-pc-preset]) .pc-container {
    margin-left: var(--gdn-rail-width);
    margin-right: 0;
  }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar.pc-sidebar-hide ~ .pc-container { margin-left: 0; }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar ~ .pc-footer { margin-left: var(--gdn-rail-width); }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar.pc-sidebar-hide ~ .pc-footer { margin-left: 0; }
}
@media (max-width: 1024px) {
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar { top: 0; width: 280px; left: -280px; }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar.mob-sidebar-active { left: 0; }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .navbar-wrapper { width: 280px; }
  :is(body, [data-pc-theme][data-pc-preset]) .pc-container { margin-left: 0; margin-right: 0; }
}

/* Rail navigation. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link .pc-mtext,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link .pc-arrow,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link .pc-micon i,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link .pc-micon svg {
  color: var(--gdn-rail-text);
  stroke: currentColor;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar > .pc-item > .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-submenu .pc-link {
  background: transparent;
  border-radius: 6px;
  font-weight: 400 !important;
}
/* Hover and focus: the vendor preset paints a light pink that hides the rail text. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active):hover > .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active):focus > .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active) > .pc-link:hover,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active) > .pc-link:focus {
  background: rgba(255, 255, 255, .12) !important;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active):hover > .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active):hover > .pc-link .pc-mtext,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active):hover > .pc-link .pc-arrow,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active):hover > .pc-link i,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active):hover > .pc-link svg,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active) > .pc-link:focus,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active) > .pc-link:focus .pc-mtext,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item:not(.active) > .pc-link:focus i {
  color: #fff !important;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-hasmenu.active:hover > .pc-link { background: rgba(255, 255, 255, .12) !important; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-submenu .pc-item:hover:before,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-submenu .pc-item.active:before { background: #fff; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-hasmenu.pc-trigger > .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-hasmenu.active > .pc-link {
  background: transparent !important;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-hasmenu.active > .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-hasmenu.active > .pc-link .pc-mtext,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-hasmenu.active > .pc-link .pc-micon i,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-hasmenu.active > .pc-link .pc-arrow {
  color: #fff !important;
  font-weight: 600;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link {
  align-items: center;
  display: flex;
  font-size: 13.5px;
  gap: 2px;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link .pc-mtext { flex: 1; min-width: 0; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-link .pc-arrow { float: none; margin-left: auto; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-item.pc-caption label,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-caption { color: var(--gdn-rail-muted); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-submenu:after,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-submenu .pc-item:before { background: rgba(255, 255, 255, .14); }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-caption:not(:first-child):after { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .18); }

/* The active page cuts into the rail like the bit of a key. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item.active:not(.pc-hasmenu) > .pc-link {
  background: var(--gdn-canvas) !important;
  border-radius: 6px 0 0 6px;
  font-weight: 600 !important;
  margin-right: 0;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item.active:not(.pc-hasmenu) > .pc-link,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item.active:not(.pc-hasmenu) > .pc-link .pc-mtext,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item.active:not(.pc-hasmenu) > .pc-link .pc-micon i,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar .pc-item.active:not(.pc-hasmenu) > .pc-link .pc-micon svg {
  color: var(--gdn-accent) !important;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-item.active:not(.pc-hasmenu):before { display: none; }

/* The reseller note stays available without competing with the menu. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar-card {
  background: rgba(255, 255, 255, .06) !important;
  border-radius: 6px !important;
  color: var(--gdn-rail-text);
  overflow: hidden;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar-card:before,
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar-card:after { display: none; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar-card h4 { font-size: 14px; font-weight: 600; }
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar-card p {
  color: var(--gdn-rail-text);
  font-size: 13px;
  opacity: 1;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar .pc-navbar-card .btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: none;
  color: #fff !important;
}

/* Page head sits on the canvas instead of inside a box. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-container .page-header {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
  padding: 4px 0 0;
}
:is(body, [data-pc-theme][data-pc-preset]) .page-header h5,
:is(body, [data-pc-theme][data-pc-preset]) .page-header .page-header-title h5 {
  color: var(--gdn-ink);
  font-size: 20px;
  font-weight: 600;
}
:is(body, [data-pc-theme][data-pc-preset]) .breadcrumb,
:is(body, [data-pc-theme][data-pc-preset]) .breadcrumb a,
:is(body, [data-pc-theme][data-pc-preset]) .breadcrumb-item { color: var(--gdn-muted); font-size: 13px; }
:is(body, [data-pc-theme][data-pc-preset]) .page-header:has(.page-header-title h5:empty):has(.breadcrumb-item:empty) { display: none; }
:is(body, [data-pc-theme][data-pc-preset]) .card-header:has(> .row h5:empty):has(> .row small:empty) { display: none; }


/* Below 1025px the theme padding is smaller than the row gutter: 2px of page overflow. */
@media (max-width: 1024px) {
  :is(body, [data-pc-theme][data-pc-preset]) .pc-container .pc-content { padding-left: 14px; padding-right: 14px; }
}

/* Surfaces. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .card {
  background: var(--gdn-surface);
  border: 1px solid var(--gdn-line);
  border-radius: 10px;
  box-shadow: none;
  margin-bottom: 20px;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .card-header {
  background: transparent;
  border-bottom: 1px solid var(--gdn-line);
  padding: 16px 20px;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .card-header h5 {
  color: var(--gdn-ink);
  font-size: 15px;
  font-weight: 600;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .card-header small { color: var(--gdn-muted); }

/* A card inside a card only groups content: one outline is enough. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .card .card {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .card .card .card-header { padding-left: 0; padding-right: 0; }

/* Tables are the main reading surface: flat rows, quiet head, aligned digits. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-hover-bg: var(--gdn-row-hover);
  border-color: var(--gdn-line);
  color: var(--gdn-ink);
  font-size: 13.5px;
  font-variant-numeric: tabular-nums;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table.table-bordered,
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table.table-bordered > :not(caption) > * > * {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table thead th {
  background: var(--gdn-surface);
  border-bottom: 1px solid var(--gdn-control-line);
  color: var(--gdn-muted);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
/* Opaque cells: the pinned actions column (.aa1-actions-col, gdn.css) must keep
   hiding the row that scrolls behind it, in every row and on hover. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table tbody td {
  background: var(--gdn-surface) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--gdn-line);
  box-shadow: none !important;
  padding: 9px 12px;
  vertical-align: middle;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table tbody tr:hover td { background: var(--gdn-row-hover) !important; }
/* Selected rows (DataTables Select, SearchPanes) keep white text on the brand color. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table tbody tr.selected td,
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table tbody tr.selected:hover td {
  background: var(--gdn-selected) !important;
  color: #fff;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table tbody tr.selected td a { color: #fff; }

/* SearchPanes keeps its compact rows. */
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .dtsp-searchPane .table tbody td { padding: 5px 10px; }

/* Controls. */
:is(body, [data-pc-theme][data-pc-preset]) .btn {
  border-radius: 6px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .nav-tabs .text-uppercase,
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .table .btn.text-uppercase { text-transform: none !important; }
:is(body, [data-pc-theme][data-pc-preset]) .btn-primary,
:is(body, [data-pc-theme][data-pc-preset]) .auth-main .btn-secondary,
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .btn-danger {
  --bs-btn-bg: var(--gdn-oxblood);
  --bs-btn-border-color: var(--gdn-oxblood);
  --bs-btn-hover-bg: var(--gdn-oxblood-dark);
  --bs-btn-hover-border-color: var(--gdn-oxblood-dark);
  --bs-btn-active-bg: var(--gdn-oxblood-dark);
  --bs-btn-active-border-color: var(--gdn-oxblood-dark);
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .dt-buttons .btn,
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .dt-buttons .dt-button {
  background: var(--gdn-surface);
  border: 1px solid var(--gdn-control-line);
  color: var(--gdn-ink);
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .dt-buttons .btn:hover,
:is(body, [data-pc-theme][data-pc-preset]) .pc-content .dt-buttons .dt-button:hover { background: var(--gdn-canvas); }
:is(body, [data-pc-theme][data-pc-preset]) .form-control,
:is(body, [data-pc-theme][data-pc-preset]) .form-select { border-color: var(--gdn-control-line); border-radius: 6px; }
:is(body, [data-pc-theme][data-pc-preset]) .form-control:focus,
:is(body, [data-pc-theme][data-pc-preset]) .form-select:focus {
  border-color: var(--gdn-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gdn-accent) 18%, transparent);
}
:is(body, [data-pc-theme][data-pc-preset]) a:focus-visible,
:is(body, [data-pc-theme][data-pc-preset]) button:focus-visible,
:is(body, [data-pc-theme][data-pc-preset]) .btn:focus-visible {
  outline: 2px solid var(--gdn-accent);
  outline-offset: 2px;
}
:is(body, [data-pc-theme][data-pc-preset]) .pc-sidebar a:focus-visible { outline-color: #fff; }
:is(body, [data-pc-theme][data-pc-preset]) .page-link { border-color: var(--gdn-line); color: var(--gdn-ink); }
:is(body, [data-pc-theme][data-pc-preset]) .page-item.active .page-link {
  background: var(--gdn-oxblood);
  border-color: var(--gdn-oxblood);
  color: #fff;
}

/* Sign-in pages share the rail color, so the product starts as it continues. */
:is(body, [data-pc-theme][data-pc-preset]) .auth-main .auth-wrapper.v1 .auth-form { background: var(--gdn-rail); }

/* Toasts: below the header, opaque, and the message says it all (the plugin
   title is always in English). */
:is(body, [data-pc-theme][data-pc-preset]) #toast-container.toast-top-right { top: calc(var(--gdn-header-height) + 12px); }
:is(body, [data-pc-theme][data-pc-preset]) #toast-container > div {
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(29, 33, 41, .24);
  font-family: inherit;
  opacity: 1;
}
:is(body, [data-pc-theme][data-pc-preset]) #toast-container > .toast-success { background-color: #1f6f4a; }
:is(body, [data-pc-theme][data-pc-preset]) #toast-container > .toast-warning { background-color: #8a5300; }
:is(body, [data-pc-theme][data-pc-preset]) #toast-container > .toast-info { background-color: #1d6880; }
:is(body, [data-pc-theme][data-pc-preset]) #toast-container .toast-title { display: none; }

/* Light badges need dark text: white on amber fails contrast. */
:is(body, [data-pc-theme][data-pc-preset]) .badge.bg-warning,
:is(body, [data-pc-theme][data-pc-preset]) .badge.bg-light,
:is(body, [data-pc-theme][data-pc-preset]) .badge.bg-info,
.color-block.bg-yellow-900 { color: #1d2129 !important; }

/* Surfaces and text the vendor dark preset paints in its navy palette. */
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-content a:not(.btn):not(.dropdown-item):not(.nav-link):not(.page-link) { color: var(--gdn-accent); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-content .breadcrumb a { color: var(--gdn-muted); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-content .nav-link:hover,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-content .nav-link:focus { color: var(--gdn-accent); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .text-primary { color: var(--gdn-accent) !important; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-content [class*=btn-outline-]:not(:hover) {
  border-color: var(--gdn-accent);
  color: var(--gdn-accent);
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-content [class*=btn-outline-]:hover {
  background: var(--gdn-oxblood);
  border-color: var(--gdn-oxblood);
  color: #fff;
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-header .header-wrapper .pc-head-link i { color: var(--gdn-muted) !important; }
#gdn-theme-toggle { background: transparent; border: 0; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .form-control,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .form-select,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .page-item:not(.active) .page-link {
  background-color: var(--gdn-surface) !important;
  color: var(--gdn-ink);
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .form-control:disabled,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .form-select:disabled { background-color: var(--gdn-canvas) !important; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .form-floating > label { color: var(--gdn-muted); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .dropdown-menu {
  --bs-dropdown-bg: var(--gdn-surface);
  --bs-dropdown-link-color: var(--gdn-ink);
  --bs-dropdown-link-hover-bg: var(--gdn-row-hover);
  --bs-dropdown-link-hover-color: var(--gdn-ink);
  background: var(--gdn-surface);
  border-color: var(--gdn-line);
  color: var(--gdn-ink);
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main .card { background: var(--gdn-surface); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main .card img { filter: brightness(0) invert(1); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main .auth-sidecontent { background: var(--gdn-canvas); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main h1,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main h2,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main h3,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main h4,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main h5,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main h6,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .auth-main a { color: var(--gdn-ink); }

/* Parts the vendor dark preset leaves on light or navy colors. */
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) h1, :is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) h2, :is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) h3, :is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) h4, :is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) h5, :is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) h6 { color: var(--gdn-ink); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-footer a { color: var(--gdn-muted); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-footer a:hover,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-footer a:focus { color: var(--gdn-accent); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .modal-content,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .modal-header,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .modal-footer {
  background: var(--gdn-surface);
  border-color: var(--gdn-line);
  color: var(--gdn-ink);
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .modal-title { color: var(--gdn-ink); }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .apexcharts-tooltip,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .apexcharts-tooltip-title,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .apexcharts-xaxistooltip,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .apexcharts-yaxistooltip,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .apexcharts-menu {
  background: var(--gdn-surface) !important;
  border-color: var(--gdn-control-line) !important;
  color: var(--gdn-ink) !important;
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .apexcharts-menu-item:hover { background: var(--gdn-row-hover) !important; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .note-editable {
  background: var(--gdn-surface);
  color: var(--gdn-ink);
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .text-success,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .pc-content span[style*="darkgreen"] { color: #6fcf97 !important; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .badge.bg-success {
  background-color: #1f6f4a !important;
  color: #fff;
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aaa0a3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .color-block.bg-green-900 { background-color: #1f6f4a !important; color: #fff; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .color-block.bg-red-900 { background-color: #b3262e !important; color: #fff; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .note-dropdown-menu,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .note-modal-content {
  background: var(--gdn-surface);
  border-color: var(--gdn-line);
  color: var(--gdn-ink);
}
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .note-dropdown-item,
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .note-dropdown-item * { color: var(--gdn-ink) !important; }
:is(html[data-gdn-theme=dark] body, body[data-pc-theme=dark]) .note-dropdown-item:hover { background: var(--gdn-row-hover); }