/* Sarı Şerit posta paneli — Roundcube elastic üzerine ince bir kabuk.
   Yalnız webmail.sariserit.com adresinde yükleniyor; öteki alan adları
   varsayılan görünümde kalıyor. */
:root{
  --ss-sari:#ffd31a;
  --ss-siyah:#111111;
  --ss-kagit:#fffdf8;
}

/* Giriş ekranı */
body.task-login #layout,
body.task-login #layout-content{background:var(--ss-kagit)}
/* Giriş ekranındaki logo. Elastic varsayılanı max-height:100px ile
   sınırlıyor; dik logomuz orada küçük kalıyordu. */
body.task-login #logo{
  max-width:340px;
  max-height:190px;
  width:auto;
  height:auto;
  top:11vh;
  margin-bottom:10px;
}
@media (max-height:760px){
  body.task-login #logo{max-height:150px; top:8vh}
}
@media (max-width:480px){
  body.task-login #logo{max-width:240px; max-height:140px}
}
body.task-login .box-inner{
  border-top:6px solid var(--ss-sari);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(17,17,17,.14);
}
/* Giriş kutusunun üstünde olay yeri bandı */
body.task-login #login-form form:before{
  content:"";
  display:block;
  height:14px;
  margin:0 0 20px;
  border-radius:3px;
  background:repeating-linear-gradient(-45deg,
    var(--ss-sari) 0 16px, var(--ss-sari) 16px 20px,
    var(--ss-siyah) 20px 34px, var(--ss-siyah) 34px 38px);
}

/* Düğmeler */
.btn.btn-primary,
button.btn.btn-primary,
a.btn.btn-primary{
  background-color:var(--ss-siyah) !important;
  border-color:var(--ss-siyah) !important;
  color:#fff !important;
  font-weight:700;
}
.btn.btn-primary:hover,
button.btn.btn-primary:hover{
  background-color:var(--ss-sari) !important;
  color:var(--ss-siyah) !important;
}

/* Seçili satır ve klasör */
.listing li.selected > a,
.listing tr.selected > td,
#messagelist tr.selected td{
  background-color:var(--ss-sari) !important;
  color:var(--ss-siyah) !important;
}
.listing li.selected > a *,
#messagelist tr.selected td *{color:var(--ss-siyah) !important}

/* Okunmamış sayacı ve üst çubuk vurgusu */
.listing li a .unreadcount,
#taskmenu a .badge{background-color:var(--ss-sari); color:var(--ss-siyah)}
#layout-sidebar > .header,
#layout-list > .header,
#layout-content > .header{border-bottom:3px solid var(--ss-sari)}