@import "https://fonts.googleapis.com/css?family=Poppins:400,500,600&display=swap";


/* ---- Theme tokens ------------------------------------------------------- */
:root{
    /* Status colors — base */
    --sp-success:#198754;
    --sp-danger:#dc3545;
    --sp-warning:#c9a000;
    --sp-info:#17a2b8;
    --sp-muted:#6c757d;

    /* Status — soft (row tints / callouts) */
    --sp-success-soft:#f0f7f2;
    --sp-danger-soft:#fdf0f0;
    --sp-warning-soft:#fffae6;
    --sp-info-soft:#eef8fc;

    /* Status — borders */
    --sp-success-border:#b2d9be;
    --sp-danger-border:#e8b4b4;
    --sp-warning-border:#edd579;
    --sp-info-border:#d8ebf5;
    --sp-primary-border:#b4c8e8;

    /* Status — accents */
    --sp-success-accent:#27a85f;
    --sp-danger-accent:#d93025;
    --sp-warning-accent:#d97706;
    --sp-info-accent:#0891b2;
    --sp-primary-accent:#2563eb;

    /* Neutral border / surface */
    --sp-border:#dee2e6;
    --sp-border-soft:#edf1f5;
    --sp-surface:#fbfcfe;
    --sp-panel:#f8f9fa;

    /* Primary (brand dark blue) */
    --sp-primary:#004158;
    --sp-primary-hover:#002d3d;
    --sp-primary-soft:#f0f4fc;

    /* Secondary palette — data-category colors */
    --sp-secondary-01:#0f7a68;   /* teal */
    --sp-secondary-02:#8e44ad;   /* purple */
    --sp-secondary-03:#b83266;   /* rose */
    --sp-secondary-04:#2e7d32;   /* forest green */
    --sp-secondary-05:#6a1b9a;   /* plum */
    --sp-secondary-06:#8a7b00;   /* gold */
    --sp-secondary-07:#2f3b46;   /* charcoal */

    /* Brand accent triads */
    --sp-cyan:#409ec7;
    --sp-cyan-hover:#2d7fa8;
    --sp-cyan-soft:#c8e4f0;
    --sp-orange:#e1470e;
    --sp-orange-hover:#b83809;
    --sp-orange-soft:#fde3d4;
    --sp-gray:#9d9d9c;
    --sp-gray-hover:#7a7a79;
    --sp-gray-soft:#e8e8e7;
    --sp-gray-border:#bfbfbe;

    --sp-font-display:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
    --sp-font-body:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
    --sp-text-sm:12px;
    --sp-text-md:14px;
    --sp-text-lg:16px;
}

/* =========================================================================
   Legacy site styles (carried over from style.css)
   ========================================================================= */

body {
    font-family: var(--sp-font-body);
    font-size: var(--sp-text-md);
    line-height: 1.45;
}

* {
    word-wrap: break-word;
}

.fa,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

/* deepl-widget nests <span class="lang-name">EN|FR</span> inside the
   <i class="fas fa-globe"> icon, so the FA font-family inherits and garbles
   the letters. Restore the body font just for that label. */
.lang-name { font-family: var(--sp-font-body); }

.bank-input-space-evenly{
    justify-content: space-between;
}

.bank-input-space-evenly > input{
    width: auto!important;
}

.bg-pos {
    background-color: #00354B !important;
    color: white !important;
}

.fa-info-circle {
    color: #409EC7 !important;
}

.btn-primary {
    background-color: #004158 !important;
    color: #fff !important;
    border-color: #004158 !important;
}

.btn-primary:hover {
    background-color: #002B3A !important;
    border-color: #002B3A !important;
    color: #fff !important;
}

.btn-primary:active,
.btn-primary:focus {
    background-color: #001F29 !important;
    border-color: #001F29 !important;
    color: #fff !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2) !important;
}

.btn-outline-primary {
    color: #004158 !important;
    border-color: #004158 !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background-color: #004158 !important;
    border-color: #004158 !important;
}

.btn-outline-primary:active,
.btn-outline-primary:focus {
    color: #fff !important;
    background-color: #002B3A !important;
    border-color: #002B3A !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2) !important;
}

.btn-menu {
    background-color: #E1470E !important;
    color: white;
}

.btn-menu:hover {
    background-color: #C53E0D !important;
    color: white !important;
}

.btn-menu:active,
.btn-menu:focus {
    background-color: #A9360B !important;
    color: white !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.badge-spcyan  {
    background-color: #409EC7 !important;
}

.bank-docs {
    width: 100%;
    height: 200px;
    object-fit: contain;
    border: 1px solid #409EC7;
}

.help-floating-div {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    display: grid;
    grid-gap: 15px;
    text-align: end;
}

.responsive-text {
  color: #212529; /* text-dark */
}

@media (max-width: 600px) {
  .responsive-text {
    color: #f8f9fa; /* text-light */
  }
}

.btn-partner {
    background-color: #138d75 !important;
    color: #fff !important;
    border-color: #138d75 !important;
}

.btn-partner:hover {
    background-color: #0f7a68 !important;
    border-color: #0f7a68 !important;
    color: #fff !important;
}

.btn-partner:active,
.btn-partner:focus {
    background-color: #0c665a !important;
    border-color: #0c665a !important;
    color: #fff !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2) !important;
}

.btn-outline-partner {
    color: #138d75 !important;
    border-color: #138d75 !important;
    background-color: transparent !important;
}

.btn-outline-partner:hover {
    color: #fff !important;
    background-color: #138d75 !important;
    border-color: #138d75 !important;
}

.btn-outline-partner:active,
.btn-outline-partner:focus {
    color: #fff !important;
    background-color: #0f7a68 !important;
    border-color: #0f7a68 !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2) !important;
}

.text-partner {
    color: #138d75 !important;
}

.btn-admin {
    background-color: #8E6A5B !important;
    color: #fff !important;
    border-color: #8E6A5B !important;
}

.text-admin {
    color: #8E6A5B !important;
}

.btn-admin:hover {
    background-color: #7A5A4C !important;
    border-color: #7A5A4C !important;
    color: #fff !important;
}

.btn-admin:active,
.btn-admin:focus {
    background-color: #664A3E !important;
    border-color: #664A3E !important;
    color: #fff !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2) !important;
}

.btn-outline-admin {
    color: #8E6A5B !important;
    border-color: #8E6A5B !important;
    background-color: transparent !important;
}

.btn-outline-admin:hover {
    color: #fff !important;
    background-color: #8E6A5B !important;
    border-color: #8E6A5B !important;
}

.btn-outline-admin:active,
.btn-outline-admin:focus {
    color: #fff !important;
    background-color: #7A5A4C !important;
    border-color: #7A5A4C !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2) !important;
}

/* =========================================================================
   Global theme — tokens + Bootstrap status overrides + brand utilities + layout
   (ported from BSGlobalThemeCSS in cgi/TBootstrap.prg)
   ========================================================================= */


/* ---- Bootstrap status overrides ---------------------------------------- */
.text-success{color:var(--sp-success) !important;}
.text-danger{color:var(--sp-danger) !important;}
.text-warning{color:var(--sp-warning) !important;}
.text-info{color:var(--sp-info) !important;}
.text-secondary{color:var(--sp-muted) !important;}
.text-muted{color:var(--sp-muted) !important;}

.bg-success{background-color:var(--sp-success) !important;}
.bg-danger{background-color:var(--sp-danger) !important;}
.bg-warning{background-color:var(--sp-warning) !important;}
.bg-info{background-color:var(--sp-info) !important;}
.bg-secondary{background-color:var(--sp-muted) !important;}

.badge-success,.btn-success{background-color:var(--sp-success) !important;border-color:var(--sp-success) !important;}
.badge-danger,.btn-danger{background-color:var(--sp-danger) !important;border-color:var(--sp-danger) !important;}
.badge-warning,.btn-warning{background-color:var(--sp-warning) !important;border-color:var(--sp-warning) !important;}
.badge-info,.btn-info{background-color:var(--sp-info) !important;border-color:var(--sp-info) !important;}
.badge-secondary,.btn-secondary{background-color:var(--sp-muted) !important;border-color:var(--sp-muted) !important;color:#fff !important;}

.table-success,.table-success>th,.table-success>td{background-color:var(--sp-success-soft) !important;border-color:var(--sp-success-border) !important;}
.table-danger,.table-danger>th,.table-danger>td{background-color:var(--sp-danger-soft) !important;border-color:var(--sp-danger-border) !important;}
.table-warning,.table-warning>th,.table-warning>td{background-color:var(--sp-warning-soft) !important;border-color:var(--sp-warning-border) !important;}
.table-info,.table-info>th,.table-info>td{background-color:var(--sp-info-soft) !important;border-color:var(--sp-info-border) !important;}
.table-primary,.table-primary>th,.table-primary>td{background-color:var(--sp-primary-soft) !important;border-color:var(--sp-primary-border) !important;}
.table-secondary,.table-secondary>th,.table-secondary>td{background-color:var(--sp-gray-soft) !important;border-color:var(--sp-gray-border) !important;}

/* ---- Brand utilities ---------------------------------------------------- */
/* sp-primary */
.text-sp-primary{color:var(--sp-primary) !important;}
.bg-sp-primary{background-color:var(--sp-primary) !important;}
.border-sp-primary{border-color:var(--sp-primary) !important;}
.badge-sp-primary{background-color:var(--sp-primary) !important;border-color:var(--sp-primary) !important;color:#fff !important;}
.table-sp-primary,.table-sp-primary>th,.table-sp-primary>td{background-color:var(--sp-primary-soft) !important;}
.btn-sp-primary{background-color:var(--sp-primary) !important;border-color:var(--sp-primary) !important;color:#fff !important;}
.btn-sp-primary:hover,.btn-sp-primary:focus{background-color:var(--sp-primary-hover) !important;border-color:var(--sp-primary-hover) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(0,65,88,0.4) !important;}
.btn-sp-primary:active{background-color:var(--sp-primary-hover) !important;border-color:var(--sp-primary-hover) !important;}
.btn-outline-sp-primary{background-color:transparent !important;border-color:var(--sp-primary) !important;color:var(--sp-primary) !important;}
.btn-outline-sp-primary:hover,.btn-outline-sp-primary:focus{background-color:var(--sp-primary) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(0,65,88,0.4) !important;}

/* sp-cyan */
.text-sp-cyan{color:var(--sp-cyan) !important;}
.bg-sp-cyan{background-color:var(--sp-cyan) !important;}
.border-sp-cyan{border-color:var(--sp-cyan) !important;}
.badge-sp-cyan{background-color:var(--sp-cyan) !important;border-color:var(--sp-cyan) !important;color:#fff !important;}
.table-sp-cyan,.table-sp-cyan>th,.table-sp-cyan>td{background-color:var(--sp-cyan-soft) !important;}
.btn-sp-cyan{background-color:var(--sp-cyan) !important;border-color:var(--sp-cyan) !important;color:#fff !important;}
.btn-sp-cyan:hover,.btn-sp-cyan:focus{background-color:var(--sp-cyan-hover) !important;border-color:var(--sp-cyan-hover) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(64,158,199,0.4) !important;}
.btn-sp-cyan:active{background-color:var(--sp-cyan-hover) !important;border-color:var(--sp-cyan-hover) !important;}
.btn-outline-sp-cyan{background-color:transparent !important;border-color:var(--sp-cyan) !important;color:var(--sp-cyan) !important;}
.btn-outline-sp-cyan:hover,.btn-outline-sp-cyan:focus{background-color:var(--sp-cyan) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(64,158,199,0.4) !important;}

/* sp-orange */
.text-sp-orange{color:var(--sp-orange) !important;}
.bg-sp-orange{background-color:var(--sp-orange) !important;}
.border-sp-orange{border-color:var(--sp-orange) !important;}
.badge-sp-orange{background-color:var(--sp-orange) !important;border-color:var(--sp-orange) !important;color:#fff !important;}
.table-sp-orange,.table-sp-orange>th,.table-sp-orange>td{background-color:var(--sp-orange-soft) !important;}
.btn-sp-orange{background-color:var(--sp-orange) !important;border-color:var(--sp-orange) !important;color:#fff !important;}
.btn-sp-orange:hover,.btn-sp-orange:focus{background-color:var(--sp-orange-hover) !important;border-color:var(--sp-orange-hover) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(225,71,14,0.4) !important;}
.btn-sp-orange:active{background-color:var(--sp-orange-hover) !important;border-color:var(--sp-orange-hover) !important;}
.btn-outline-sp-orange{background-color:transparent !important;border-color:var(--sp-orange) !important;color:var(--sp-orange) !important;}
.btn-outline-sp-orange:hover,.btn-outline-sp-orange:focus{background-color:var(--sp-orange) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(225,71,14,0.4) !important;}

/* sp-gray */
.text-sp-gray{color:var(--sp-gray) !important;}
.bg-sp-gray{background-color:var(--sp-gray) !important;}
.border-sp-gray{border-color:var(--sp-gray) !important;}
.badge-sp-gray{background-color:var(--sp-gray) !important;border-color:var(--sp-gray) !important;color:#fff !important;}
.table-sp-gray,.table-sp-gray>th,.table-sp-gray>td{background-color:var(--sp-gray-soft) !important;}
.btn-sp-gray{background-color:var(--sp-gray) !important;border-color:var(--sp-gray) !important;color:#fff !important;}
.btn-sp-gray:hover,.btn-sp-gray:focus{background-color:var(--sp-gray-hover) !important;border-color:var(--sp-gray-hover) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(157,157,156,0.4) !important;}
.btn-sp-gray:active{background-color:var(--sp-gray-hover) !important;border-color:var(--sp-gray-hover) !important;}
.btn-outline-sp-gray{background-color:transparent !important;border-color:var(--sp-gray) !important;color:var(--sp-gray) !important;}
.btn-outline-sp-gray:hover,.btn-outline-sp-gray:focus{background-color:var(--sp-gray) !important;color:#fff !important;box-shadow:0 0 0 0.2rem rgba(157,157,156,0.4) !important;}

/* ---- Layout utilities --------------------------------------------------- */
html{scrollbar-gutter:stable;}
body{overflow-y:scroll;}

/* ---- Typography --------------------------------------------------------- */
/* Body default is Poppins (set at top of file).
   Headings default to regular (400) — Bootstrap's default is 500, which only
   started showing after we began importing additional Poppins weights.
   For emphasis, use .font-weight-bold (capped at 500 below) or set
   font-weight: 500 explicitly. */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/* Cap "bold" at medium (500) site-wide — Bootstrap's .font-weight-bold,
   <b>, and <strong> otherwise render 700, which reads heavy in Poppins. */
b, strong, .font-weight-bold { font-weight: 500 !important; }

/* Neutralize legacy <font> tags scattered across .prg files (THtml's default
   Verdana wrapper, inline <font face=...> tags, etc.) — force them to inherit
   font-family and size from their CSS context so Poppins/14px wins. */
font { font-family: inherit !important; font-size: inherit !important; }

/* Legacy tables built by THtml's NewTable/NewTableCell (no sp-*-table class)
   — ensure they inherit font-size from body instead of any browser default
   or cascade leftover from Bootstrap. sp-report-table / sp-simple-table
   already set their own explicit size, so they override this. */
table, th, td { font-size: inherit; }

/* Merchant-list (Dealer.prg) — name links slightly smaller than body. */
#merchlist table a { font-size: 13px; }

/* ---- Form controls ------------------------------------------------------ */
/* Bootstrap's .form-control hardcodes font-size:1rem, which ignores the 14px
   body. Force inherit so inputs/selects/textareas match their context (14px
   in normal layout, 12px inside .sp-report-table, etc.). */
.form-control,
input,
select,
textarea {
    font-size: inherit;
    line-height: inherit;
}

/* Buttons: Bootstrap hardcodes .btn to 1rem (16px). Lock to body size so
   buttons sit proportionally next to 14px body text. */
.btn { font-size: var(--sp-text-md); }

/* ---- Collapse toggle (+/-) --------------------------------------------- */
.sp-collapse-toggle,.sp-collapse-toggle:visited,.sp-collapse-toggle[aria-expanded='false']{color:#5b6670;box-shadow:none!important;}
.sp-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;}
.sp-collapse-toggle i{font-size:14px;line-height:1;width:14px;text-align:center;}
.sp-collapse-toggle:hover{color:#2f3b46;text-decoration:none;}
.sp-collapse-toggle:focus,.sp-collapse-toggle:active{color:#5b6670;outline:none!important;box-shadow:none!important;text-decoration:none;}
.sp-collapse-toggle .sp-collapse-close{display:none;}
.sp-collapse-toggle[aria-expanded='true']{color:#0b5e8e;}
.sp-collapse-toggle[aria-expanded='true'] .sp-collapse-open{display:none;}
.sp-collapse-toggle[aria-expanded='true'] .sp-collapse-close{display:inline-block;}

/* ---- Expand-all toggle -------------------------------------------------- */
.sp-expand-label{font-size:12px !important;margin-bottom:0;line-height:1.2;}
.sp-expand-check{display:inline-flex;align-items:center;}
.sp-expand-check .form-check-input{position:static;margin:0 .45rem 0 0;}

/* ---- Page bar ----------------------------------------------------------- */
.sp-page-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;}
.sp-page-bar-side{flex:1 1 0;}
.sp-page-bar-left{text-align:left;}
.sp-page-bar-right{text-align:right;}
.sp-page-showing{font-size:11px;color:var(--sp-muted);font-weight:400;text-align:center;}

/* ---- Summary cards ------------------------------------------------------ */
.sp-summary-wrap{margin-top:.9rem;padding:0 .65rem;}
.sp-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));gap:.55rem;align-items:stretch;justify-content:center;}
.sp-summary-card{border:1px solid var(--sp-border);border-top:3px solid var(--sp-secondary-07);border-radius:.3rem;background:var(--sp-surface);padding:.4rem .5rem;min-height:156px;width:100%;max-width:320px;}

.sp-summary-card--type{border-top-color:var(--sp-secondary-07);}
.sp-summary-card--transfer{border-top-color:var(--sp-secondary-03);}
.sp-summary-card--program{border-top-color:var(--sp-secondary-01);}
.sp-summary-card--player{border-top-color:var(--sp-secondary-02);}
.sp-summary-card--account{border-top-color:var(--sp-secondary-04);}
.sp-summary-card--cpay{border-top-color:var(--sp-secondary-07);}

.sp-summary-heading{font-size:12px;font-weight:500;color:var(--sp-secondary-07);padding-bottom:.25rem;}
.sp-summary-list{border-top:1px solid var(--sp-border-soft);padding-top:.4rem;max-height:112px;overflow:auto;}
.sp-summary-line{font-size:12px;line-height:1.35;display:flex;justify-content:space-between;gap:.5rem;white-space:nowrap;}
.sp-summary-name{color:var(--sp-secondary-07);flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis;}
.sp-summary-val{color:#4b5563;white-space:nowrap;text-align:right;}
.sp-summary-total{border-top:1px solid var(--sp-border-soft);margin-top:.25rem;padding-top:.25rem;}

@media (max-width:576px){.sp-summary-grid{grid-template-columns:minmax(0,1fr);}.sp-summary-card{max-width:none;}}

/* ---- Detail cards (drill-down rows) ------------------------------------ */
tr.collapse:not(.show){display:none;}
tr.collapse.show{display:table-row;}

.sp-detail-cell{font-size:12px;line-height:1.3;color:#495057;}
.sp-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px 8px;font-size:12px;}
.sp-detail-card{border:1px solid var(--sp-border);border-top:3px solid var(--sp-secondary-07);border-radius:.3rem;background:#fff;padding:.35rem .45rem;}

.sp-detail-card--type{border-top-color:var(--sp-secondary-07);}
.sp-detail-card--transfer{border-top-color:var(--sp-secondary-03);}
.sp-detail-card--program{border-top-color:var(--sp-secondary-01);}
.sp-detail-card--player{border-top-color:var(--sp-secondary-02);}
.sp-detail-card--account{border-top-color:var(--sp-secondary-04);}
.sp-detail-card--cpay{border-top-color:var(--sp-secondary-07);}
.sp-detail-card--process{border-top-color:var(--sp-secondary-07);}

.sp-detail-heading{font-size:12px;font-weight:500;color:#4b5563;margin:0 0 .2rem 0;text-transform:uppercase;letter-spacing:.02em;}
.sp-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:1px 0;}
.sp-detail-card .sp-detail-row + .sp-detail-row{border-top:1px dotted var(--sp-border-soft);margin-top:2px;padding-top:2px;}
.sp-detail-label{color:#343a40;overflow-wrap:anywhere;}
.sp-detail-val{color:#495057;text-align:right;margin-left:auto;overflow-wrap:anywhere;}

@media (max-width:992px){.sp-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:768px){.sp-detail-grid{grid-template-columns:1fr;}}

/* ---- Report tables ------------------------------------------------------ */
.sp-report-table,
.sp-simple-table {
    width: 100%;
    font-size: var(--sp-text-sm);
    font-family: var(--sp-font-body);
    border-collapse: collapse;
}

.sp-simple-table th,
.sp-simple-table td {
    vertical-align: middle;
    padding: .55rem .7rem;
    word-break: break-word;
    overflow-wrap: anywhere;
    border: 1px solid var(--sp-border);
}

.sp-report-table th,
.sp-report-table td {
    vertical-align: middle;
    padding: .55rem .7rem;
    word-break: break-word;
    overflow-wrap: anywhere;
    border: 0;
    border-bottom: 1px solid var(--sp-border);
}

.sp-report-table {
    border-top: 1px solid var(--sp-border);
}

.sp-report-table th,
.sp-simple-table th {
    font-weight: 500;
    background: var(--sp-primary-soft);
    color: var(--sp-primary);
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .02em;
}

.sp-report-table th {
    border-bottom: 2px solid var(--sp-primary);
}

.sp-report-table tbody tr:hover>td,
.sp-simple-table tbody tr:hover>td {
    filter: brightness(0.97);
    transition: filter .12s ease-in-out;
}

.sp-report-table td font,
.sp-report-table th font {
    font-size: inherit !important;
    font-family: inherit !important;
}

.sp-inline-table {
    width: 100%;
    font-size: 11px;
}

.sp-inline-table td {
    padding: .15rem .3rem;
    vertical-align: top;
    border-top: 1px dotted var(--sp-gray-soft);
}

.sp-report-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    margin: .5rem 0;
}

.sp-page-bar-row>td {
    padding: .4rem .7rem !important;
    background: transparent;
}

/* ---- Tran report Type-column palette ----------------------------------- */
/* TranList's .sp-report-table puts the transaction Type in column 3. When
   the row carries a status tint (table-success, etc.), we brighten the
   Type cell text with the matching accent color so the row's meaning reads
   clearly alongside the soft row tint. Ported from TranReportPaletteCSS(). */
.sp-report-table tr.table-success td:nth-child(3),
.sp-report-table td.table-success:nth-child(3) {
    color: var(--sp-success-accent) !important;
    font-weight: 500 !important;
}

.sp-report-table tr.table-success td:nth-child(3) *,
.sp-report-table td.table-success:nth-child(3) * {
    color: var(--sp-success-accent) !important;
}

.sp-report-table tr.table-danger td:nth-child(3),
.sp-report-table td.table-danger:nth-child(3) {
    color: var(--sp-danger-accent) !important;
    font-weight: 500 !important;
}

.sp-report-table tr.table-danger td:nth-child(3) *,
.sp-report-table td.table-danger:nth-child(3) * {
    color: var(--sp-danger-accent) !important;
}

.sp-report-table tr.table-primary td:nth-child(3),
.sp-report-table td.table-primary:nth-child(3) {
    color: var(--sp-primary-accent) !important;
    font-weight: 500 !important;
}

.sp-report-table tr.table-primary td:nth-child(3) *,
.sp-report-table td.table-primary:nth-child(3) * {
    color: var(--sp-primary-accent) !important;
}

.sp-report-table tr.table-info td:nth-child(3),
.sp-report-table td.table-info:nth-child(3) {
    color: var(--sp-info-accent) !important;
    font-weight: 500 !important;
}

.sp-report-table tr.table-info td:nth-child(3) *,
.sp-report-table td.table-info:nth-child(3) * {
    color: var(--sp-info-accent) !important;
}

.sp-report-table tr.table-warning td:nth-child(3),
.sp-report-table td.table-warning:nth-child(3) {
    color: var(--sp-warning-accent) !important;
    font-weight: 500 !important;
}

.sp-report-table tr.table-warning td:nth-child(3) *,
.sp-report-table td.table-warning:nth-child(3) * {
    color: var(--sp-warning-accent) !important;
}

.dropdown-menu a {
    font-size: 14px !important;
}