/* KOREKT CUSTOMER HUB — Satin Graphite v3: dark complete panels.
   Presentation only; original functional rules remain in kgh.css. */
.kgh-hub{--kgh-satin:#2a2d35;--kgh-satin-red:#f04451}
/* Complete card surfaces, rather than trying to recolor unknown subelements. */
.kgh-hub .kgh-hub-card,
.kgh-hub .kgh-guest-card,
.kgh-hub .kgh-pay-card,
.kgh-hub .kgh-adjustment-card,
.kgh-hub .kgh-metric-detail {
 background:radial-gradient(ellipse 85% 95% at 42% -24%,rgba(255,255,255,.16),transparent 80%),linear-gradient(155deg,#414650 0%,#30343d 54%,#21242b 100%)!important;
 background-color:#30343d!important;
 border:1px solid #777d88!important;
 color:#f7f8fb!important;
 box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.18)!important;
 border-radius:17px!important;
}
/* True card headings and the actual selectors from the plugin markup. */
.kgh-hub .kgh-hub-card .kgh-card-head h1,
.kgh-hub .kgh-hub-card .kgh-card-head h2,
.kgh-hub .kgh-hub-card .kgh-card-head h3,
.kgh-hub .kgh-hub-card>.kgh-card-head h1,
.kgh-hub .kgh-hub-card>.kgh-card-head h2,
.kgh-hub .kgh-hub-card>h1,
.kgh-hub .kgh-hub-card>h2,
.kgh-hub .kgh-hub-card .kgh-card-head strong {color:#fff!important;text-shadow:none!important;opacity:1!important}
.kgh-hub .kgh-hub-card .kgh-card-head small,
.kgh-hub .kgh-hub-card .kgh-card-head p,
.kgh-hub .kgh-hub-card>.kgh-card-head>div>small {color:#d6dae2!important;opacity:1!important}
.kgh-hub .kgh-hub-card .kgh-card-head .kgh-overline,
.kgh-hub .kgh-hub-card .kgh-overline{color:#ff6470!important;opacity:1!important}
.kgh-hub .kgh-hub-card .kgh-card-head {border-bottom-color:rgba(255,255,255,.18)!important}
/* Specific screens previously unreadable: staff, employee preview, finance introduction. */
.kgh-hub .kgh-staff-directory,
.kgh-hub .kgh-preview-banner,
.kgh-hub .kgh-finance-view-switch,
.kgh-hub .kgh-finance-simple-intro,
.kgh-hub .kgh-finance-simple-branch,
.kgh-hub .kgh-target-overview-card,
.kgh-hub .kgh-manager-stats-head,
.kgh-hub .kgh-manager-metrics-head {color:#fff!important}
.kgh-hub .kgh-finance-view-switch .kgh-card-head h1,
.kgh-hub .kgh-finance-simple-intro .kgh-card-head h1,
.kgh-hub .kgh-manager-staff-page .kgh-staff-directory .kgh-card-head h1,
.kgh-hub .kgh-preview-banner h1,
.kgh-hub .kgh-preview-banner h2,
.kgh-hub .kgh-finance-v2-page>.kgh-hub-card .kgh-card-head h1,
.kgh-hub .kgh-finance-entry-page>.kgh-hub-card .kgh-card-head h1 {color:#fff!important}
.kgh-hub .kgh-finance-view-switch nav a:not(.is-active),
.kgh-hub .kgh-subtabs a:not(.is-active),
.kgh-hub .kgh-manager-tabs a:not(.is-active) {background:#f5f6f8!important;color:#242731!important}
/* Card bodies that include free-standing captions. */
.kgh-hub .kgh-hub-card>.kgh-card-head~p,
.kgh-hub .kgh-hub-card>.kgh-card-head~small,
.kgh-hub .kgh-hub-card>.kgh-card-head~div>p {color:#e0e3ea!important}
/* Manager overview metric cards already dark; keep them dark and legible. */
.kgh-hub .kgh-manager-metric,
.kgh-hub .kgh-manager-metric:hover,
.kgh-hub .kgh-staff-metrics>div {
 background:linear-gradient(155deg,#414650,#282b33 68%,#202229)!important;
 border:1px solid #6d7480!important;color:#fff!important;
 box-shadow:0 9px 20px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12)!important
}
.kgh-hub .kgh-manager-metric b,.kgh-hub .kgh-manager-metric span,
.kgh-hub .kgh-staff-metrics>div *{color:#f8f9fb!important}
/* Staff directory cards - dark so the entire window is visually consistent. */
.kgh-hub .kgh-employee-card,
.kgh-hub .kgh-employee-card:hover,
.kgh-hub .kgh-employee-card:focus{
 background:linear-gradient(155deg,#454a54,#313640)!important;
 color:#fff!important;border:1px solid #777d87!important;
 box-shadow:0 5px 14px rgba(0,0,0,.2)!important
}
.kgh-hub .kgh-employee-card .kgh-employee-name-row,
.kgh-hub .kgh-employee-card .kgh-employee-card-copy>strong {color:#fff!important}
.kgh-hub .kgh-employee-card small{color:#c8ccd5!important}
.kgh-hub .kgh-employee-card .kgh-employee-profile-link{color:#ff8991!important}
/* Preview notice header - not a working input area. */
.kgh-hub .kgh-preview-notice {background:#30343d!important;border:1px solid #797e87!important;color:#fff!important}
.kgh-hub .kgh-preview-notice strong{color:#fff!important}
.kgh-hub .kgh-preview-notice small{color:#cdd1da!important}
.kgh-hub .kgh-preview-notice span{color:#ff7580!important}
/* Identity panels and personal contact. */
.kgh-hub .kgh-identity-hero{background:linear-gradient(145deg,#424650,#282c34 70%,#1f2228)!important;border-color:#727782!important;border-bottom:2px solid #de2531!important}
.kgh-hub .kgh-identity-hero .kgh-staff-contact-line,
.kgh-hub .kgh-identity-hero .kgh-staff-contact-label,
.kgh-hub .kgh-identity-hero .kgh-staff-contact-value,
.kgh-hub .kgh-identity-hero .kgh-profile-copy p,
.kgh-hub .kgh-identity-hero .kgh-hero-name,
.kgh-hub .kgh-staff-top .kgh-profile-copy .kgh-hero-sub{color:#fff!important;opacity:1!important}
/* Keep inputs and nested financial data surfaces pale: legibility for long forms. */
.kgh-hub input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
.kgh-hub textarea,.kgh-hub select{background-color:#f8f9fb!important;color:#181b21!important;border-color:#a1a8b3!important}
.kgh-hub input:focus-visible,.kgh-hub textarea:focus-visible,.kgh-hub select:focus-visible{outline-color:#c4202b!important;border-color:#c4202b!important}
.kgh-hub .kgh-finance-v2-cards>div,
.kgh-hub .kgh-finance-v2-breakdown>section,
.kgh-hub .kgh-finance-entry-row,
.kgh-hub .kgh-finance-entry-intro,
.kgh-hub .kgh-finance-entry-rules,
.kgh-hub .kgh-report-cycle-settings,
.kgh-hub .kgh-staff-picker,
.kgh-hub .kgh-pay-grid>div,
.kgh-hub .kgh-profit-grid>label,
.kgh-hub .kgh-finance-v2-body .kgh-finance-v2-cards>div{
 background:#f0f2f6!important;color:#1e222a!important;border-color:#c4c9d2!important
}
.kgh-hub .kgh-finance-v2-cards>div b,.kgh-hub .kgh-finance-v2-cards>div span {color:#20242c!important}
/* Visibly dark title band for overview stats (formerly a white strip). */
.kgh-hub .kgh-hub-card.kgh-manager-stats-head,
.kgh-hub .kgh-hub-card.kgh-manager-metrics-head{background:linear-gradient(145deg,#424650,#282b33)!important;color:#fff!important}
.kgh-hub .kgh-manager-stats-head .kgh-overline{color:#ff606e!important}
@media(max-width:700px){.kgh-hub .kgh-hub-card{border-radius:15px!important}.kgh-hub .kgh-employee-card{border-radius:12px!important}}

/* ============================================================
   SATIN v4 — CONTRAST AUDIT
   Dark surfaces: light text. Light form tiles: dark text.
   Overrides legacy rc.27 hard-coded black text on expanded stats.
   ============================================================ */
.kgh-hub .kgh-metric-detail,
.kgh-hub .kgh-metric-detail[hidden="false"] {
  color:#f7f8fb!important;
  background:linear-gradient(155deg,#494e58 0%,#343944 52%,#292d36 100%)!important;
  border:1px solid #777f8b!important;
}
.kgh-hub .kgh-metric-detail *:not(.kgh-red-btn):not(.kgh-inline-badge):not(.kgh-link-badge):not(button):not(input):not(select):not(textarea),
.kgh-hub .kgh-metric-detail a,
.kgh-hub .kgh-metric-detail small,
.kgh-hub .kgh-metric-detail strong,
.kgh-hub .kgh-metric-detail b,
.kgh-hub .kgh-metric-detail .kgh-metric-rows>div,
.kgh-hub .kgh-metric-detail .kgh-metric-rows>div * {
  color:#f7f8fb!important;
}
.kgh-hub .kgh-metric-detail small,
.kgh-hub .kgh-metric-detail .kgh-muted {color:#cbd1da!important}
.kgh-hub .kgh-metric-rows>div {border-bottom-color:rgba(255,255,255,.35)!important}
.kgh-hub .kgh-metric-detail .kgh-outline-btn {color:#20242b!important;background:#fff!important;border-color:#c5cbd4!important}
.kgh-hub .kgh-metric-detail .kgh-outline-btn:hover {color:#bc1423!important}
/* Maintain natural appearance of action/status chips. */
.kgh-hub .kgh-metric-detail .kgh-inline-badge,
.kgh-hub .kgh-metric-detail .kgh-link-badge{color:inherit!important}
/* Expanded target blocks and earnings: all labels on dark surface are legible. */
.kgh-hub .kgh-hub-card.kgh-target-card,
.kgh-hub .kgh-hub-card.kgh-pay-card {color:#f7f8fb!important}
.kgh-hub .kgh-target-card .kgh-target-numbers strong,
.kgh-hub .kgh-target-card .kgh-target-numbers strong span,
.kgh-hub .kgh-target-card .kgh-target-numbers small,
.kgh-hub .kgh-target-card .kgh-target-head-right,
.kgh-hub .kgh-pay-card .kgh-pay-total,
.kgh-hub .kgh-pay-card .kgh-pay-head-right,
.kgh-hub .kgh-pay-card .kgh-pay-history summary,
.kgh-hub .kgh-pay-card .kgh-pay-history p,
.kgh-hub .kgh-pay-card .kgh-pay-history small {color:#f7f8fb!important}
.kgh-hub .kgh-target-card .kgh-target-progress {background:#cbd0d8!important}
.kgh-hub .kgh-pay-card .kgh-pay-history {border-top-color:rgba(255,255,255,.3)!important}
.kgh-hub .kgh-pay-card .kgh-pay-history p {border-bottom-color:rgba(255,255,255,.25)!important}
/* Nested light summary tiles: explicit dark ink, preserving positive/negative colors. */
.kgh-hub .kgh-pay-grid>div:not(.is-total),
.kgh-hub .kgh-finance-v2-cards>div,
.kgh-hub .kgh-finance-v2-breakdown>section {
 background:#f0f2f6!important;color:#20242c!important;border-color:#c5cbd5!important
}
.kgh-hub .kgh-pay-grid>div:not(.is-total) span,
.kgh-hub .kgh-pay-grid>div:not(.is-total) small {color:#59616d!important}
.kgh-hub .kgh-pay-grid>div:not(.is-total) b,
.kgh-hub .kgh-pay-grid>div:not(.is-total) strong {color:#20242c!important}
.kgh-hub .kgh-pay-grid>div.is-positive b {color:#117b46!important}
.kgh-hub .kgh-pay-grid>div.is-negative b {color:#cc1c2b!important}
.kgh-hub .kgh-pay-grid>div.is-total {background:#181b21!important;border-color:#565d69!important}
.kgh-hub .kgh-pay-grid>div.is-total,
.kgh-hub .kgh-pay-grid>div.is-total * {color:#fff!important}
/* White/silver form surfaces remain explicitly dark text. */
.kgh-hub .kgh-finance-entry-row,
.kgh-hub .kgh-report-cycle-settings,
.kgh-hub .kgh-finance-entry-rules,
.kgh-hub .kgh-staff-picker,
.kgh-hub .kgh-finance-entry-intro {color:#20242c!important}
.kgh-hub .kgh-finance-entry-row label,
.kgh-hub .kgh-finance-entry-rules p,
.kgh-hub .kgh-report-cycle-settings label,
.kgh-hub .kgh-staff-picker label {color:#20242c!important}
/* Other dark panels that previously inherited legacy #111 ink. */
.kgh-hub .kgh-manager-stats-head,
.kgh-hub .kgh-manager-metrics-head,
.kgh-hub .kgh-preview-notice,
.kgh-hub .kgh-identity-hero {color:#f7f8fb!important}
.kgh-hub .kgh-manager-stats-head .kgh-card-head h2,
.kgh-hub .kgh-manager-metrics-head .kgh-card-head h2,
.kgh-hub .kgh-preview-notice h1,
.kgh-hub .kgh-preview-notice h2 {color:#fff!important}

/* ============================================================
   SATIN v5 — targeted polish after visual QA
   ============================================================ */
/* Monthly listing pills: keep dark ink on light pill background. */
.kgh-hub .kgh-metric-person-stats em{
  background:#ffffff!important;
  color:#20242c!important;
  border:1px solid #c9ced6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}

/* Employee page subtabs (Активни / Неактивни): make them intentional pills. */
.kgh-hub .kgh-subtabs{
  margin:10px 0 14px!important;
  padding:4px!important;
  border:1px solid #6d7480!important;
  border-radius:12px!important;
  background:linear-gradient(155deg,#454a54,#30343d 68%,#24272e)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}
.kgh-hub .kgh-subtabs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#dfe4ec!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.1!important;
}
.kgh-hub .kgh-subtabs a:hover,
.kgh-hub .kgh-subtabs a:focus-visible{
  background:rgba(255,255,255,.08)!important;
  border-color:#8e95a0!important;
  color:#ffffff!important;
  outline:none!important;
}
.kgh-hub .kgh-subtabs a.is-active{
  background:#ffffff!important;
  color:#1f242c!important;
  border-color:#ffffff!important;
  box-shadow:0 3px 8px rgba(0,0,0,.18)!important;
}

/* Personal tasks remain a light surface: dark copy for readability. */
.kgh-hub .kgh-personal-tasks{
  background:#f5f6f8!important;
  border-color:#c9ced6!important;
  color:#1f242c!important;
}
.kgh-hub .kgh-personal-head h2,
.kgh-hub .kgh-personal-head small,
.kgh-hub .kgh-personal-head div,
.kgh-hub .kgh-personal-day-title,
.kgh-hub .kgh-personal-task-copy h3,
.kgh-hub .kgh-personal-task-copy p,
.kgh-hub .kgh-personal-task-copy time{
  color:#1f242c!important;
}
.kgh-hub .kgh-personal-tasks .kgh-overline{color:#cf2431!important}

/* Generic light empty-state notes: always dark text on pale surface. */
.kgh-hub .kgh-empty-note,
.kgh-hub .kgh-voucher-request-card .kgh-empty-note,
.kgh-hub .kgh-salary-approval-card .kgh-empty-note,
.kgh-hub .kgh-task-section .kgh-empty-note,
.kgh-hub .kgh-task-fold .kgh-empty-note{
  background:#f1f3f6!important;
  color:#20242c!important;
  border:1px solid #d3d8df!important;
}
.kgh-hub .kgh-empty-note *{color:inherit!important}

/* ===========================================================
   SATIN GRAPHITE v6 — extended component contrast audit
   Only presentation rules; no layout, permissions or handlers.
   =========================================================== */

/* Dark top-level cards: headings and directly attached metadata. */
.kgh-hub .kgh-hub-card > h1,
.kgh-hub .kgh-hub-card > h2,
.kgh-hub .kgh-hub-card > h3,
.kgh-hub .kgh-hub-card > .kgh-card-head h1,
.kgh-hub .kgh-hub-card > .kgh-card-head h2,
.kgh-hub .kgh-hub-card > .kgh-card-head h3,
.kgh-hub .kgh-hub-card > .kgh-card-head strong,
.kgh-hub .kgh-hub-card > .kgh-card-head .kgh-card-title,
.kgh-hub .kgh-hub-card > .kgh-card-head .kgh-title {
 color:#fff!important;
}
.kgh-hub .kgh-hub-card > .kgh-card-head small,
.kgh-hub .kgh-hub-card > .kgh-card-head p,
.kgh-hub .kgh-hub-card > .kgh-card-head .kgh-muted {
 color:#e0e4ec!important;
}

/* Finance, targets, staff and manager dark panel headings. */
.kgh-hub .kgh-finance-view-switch h1,
.kgh-hub .kgh-finance-simple-intro h1,
.kgh-hub .kgh-finance-simple-branch > h2,
.kgh-hub .kgh-preview-banner h1,
.kgh-hub .kgh-preview-banner h2,
.kgh-hub .kgh-manager-staff-page .kgh-staff-directory > h1,
.kgh-hub .kgh-pay-card .kgh-card-head h2,
.kgh-hub .kgh-target-card .kgh-card-head h2 {
 color:#fff!important;
}
.kgh-hub .kgh-identity-hero .kgh-staff-contact-value,
.kgh-hub .kgh-identity-hero .kgh-staff-contact-label,
.kgh-hub .kgh-identity-hero .kgh-staff-contact-line,
.kgh-hub .kgh-identity-hero .kgh-profile-copy small {
 color:#f7f8fb!important;
 -webkit-text-fill-color:currentColor!important;
}

/* Expanded dark metrics: percentage figures, hyperlinks and muted helper text. */
.kgh-hub .kgh-metric-detail .kgh-metric-person-link,
.kgh-hub .kgh-metric-detail .kgh-metric-person-link:visited,
.kgh-hub .kgh-metric-detail .kgh-metric-person-name,
.kgh-hub .kgh-metric-detail .kgh-metric-person-stats b,
.kgh-hub .kgh-metric-detail .kgh-metric-empty,
.kgh-hub .kgh-metric-detail .kgh-econt-branch-summary span,
.kgh-hub .kgh-metric-detail .kgh-econt-branch-summary b {
 color:#fff!important;
}
.kgh-hub .kgh-metric-detail .kgh-metric-person-stats em,
.kgh-hub .kgh-metric-detail .kgh-metric-person-stats em * {
 background:#f4f6f9!important;
 color:#20242c!important;
 -webkit-text-fill-color:#20242c!important;
 border-color:#bdc4ce!important;
}
.kgh-hub .kgh-metric-detail .kgh-econt-refresh-row small,
.kgh-hub .kgh-metric-detail .kgh-staff-econt-detail span {color:#e0e4eb!important}

/* Light form panels: matching dark typography, not inherited white. */
.kgh-hub .kgh-staff-picker,
.kgh-hub .kgh-finance-simple-row,
.kgh-hub .kgh-finance-simple-period,
.kgh-hub .kgh-finance-simple-explain,
.kgh-hub .kgh-finance-entry-row,
.kgh-hub .kgh-finance-entry-rules,
.kgh-hub .kgh-finance-entry-intro,
.kgh-hub .kgh-report-cycle-settings,
.kgh-hub .kgh-target-scope-summary,
.kgh-hub .kgh-pay-grid>div:not(.is-total),
.kgh-hub .kgh-finance-v2-cards>div,
.kgh-hub .kgh-finance-v2-breakdown>section {
 color:#20242c!important;
}
.kgh-hub .kgh-staff-picker label,
.kgh-hub .kgh-finance-simple-row label,
.kgh-hub .kgh-finance-simple-row strong,
.kgh-hub .kgh-finance-simple-period strong,
.kgh-hub .kgh-finance-simple-explain strong,
.kgh-hub .kgh-finance-entry-row label,
.kgh-hub .kgh-finance-entry-rules label,
.kgh-hub .kgh-report-cycle-settings label,
.kgh-hub .kgh-target-scope-summary strong,
.kgh-hub .kgh-pay-grid>div:not(.is-total) strong,
.kgh-hub .kgh-pay-grid>div:not(.is-total) b:not(.kgh-component-percentages) {
 color:#20242c!important;
}
.kgh-hub .kgh-target-scope-summary span,
.kgh-hub .kgh-finance-simple-saved,
.kgh-hub .kgh-finance-simple-row small,
.kgh-hub .kgh-finance-entry-row small {
 color:#525c68!important;
}

/* Nested finance tiles where the background is explicitly pale. */
.kgh-hub .kgh-finance-v2-breakdown>section h3,
.kgh-hub .kgh-finance-v2-breakdown>section p,
.kgh-hub .kgh-finance-v2-breakdown>section span,
.kgh-hub .kgh-finance-v2-breakdown>section b,
.kgh-hub .kgh-finance-v2-cards>div strong,
.kgh-hub .kgh-finance-v2-cards>div b {
 color:#20242c!important;
}

/* Empty states on light cards, including vouchers, approvals and personal tasks. */
.kgh-hub .kgh-hub-card .kgh-empty-note,
.kgh-hub .kgh-personal-tasks .kgh-empty-note,
.kgh-hub .kgh-voucher-request-list .kgh-empty-note,
.kgh-hub .kgh-salary-request-list .kgh-empty-note {
 background:#f0f2f5!important;
 color:#20242c!important;
 -webkit-text-fill-color:#20242c!important;
 border:1px solid #cbd2db!important;
}
.kgh-hub .kgh-personal-head h2,
.kgh-hub .kgh-personal-head small {
 color:#20242c!important;
 -webkit-text-fill-color:#20242c!important;
}

/* Clear active/inactive tabs without altering click targets. */
.kgh-hub .kgh-subtabs>a,
.kgh-hub .kgh-subtabs>a:visited {text-decoration:none!important;text-shadow:none!important}
.kgh-hub .kgh-subtabs>a.is-active {color:#20242c!important;-webkit-text-fill-color:#20242c!important}
.kgh-hub .kgh-subtabs>a:not(.is-active) {color:#f0f2f7!important;-webkit-text-fill-color:#f0f2f7!important}
.kgh-hub .kgh-subtabs>a b {color:inherit!important}

/* Salary/target: dark containers get light text; pale tiles retain dark ink. */
.kgh-hub .kgh-pay-card .kgh-pay-total,
.kgh-hub .kgh-pay-card .kgh-pay-history summary,
.kgh-hub .kgh-pay-card .kgh-pay-history p,
.kgh-hub .kgh-target-card .kgh-target-numbers,
.kgh-hub .kgh-target-card .kgh-target-head-right,
.kgh-hub .kgh-target-card .kgh-target-head-right strong {
 color:#fff!important;
}
.kgh-hub .kgh-pay-grid>div:not(.is-total) .kgh-component-percentages,
.kgh-hub .kgh-pay-grid>div:not(.is-total) small,
.kgh-hub .kgh-pay-grid>div:not(.is-total) span:not(.kgh-money-input) {color:#505b68!important}
.kgh-hub .kgh-pay-grid>div.is-total * {color:#fff!important}

/* Inputs and form helper copy stay dark on the explicit pale input surface. */
.kgh-hub input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
.kgh-hub select,.kgh-hub textarea {
 background:#f8f9fb!important;
 color:#20242c!important;
 -webkit-text-fill-color:#20242c!important;
}
.kgh-hub input::placeholder,.kgh-hub textarea::placeholder{color:#666f7b!important;opacity:1!important}

@media(max-width:700px){
 .kgh-hub .kgh-subtabs{max-width:100%;box-sizing:border-box}
 .kgh-hub .kgh-metric-person-stats em{min-width:38px}
}

/* v7: Exact Econt expanded summary tiles, light card = dark typography. */
.kgh-hub .kgh-metric-detail .kgh-staff-econt-detail > div {
  background: #f4f6f9 !important;
  border: 1px solid #cbd1da !important;
  color: #20242c !important;
}
.kgh-hub .kgh-metric-detail .kgh-staff-econt-detail > div > span,
.kgh-hub .kgh-metric-detail .kgh-staff-econt-detail > div > b {
  color: #20242c !important;
  -webkit-text-fill-color: #20242c !important;
  text-shadow: none !important;
}
.kgh-hub .kgh-metric-detail .kgh-staff-econt-detail > div > span {
  color: #505967 !important;
  -webkit-text-fill-color: #505967 !important;
}
.kgh-hub .kgh-metric-detail .kgh-econt-refresh-row small {
  color: #e7eaf0 !important;
  -webkit-text-fill-color: #e7eaf0 !important;
}