/* ============================================================
   EIS v4 component library — loaded by workspace_tool_head()
   on every v4 page.

   Edit the :root variables below to change the global look-and-
   feel (font, type scale, color palette, spacing density). One
   edit here propagates to every v4 page on the site.

   Class names: canonical is .v4-<thing>. Legacy per-page prefixes
   (pv4-, tmc-, rh4-, etc. — see PREFIXES in generate_v4_css.py)
   are aliased to the same shapes for backwards compat with
   existing pages.
   ============================================================ */

:root {
  /* Type — change here to swap the entire site font */
  --v4-font-family: "Sora", "Inter", -apple-system, BlinkMacSystemFont,
                    "Segoe UI", Roboto, sans-serif;
  --v4-font-mono:   ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --v4-font-base:   0.92rem;
  --v4-font-sm:     0.82rem;
  --v4-font-xs:     0.74rem;
  --v4-font-h:      1.4rem;
  --v4-letter-spacing: 0.06em;

  /* Surfaces */
  --v4-surface:        #ffffff;
  --v4-surface-alt:    #f7fafc;
  --v4-surface-hover:  #f9fafb;
  --v4-border:         #e4e7eb;
  --v4-border-strong:  #d2d6dc;

  /* Text */
  --v4-text:        #1a202c;
  --v4-text-muted:  #4a5568;
  --v4-text-faint:  #6b7280;
  --v4-text-dim:    #94a3b8;

  /* Brand + status */
  --v4-brand:           #012169;
  --v4-success:         #1a8b5b;
  --v4-success-darker:  #166f49;
  --v4-success-bg:      #dcfce7;
  --v4-success-border:  #86efac;
  --v4-success-text:    #166534;
  --v4-warn:            #b45309;
  --v4-warn-bg:         #fef3c7;
  --v4-warn-border:     #fcd34d;
  --v4-warn-text:       #92400e;
  --v4-danger:          #b91c1c;
  --v4-danger-bg:       #fee2e2;
  --v4-danger-border:   #fca5a5;
  --v4-danger-text:     #991b1b;
  --v4-info:            #3182ce;
  --v4-info-bg:         #dbeafe;
  --v4-info-border:     #93c5fd;
  --v4-info-text:       #1e3a8a;

  /* Spacing + density */
  --v4-radius:        10px;
  --v4-radius-sm:     6px;
  --v4-radius-pill:   999px;
  --v4-pad-card:      0.9rem 1.1rem;
  --v4-pad-cell:      0.55rem 0.85rem;
  --v4-gap:           1.5rem;
  --v4-gap-sm:        0.6rem;
  --v4-shadow-focus:  0 0 0 3px rgba(49, 130, 206, 0.12);

  /* Page width */
  --v4-container-max: 1380px;
}

/* All v4 page bodies use the global font */
body.ws-page,
body.ws-tool {
  font-family: var(--v4-font-family);
}

.v4-container,
.addc4-container,
.ar4-container,
.dtt4-container,
.ed4-container,
.eh4-container,
.inc4-container,
.je4-container,
.jem4-container,
.js4-container,
.jss4-container,
.lc4-container,
.lh4-container,
.ls4-container,
.mt4-container,
.pv4-container,
.qse4-container,
.qty4-container,
.ra4-container,
.re4-container,
.rh4-container,
.rt4-container,
.sc4-container,
.scp4-container,
.sd4-container,
.sqr4-container,
.ta4-container,
.tme4-container,
.ts4-container,
.vc4-container,
.vcr4-container,
.vct4-container,
.veet4-container,
.vinc4-container,
.vmr4-container,
.vq4-container,
.vt4-container,
.vx4-container,
.vxr4-container,
.tmc-container {

  max-width: var(--v4-container-max);
  margin: 1.25rem auto 4rem;
  padding: 0 1.25rem;
}

.v4-toolbar,
.addc4-toolbar,
.ar4-toolbar,
.dtt4-toolbar,
.ed4-toolbar,
.eh4-toolbar,
.inc4-toolbar,
.je4-toolbar,
.jem4-toolbar,
.js4-toolbar,
.jss4-toolbar,
.lc4-toolbar,
.lh4-toolbar,
.ls4-toolbar,
.mt4-toolbar,
.pv4-toolbar,
.qse4-toolbar,
.qty4-toolbar,
.ra4-toolbar,
.re4-toolbar,
.rh4-toolbar,
.rt4-toolbar,
.sc4-toolbar,
.scp4-toolbar,
.sd4-toolbar,
.sqr4-toolbar,
.ta4-toolbar,
.tme4-toolbar,
.ts4-toolbar,
.vc4-toolbar,
.vcr4-toolbar,
.vct4-toolbar,
.veet4-toolbar,
.vinc4-toolbar,
.vmr4-toolbar,
.vq4-toolbar,
.vt4-toolbar,
.vx4-toolbar,
.vxr4-toolbar,
.tmc-toolbar {

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--v4-gap);
  flex-wrap: wrap;
  background: var(--v4-surface);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius);
  padding: var(--v4-pad-card);
  margin-bottom: 0.7rem;
}

.v4-toolbar-right,
.addc4-toolbar-right,
.ar4-toolbar-right,
.dtt4-toolbar-right,
.ed4-toolbar-right,
.eh4-toolbar-right,
.inc4-toolbar-right,
.je4-toolbar-right,
.jem4-toolbar-right,
.js4-toolbar-right,
.jss4-toolbar-right,
.lc4-toolbar-right,
.lh4-toolbar-right,
.ls4-toolbar-right,
.mt4-toolbar-right,
.pv4-toolbar-right,
.qse4-toolbar-right,
.qty4-toolbar-right,
.ra4-toolbar-right,
.re4-toolbar-right,
.rh4-toolbar-right,
.rt4-toolbar-right,
.sc4-toolbar-right,
.scp4-toolbar-right,
.sd4-toolbar-right,
.sqr4-toolbar-right,
.ta4-toolbar-right,
.tme4-toolbar-right,
.ts4-toolbar-right,
.vc4-toolbar-right,
.vcr4-toolbar-right,
.vct4-toolbar-right,
.veet4-toolbar-right,
.vinc4-toolbar-right,
.vmr4-toolbar-right,
.vq4-toolbar-right,
.vt4-toolbar-right,
.vx4-toolbar-right,
.vxr4-toolbar-right,
.tmc-toolbar-right {

  display: flex;
  align-items: center;
  gap: var(--v4-gap-sm);
  flex-wrap: wrap;
}

.v4-stats,
.addc4-stats,
.ar4-stats,
.dtt4-stats,
.ed4-stats,
.eh4-stats,
.inc4-stats,
.je4-stats,
.jem4-stats,
.js4-stats,
.jss4-stats,
.lc4-stats,
.lh4-stats,
.ls4-stats,
.mt4-stats,
.pv4-stats,
.qse4-stats,
.qty4-stats,
.ra4-stats,
.re4-stats,
.rh4-stats,
.rt4-stats,
.sc4-stats,
.scp4-stats,
.sd4-stats,
.sqr4-stats,
.ta4-stats,
.tme4-stats,
.ts4-stats,
.vc4-stats,
.vcr4-stats,
.vct4-stats,
.veet4-stats,
.vinc4-stats,
.vmr4-stats,
.vq4-stats,
.vt4-stats,
.vx4-stats,
.vxr4-stats,
.tmc-stats {

  display: flex;
  align-items: center;
  gap: 1.4rem;
  flex-wrap: wrap;
}

.v4-stat,
.addc4-stat,
.ar4-stat,
.dtt4-stat,
.ed4-stat,
.eh4-stat,
.inc4-stat,
.je4-stat,
.jem4-stat,
.js4-stat,
.jss4-stat,
.lc4-stat,
.lh4-stat,
.ls4-stat,
.mt4-stat,
.pv4-stat,
.qse4-stat,
.qty4-stat,
.ra4-stat,
.re4-stat,
.rh4-stat,
.rt4-stat,
.sc4-stat,
.scp4-stat,
.sd4-stat,
.sqr4-stat,
.ta4-stat,
.tme4-stat,
.ts4-stat,
.vc4-stat,
.vcr4-stat,
.vct4-stat,
.veet4-stat,
.vinc4-stat,
.vmr4-stat,
.vq4-stat,
.vt4-stat,
.vx4-stat,
.vxr4-stat,
.tmc-stat {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.05;
  border-left: 3px solid #cbd5e0;
  padding-left: 0.7rem;
}

.v4-stat-num,
.addc4-stat-num,
.ar4-stat-num,
.dtt4-stat-num,
.ed4-stat-num,
.eh4-stat-num,
.inc4-stat-num,
.je4-stat-num,
.jem4-stat-num,
.js4-stat-num,
.jss4-stat-num,
.lc4-stat-num,
.lh4-stat-num,
.ls4-stat-num,
.mt4-stat-num,
.pv4-stat-num,
.qse4-stat-num,
.qty4-stat-num,
.ra4-stat-num,
.re4-stat-num,
.rh4-stat-num,
.rt4-stat-num,
.sc4-stat-num,
.scp4-stat-num,
.sd4-stat-num,
.sqr4-stat-num,
.ta4-stat-num,
.tme4-stat-num,
.ts4-stat-num,
.vc4-stat-num,
.vcr4-stat-num,
.vct4-stat-num,
.veet4-stat-num,
.vinc4-stat-num,
.vmr4-stat-num,
.vq4-stat-num,
.vt4-stat-num,
.vx4-stat-num,
.vxr4-stat-num,
.tmc-stat-num {

  font-size: var(--v4-font-h);
  font-weight: 700;
  color: var(--v4-text);
  font-variant-numeric: tabular-nums;
}

.v4-stat-lbl,
.addc4-stat-lbl,
.ar4-stat-lbl,
.dtt4-stat-lbl,
.ed4-stat-lbl,
.eh4-stat-lbl,
.inc4-stat-lbl,
.je4-stat-lbl,
.jem4-stat-lbl,
.js4-stat-lbl,
.jss4-stat-lbl,
.lc4-stat-lbl,
.lh4-stat-lbl,
.ls4-stat-lbl,
.mt4-stat-lbl,
.pv4-stat-lbl,
.qse4-stat-lbl,
.qty4-stat-lbl,
.ra4-stat-lbl,
.re4-stat-lbl,
.rh4-stat-lbl,
.rt4-stat-lbl,
.sc4-stat-lbl,
.scp4-stat-lbl,
.sd4-stat-lbl,
.sqr4-stat-lbl,
.ta4-stat-lbl,
.tme4-stat-lbl,
.ts4-stat-lbl,
.vc4-stat-lbl,
.vcr4-stat-lbl,
.vct4-stat-lbl,
.veet4-stat-lbl,
.vinc4-stat-lbl,
.vmr4-stat-lbl,
.vq4-stat-lbl,
.vt4-stat-lbl,
.vx4-stat-lbl,
.vxr4-stat-lbl,
.tmc-stat-lbl {

  font-size: var(--v4-font-xs);
  text-transform: uppercase;
  letter-spacing: var(--v4-letter-spacing);
  color: var(--v4-text-faint);
  font-weight: 600;
  margin-top: 0.15rem;
}

.v4-stat-ok, .v4-stat-success, .v4-stat-on, .v4-stat-assigned,
.v4-stat-plate, .v4-stat-new {
  border-left-color: var(--v4-success);
}
.v4-stat-warn, .v4-stat-warning, .v4-stat-diff, .v4-stat-open,
.v4-stat-noplate, .v4-stat-re {
  border-left-color: var(--v4-warn);
}
.v4-stat-danger, .v4-stat-bad, .v4-stat-expired {
  border-left-color: var(--v4-danger);
}
.v4-stat-info, .v4-stat-sync {
  border-left-color: var(--v4-info);
}

.v4-search,
.addc4-search,
.ar4-search,
.dtt4-search,
.ed4-search,
.eh4-search,
.inc4-search,
.je4-search,
.jem4-search,
.js4-search,
.jss4-search,
.lc4-search,
.lh4-search,
.ls4-search,
.mt4-search,
.pv4-search,
.qse4-search,
.qty4-search,
.ra4-search,
.re4-search,
.rh4-search,
.rt4-search,
.sc4-search,
.scp4-search,
.sd4-search,
.sqr4-search,
.ta4-search,
.tme4-search,
.ts4-search,
.vc4-search,
.vcr4-search,
.vct4-search,
.veet4-search,
.vinc4-search,
.vmr4-search,
.vq4-search,
.vt4-search,
.vx4-search,
.vxr4-search,
.tmc-search {

  padding: 0.45rem 0.7rem;
  border: 1px solid var(--v4-border-strong);
  border-radius: var(--v4-radius-sm);
  font-size: var(--v4-font-base);
  font-family: inherit;
  min-width: 240px;
  background: var(--v4-surface);
}

.v4-select,
.addc4-select,
.ar4-select,
.dtt4-select,
.ed4-select,
.eh4-select,
.inc4-select,
.je4-select,
.jem4-select,
.js4-select,
.jss4-select,
.lc4-select,
.lh4-select,
.ls4-select,
.mt4-select,
.pv4-select,
.qse4-select,
.qty4-select,
.ra4-select,
.re4-select,
.rh4-select,
.rt4-select,
.sc4-select,
.scp4-select,
.sd4-select,
.sqr4-select,
.ta4-select,
.tme4-select,
.ts4-select,
.vc4-select,
.vcr4-select,
.vct4-select,
.veet4-select,
.vinc4-select,
.vmr4-select,
.vq4-select,
.vt4-select,
.vx4-select,
.vxr4-select,
.tmc-select {

  padding: 0.45rem 0.7rem;
  border: 1px solid var(--v4-border-strong);
  border-radius: var(--v4-radius-sm);
  font-size: var(--v4-font-base);
  font-family: inherit;
  background: var(--v4-surface);
  min-width: 180px;
}

.v4-search:focus, .v4-select:focus,
.addc4-search:focus,
.ar4-search:focus,
.dtt4-search:focus,
.ed4-search:focus,
.eh4-search:focus,
.inc4-search:focus,
.je4-search:focus,
.jem4-search:focus,
.js4-search:focus,
.jss4-search:focus,
.lc4-search:focus,
.lh4-search:focus,
.ls4-search:focus,
.mt4-search:focus,
.pv4-search:focus,
.qse4-search:focus,
.qty4-search:focus,
.ra4-search:focus,
.re4-search:focus,
.rh4-search:focus,
.rt4-search:focus,
.sc4-search:focus,
.scp4-search:focus,
.sd4-search:focus,
.sqr4-search:focus,
.ta4-search:focus,
.tme4-search:focus,
.ts4-search:focus,
.vc4-search:focus,
.vcr4-search:focus,
.vct4-search:focus,
.veet4-search:focus,
.vinc4-search:focus,
.vmr4-search:focus,
.vq4-search:focus,
.vt4-search:focus,
.vx4-search:focus,
.vxr4-search:focus,
.tmc-search:focus,
.addc4-select:focus,
.ar4-select:focus,
.dtt4-select:focus,
.ed4-select:focus,
.eh4-select:focus,
.inc4-select:focus,
.je4-select:focus,
.jem4-select:focus,
.js4-select:focus,
.jss4-select:focus,
.lc4-select:focus,
.lh4-select:focus,
.ls4-select:focus,
.mt4-select:focus,
.pv4-select:focus,
.qse4-select:focus,
.qty4-select:focus,
.ra4-select:focus,
.re4-select:focus,
.rh4-select:focus,
.rt4-select:focus,
.sc4-select:focus,
.scp4-select:focus,
.sd4-select:focus,
.sqr4-select:focus,
.ta4-select:focus,
.tme4-select:focus,
.ts4-select:focus,
.vc4-select:focus,
.vcr4-select:focus,
.vct4-select:focus,
.veet4-select:focus,
.vinc4-select:focus,
.vmr4-select:focus,
.vq4-select:focus,
.vt4-select:focus,
.vx4-select:focus,
.vxr4-select:focus,
.tmc-select:focus {
  outline: none;
  border-color: var(--v4-info);
  box-shadow: var(--v4-shadow-focus);
}

.v4-filter-buttons,
.addc4-filter-buttons,
.ar4-filter-buttons,
.dtt4-filter-buttons,
.ed4-filter-buttons,
.eh4-filter-buttons,
.inc4-filter-buttons,
.je4-filter-buttons,
.jem4-filter-buttons,
.js4-filter-buttons,
.jss4-filter-buttons,
.lc4-filter-buttons,
.lh4-filter-buttons,
.ls4-filter-buttons,
.mt4-filter-buttons,
.pv4-filter-buttons,
.qse4-filter-buttons,
.qty4-filter-buttons,
.ra4-filter-buttons,
.re4-filter-buttons,
.rh4-filter-buttons,
.rt4-filter-buttons,
.sc4-filter-buttons,
.scp4-filter-buttons,
.sd4-filter-buttons,
.sqr4-filter-buttons,
.ta4-filter-buttons,
.tme4-filter-buttons,
.ts4-filter-buttons,
.vc4-filter-buttons,
.vcr4-filter-buttons,
.vct4-filter-buttons,
.veet4-filter-buttons,
.vinc4-filter-buttons,
.vmr4-filter-buttons,
.vq4-filter-buttons,
.vt4-filter-buttons,
.vx4-filter-buttons,
.vxr4-filter-buttons,
.tmc-filter-buttons {

  display: inline-flex;
  border: 1px solid var(--v4-border-strong);
  border-radius: var(--v4-radius-sm);
  overflow: hidden;
  background: var(--v4-surface);
}

.v4-filter-btn,
.addc4-filter-btn,
.ar4-filter-btn,
.dtt4-filter-btn,
.ed4-filter-btn,
.eh4-filter-btn,
.inc4-filter-btn,
.je4-filter-btn,
.jem4-filter-btn,
.js4-filter-btn,
.jss4-filter-btn,
.lc4-filter-btn,
.lh4-filter-btn,
.ls4-filter-btn,
.mt4-filter-btn,
.pv4-filter-btn,
.qse4-filter-btn,
.qty4-filter-btn,
.ra4-filter-btn,
.re4-filter-btn,
.rh4-filter-btn,
.rt4-filter-btn,
.sc4-filter-btn,
.scp4-filter-btn,
.sd4-filter-btn,
.sqr4-filter-btn,
.ta4-filter-btn,
.tme4-filter-btn,
.ts4-filter-btn,
.vc4-filter-btn,
.vcr4-filter-btn,
.vct4-filter-btn,
.veet4-filter-btn,
.vinc4-filter-btn,
.vmr4-filter-btn,
.vq4-filter-btn,
.vt4-filter-btn,
.vx4-filter-btn,
.vxr4-filter-btn,
.tmc-filter-btn {

  padding: 0.45rem 0.85rem;
  border: none;
  border-right: 1px solid var(--v4-border-strong);
  background: transparent;
  font-size: var(--v4-font-sm);
  font-weight: 500;
  color: var(--v4-text-muted);
  cursor: pointer;
  font-family: inherit;
}

.v4-filter-btn:last-child,
.addc4-filter-btn:last-child,
.ar4-filter-btn:last-child,
.dtt4-filter-btn:last-child,
.ed4-filter-btn:last-child,
.eh4-filter-btn:last-child,
.inc4-filter-btn:last-child,
.je4-filter-btn:last-child,
.jem4-filter-btn:last-child,
.js4-filter-btn:last-child,
.jss4-filter-btn:last-child,
.lc4-filter-btn:last-child,
.lh4-filter-btn:last-child,
.ls4-filter-btn:last-child,
.mt4-filter-btn:last-child,
.pv4-filter-btn:last-child,
.qse4-filter-btn:last-child,
.qty4-filter-btn:last-child,
.ra4-filter-btn:last-child,
.re4-filter-btn:last-child,
.rh4-filter-btn:last-child,
.rt4-filter-btn:last-child,
.sc4-filter-btn:last-child,
.scp4-filter-btn:last-child,
.sd4-filter-btn:last-child,
.sqr4-filter-btn:last-child,
.ta4-filter-btn:last-child,
.tme4-filter-btn:last-child,
.ts4-filter-btn:last-child,
.vc4-filter-btn:last-child,
.vcr4-filter-btn:last-child,
.vct4-filter-btn:last-child,
.veet4-filter-btn:last-child,
.vinc4-filter-btn:last-child,
.vmr4-filter-btn:last-child,
.vq4-filter-btn:last-child,
.vt4-filter-btn:last-child,
.vx4-filter-btn:last-child,
.vxr4-filter-btn:last-child,
.tmc-filter-btn:last-child { border-right: none; }

.v4-filter-btn:hover,
.addc4-filter-btn:hover,
.ar4-filter-btn:hover,
.dtt4-filter-btn:hover,
.ed4-filter-btn:hover,
.eh4-filter-btn:hover,
.inc4-filter-btn:hover,
.je4-filter-btn:hover,
.jem4-filter-btn:hover,
.js4-filter-btn:hover,
.jss4-filter-btn:hover,
.lc4-filter-btn:hover,
.lh4-filter-btn:hover,
.ls4-filter-btn:hover,
.mt4-filter-btn:hover,
.pv4-filter-btn:hover,
.qse4-filter-btn:hover,
.qty4-filter-btn:hover,
.ra4-filter-btn:hover,
.re4-filter-btn:hover,
.rh4-filter-btn:hover,
.rt4-filter-btn:hover,
.sc4-filter-btn:hover,
.scp4-filter-btn:hover,
.sd4-filter-btn:hover,
.sqr4-filter-btn:hover,
.ta4-filter-btn:hover,
.tme4-filter-btn:hover,
.ts4-filter-btn:hover,
.vc4-filter-btn:hover,
.vcr4-filter-btn:hover,
.vct4-filter-btn:hover,
.veet4-filter-btn:hover,
.vinc4-filter-btn:hover,
.vmr4-filter-btn:hover,
.vq4-filter-btn:hover,
.vt4-filter-btn:hover,
.vx4-filter-btn:hover,
.vxr4-filter-btn:hover,
.tmc-filter-btn:hover {
  background: var(--v4-surface-alt);
  color: var(--v4-text);
}

.v4-filter-btn.active,
.addc4-filter-btn.active,
.ar4-filter-btn.active,
.dtt4-filter-btn.active,
.ed4-filter-btn.active,
.eh4-filter-btn.active,
.inc4-filter-btn.active,
.je4-filter-btn.active,
.jem4-filter-btn.active,
.js4-filter-btn.active,
.jss4-filter-btn.active,
.lc4-filter-btn.active,
.lh4-filter-btn.active,
.ls4-filter-btn.active,
.mt4-filter-btn.active,
.pv4-filter-btn.active,
.qse4-filter-btn.active,
.qty4-filter-btn.active,
.ra4-filter-btn.active,
.re4-filter-btn.active,
.rh4-filter-btn.active,
.rt4-filter-btn.active,
.sc4-filter-btn.active,
.scp4-filter-btn.active,
.sd4-filter-btn.active,
.sqr4-filter-btn.active,
.ta4-filter-btn.active,
.tme4-filter-btn.active,
.ts4-filter-btn.active,
.vc4-filter-btn.active,
.vcr4-filter-btn.active,
.vct4-filter-btn.active,
.veet4-filter-btn.active,
.vinc4-filter-btn.active,
.vmr4-filter-btn.active,
.vq4-filter-btn.active,
.vt4-filter-btn.active,
.vx4-filter-btn.active,
.vxr4-filter-btn.active,
.tmc-filter-btn.active {
  background: var(--v4-brand);
  color: #fff;
}

.v4-btn,
.addc4-btn,
.ar4-btn,
.dtt4-btn,
.ed4-btn,
.eh4-btn,
.inc4-btn,
.je4-btn,
.jem4-btn,
.js4-btn,
.jss4-btn,
.lc4-btn,
.lh4-btn,
.ls4-btn,
.mt4-btn,
.pv4-btn,
.qse4-btn,
.qty4-btn,
.ra4-btn,
.re4-btn,
.rh4-btn,
.rt4-btn,
.sc4-btn,
.scp4-btn,
.sd4-btn,
.sqr4-btn,
.ta4-btn,
.tme4-btn,
.ts4-btn,
.vc4-btn,
.vcr4-btn,
.vct4-btn,
.veet4-btn,
.vinc4-btn,
.vmr4-btn,
.vq4-btn,
.vt4-btn,
.vx4-btn,
.vxr4-btn,
.tmc-btn {

  padding: 0.5rem 0.95rem;
  border-radius: var(--v4-radius-sm);
  font-size: var(--v4-font-sm);
  font-weight: 600;
  cursor: pointer;
  border: 1px solid;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: inherit;
  background: var(--v4-surface);
}

.v4-btn-primary,
.addc4-btn-primary,
.ar4-btn-primary,
.dtt4-btn-primary,
.ed4-btn-primary,
.eh4-btn-primary,
.inc4-btn-primary,
.je4-btn-primary,
.jem4-btn-primary,
.js4-btn-primary,
.jss4-btn-primary,
.lc4-btn-primary,
.lh4-btn-primary,
.ls4-btn-primary,
.mt4-btn-primary,
.pv4-btn-primary,
.qse4-btn-primary,
.qty4-btn-primary,
.ra4-btn-primary,
.re4-btn-primary,
.rh4-btn-primary,
.rt4-btn-primary,
.sc4-btn-primary,
.scp4-btn-primary,
.sd4-btn-primary,
.sqr4-btn-primary,
.ta4-btn-primary,
.tme4-btn-primary,
.ts4-btn-primary,
.vc4-btn-primary,
.vcr4-btn-primary,
.vct4-btn-primary,
.veet4-btn-primary,
.vinc4-btn-primary,
.vmr4-btn-primary,
.vq4-btn-primary,
.vt4-btn-primary,
.vx4-btn-primary,
.vxr4-btn-primary,
.tmc-btn-primary {

  background: var(--v4-success);
  color: #fff;
  border-color: var(--v4-success-darker);
}

.v4-btn-primary:hover,
.addc4-btn-primary:hover,
.ar4-btn-primary:hover,
.dtt4-btn-primary:hover,
.ed4-btn-primary:hover,
.eh4-btn-primary:hover,
.inc4-btn-primary:hover,
.je4-btn-primary:hover,
.jem4-btn-primary:hover,
.js4-btn-primary:hover,
.jss4-btn-primary:hover,
.lc4-btn-primary:hover,
.lh4-btn-primary:hover,
.ls4-btn-primary:hover,
.mt4-btn-primary:hover,
.pv4-btn-primary:hover,
.qse4-btn-primary:hover,
.qty4-btn-primary:hover,
.ra4-btn-primary:hover,
.re4-btn-primary:hover,
.rh4-btn-primary:hover,
.rt4-btn-primary:hover,
.sc4-btn-primary:hover,
.scp4-btn-primary:hover,
.sd4-btn-primary:hover,
.sqr4-btn-primary:hover,
.ta4-btn-primary:hover,
.tme4-btn-primary:hover,
.ts4-btn-primary:hover,
.vc4-btn-primary:hover,
.vcr4-btn-primary:hover,
.vct4-btn-primary:hover,
.veet4-btn-primary:hover,
.vinc4-btn-primary:hover,
.vmr4-btn-primary:hover,
.vq4-btn-primary:hover,
.vt4-btn-primary:hover,
.vx4-btn-primary:hover,
.vxr4-btn-primary:hover,
.tmc-btn-primary:hover {
  background: var(--v4-success-darker);
  color: #fff;
}

.v4-btn-ghost,
.addc4-btn-ghost,
.ar4-btn-ghost,
.dtt4-btn-ghost,
.ed4-btn-ghost,
.eh4-btn-ghost,
.inc4-btn-ghost,
.je4-btn-ghost,
.jem4-btn-ghost,
.js4-btn-ghost,
.jss4-btn-ghost,
.lc4-btn-ghost,
.lh4-btn-ghost,
.ls4-btn-ghost,
.mt4-btn-ghost,
.pv4-btn-ghost,
.qse4-btn-ghost,
.qty4-btn-ghost,
.ra4-btn-ghost,
.re4-btn-ghost,
.rh4-btn-ghost,
.rt4-btn-ghost,
.sc4-btn-ghost,
.scp4-btn-ghost,
.sd4-btn-ghost,
.sqr4-btn-ghost,
.ta4-btn-ghost,
.tme4-btn-ghost,
.ts4-btn-ghost,
.vc4-btn-ghost,
.vcr4-btn-ghost,
.vct4-btn-ghost,
.veet4-btn-ghost,
.vinc4-btn-ghost,
.vmr4-btn-ghost,
.vq4-btn-ghost,
.vt4-btn-ghost,
.vx4-btn-ghost,
.vxr4-btn-ghost,
.tmc-btn-ghost {

  background: var(--v4-surface);
  color: var(--v4-text-muted);
  border-color: var(--v4-border-strong);
}

.v4-btn-ghost:hover,
.addc4-btn-ghost:hover,
.ar4-btn-ghost:hover,
.dtt4-btn-ghost:hover,
.ed4-btn-ghost:hover,
.eh4-btn-ghost:hover,
.inc4-btn-ghost:hover,
.je4-btn-ghost:hover,
.jem4-btn-ghost:hover,
.js4-btn-ghost:hover,
.jss4-btn-ghost:hover,
.lc4-btn-ghost:hover,
.lh4-btn-ghost:hover,
.ls4-btn-ghost:hover,
.mt4-btn-ghost:hover,
.pv4-btn-ghost:hover,
.qse4-btn-ghost:hover,
.qty4-btn-ghost:hover,
.ra4-btn-ghost:hover,
.re4-btn-ghost:hover,
.rh4-btn-ghost:hover,
.rt4-btn-ghost:hover,
.sc4-btn-ghost:hover,
.scp4-btn-ghost:hover,
.sd4-btn-ghost:hover,
.sqr4-btn-ghost:hover,
.ta4-btn-ghost:hover,
.tme4-btn-ghost:hover,
.ts4-btn-ghost:hover,
.vc4-btn-ghost:hover,
.vcr4-btn-ghost:hover,
.vct4-btn-ghost:hover,
.veet4-btn-ghost:hover,
.vinc4-btn-ghost:hover,
.vmr4-btn-ghost:hover,
.vq4-btn-ghost:hover,
.vt4-btn-ghost:hover,
.vx4-btn-ghost:hover,
.vxr4-btn-ghost:hover,
.tmc-btn-ghost:hover {
  background: var(--v4-surface-alt);
}

.v4-btn-danger,
.addc4-btn-danger,
.ar4-btn-danger,
.dtt4-btn-danger,
.ed4-btn-danger,
.eh4-btn-danger,
.inc4-btn-danger,
.je4-btn-danger,
.jem4-btn-danger,
.js4-btn-danger,
.jss4-btn-danger,
.lc4-btn-danger,
.lh4-btn-danger,
.ls4-btn-danger,
.mt4-btn-danger,
.pv4-btn-danger,
.qse4-btn-danger,
.qty4-btn-danger,
.ra4-btn-danger,
.re4-btn-danger,
.rh4-btn-danger,
.rt4-btn-danger,
.sc4-btn-danger,
.scp4-btn-danger,
.sd4-btn-danger,
.sqr4-btn-danger,
.ta4-btn-danger,
.tme4-btn-danger,
.ts4-btn-danger,
.vc4-btn-danger,
.vcr4-btn-danger,
.vct4-btn-danger,
.veet4-btn-danger,
.vinc4-btn-danger,
.vmr4-btn-danger,
.vq4-btn-danger,
.vt4-btn-danger,
.vx4-btn-danger,
.vxr4-btn-danger,
.tmc-btn-danger {

  background: var(--v4-surface);
  color: var(--v4-danger-text);
  border-color: var(--v4-danger-border);
  padding: 0.3rem 0.65rem;
  font-size: var(--v4-font-xs);
}

.v4-btn-danger:hover,
.addc4-btn-danger:hover,
.ar4-btn-danger:hover,
.dtt4-btn-danger:hover,
.ed4-btn-danger:hover,
.eh4-btn-danger:hover,
.inc4-btn-danger:hover,
.je4-btn-danger:hover,
.jem4-btn-danger:hover,
.js4-btn-danger:hover,
.jss4-btn-danger:hover,
.lc4-btn-danger:hover,
.lh4-btn-danger:hover,
.ls4-btn-danger:hover,
.mt4-btn-danger:hover,
.pv4-btn-danger:hover,
.qse4-btn-danger:hover,
.qty4-btn-danger:hover,
.ra4-btn-danger:hover,
.re4-btn-danger:hover,
.rh4-btn-danger:hover,
.rt4-btn-danger:hover,
.sc4-btn-danger:hover,
.scp4-btn-danger:hover,
.sd4-btn-danger:hover,
.sqr4-btn-danger:hover,
.ta4-btn-danger:hover,
.tme4-btn-danger:hover,
.ts4-btn-danger:hover,
.vc4-btn-danger:hover,
.vcr4-btn-danger:hover,
.vct4-btn-danger:hover,
.veet4-btn-danger:hover,
.vinc4-btn-danger:hover,
.vmr4-btn-danger:hover,
.vq4-btn-danger:hover,
.vt4-btn-danger:hover,
.vx4-btn-danger:hover,
.vxr4-btn-danger:hover,
.tmc-btn-danger:hover {
  background: var(--v4-danger-bg);
}

.v4-table-wrap,
.addc4-table-wrap,
.ar4-table-wrap,
.dtt4-table-wrap,
.ed4-table-wrap,
.eh4-table-wrap,
.inc4-table-wrap,
.je4-table-wrap,
.jem4-table-wrap,
.js4-table-wrap,
.jss4-table-wrap,
.lc4-table-wrap,
.lh4-table-wrap,
.ls4-table-wrap,
.mt4-table-wrap,
.pv4-table-wrap,
.qse4-table-wrap,
.qty4-table-wrap,
.ra4-table-wrap,
.re4-table-wrap,
.rh4-table-wrap,
.rt4-table-wrap,
.sc4-table-wrap,
.scp4-table-wrap,
.sd4-table-wrap,
.sqr4-table-wrap,
.ta4-table-wrap,
.tme4-table-wrap,
.ts4-table-wrap,
.vc4-table-wrap,
.vcr4-table-wrap,
.vct4-table-wrap,
.veet4-table-wrap,
.vinc4-table-wrap,
.vmr4-table-wrap,
.vq4-table-wrap,
.vt4-table-wrap,
.vx4-table-wrap,
.vxr4-table-wrap,
.tmc-table-wrap {

  background: var(--v4-surface);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius);
  overflow: auto;
}

.v4-table,
.addc4-table,
.ar4-table,
.dtt4-table,
.ed4-table,
.eh4-table,
.inc4-table,
.je4-table,
.jem4-table,
.js4-table,
.jss4-table,
.lc4-table,
.lh4-table,
.ls4-table,
.mt4-table,
.pv4-table,
.qse4-table,
.qty4-table,
.ra4-table,
.re4-table,
.rh4-table,
.rt4-table,
.sc4-table,
.scp4-table,
.sd4-table,
.sqr4-table,
.ta4-table,
.tme4-table,
.ts4-table,
.vc4-table,
.vcr4-table,
.vct4-table,
.veet4-table,
.vinc4-table,
.vmr4-table,
.vq4-table,
.vt4-table,
.vx4-table,
.vxr4-table,
.tmc-table {

  width: 100%;
  border-collapse: collapse;
  font-size: var(--v4-font-base);
}

.v4-table thead th,
.addc4-table thead th,
.ar4-table thead th,
.dtt4-table thead th,
.ed4-table thead th,
.eh4-table thead th,
.inc4-table thead th,
.je4-table thead th,
.jem4-table thead th,
.js4-table thead th,
.jss4-table thead th,
.lc4-table thead th,
.lh4-table thead th,
.ls4-table thead th,
.mt4-table thead th,
.pv4-table thead th,
.qse4-table thead th,
.qty4-table thead th,
.ra4-table thead th,
.re4-table thead th,
.rh4-table thead th,
.rt4-table thead th,
.sc4-table thead th,
.scp4-table thead th,
.sd4-table thead th,
.sqr4-table thead th,
.ta4-table thead th,
.tme4-table thead th,
.ts4-table thead th,
.vc4-table thead th,
.vcr4-table thead th,
.vct4-table thead th,
.veet4-table thead th,
.vinc4-table thead th,
.vmr4-table thead th,
.vq4-table thead th,
.vt4-table thead th,
.vx4-table thead th,
.vxr4-table thead th,
.tmc-table thead th {
  background: var(--v4-surface-alt);
  text-align: left;
  font-size: var(--v4-font-xs);
  text-transform: uppercase;
  letter-spacing: var(--v4-letter-spacing);
  color: var(--v4-text-muted);
  font-weight: 700;
  padding: 0.7rem 0.85rem;
  border-bottom: 1px solid var(--v4-border);
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 1;
}

.v4-table tbody td,
.addc4-table tbody td,
.ar4-table tbody td,
.dtt4-table tbody td,
.ed4-table tbody td,
.eh4-table tbody td,
.inc4-table tbody td,
.je4-table tbody td,
.jem4-table tbody td,
.js4-table tbody td,
.jss4-table tbody td,
.lc4-table tbody td,
.lh4-table tbody td,
.ls4-table tbody td,
.mt4-table tbody td,
.pv4-table tbody td,
.qse4-table tbody td,
.qty4-table tbody td,
.ra4-table tbody td,
.re4-table tbody td,
.rh4-table tbody td,
.rt4-table tbody td,
.sc4-table tbody td,
.scp4-table tbody td,
.sd4-table tbody td,
.sqr4-table tbody td,
.ta4-table tbody td,
.tme4-table tbody td,
.ts4-table tbody td,
.vc4-table tbody td,
.vcr4-table tbody td,
.vct4-table tbody td,
.veet4-table tbody td,
.vinc4-table tbody td,
.vmr4-table tbody td,
.vq4-table tbody td,
.vt4-table tbody td,
.vx4-table tbody td,
.vxr4-table tbody td,
.tmc-table tbody td {
  padding: var(--v4-pad-cell);
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
  color: var(--v4-text);
}
.v4-table tbody tr:hover,
.addc4-table tbody tr:hover,
.ar4-table tbody tr:hover,
.dtt4-table tbody tr:hover,
.ed4-table tbody tr:hover,
.eh4-table tbody tr:hover,
.inc4-table tbody tr:hover,
.je4-table tbody tr:hover,
.jem4-table tbody tr:hover,
.js4-table tbody tr:hover,
.jss4-table tbody tr:hover,
.lc4-table tbody tr:hover,
.lh4-table tbody tr:hover,
.ls4-table tbody tr:hover,
.mt4-table tbody tr:hover,
.pv4-table tbody tr:hover,
.qse4-table tbody tr:hover,
.qty4-table tbody tr:hover,
.ra4-table tbody tr:hover,
.re4-table tbody tr:hover,
.rh4-table tbody tr:hover,
.rt4-table tbody tr:hover,
.sc4-table tbody tr:hover,
.scp4-table tbody tr:hover,
.sd4-table tbody tr:hover,
.sqr4-table tbody tr:hover,
.ta4-table tbody tr:hover,
.tme4-table tbody tr:hover,
.ts4-table tbody tr:hover,
.vc4-table tbody tr:hover,
.vcr4-table tbody tr:hover,
.vct4-table tbody tr:hover,
.veet4-table tbody tr:hover,
.vinc4-table tbody tr:hover,
.vmr4-table tbody tr:hover,
.vq4-table tbody tr:hover,
.vt4-table tbody tr:hover,
.vx4-table tbody tr:hover,
.vxr4-table tbody tr:hover,
.tmc-table tbody tr:hover {
  background: var(--v4-surface-hover);
}
.v4-table tbody tr:last-child td,
.addc4-table tbody tr:last-child td,
.ar4-table tbody tr:last-child td,
.dtt4-table tbody tr:last-child td,
.ed4-table tbody tr:last-child td,
.eh4-table tbody tr:last-child td,
.inc4-table tbody tr:last-child td,
.je4-table tbody tr:last-child td,
.jem4-table tbody tr:last-child td,
.js4-table tbody tr:last-child td,
.jss4-table tbody tr:last-child td,
.lc4-table tbody tr:last-child td,
.lh4-table tbody tr:last-child td,
.ls4-table tbody tr:last-child td,
.mt4-table tbody tr:last-child td,
.pv4-table tbody tr:last-child td,
.qse4-table tbody tr:last-child td,
.qty4-table tbody tr:last-child td,
.ra4-table tbody tr:last-child td,
.re4-table tbody tr:last-child td,
.rh4-table tbody tr:last-child td,
.rt4-table tbody tr:last-child td,
.sc4-table tbody tr:last-child td,
.scp4-table tbody tr:last-child td,
.sd4-table tbody tr:last-child td,
.sqr4-table tbody tr:last-child td,
.ta4-table tbody tr:last-child td,
.tme4-table tbody tr:last-child td,
.ts4-table tbody tr:last-child td,
.vc4-table tbody tr:last-child td,
.vcr4-table tbody tr:last-child td,
.vct4-table tbody tr:last-child td,
.veet4-table tbody tr:last-child td,
.vinc4-table tbody tr:last-child td,
.vmr4-table tbody tr:last-child td,
.vq4-table tbody tr:last-child td,
.vt4-table tbody tr:last-child td,
.vx4-table tbody tr:last-child td,
.vxr4-table tbody tr:last-child td,
.tmc-table tbody tr:last-child td {
  border-bottom: none;
}

.v4-sortable, .v4-table thead th.sortable,
.addc4-sortable,
.ar4-sortable,
.dtt4-sortable,
.ed4-sortable,
.eh4-sortable,
.inc4-sortable,
.je4-sortable,
.jem4-sortable,
.js4-sortable,
.jss4-sortable,
.lc4-sortable,
.lh4-sortable,
.ls4-sortable,
.mt4-sortable,
.pv4-sortable,
.qse4-sortable,
.qty4-sortable,
.ra4-sortable,
.re4-sortable,
.rh4-sortable,
.rt4-sortable,
.sc4-sortable,
.scp4-sortable,
.sd4-sortable,
.sqr4-sortable,
.ta4-sortable,
.tme4-sortable,
.ts4-sortable,
.vc4-sortable,
.vcr4-sortable,
.vct4-sortable,
.veet4-sortable,
.vinc4-sortable,
.vmr4-sortable,
.vq4-sortable,
.vt4-sortable,
.vx4-sortable,
.vxr4-sortable,
.tmc-sortable {
  cursor: pointer;
  user-select: none;
}
.v4-sortable:hover,
.addc4-sortable:hover,
.ar4-sortable:hover,
.dtt4-sortable:hover,
.ed4-sortable:hover,
.eh4-sortable:hover,
.inc4-sortable:hover,
.je4-sortable:hover,
.jem4-sortable:hover,
.js4-sortable:hover,
.jss4-sortable:hover,
.lc4-sortable:hover,
.lh4-sortable:hover,
.ls4-sortable:hover,
.mt4-sortable:hover,
.pv4-sortable:hover,
.qse4-sortable:hover,
.qty4-sortable:hover,
.ra4-sortable:hover,
.re4-sortable:hover,
.rh4-sortable:hover,
.rt4-sortable:hover,
.sc4-sortable:hover,
.scp4-sortable:hover,
.sd4-sortable:hover,
.sqr4-sortable:hover,
.ta4-sortable:hover,
.tme4-sortable:hover,
.ts4-sortable:hover,
.vc4-sortable:hover,
.vcr4-sortable:hover,
.vct4-sortable:hover,
.veet4-sortable:hover,
.vinc4-sortable:hover,
.vmr4-sortable:hover,
.vq4-sortable:hover,
.vt4-sortable:hover,
.vx4-sortable:hover,
.vxr4-sortable:hover,
.tmc-sortable:hover {
  background: #edf2f7;
}
.v4-sort-ico,
.addc4-sort-ico,
.ar4-sort-ico,
.dtt4-sort-ico,
.ed4-sort-ico,
.eh4-sort-ico,
.inc4-sort-ico,
.je4-sort-ico,
.jem4-sort-ico,
.js4-sort-ico,
.jss4-sort-ico,
.lc4-sort-ico,
.lh4-sort-ico,
.ls4-sort-ico,
.mt4-sort-ico,
.pv4-sort-ico,
.qse4-sort-ico,
.qty4-sort-ico,
.ra4-sort-ico,
.re4-sort-ico,
.rh4-sort-ico,
.rt4-sort-ico,
.sc4-sort-ico,
.scp4-sort-ico,
.sd4-sort-ico,
.sqr4-sort-ico,
.ta4-sort-ico,
.tme4-sort-ico,
.ts4-sort-ico,
.vc4-sort-ico,
.vcr4-sort-ico,
.vct4-sort-ico,
.veet4-sort-ico,
.vinc4-sort-ico,
.vmr4-sort-ico,
.vq4-sort-ico,
.vt4-sort-ico,
.vx4-sort-ico,
.vxr4-sort-ico,
.tmc-sort-ico {
  margin-left: 0.3rem;
  opacity: 0.35;
  font-size: var(--v4-font-xs);
}
.sorted .v4-sort-ico,
.sorted .addc4-sort-ico,
.sorted .ar4-sort-ico,
.sorted .dtt4-sort-ico,
.sorted .ed4-sort-ico,
.sorted .eh4-sort-ico,
.sorted .inc4-sort-ico,
.sorted .je4-sort-ico,
.sorted .jem4-sort-ico,
.sorted .js4-sort-ico,
.sorted .jss4-sort-ico,
.sorted .lc4-sort-ico,
.sorted .lh4-sort-ico,
.sorted .ls4-sort-ico,
.sorted .mt4-sort-ico,
.sorted .pv4-sort-ico,
.sorted .qse4-sort-ico,
.sorted .qty4-sort-ico,
.sorted .ra4-sort-ico,
.sorted .re4-sort-ico,
.sorted .rh4-sort-ico,
.sorted .rt4-sort-ico,
.sorted .sc4-sort-ico,
.sorted .scp4-sort-ico,
.sorted .sd4-sort-ico,
.sorted .sqr4-sort-ico,
.sorted .ta4-sort-ico,
.sorted .tme4-sort-ico,
.sorted .ts4-sort-ico,
.sorted .vc4-sort-ico,
.sorted .vcr4-sort-ico,
.sorted .vct4-sort-ico,
.sorted .veet4-sort-ico,
.sorted .vinc4-sort-ico,
.sorted .vmr4-sort-ico,
.sorted .vq4-sort-ico,
.sorted .vt4-sort-ico,
.sorted .vx4-sort-ico,
.sorted .vxr4-sort-ico,
.sorted .tmc-sort-ico {
  opacity: 1;
  color: var(--v4-brand);
}

.v4-num,
.addc4-num,
.ar4-num,
.dtt4-num,
.ed4-num,
.eh4-num,
.inc4-num,
.je4-num,
.jem4-num,
.js4-num,
.jss4-num,
.lc4-num,
.lh4-num,
.ls4-num,
.mt4-num,
.pv4-num,
.qse4-num,
.qty4-num,
.ra4-num,
.re4-num,
.rh4-num,
.rt4-num,
.sc4-num,
.scp4-num,
.sd4-num,
.sqr4-num,
.ta4-num,
.tme4-num,
.ts4-num,
.vc4-num,
.vcr4-num,
.vct4-num,
.veet4-num,
.vinc4-num,
.vmr4-num,
.vq4-num,
.vt4-num,
.vx4-num,
.vxr4-num,
.tmc-num {

  text-align: right;
  font-variant-numeric: tabular-nums;
}

.v4-badge,
.addc4-badge,
.ar4-badge,
.dtt4-badge,
.ed4-badge,
.eh4-badge,
.inc4-badge,
.je4-badge,
.jem4-badge,
.js4-badge,
.jss4-badge,
.lc4-badge,
.lh4-badge,
.ls4-badge,
.mt4-badge,
.pv4-badge,
.qse4-badge,
.qty4-badge,
.ra4-badge,
.re4-badge,
.rh4-badge,
.rt4-badge,
.sc4-badge,
.scp4-badge,
.sd4-badge,
.sqr4-badge,
.ta4-badge,
.tme4-badge,
.ts4-badge,
.vc4-badge,
.vcr4-badge,
.vct4-badge,
.veet4-badge,
.vinc4-badge,
.vmr4-badge,
.vq4-badge,
.vt4-badge,
.vx4-badge,
.vxr4-badge,
.tmc-badge {

  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: var(--v4-radius-pill);
  font-size: var(--v4-font-xs);
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
  line-height: 1.4;
}

.v4-badge-on, .v4-badge-ok, .v4-badge-success, .v4-badge-new,
.addc4-badge-on,
.ar4-badge-on,
.dtt4-badge-on,
.ed4-badge-on,
.eh4-badge-on,
.inc4-badge-on,
.je4-badge-on,
.jem4-badge-on,
.js4-badge-on,
.jss4-badge-on,
.lc4-badge-on,
.lh4-badge-on,
.ls4-badge-on,
.mt4-badge-on,
.pv4-badge-on,
.qse4-badge-on,
.qty4-badge-on,
.ra4-badge-on,
.re4-badge-on,
.rh4-badge-on,
.rt4-badge-on,
.sc4-badge-on,
.scp4-badge-on,
.sd4-badge-on,
.sqr4-badge-on,
.ta4-badge-on,
.tme4-badge-on,
.ts4-badge-on,
.vc4-badge-on,
.vcr4-badge-on,
.vct4-badge-on,
.veet4-badge-on,
.vinc4-badge-on,
.vmr4-badge-on,
.vq4-badge-on,
.vt4-badge-on,
.vx4-badge-on,
.vxr4-badge-on,
.tmc-badge-on,
.addc4-badge-ok,
.ar4-badge-ok,
.dtt4-badge-ok,
.ed4-badge-ok,
.eh4-badge-ok,
.inc4-badge-ok,
.je4-badge-ok,
.jem4-badge-ok,
.js4-badge-ok,
.jss4-badge-ok,
.lc4-badge-ok,
.lh4-badge-ok,
.ls4-badge-ok,
.mt4-badge-ok,
.pv4-badge-ok,
.qse4-badge-ok,
.qty4-badge-ok,
.ra4-badge-ok,
.re4-badge-ok,
.rh4-badge-ok,
.rt4-badge-ok,
.sc4-badge-ok,
.scp4-badge-ok,
.sd4-badge-ok,
.sqr4-badge-ok,
.ta4-badge-ok,
.tme4-badge-ok,
.ts4-badge-ok,
.vc4-badge-ok,
.vcr4-badge-ok,
.vct4-badge-ok,
.veet4-badge-ok,
.vinc4-badge-ok,
.vmr4-badge-ok,
.vq4-badge-ok,
.vt4-badge-ok,
.vx4-badge-ok,
.vxr4-badge-ok,
.tmc-badge-ok {
  background: var(--v4-success-bg);
  color: var(--v4-success-text);
  border: 1px solid var(--v4-success-border);
}
.v4-badge-off, .v4-badge-warn, .v4-badge-warning, .v4-badge-re,
.addc4-badge-off,
.ar4-badge-off,
.dtt4-badge-off,
.ed4-badge-off,
.eh4-badge-off,
.inc4-badge-off,
.je4-badge-off,
.jem4-badge-off,
.js4-badge-off,
.jss4-badge-off,
.lc4-badge-off,
.lh4-badge-off,
.ls4-badge-off,
.mt4-badge-off,
.pv4-badge-off,
.qse4-badge-off,
.qty4-badge-off,
.ra4-badge-off,
.re4-badge-off,
.rh4-badge-off,
.rt4-badge-off,
.sc4-badge-off,
.scp4-badge-off,
.sd4-badge-off,
.sqr4-badge-off,
.ta4-badge-off,
.tme4-badge-off,
.ts4-badge-off,
.vc4-badge-off,
.vcr4-badge-off,
.vct4-badge-off,
.veet4-badge-off,
.vinc4-badge-off,
.vmr4-badge-off,
.vq4-badge-off,
.vt4-badge-off,
.vx4-badge-off,
.vxr4-badge-off,
.tmc-badge-off,
.addc4-badge-warn,
.ar4-badge-warn,
.dtt4-badge-warn,
.ed4-badge-warn,
.eh4-badge-warn,
.inc4-badge-warn,
.je4-badge-warn,
.jem4-badge-warn,
.js4-badge-warn,
.jss4-badge-warn,
.lc4-badge-warn,
.lh4-badge-warn,
.ls4-badge-warn,
.mt4-badge-warn,
.pv4-badge-warn,
.qse4-badge-warn,
.qty4-badge-warn,
.ra4-badge-warn,
.re4-badge-warn,
.rh4-badge-warn,
.rt4-badge-warn,
.sc4-badge-warn,
.scp4-badge-warn,
.sd4-badge-warn,
.sqr4-badge-warn,
.ta4-badge-warn,
.tme4-badge-warn,
.ts4-badge-warn,
.vc4-badge-warn,
.vcr4-badge-warn,
.vct4-badge-warn,
.veet4-badge-warn,
.vinc4-badge-warn,
.vmr4-badge-warn,
.vq4-badge-warn,
.vt4-badge-warn,
.vx4-badge-warn,
.vxr4-badge-warn,
.tmc-badge-warn {
  background: var(--v4-warn-bg);
  color: var(--v4-warn-text);
  border: 1px solid var(--v4-warn-border);
}
.v4-badge-bad, .v4-badge-danger, .v4-badge-expired,
.addc4-badge-bad,
.ar4-badge-bad,
.dtt4-badge-bad,
.ed4-badge-bad,
.eh4-badge-bad,
.inc4-badge-bad,
.je4-badge-bad,
.jem4-badge-bad,
.js4-badge-bad,
.jss4-badge-bad,
.lc4-badge-bad,
.lh4-badge-bad,
.ls4-badge-bad,
.mt4-badge-bad,
.pv4-badge-bad,
.qse4-badge-bad,
.qty4-badge-bad,
.ra4-badge-bad,
.re4-badge-bad,
.rh4-badge-bad,
.rt4-badge-bad,
.sc4-badge-bad,
.scp4-badge-bad,
.sd4-badge-bad,
.sqr4-badge-bad,
.ta4-badge-bad,
.tme4-badge-bad,
.ts4-badge-bad,
.vc4-badge-bad,
.vcr4-badge-bad,
.vct4-badge-bad,
.veet4-badge-bad,
.vinc4-badge-bad,
.vmr4-badge-bad,
.vq4-badge-bad,
.vt4-badge-bad,
.vx4-badge-bad,
.vxr4-badge-bad,
.tmc-badge-bad {
  background: var(--v4-danger-bg);
  color: var(--v4-danger-text);
  border: 1px solid var(--v4-danger-border);
}

.v4-empty,
.addc4-empty,
.ar4-empty,
.dtt4-empty,
.ed4-empty,
.eh4-empty,
.inc4-empty,
.je4-empty,
.jem4-empty,
.js4-empty,
.jss4-empty,
.lc4-empty,
.lh4-empty,
.ls4-empty,
.mt4-empty,
.pv4-empty,
.qse4-empty,
.qty4-empty,
.ra4-empty,
.re4-empty,
.rh4-empty,
.rt4-empty,
.sc4-empty,
.scp4-empty,
.sd4-empty,
.sqr4-empty,
.ta4-empty,
.tme4-empty,
.ts4-empty,
.vc4-empty,
.vcr4-empty,
.vct4-empty,
.veet4-empty,
.vinc4-empty,
.vmr4-empty,
.vq4-empty,
.vt4-empty,
.vx4-empty,
.vxr4-empty,
.tmc-empty {

  background: var(--v4-surface);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius);
  padding: 2.5rem 1.5rem;
  text-align: center;
  color: var(--v4-text-dim);
  font-style: italic;
  font-size: var(--v4-font-base);
}

.v4-card,
.addc4-card,
.ar4-card,
.dtt4-card,
.ed4-card,
.eh4-card,
.inc4-card,
.je4-card,
.jem4-card,
.js4-card,
.jss4-card,
.lc4-card,
.lh4-card,
.ls4-card,
.mt4-card,
.pv4-card,
.qse4-card,
.qty4-card,
.ra4-card,
.re4-card,
.rh4-card,
.rt4-card,
.sc4-card,
.scp4-card,
.sd4-card,
.sqr4-card,
.ta4-card,
.tme4-card,
.ts4-card,
.vc4-card,
.vcr4-card,
.vct4-card,
.veet4-card,
.vinc4-card,
.vmr4-card,
.vq4-card,
.vt4-card,
.vx4-card,
.vxr4-card,
.tmc-card {

  background: var(--v4-surface);
  border: 1px solid var(--v4-border);
  border-radius: var(--v4-radius);
  padding: 1rem 1.1rem;
}

.v4-help,
.addc4-help,
.ar4-help,
.dtt4-help,
.ed4-help,
.eh4-help,
.inc4-help,
.je4-help,
.jem4-help,
.js4-help,
.jss4-help,
.lc4-help,
.lh4-help,
.ls4-help,
.mt4-help,
.pv4-help,
.qse4-help,
.qty4-help,
.ra4-help,
.re4-help,
.rh4-help,
.rt4-help,
.sc4-help,
.scp4-help,
.sd4-help,
.sqr4-help,
.ta4-help,
.tme4-help,
.ts4-help,
.vc4-help,
.vcr4-help,
.vct4-help,
.veet4-help,
.vinc4-help,
.vmr4-help,
.vq4-help,
.vt4-help,
.vx4-help,
.vxr4-help,
.tmc-help {

  font-size: var(--v4-font-sm);
  color: var(--v4-text-faint);
  margin: 0.3rem 0.25rem 0.85rem;
}

.v4-flash,
.addc4-flash,
.ar4-flash,
.dtt4-flash,
.ed4-flash,
.eh4-flash,
.inc4-flash,
.je4-flash,
.jem4-flash,
.js4-flash,
.jss4-flash,
.lc4-flash,
.lh4-flash,
.ls4-flash,
.mt4-flash,
.pv4-flash,
.qse4-flash,
.qty4-flash,
.ra4-flash,
.re4-flash,
.rh4-flash,
.rt4-flash,
.sc4-flash,
.scp4-flash,
.sd4-flash,
.sqr4-flash,
.ta4-flash,
.tme4-flash,
.ts4-flash,
.vc4-flash,
.vcr4-flash,
.vct4-flash,
.veet4-flash,
.vinc4-flash,
.vmr4-flash,
.vq4-flash,
.vt4-flash,
.vx4-flash,
.vxr4-flash,
.tmc-flash {

  font-size: var(--v4-font-sm);
  font-weight: 500;
  margin-left: 0.2rem;
  transition: opacity 0.15s ease;
}

.v4-flash-ok,
.addc4-flash-ok,
.ar4-flash-ok,
.dtt4-flash-ok,
.ed4-flash-ok,
.eh4-flash-ok,
.inc4-flash-ok,
.je4-flash-ok,
.jem4-flash-ok,
.js4-flash-ok,
.jss4-flash-ok,
.lc4-flash-ok,
.lh4-flash-ok,
.ls4-flash-ok,
.mt4-flash-ok,
.pv4-flash-ok,
.qse4-flash-ok,
.qty4-flash-ok,
.ra4-flash-ok,
.re4-flash-ok,
.rh4-flash-ok,
.rt4-flash-ok,
.sc4-flash-ok,
.scp4-flash-ok,
.sd4-flash-ok,
.sqr4-flash-ok,
.ta4-flash-ok,
.tme4-flash-ok,
.ts4-flash-ok,
.vc4-flash-ok,
.vcr4-flash-ok,
.vct4-flash-ok,
.veet4-flash-ok,
.vinc4-flash-ok,
.vmr4-flash-ok,
.vq4-flash-ok,
.vt4-flash-ok,
.vx4-flash-ok,
.vxr4-flash-ok,
.tmc-flash-ok {
  color: var(--v4-success-text);
}
.v4-flash-err,
.addc4-flash-err,
.ar4-flash-err,
.dtt4-flash-err,
.ed4-flash-err,
.eh4-flash-err,
.inc4-flash-err,
.je4-flash-err,
.jem4-flash-err,
.js4-flash-err,
.jss4-flash-err,
.lc4-flash-err,
.lh4-flash-err,
.ls4-flash-err,
.mt4-flash-err,
.pv4-flash-err,
.qse4-flash-err,
.qty4-flash-err,
.ra4-flash-err,
.re4-flash-err,
.rh4-flash-err,
.rt4-flash-err,
.sc4-flash-err,
.scp4-flash-err,
.sd4-flash-err,
.sqr4-flash-err,
.ta4-flash-err,
.tme4-flash-err,
.ts4-flash-err,
.vc4-flash-err,
.vcr4-flash-err,
.vct4-flash-err,
.veet4-flash-err,
.vinc4-flash-err,
.vmr4-flash-err,
.vq4-flash-err,
.vt4-flash-err,
.vx4-flash-err,
.vxr4-flash-err,
.tmc-flash-err {
  color: var(--v4-danger-text);
}

.v4-muted,
.addc4-muted,
.ar4-muted,
.dtt4-muted,
.ed4-muted,
.eh4-muted,
.inc4-muted,
.je4-muted,
.jem4-muted,
.js4-muted,
.jss4-muted,
.lc4-muted,
.lh4-muted,
.ls4-muted,
.mt4-muted,
.pv4-muted,
.qse4-muted,
.qty4-muted,
.ra4-muted,
.re4-muted,
.rh4-muted,
.rt4-muted,
.sc4-muted,
.scp4-muted,
.sd4-muted,
.sqr4-muted,
.ta4-muted,
.tme4-muted,
.ts4-muted,
.vc4-muted,
.vcr4-muted,
.vct4-muted,
.veet4-muted,
.vinc4-muted,
.vmr4-muted,
.vq4-muted,
.vt4-muted,
.vx4-muted,
.vxr4-muted,
.tmc-muted {
  color: var(--v4-text-dim);
}

.v4-dev-banner,
.addc4-dev-banner,
.ar4-dev-banner,
.dtt4-dev-banner,
.ed4-dev-banner,
.eh4-dev-banner,
.inc4-dev-banner,
.je4-dev-banner,
.jem4-dev-banner,
.js4-dev-banner,
.jss4-dev-banner,
.lc4-dev-banner,
.lh4-dev-banner,
.ls4-dev-banner,
.mt4-dev-banner,
.pv4-dev-banner,
.qse4-dev-banner,
.qty4-dev-banner,
.ra4-dev-banner,
.re4-dev-banner,
.rh4-dev-banner,
.rt4-dev-banner,
.sc4-dev-banner,
.scp4-dev-banner,
.sd4-dev-banner,
.sqr4-dev-banner,
.ta4-dev-banner,
.tme4-dev-banner,
.ts4-dev-banner,
.vc4-dev-banner,
.vcr4-dev-banner,
.vct4-dev-banner,
.veet4-dev-banner,
.vinc4-dev-banner,
.vmr4-dev-banner,
.vq4-dev-banner,
.vt4-dev-banner,
.vx4-dev-banner,
.vxr4-dev-banner,
.tmc-dev-banner {

  background: var(--v4-warn-bg);
  border: 1px solid var(--v4-warn-border);
  color: var(--v4-warn-text);
  padding: 0.55rem 0.9rem;
  border-radius: var(--v4-radius);
  font-size: var(--v4-font-sm);
  margin-bottom: 0.85rem;
}


@media print {
  /* Hide site chrome */
  .ws-side, .ws-rail, .ws-topbar,
  .ws-tool-header, .ws-tool-search, .ws-tool-actions,
  .ws-tool-app > *:not(.ws-tool-main),
  .ws-tool-breadcrumb, .ws-fontscale,
  .breadcrumb,
  #eis-uat-banner, #eis-uat-banner-tool,
  .noprint {
    display: none !important;
  }
  /* Drop the body padding-top that the UAT banner adds inline */
  body.ws-page, body.ws-tool {
    padding-top: 0 !important;
    background: #fff !important;
  }
  /* Let the tool-main content fill the page */
  .ws-tool-app, .ws-tool-main, .ws-tool-content, main.container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    box-shadow: none !important;
    border: none !important;
  }
  /* Reset html font-size so user font-scale doesn't blow up print */
  html { font-size: 16px !important; }
}