/* SendeYok webmail teması — Roundcube "elastic" üstüne biner.
   Ana arayüz elastic'ten gelir (aşağıdaki @import), yalnız marka renkleri ezilir.
   ⚠️ Elastic'in mavisi (#37beff) CSS değişkeni DEĞİL, derlenmiş sabittir; bu
      yüzden değişken ezmek işe yaramaz — kuralları tek tek ezmek gerekir.
      Aşağıdaki seçiciler elastic'in derlenmiş CSS'inden MAKİNEYLE çıkarıldı. */

:root {
  --sy-amber: #F4A62A;        /* marka amberi */
  --sy-amber-koyu: #A96A12;   /* beyaz zeminde okunur ton (kontrast 4,4:1) */
  --sy-murekkep: #0D1B2A;     /* amber zeminde yazı rengi (kontrast 8,5:1) */
}

/* ── Zemin olarak kullanılan yerler: amber + KOYU yazı ───────────────────── */
.btn-primary,
.btn-primary.disabled, .btn-primary:disabled,
.floating-action-buttons a.button,
.ui-slider .ui-slider-handle.ui-state-active,
.ui-datepicker a.ui-state-active,
.quota-widget .value,
.ui-menu .ui-state-active,
#messagestack .alert-info.information {
  background: var(--sy-amber) !important;
  background-color: var(--sy-amber) !important;
  border-color: var(--sy-amber) !important;
  color: var(--sy-murekkep) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.floating-action-buttons a.button:hover {
  background: #E09420 !important;
  background-color: #E09420 !important;
  border-color: #E09420 !important;
  color: var(--sy-murekkep) !important;
}
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover {
  background-color: var(--sy-amber) !important;
  color: var(--sy-murekkep) !important;
}

/* ── Yazı/simge olarak kullanılan yerler: beyaz zeminde koyu amber ───────── */
#taskmenu .action-buttons a,
#taskmenu .action-buttons a:hover,
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight {
  color: var(--sy-amber-koyu) !important;
}

/* ── Odak çerçeveleri ────────────────────────────────────────────────────── */
.formcontent.raweditor .CodeMirror-focused,
.multi-input > .content.focused,
.recipient-input.focus,
input:focus, select:focus, textarea:focus {
  border-color: var(--sy-amber) !important;
  box-shadow: 0 0 0 2px rgba(244, 166, 42, .25) !important;
}

/* ── Giriş ekranı: logoyu büyüt, markayı öne çıkar ───────────────────────── */
#layout > #login-form .box-inner img.logo,
#login-form img.logo { max-width: 168px; height: auto; }