/* BLTZMAIL_AUTO_CONTRAST_V1 */

/*
 * Elemen pada permukaan GELAP
 */
body .bltz-tone-dark{
  color:#f5f5f5 !important;
}

body .bltz-tone-dark:is(
  p,
  span,
  small,
  label
){
  color:#aaaaaa !important;
}

body .bltz-tone-dark:is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b,
  a,
  button
){
  color:#f5f5f5 !important;
}


/*
 * Elemen pada permukaan TERANG
 */
body .bltz-tone-light{
  color:#111111 !important;
}

body .bltz-tone-light:is(
  p,
  span,
  small,
  label
){
  color:#6b6b6b !important;
}

body .bltz-tone-light:is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b,
  a
){
  color:#111111 !important;
}


/* =========================
   BANNER
========================= */

.dashboard-banner,
.dashboard-banner *{
  color:#ffffff !important;
}

.dashboard-banner p,
.dashboard-banner span{
  color:rgba(255,255,255,.82) !important;
}


/* =========================
   BILLING BLACK CARDS
========================= */

.bltz-plan-stat{
  background:#070707 !important;
  border-color:#262626 !important;
}

.bltz-plan-stat span,
.bltz-plan-stat small{
  color:#858585 !important;
}

.bltz-plan-stat strong{
  color:#ffffff !important;
}

.bltz-plan-status{
  background:#111111 !important;
  color:#ffffff !important;
}

.bltz-order-state{
  background:#111111 !important;
  color:#ffffff !important;
}


/* =========================
   API AREA
========================= */

#api-keys button{
  color:#ffffff !important;
}

#api-keys button *{
  color:#ffffff !important;
}

#api-keys input{
  color:#111111 !important;
}

#api-keys input::placeholder{
  color:#888888 !important;
}


/*
 * API key white cards
 */
#api-keys [data-api-key-id]{
  background:#ffffff !important;
  color:#111111 !important;
}

#api-keys [data-api-key-id]
.bltz-tone-light{
  color:#111111 !important;
}


/*
 * Tetapi panel hitam DI DALAM
 * white API-key card harus putih.
 */
#api-keys [data-api-key-id]
.bltz-tone-dark{
  color:#f4f4f4 !important;
}

#api-keys [data-api-key-id]
.bltz-tone-dark:is(
  span,
  small,
  p,
  label
){
  color:#8d8d8d !important;
}


/* =========================
   ACCOUNT / SECURITY
========================= */

#account .account-row strong,
#account .account-row b{
  font-weight:500 !important;
}


/* =========================
   SYSTEM STATUS
========================= */

.system-status,
.system-status *,
#systemStatus,
#systemStatus *{
  color:#ffffff !important;
}


/* =========================
   BUTTONS
========================= */

button.bltz-tone-dark,
a.bltz-tone-dark{
  color:#ffffff !important;
}

button.bltz-tone-light,
a.bltz-tone-light{
  color:#111111 !important;
}


/* =========================
   MOBILE READABILITY
========================= */

@media(max-width:768px){

  .bltz-plan-stat strong{
    font-size:20px !important;
  }

  .bltz-plan-stat span{
    font-size:8px !important;
  }

  #api-keys [data-api-key-id]
  .bltz-tone-dark{
    color:#f2f2f2 !important;
  }

  #api-keys [data-api-key-id]
  .bltz-tone-dark:is(
    span,
    p,
    small
  ){
    color:#929292 !important;
  }

}