/* HERA_PREMIUM_DARK_V31 */

/* ==========================================================
   PROBLEM SCREEN ROOTS
   ========================================================== */

html.hera-dark #kasa,
html.hera-dark #communications,
html.hera-dark #menu{
  color:#eef3f7 !important;
}


/* ==========================================================
   SCOPED SURFACES
   ========================================================== */

html.hera-dark #kasa .hera-v31-surface,
html.hera-dark #communications .hera-v31-surface,
html.hera-dark #menu .hera-v31-surface{
  background:
    linear-gradient(
      180deg,
      #17212c 0%,
      #131c26 100%
    ) !important;

  color:#eef3f7 !important;

  border-color:#2a3848 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 7px 20px rgba(0,0,0,.10)
    !important;
}


html.hera-dark #kasa .hera-v31-surface-soft,
html.hera-dark #communications .hera-v31-surface-soft,
html.hera-dark #menu .hera-v31-surface-soft{
  background:#111923 !important;

  color:#dce4ec !important;

  border-color:#263442 !important;
}


/* ==========================================================
   SEMANTIC GREEN
   ========================================================== */

html.hera-dark #kasa .hera-v31-green,
html.hera-dark #communications .hera-v31-green,
html.hera-dark #menu .hera-v31-green{
  background:
    linear-gradient(
      145deg,
      #173026,
      #13231d
    ) !important;

  color:#dff8ed !important;

  border-color:
    rgba(64,205,148,.25) !important;

  box-shadow:
    inset 3px 0 0 rgba(64,205,148,.62)
    !important;
}


/* ==========================================================
   SEMANTIC RED
   ========================================================== */

html.hera-dark #kasa .hera-v31-red,
html.hera-dark #communications .hera-v31-red,
html.hera-dark #menu .hera-v31-red{
  background:
    linear-gradient(
      145deg,
      #2a1b20,
      #21171b
    ) !important;

  color:#ffe3e5 !important;

  border-color:
    rgba(255,112,122,.25) !important;
}


/* ==========================================================
   SEMANTIC ORANGE
   ========================================================== */

html.hera-dark #kasa .hera-v31-orange,
html.hera-dark #communications .hera-v31-orange,
html.hera-dark #menu .hera-v31-orange{
  background:
    linear-gradient(
      145deg,
      #2d251a,
      #211d17
    ) !important;

  color:#ffe9d3 !important;

  border-color:
    rgba(245,161,91,.24) !important;
}


/* ==========================================================
   SEMANTIC BLUE
   ========================================================== */

html.hera-dark #kasa .hera-v31-blue,
html.hera-dark #communications .hera-v31-blue,
html.hera-dark #menu .hera-v31-blue{
  background:
    linear-gradient(
      145deg,
      #19283b,
      #14202f
    ) !important;

  color:#e3efff !important;

  border-color:
    rgba(104,161,244,.23) !important;
}


/* ==========================================================
   SEMANTIC PURPLE
   ========================================================== */

html.hera-dark #kasa .hera-v31-purple,
html.hera-dark #communications .hera-v31-purple,
html.hera-dark #menu .hera-v31-purple{
  background:
    linear-gradient(
      145deg,
      #24203a,
      #1b192e
    ) !important;

  color:#eeeaff !important;

  border-color:
    rgba(151,135,255,.24) !important;
}


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

html.hera-dark #kasa .hera-v31-text,
html.hera-dark #communications .hera-v31-text,
html.hera-dark #menu .hera-v31-text{
  color:#edf2f7 !important;
}


html.hera-dark #kasa .hera-v31-muted,
html.hera-dark #communications .hera-v31-muted,
html.hera-dark #menu .hera-v31-muted{
  color:#8d9bad !important;
}


/* ==========================================================
   KASA — SPECIAL FINISH
   ========================================================== */

html.hera-dark #kasa{
  background:transparent !important;
}


html.hera-dark #kasa input,
html.hera-dark #kasa select,
html.hera-dark #kasa textarea{
  background:#101823 !important;

  color:#edf2f7 !important;

  border-color:#2c3a4a !important;
}


html.hera-dark #kasa details{
  background:#121b25 !important;

  border-color:#293746 !important;
}


html.hera-dark #kasa summary{
  background:#17212c !important;

  color:#edf2f7 !important;

  border-color:#2b3948 !important;
}


/* Finans rakamları */

html.hera-dark #kasa b,
html.hera-dark #kasa strong{
  color:#f3f6f9;
}


html.hera-dark #kasa
.hera-v31-green b,
html.hera-dark #kasa
.hera-v31-green strong{
  color:#56d8a5 !important;
}


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

html.hera-dark #communications{
  background:transparent !important;
}


/* Ana büyük çerçeve */

html.hera-dark #communications > .hero{
  background:
    linear-gradient(
      135deg,
      #17212d,
      #121b25
    ) !important;

  color:#f1f4f8 !important;

  border-color:#2a3847 !important;
}


/* Görüşme listesi / chat / hızlı randevu */

html.hera-dark #communications
[class*="conversation"],
html.hera-dark #communications
[class*="quick"],
html.hera-dark #communications
[class*="call-card"]{
  border-color:#293746 !important;
}


/* Chat alanı */

html.hera-dark #communications
[class*="chat"]{
  border-color:#293746 !important;
}


/* Mesaj inputları */

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

  color:#edf2f7 !important;

  border-color:#2b3949 !important;
}


/* Görüşme satırı hover */

html.hera-dark #communications
[class*="conversation"]:hover{
  border-color:#39495b !important;
}


/* ==========================================================
   MENU = MANAGEMENT + LEAVES
   ========================================================== */

html.hera-dark #menu{
  background:transparent !important;
}


html.hera-dark #menu .hero{
  background:
    linear-gradient(
      135deg,
      #17212d,
      #121b25
    ) !important;

  color:#f2f5f8 !important;

  border-color:#2b3949 !important;
}


/* Yönetim sol menü ve kartlar */

html.hera-dark #menu .menu-item,
html.hera-dark #menu .card{
  background:
    linear-gradient(
      180deg,
      #17212c,
      #131c26
    ) !important;

  color:#edf2f7 !important;

  border-color:#2a3847 !important;
}


html.hera-dark #menu .menu-item:hover{
  background:#1b2734 !important;

  border-color:#39495b !important;
}


/* Yönetim KPI */

html.hera-dark #menu .card span{
  color:#8e9bad !important;
}


html.hera-dark #menu .card b,
html.hera-dark #menu .card strong{
  color:#f1f4f8 !important;
}


/* İzin günlerinin kırmızı butonlarını koru */

html.hera-dark #menu
button[style*="red"],
html.hera-dark #menu
button[style*="#f"],
html.hera-dark #menu
.btn.danger{
  background:
    #2b1b20 !important;

  color:#ff9ca2 !important;

  border-color:
    rgba(255,112,122,.30) !important;
}


/* Yönetim arama alanı */

html.hera-dark #menu input,
html.hera-dark #menu textarea,
html.hera-dark #menu select{
  background:#101823 !important;

  color:#eef2f7 !important;

  border-color:#2b3949 !important;
}


/* ==========================================================
   WARNINGS
   ========================================================== */

html.hera-dark #menu
.hera-v31-orange{
  box-shadow:
    inset 3px 0 0 rgba(245,161,91,.70)
    !important;
}


html.hera-dark #menu
.hera-v31-blue{
  box-shadow:
    inset 3px 0 0 rgba(104,161,244,.65)
    !important;
}


/* ==========================================================
   BUTTONS INSIDE THESE PAGES
   ========================================================== */

html.hera-dark #kasa button:not(.btn),
html.hera-dark #communications button:not(.btn),
html.hera-dark #menu button:not(.btn){
  color:inherit;
}


/* ==========================================================
   FINAL DEPTH
   ========================================================== */

html.hera-dark #kasa,
html.hera-dark #communications,
html.hera-dark #menu{
  --v31-line:#2a3847;
}


html.hera-dark #kasa hr,
html.hera-dark #communications hr,
html.hera-dark #menu hr{
  border-color:
    rgba(255,255,255,.065) !important;
}


html.hera-dark #kasa ::selection,
html.hera-dark #communications ::selection,
html.hera-dark #menu ::selection{
  background:
    rgba(149,133,255,.30);

  color:#fff;
}