/* ============================================================
   AURCAM Mail — Glacier teması (Roundcube Elastic override)
   Enjeksiyon: nginx sub_filter · güncelleme-korumalı
   ============================================================ */
:root{
  --aur-azure:#2f9bff; --aur-azure-2:#56c5ff; --aur-deep:#3d6ff0;
  --aur-ink:#0d1420; --aur-ink-2:#141d2e;
  --aur-grad:linear-gradient(135deg,#56c5ff 0%,#2f9bff 48%,#3d6ff0 100%);
  --aur-glow:0 8px 28px rgba(47,155,255,.32);
}

/* ---- Marka aksanı: mavi butonlar/linkler → Aurcam azure ---- */
a,.listing li a.active,.pagenav a.button:hover{color:var(--aur-azure)}
.button.create.compose,a.compose,.floating-action-buttons a.button.compose{
  background:var(--aur-grad)!important;border:0!important;color:#fff!important;
  box-shadow:var(--aur-glow)!important;border-radius:14px!important;font-weight:700}
button.btn-primary,.btn-primary,.formbuttons .btn.submit,input.btn-primary{
  background:var(--aur-grad)!important;border:0!important;color:#fff!important;
  box-shadow:var(--aur-glow)!important}
button.btn-primary:hover,.btn-primary:hover{filter:brightness(1.06)}

/* ---- Seçili/okunmamış öğe vurgusu ---- */
#messagelist tr.selected>td,.listing li.selected>a,.listing tr.selected>td{
  background:linear-gradient(90deg,rgba(47,155,255,.14),rgba(47,155,255,.04))!important}
#messagelist tr.selected>td{box-shadow:inset 3px 0 0 var(--aur-azure)}
.messagelist .unread .subject,.listing .unread{font-weight:700}
span.unreadcount,.unreadcount,.folder .unreadcount{
  background:var(--aur-azure)!important;color:#fff!important;border-radius:999px}

/* ---- Sol ana menü (task rail) koyu buz tonu ---- */
#layout-menu,.task-menu,#taskmenu{background:var(--aur-ink)!important}
#taskmenu a.button.selected,#layout-menu a.selected{color:var(--aur-azure-2)!important}
#taskmenu a.button.selected span.inner{color:var(--aur-azure-2)!important}

/* ============ GİRİŞ SAYFASI (marka) ============ */
body.task-login,.task-login #layout,.task-login #layout-content{
  background:radial-gradient(1200px 700px at 50% -10%,#16335c 0%,#0b1220 55%,#070b13 100%)!important}
.task-login #layout-content .content{background:transparent!important}
/* Kart = formun KENDISI (#login-form.propform) */
.task-login #login-form.propform{
  background:rgba(20,29,46,.72)!important;backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(120,180,255,.16)!important;border-radius:22px!important;
  box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)!important;
  padding:34px 30px!important;max-width:380px;margin:24px auto!important}
.task-login input.form-control{
  background:rgba(9,14,22,.7)!important;border:1px solid rgba(120,180,255,.18)!important;
  color:#eaf2ff!important;border-radius:12px!important;height:46px}
.task-login input.form-control:focus{border-color:#2f9bff!important;
  box-shadow:0 0 0 3px rgba(47,155,255,.25)!important}
.task-login label{color:#9fb6d6!important;font-weight:600}
.task-login #rcmloginsubmit,.task-login button.btn-primary{
  width:100%;height:48px;border-radius:12px!important;font-size:15px;letter-spacing:.2px;
  background:linear-gradient(135deg,#56c5ff 0%,#2f9bff 48%,#3d6ff0 100%)!important;border:0!important}
.task-login .logo,.task-login #logo{display:none!important}
.task-login #login-form.propform::before{
  content:"AURCAM";display:block;text-align:center;font-weight:800;font-size:26px;
  letter-spacing:3px;margin-bottom:2px;
  background:linear-gradient(135deg,#56c5ff,#2f9bff,#3d6ff0);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
.task-login #login-form.propform::after{
  content:"Kurumsal e-posta \2022 yalnizca yetkili personel";display:block;text-align:center;
  color:#7d93b3;font-size:11.5px;margin:2px 0 22px;letter-spacing:.3px}

/* ---- ince cila ---- */
*{scrollbar-width:thin;scrollbar-color:rgba(120,160,220,.35) transparent}
.toolbar .btn,.toolbarmenu .btn{border-radius:10px}

/* login input ikon kutulari (beyaz -> koyu) */
.task-login .input-group-text,.task-login .input-group-prepend,.task-login .input-group .icon,
.task-login label.input-group-text{
  background:rgba(9,14,22,.7)!important;border:1px solid rgba(120,180,255,.18)!important;
  border-right:0!important;color:#7fa8d8!important;border-radius:12px 0 0 12px!important}
.task-login .input-group input.form-control{border-left:0!important;border-radius:0 12px 12px 0!important}
.task-login .input-group{margin-bottom:14px}