.content {
    max-width: 100% !important;
}

.page-header {
    margin-left: auto;
    margin-right: auto;
}

.page-header,
.page-node {
    max-width: 900px !important;
}

.footer > .page-node {
    max-width: unset !important;
}

.show-api-client-button {
    display: none !important;
}

.request-card-footer {
    display: none !important;
}

.scalar-card-header.scalar-card-header-tabs > div:nth-of-type(2) {
  display: none !important;
}

.light-mode .t-doc__sidebar,
.dark-mode .t-doc__sidebar {
    --scalar-border-color: #e8e8f0;
    --scalar-sidebar-background-1: #F3F5FF;
    --scalar-sidebar-color-1: #2e324b;
    --scalar-sidebar-color-2: #6b7080;
    --scalar-sidebar-border-color: var(--scalar-border-color);

    --scalar-sidebar-item-hover-background: #ffffff;
    --scalar-sidebar-item-hover-color: #2e324b;

    --scalar-sidebar-item-active-background: #ffffff;
    --scalar-sidebar-color-active: #5b5fc7;

    --scalar-sidebar-indent-border: #e8e8f0;
    --scalar-sidebar-indent-border-hover: #d0d4f0;
    --scalar-sidebar-indent-border-active: #5b5fc7;

    --scalar-sidebar-search-background: #ffffff;
    --scalar-sidebar-search-color: #2e324b;
    --scalar-sidebar-search-border-color: #d0d4f0;
}
.light-mode .t-doc__sidebar button[aria-selected="true"],
.dark-mode .t-doc__sidebar button[aria-selected="true"] {
    font-weight: bold;
}

.t-editor__page-link {
  box-shadow: var(--scalar-shadow-1);
  border-radius: var(--scalar-radius);
  background: var(--scalar-background-2);
  padding: 16px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.light-mode .t-editor__anchor {
  --font-visited: #681da8;
  --font-hover: #681da8;
}

.dark-mode .t-editor__anchor {
  --font-visited: #c58af9;
  --font-hover: #c58af9;
}

.t-editor__anchor {
  --font-color: var(--scalar-color-accent);
  --font-hover: var(--scalar-color-accent);
  --text-decoration: none;
  --text-decoration-hover: underline;
}

.section-column table {
  table-layout: auto !important;
}

.layout-footer {
    padding: 100px 50px;
}

.layout-footer .page-node {
    max-width: unset !important;
}

@media screen and (max-width: 1000px) {
    .layout-footer {
        padding: 10px;
    }
}
.t-doc__sidebar button,
.t-doc__sidebar a {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif !important;
}
.t-doc__sidebar a[href="https://product-docs.partech.com"] {
    font-weight: normal;
    color: #5b5fc7;
    background-color: #ffffff;
    border-radius: 6px;
}

.t-doc__sidebar a[href="https://product-docs.partech.com"] .group\/button-label {
    font-weight: normal;
    color: #5b5fc7;
}

.page-nav__container {
  display: none !important;
}
/* Table heading styles */
.t-editor__table thead th {
    background-color: #5b5fc7 !important;
    color:#ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
/* Table font size */
.t-editor__table td {
    font-size: 16px !important;
}
/* callout font size */
.callout-content__text,
.callout-content__text p,
.callout-content__text ul,
.callout-content__text li,
.callout-content__text .t-editor__list {
    font-size: inherit !important;
}
/* Force plain numbers (1, 2, 3) at every nesting level of ordered lists,
   instead of Scalar's default lower-alpha / lower-roman for nested levels,
   to match how these numbered steps rendered on the original ProProfs site. */
ol.t-editor__list {
  list-style-type: decimal !important;
}

/* Nested (indented) unordered list items should show as open/hollow circles
   instead of filled dots, matching the original ProProfs site styling.
   Scalar sets list-style-type: disc directly on <li> elements (not just the
   parent <ul>), so overriding the <ul> alone has no visual effect — the
   override has to target the nested <li> itself. */
li ul.t-editor__list > li {
  list-style-type: circle !important;
}

/* divider line above H2s */
h2 {
  border-top: 1px solid #E2E4EA;
  padding-top: 24px;
  margin-top: 16px !important;
}
/* Undo the divider for H2s inside accordion/detail dropdowns */
.t-editor__detail-content h2 {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
/* Accordion: Light mode: light grey background */
.light-mode .t-editor__detail-summary {
  background-color: #FAFAFB;
}

/* Accordion: Dark mode: dark background instead, so text stays readable */
.dark-mode .t-editor__detail-summary {
  background-color: #2A2D3A;
  color: #E5E5EA;
}

/* PAR OPS product tag */

:root {
  --pd-label: "PAR OPS";
  --pd-accent: #929FFD;
  --pd-tile: #EDEFFF;
  --pd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23929FFD' stroke-width='2'%3E%3Crect x='18' y='3' width='4' height='18'/%3E%3Crect x='10' y='8' width='4' height='13'/%3E%3Crect x='2' y='13' width='4' height='8'/%3E%3C/svg%3E");
  --pd-text: var(--scalar-color-1);
}

/* Tile stays light in dark mode, matching the home page cards, so the label
   needs an explicit dark colour here. */
.dark-mode {
  --pd-text: #2e324b;
  --pd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23929FFD' stroke-width='2'%3E%3Crect x='18' y='3' width='4' height='18'/%3E%3Crect x='10' y='8' width='4' height='13'/%3E%3Crect x='2' y='13' width='4' height='8'/%3E%3C/svg%3E");
}

.page-body .page-node.t-prose:has(> h1)::before {
  content: var(--pd-label);
  display: block;
  width: fit-content;
  margin: 0 0 14px;
  padding: 5px 14px 5px 33px;
  border: 1px solid color-mix(in srgb, var(--pd-accent) 24%, transparent);
  border-radius: 999px;
  background: var(--pd-icon) 13px center / 14px 14px no-repeat, var(--pd-tile);
  color: var(--pd-text);
  font-family: Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

@media print {
  .page-body .page-node.t-prose:has(> h1)::before {
    display: none;
  }
}
/* Screenshots inside numbered steps. Scalar forces these to a tiny computed
   size, so width/height need !important to win. Scoped to images inside list
   items and paragraphs, which is where all step screenshots live. */
.page-node li img,
.page-node p img,
.t-editor__list li img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 440px !important;
  margin: 12px 0;
}

/* Guard: page chrome must never be caught by the rule above. The homepage hero
   logo sets its own height and sits inline beside the title text. */
.par-ops-hero-title img {
  display: inline-block !important;
  width: auto !important;
  height: 36px !important;
  max-height: none !important;
  margin: 0 12px 0 0 !important;
}

/* Pin article content to a consistent left offset. Scalar centres the 900px
   .page-node column in whatever space is left beside the sidebar, so pages
   without an H2 (and therefore no right-hand TOC) get a wider leftover area
   and the column drifts right. Anchoring the left margin keeps every page
   aligned whether or not a TOC is present. Scoped to .page-body so the
   footer and the full-width homepage layout are unaffected.

   .page-header carries the breadcrumb and needs the same treatment: it has
   margin-left: auto near the top of this file, so without this it centres on
   TOC-less pages while the article below it stays left-anchored, leaving the
   breadcrumb indented past its own H1. */
.page-body .page-node,
.page-body .page-header {
  margin-left: 0 !important;
  margin-right: auto !important;
}