/* HERA_PREMIUM_DARK_V32 */


/* ==========================================================
   NORMAL LIGHT SURFACE -> PREMIUM GRAPHITE
   ========================================================== */

html.hera-dark .hera-v32-surface{
  background:
    linear-gradient(
      145deg,
      #18232f 0%,
      #131c26 100%
    ) !important;

  color:#eef3f7 !important;

  border-color:#2b3a4a !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 22px rgba(0,0,0,.11)
    !important;
}


/* ==========================================================
   LIGHT GREEN -> PREMIUM DARK GREEN
   ========================================================== */

html.hera-dark .hera-v32-green{
  background:
    linear-gradient(
      145deg,
      #183126 0%,
      #12231c 100%
    ) !important;

  color:#e3faef !important;

  border-color:
    rgba(69,210,154,.26) !important;

  box-shadow:
    inset 3px 0 0 rgba(69,210,154,.62),
    0 7px 20px rgba(0,0,0,.10)
    !important;
}


/* ==========================================================
   TEXT
   ========================================================== */

html.hera-dark .hera-v32-text{
  color:#f0f4f8 !important;
}


html.hera-dark .hera-v32-muted{
  color:#9aa8b8 !important;
}


/* ==========================================================
   KASA
   ========================================================== */

html.hera-dark #kasa
.hera-v32-surface b,
html.hera-dark #kasa
.hera-v32-surface strong,
html.hera-dark #kasa
.hera-v32-green b,
html.hera-dark #kasa
.hera-v32-green strong{
  color:#f4f7fa !important;
}


html.hera-dark #kasa
.hera-v32-green b{
  color:#59dba7 !important;
}


/* Net kasa ana kart */

html.hera-dark #kasa
.hera-v32-green{
  border-color:
    rgba(66,207,151,.24) !important;
}


/* ==========================================================
   COMMUNICATIONS
   ========================================================== */

/* Sohbet ana çalışma alanı */

html.hera-dark #communications
.hera-v32-surface{
  border-color:#2b3949 !important;
}


/* Gönderilen mesaj balonları */

html.hera-dark #communications
.hera-v32-green{
  background:
    linear-gradient(
      145deg,
      #1c4936,
      #173628
    ) !important;

  color:#eafff4 !important;

  border:
    1px solid
    rgba(85,224,165,.24) !important;

  box-shadow:
    0 3px 10px
    rgba(0,0,0,.10) !important;
}


html.hera-dark #communications
.hera-v32-green *,
html.hera-dark #communications
.hera-v32-green span,
html.hera-dark #communications
.hera-v32-green p{
  color:
    inherit !important;
}


/* Gelen mesaj */

html.hera-dark #communications
[class*="message"]:not(.hera-v32-green),
html.hera-dark #communications
[class*="bubble"]:not(.hera-v32-green){
  border-color:
    rgba(255,255,255,.075);
}


/* ==========================================================
   RANDEVULAR
   ========================================================== */

/* Oda yoğunluğu gibi açık özel bloklar */

html.hera-dark #randevular
.hera-v32-surface,
html.hera-dark #appointments
.hera-v32-surface{
  background:
    linear-gradient(
      145deg,
      #17212c,
      #121b25
    ) !important;

  color:#edf2f7 !important;

  border-color:#293847 !important;
}


html.hera-dark #randevular
.hera-v32-surface h1,
html.hera-dark #randevular
.hera-v32-surface h2,
html.hera-dark #randevular
.hera-v32-surface h3,
html.hera-dark #randevular
.hera-v32-surface b,
html.hera-dark #randevular
.hera-v32-surface strong,
html.hera-dark #appointments
.hera-v32-surface h1,
html.hera-dark #appointments
.hera-v32-surface h2,
html.hera-dark #appointments
.hera-v32-surface h3,
html.hera-dark #appointments
.hera-v32-surface b,
html.hera-dark #appointments
.hera-v32-surface strong{
  color:#f2f5f8 !important;
}


/* ==========================================================
   KEEP INPUTS CONSISTENT
   ========================================================== */

html.hera-dark #kasa input,
html.hera-dark #communications input,
html.hera-dark #communications textarea,
html.hera-dark #randevular input,
html.hera-dark #appointments input{
  background:#0f1721 !important;

  color:#edf2f7 !important;

  border-color:#2c3b4b !important;
}


/* ==========================================================
   SMALL SURFACE POLISH
   ========================================================== */

html.hera-dark .hera-v32-surface:hover{
  border-color:#354658 !important;
}