/* Ki Business skin — elastic'i import et, üstüne marka renklerini uygula */
@import url("../../elastic/styles/styles.min.css");

/* ── Ki Business renk paleti ── */
:root {
  --ki-teal:        #26A69A;
  --ki-teal-dark:   #1E9186;
  --ki-navy:        #0D1B2A;
  --ki-navy-soft:   #1E3448;
  --ki-bg:          #EFF8F6;
}

/* Sol task menu (navy) */
.menu.toolbar,
#layout-menu,
#taskmenu {
  background-color: var(--ki-navy) !important;
}
#taskmenu a { color: #EFF8F6 !important; }
#taskmenu a.selected,
#taskmenu a:hover {
  background-color: var(--ki-navy-soft) !important;
  color: var(--ki-teal) !important;
}
#taskmenu a.logout:hover { color: #E53E3E !important; }

/* Primary butonlar */
.formbuttons .button.mainaction,
button.btn-primary,
.btn-primary,
input.button.mainaction {
  background-color: var(--ki-teal) !important;
  border-color: var(--ki-teal) !important;
}
.btn-primary:hover,
.button.mainaction:hover {
  background-color: var(--ki-teal-dark) !important;
  border-color: var(--ki-teal-dark) !important;
}

/* Linkler ve vurgular */
a, a:visited { color: var(--ki-teal); }
a:hover { color: var(--ki-teal-dark); }

/* Seçili liste öğesi */
.listing li.selected > a,
.listing tr.selected > td,
table.messagelist tbody tr.selected td {
  background-color: rgba(38,166,154,.12) !important;
  color: var(--ki-navy) !important;
}

/* Login ekranı arka planı */
body.task-login {
  background: linear-gradient(135deg, #EFF8F6 0%, #f0fdfb 60%, rgba(38,166,154,.06) 100%) !important;
}
#login-form {
  border-top: 3px solid var(--ki-teal) !important;
}

/* Form focus rengi */
.form-control:focus,
input:focus,
select:focus {
  border-color: var(--ki-teal) !important;
  box-shadow: 0 0 0 .15rem rgba(38,166,154,.25) !important;
}